@import url(css/header.css);
@import url(css/mobMenu.css);
@import url(css/cover.css);
@import url(css/content.css);
@import url(css/description.css);
@import url(css/info.css);
@import url(css/contakt.css);
@import url(css/map.css);
@import url(css/footer.css);
@import url(css/mobInfo.css);
@import url(font-awesome.css);
@import url(fb.css);


input, textarea {outline:none;}

.page {
  margin:0px;
  padding:0px;
  font-size:0;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  color: #000;
}

section {position:relative;}
.lnk{position:absolute; left:0; top:-120px;}

section.icons ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin:10px; padding:0; list-style:none; }
section.icons ul li{width:30%; text-align: center; padding:10px 0; cursor:pointer;}
section.icons ul li span{display: block; padding: 5px 30px; font-size:16px;}

.wrapper{width:1160px; font-size:14px; position:relative; margin: 5px auto 25px;}

.caption {width:100%; height:60px; margin:15px 0 15px 0; position:relative; text-align:center;}
.caption:before {content:""; width:100%; height:2px; background:#141414; text-align:center; position:absolute; left:0; top:22px;  z-index:1;}
.caption_title{display:inline-block; color: #141414; background:#fff; padding:0 30px; margin:0; font-size:36px; font-weight:300; text-decoration:none; position:relative; z-index:2;}


.products{margin-top:20px;}


.carusel{height:260px; overflow:hidden;}
.carusel ul{display:block; list-style:none; transition:0.3s; width:110%;  margin:0; padding:0; text-align:left; font-size:0;}
.carusel ul li{float:left; text-align:center; transition:0.3s; width:260px; font-size:16px; height:260px; padding:0; margin:0 15px;}
.carusel ul li img{width:260px;}
.carusel ul li a{text-decoration:none;}
.carusel ul li a{color:#141414; font-weight:normal; font-size:16px;}

span.back, span.next{width:0; cursor:pointer; opacity:0.7; transition:0.3s; height:0; display:block; border-top:20px transparent solid; border-bottom:20px transparent solid;  position:absolute; top:150px;}
span.back:hover, span.next:hover{opacity:1;}
span.back{border-right:22px #003b57 solid; left:-18px;}
span.next{border-left:22px #003b57 solid; right:-18px;}

.sert .carusel{height:400px;}
.sert span.back, .sert span.next{top:220px;}

#blacker{position:fixed; transition:opacity 0.3s; width:0; height:0; opacity:0; background:rgba(0,0,0,0.8); z-index:999; left:0; top:0;}
#blacker.open{width:100%; height:100%; opacity:1;}

#modal{position:fixed; transition:opacity 0.3s; width:0; max-height:0; opacity:0; background:#fff; z-index:999; left:50%; margin-left:-220px; top:150px;}
#modal.open{width:400px; box-shadow:0 0 10px #000b35; text-align:left; padding:20px;  border-radius:3px; opacity:1; color:#18181b;; font-size:16px; max-height:700px;}
#modal.open h3{font-size:24px; border-bottom:1px #C7C7C7 dotted; display:block; margin-top:0; width:100%; margin-bottom:0px; font-weight:normal; text-align:left;}
#modal.open i.fa-times{position:absolute; right:10px; top:10px; cursor:pointer;}
#modal.open form{margin:20px 100px; width:200px;}
#modal.open form input{height:30px; font-size:14px; width:188px; padding:0 5px; border:1px #9E9E9E solid; border-radius:7px; margin-bottom:10px;}
#modal.open form button{width:200px; height:30px; border:none;  border-radius:7px; background:#003b57; color:#fff; font-size:18px; cursor:pointer;}

#modal.open .phones{font-size:20px; line-height:28px;}
#modal.open .phones a{color:#18181b; display:inline-block; border-bottom:1px #18181b dotted; text-decoration:none; }
#modal.open .phones a:hover{color:#003b57;}
#modal.open .phones span{display:inline-block; width:100px;}

.topper .lnk{top:0;}

@media (max-width: 1250px)
{
body{zoom:0.7}
}


@media (max-width: 850px)
{
body{zoom:0.6}
}

@media (max-width: 720px)
{
*{box-sizing:border-box;}

body{zoom:1}

.lnk{top:-80px;}

.wrapper{margin: 0px auto 0px; padding:5px; width:100%; min-width: 300px;}

.caption {margin: 0;}
.caption_title{font-size:22px; line-height: 32px; width: 100%; font-weight: bold; border-bottom: 2px #141414 solid;}
.caption:before {height:0;}

.products{margin-top: 0;}

#carusel1, #carusel2, #carusel3, #carusel4, #carusel5{min-height:370px;}
#carusel3{min-height:420px;}
.carusel{width:300px; left:50%; position: absolute; top:60px; margin-left:-150px;}
.carusel *{max-width:1000000px !important;}
.carusel ul li{margin:0 10px 0 20px;}

section.contacts .col{width:100%; height:auto;}

section.icons ul li{width:50%;}

#fancybox-tmp, #fancybox-tmp *{box-sizing: content-box; max-width:100000px !important;}
#fancybox-wrap, #fancybox-wrap *{box-sizing: content-box; max-width:100000px !important;}


span.back{border-right:20px #003b57 solid; left:5px;}
span.next{border-left:20px #003b57 solid; right:5px;}
.sert span.back, .sert span.next{top:200px;}

#modal{position:fixed; transition:opacity 0.3s; width:0; max-height:0; opacity:0; background:#fff; z-index:999; left:5%; margin-left:0px; top:150px;}
#modal.open{width:90%; box-shadow:0 0 10px #000; text-align:left; padding:20px;  border-radius:3px; opacity:1; color:#000b35; font-size:16px; max-height:700px;}

}