/* Fonts */
@font-face { font-family:'Roboto'; src: url('../fonts/Roboto-Regular.ttf'); font-display:auto;}

/* Overwrite */
a {color:#0d5c7d;transition:0.5s all;}
a:hover {color:#11749d;}

.button {padding:7px 12px;background:#0d5c7d;border-radius:5px;transition:0.5s all;}
.button:hover {background:#11749d;}

.title-bar {background:linear-gradient(to top, #0d5c7d, #11749d);display:none;}
.top-bar, .top-bar ul {background:none;}
.top-bar ul {width:100%;}

.close-button {right:5px;top:1px;}
.reveal.tiny {max-width:360px;}

.tabs-title > a {color:#666;}

.no-js .top-bar {
  display: none;
}

@media screen and (min-width: 40em) {
  .no-js .top-bar {
    display: block;
  }

  .no-js .title-bar {
    display: none;
  }
}

/* HTML */
body {margin:0;padding:0;font-family:sans-serif;font-size:12px;color:#394b53;}

.loading {position:fixed;width:100%;height:100%;z-index:100;background:#fff;}

header {background:#f7f7f7;}
header p {margin:0;}
header a.phone {font-size:30px;color:#0d5c7d;font-family: 'Roboto', sans-serif;font-weight:bold;line-height:normal;display:block;margin:0 0 10px;}

nav.top {background:linear-gradient(to bottom, #f7f7f7, #ffffff);border-top:1px solid #f0f0f0;}
nav.top ul {position:relative;top:-50px;}
@media only screen and (max-width: 500px) {
	nav.top ul {position:relative;top:0;}
}
nav.top ul li {padding:0;margin:5px 0;}
nav.top ul.menu li a {background:linear-gradient(to top, #e0e0e0, #fefefe);border-radius:5px;color:#0d5c7d;font-size:16px;font-weight:bold;margin: 0 10px;padding:7px 12px;text-decoration:none;}
nav.top ul.menu li a:hover {background:linear-gradient(to top, #0f5d7e, #19779d);color:#fff;}

section {}
section h1 {font-family:'Roboto',sans-serif;font-size:21px;color:#0d5c7d;display:block;font-weight:bold;}
section h2 {font-family:'Roboto',sans-serif;font-size:20px;color:#0d5c7d;display:block;margin:20px 0 10px;}
section h3 {font-family:'Roboto',sans-serif;font-size:19px;color:#0d5c7d;display:block;margin:10px 0 10px;}

#main {min-height:450px;}
#main a.image {display:block;height:450px;background-position:center center;background-repeat:no-repeat;background-size:contain;}
#main a span.title {font-family: 'Roboto', sans-serif;font-size:23px;font-weight:bold;line-height:25px;display:block;}
#main a:hover span.title {text-decoration:underline;}
#main .desc {font-size:13px;line-height:20px;display:block;margin:10px 0 20px;}
#main .price {font-family: 'Roboto', sans-serif;padding: 7px 15px 5px;border-radius: 20px;font-weight: bold;font-size: 24px;background: #0d5c7d;color: #fff;display:inline-block;margin:0 0 20px;}
#main .price i {margin:0 0 0 5px;font-size:20px;}

#slider {width:100%;height:155px;position:relative;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;transition:0.5s all;opacity:1;}
#slider .slider {overflow:hidden;margin:0 50px;height:155px;background:none;cursor:inherit;padding:0;}
#slider ul.list {margin:0;padding:0;position:relative;left:0;transition:0.5s all;}
#slider ul.list li {display:inline-block;width:135px;text-align:center;}
#slider ul.list li img {width:80px;margin:10px auto;cursor:pointer;display:block;}
#slider ul.list li span {font-weight:bold;font-size:14px;line-height:24px;color:#0d5c7d;padding:2px 5px;border-radius:7px;}
#slider ul.list li span i {font-size:13px;margin:0 0 0 3px;font-weight:bold;}
#slider ul.list li.active span {color:#fff;background: #0d5c7d;}

.arr {width:50px;display:block;height:125px;cursor:pointer;position:absolute;top:10%;}
.arr:hover {opacity:1;}
#prev {background:url(../img/prev.png) no-repeat center center;left:0;}
#next {background:url(../img/next.png) no-repeat center center;right:0;}
.off {background:none !important;cursor:auto;}
.off:hover {border-top:4px solid #fff !important;}

.info a {margin:0 0 10px;display:block;}

.anons {margin:0;padding:10px 0;border-bottom:1px solid #eee;}
.anons a.title {margin:10px 0;font-weight:bold;font-size:15px;}
.anons a img {border:1px solid #eee;}

nav.bottom {background:linear-gradient(to top, #f7f7f7, #ffffff);}
nav.bottom ul {margin:0;padding:0;}
nav.bottom ul.menu {width:100%;}
nav.bottom ul.menu li {}
nav.bottom ul.menu li span, nav.bottom ul.menu li a {line-height:30px;text-transform:uppercase;display:block;text-align:center;padding:0 5px;margin:5px 10px;}
nav.bottom ul.menu li ul {display:none;} 

footer {background:#f7f7f7;padding:0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
footer .grid-container {margin:10px auto;}
footer p {margin:0;}
footer a {color:#394b53;}

/* Forms */
.hello {display:none;}
#form_call {padding:20px 20px 0;text-align:center;}
#form_call_phone {text-align:center;letter-spacing:2px;}

#form_faq, #form_ref {padding:20px 10px 0;border:1px solid #ddd;background:#f7f7f7;}

label {font-size:12px;}

/* Prod List */
.prodlist {}
.prodlist .item {display:block;text-align:center;border:1px solid #ddd;position:relative;padding:0 0 40px;}
.prodlist .item .title {padding:10px;background:#f7f7f7;display:block;}
.prodlist .item .price {display:block;width:100%;font-size:13px;background:#f7f7f7;position:absolute;bottom:0;line-height:30px;}
.prodlist .item img {}

/* Content */
table {width:100%;}
table tbody {border:none;}
table tbody tr:nth-child(2n) {background:none;}
table tbody tr:nth-child(2n+1) {background:none;}
table tbody tr td {}
table td img {max-width:none;}

/* Video */
.videolist {}
.video {background:#f7f7f7;border:1px solid #ddd;cursor:pointer;}
.video:hover img {opacity:0.4;}
.video .image {background:url(../img/video.png) no-repeat center center;}
.video .image img {width:100%;transition:0.5s all;}
.video span {display:block;padding:10px;font-size:12px;}

#video {padding:20px 20px 15px;}
#video video {margin:0 0 10px;}

/* Breadcrumbs */
ul.breadcrumbs {margin:0;}
ul.breadcrumbs li a {color:#0d5c7d;text-transform:none;font-size:13px;}

/* Product */
.product {}
.product .rating {height:30px;margin:10px 0;}
.rat0 {background:url(../img/rat0.png) no-repeat left top;}
.rat1 {background:url(../img/rat1.png) no-repeat left top;}
.rat2 {background:url(../img/rat2.png) no-repeat left top;}
.rat3 {background:url(../img/rat3.png) no-repeat left top;}
.rat4 {background:url(../img/rat4.png) no-repeat left top;}
.rat5 {background:url(../img/rat5.png) no-repeat left top;}
.product .desc {}
.product .short_description {padding:10px;border:1px solid #ddd;margin:10px 0;position:relative;border-radius:5px;}
.product .short_description:before {display:block;content:"";position:absolute;top:-9px;left:40px;width:20px;height:9px;background:url(../img/desc.png) no-repeat;}
.product .offer {padding:10px 20px;margin:0 0 20px;}
.product .offer .price {font-size:26px;font-family:'Roboto', sans-serif;color:#0d5c7d;margin:0;font-weight:bold;}
.product .offer i {font-size:22px;}
.product .offer {}
.product .offer input[name="quantity"] {display:inline-block;width:50px;text-align:center;margin:0;border:1px solid #ddd;}
.product .offer .button {position:relative;padding:10px 15px;margin:0 10px;position:relative;top:-2px;}
.product .offer .button i {margin:0 10px 0 0;font-size:17px;}
ul.tabs {display:block;width:100%;height:30px;list-style:none;margin:0;padding:0;border:none;}
ul.tabs li {display:inline-block;height:30px;line-height:30px;padding:0 10px;cursor:pointer;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:5px 5px 0 0;font-weight:bold;margin:0;padding:0;overflow:hidden;background:#f5f5f5;}
ul.tabs li.is-active {background:#fff;z-index:1;position:relative;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
ul.tabs li a {padding:0 10px;line-height:30px;}
ul.tabs li.is-active a {color:#000;background:#fff;}
.tabs-content {border:1px solid #ddd;padding:20px 0 0;}
.tabs-content h4 {padding:5px 0 5px 10px;background:#f7f7f7;display:block;font-size:12px;font-weight:bold;margin:10px 0;border-left:2px solid #0d5c7d;}

/* Product slider */
.product #image {margin:10px 0 20px;border:1px solid #EBEBEB;overflow:hidden;cursor:pointer;}
.product #image:hover {border:1px solid #ccc;}
.product #image a {display:none;}
.product #image a:first-child {display:block;}
.product #os {position:relative;height:auto;margin:0 20px;}
.product #os .arrow {display:block;position:absolute;top:38%;width:11px;height:20px;cursor:pointer;}
.product #os .a-prev {left:-15px;background:url(../img/a-prev.png) no-repeat;}
.product #os .a-next {right:-15px;background:url(../img/a-next.png) no-repeat;}
.product #os .of {overflow:hidden;width:100%;position:relative;}
.product #os ul.os {padding:0;margin:0;list-style:none;position:absolute;}
.product #os ul.os li {width:33%;display:inline-block;margin:0 10px;}
.product #os ul.os li div {overflow:hidden;border:1px solid #EBEBEB;}
.product #os ul.os li div:hover {border:1px solid #ccc;}
.product #os ul.os li div img {width:auto;}



/* Files */
a[href$='.doc'] {
background: url(../img/doc.png) no-repeat 0 0;
padding: 15px 0 15px 60px;
display:inline-block;
margin:10px 0 0 0;
}

a[href$='.xls'] {
background: url(../img/xls.png) no-repeat 0 0;
padding: 15px 0 15px 60px;
margin:10px 0 0 0;
display:inline-block;
}

a[href$='.rar'] {
background: url(../img/rar.png) no-repeat 0 0;
padding: 15px 0 15px 60px;
display:inline-block;
margin:10px 0 0 0;
}

a[href$='.pdf'] {
background: url(../img/pdf.png) no-repeat 0 0;
padding: 15px 0 15px 60px;
display:inline-block;
margin:10px 0 0 0;
}

/* Lightbox */
#lightbox {text-align:center;padding:20px;}
#lightbox span.title {display:block;}