@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&subset=latin,cyrillic-ext);
*, *::before, *::after {
    box-sizing: border-box;
}

html {}
body {min-width:1000px; line-height:1.2; margin:0 auto; padding:0 auto; height:100%;  font-size:16px; max-width:1920px; font-family: 'Roboto Condensed', sans-serif;}
img {border: 0 none; max-width:100%;}
h1,h2,h3,h4,h5,h6 {text-transform:uppercase;}


.main {width:1000px; margin:0 auto;}
.clear {clear:both; height:0; line-height:0; font-size:0;}
.moduletable.main {width:100%;}
.text-center {text-align:center;}
.text-right {text-align:right;}

#header {}

#header .hamburger {border-radius:3px; background:#2772db; width: auto; display:none; padding: 10px; position: absolute; left: 10px; float: none;cursor: pointer;transition-property: opacity, -webkit-filter;transition-property: opacity, filter;transition-property: opacity, filter, -webkit-filter;transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; border: 0; top:7px; overflow: visible; }
#header .hamburger:hover {opacity: 0.7; }
#header .hamburger-box {width: 40px; height: 24px; display: inline-block; position: relative; }
#header .hamburger-inner {display: block; top: 50%; margin-top: -2px; }
#header .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-duration: 0.15s; transition-timing-function: ease; }
#header .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; }
#header .hamburger-inner::before { top: -10px; }
#header .hamburger-inner::after { bottom: -10px; }
.slideout-open #header .hamburger--arrow-r .hamburger-inner::before {-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.slideout-open #header .hamburger--arrow-r .hamburger-inner::after {-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

#center {}
#center #content {clear:both;}
#center #left {float:left;}
#center #left .moduletable {padding-right:20px; width:220px;}
#center #middle {overflow:hidden;}

.items {}
.items > .item {float:left; display:block;}
.items.col-2  > .item{width:50%;}
.items.col-3  > .item{width:33%;}
.items.col-4  > .item{width:25%;}
.items.col-5  > .item{width:20%;}
.items.col-7  > .item{ width: 14.24%;}

#noty_center_layout_container span {font-size:40px !important;}
#message {position:fixed; top:50%; left:50%; width:300px; margin:-210px 0 0 -160px; background:#fff; border-radius:5px; padding:10px; z-index:100; text-align:center; cursor:pointer; box-shadow:0 0 10px rgba(0,0,0,.75)}

.reviews-owi {position:relative; margin-bottom:20px;}
.reviews-owi .img {width:150px; height:150px; border-radius:100%; overflow:hidden; margin:5px auto 20px; border:5px solid #f1f5f8; box-shadow:0 0 1px #0a72c0;}
.reviews-owi .name {text-align:center;}
.reviews-owi .name .title {font-weight:bold;}
.reviews-owi .text {background:#f1f5f8; padding:5px; position:relative; margin-top:20px}
.reviews-owi .text:before {content: ''; position: absolute; bottom:100%; left:50%; margin-left:-5px; border: 10px solid transparent; border-bottom: 10px solid #f1f5f8;}
.reviews-owi .owl-controls .owl-prev, 
.reviews-owi .owl-controls .owl-next {position:absolute; right:100%; top:50%; width:50px; height:50px; margin: -25px 25px 0 0; border:2px solid #0a72c0; border-radius:100%; font-size:0; text-align:center; color:#0a72c0;}
.reviews-owi .owl-controls .owl-next {right:auto; left:100%; margin:-25px 0 0 25px;}
.reviews-owi .owl-controls .owl-prev:before {content:"<"; font-size:37px;}
.reviews-owi .owl-controls .owl-next:before {content:">"; font-size:37px;}
.reviews-owi .owl-controls .owl-prev:hover, 
.reviews-owi .owl-controls .owl-next:hover {background:#f1f5f8;}

.maps {position:relative; overflow:hidden;}
.maps .text {position:absolute; top:40%; left:50%; width:1920px; padding:10px 10px 10px 1420px ; margin-left:-1920px; z-index:999; background:rgba(0,0,0,.75);}
.maps .text * {color:#fff !important;}


.knet-products {}
.knet-products .knet-product {margin:10px; border:1px solid #ddd; padding:10px; text-align:center;}
.knet-products .knet-product:hover {border-color:#666; box-shadow:0 0 5px rgba(0,0,0,.5);}
.knet-products .knet-product .img {display:block; height:150px; width:100%; overflow:hidden;}
.knet-products .knet-product .img > img {height:100%; max-height:none; max-width:none;}
.knet-products .knet-product h4 {margin:20px 0;}
.knet-products .knet-product .product-price {float:none; text-align:center;  }

.knet-productdetails {margin:20px 0 ; }
.knet-productdetails .images {position:relative; background:#f0f0f0;}
.knet-productdetails .additional-images {position:absolute; right:0; width:60px; top:0; height:100%; overflow:auto;}
.knet-productdetails .additional-images img {border:3px solid rgba(0,0,0,.5);}

.quantity-controls {padding:0;}
span.addtocart-button input.addtocart-button, span.addtocart-button input.notify-button {width:auto;}
.product-price {float:none; margin:0; text-align:center; font-size:24px;  margin:20px 0;}
#fancybox-wrap, #fancybox-content {box-sizing: content-box !important;}

.breadcrumb {padding:0 0 20px;}
.breadcrumb > li {float:left; display:block;}

.checkout-button-top > section,
.checkout-button-top > a.opg-link.opg-text-small {display:none;}

@media screen and (max-width: 1000px) {
#header .mcs-module {float: none !important; padding: 10px !important; margin: 0 !important;}
#header .items .custom {padding:10px; min-width:auto !important; float:none !important;}
#header #city {left: 0 !important; margin-left: 59px !important; position: relative !important; top: 5px !important;}
#header #city * {color:#fd9242 !important;}
.mcs-dialog {left: 0 !important; top: 0 !important; margin-left: 0!important;}
body {max-width:none; min-width:0; will-change: unset !important;} 
.main {width:auto !important;}
#header * {color:#fff !important;}
#header .items {margin-top:0 !important; float:none !important; height:140px;}
#header .hamburger {background: #0872FE;}
#header #top_menu > ul > li ul {position:unset !important; display:block !important; background:none !important; border-top:1px solid #fff;}
.slideout-menu {right: auto; left: -256px; background: #0872FE;}
#header .logo {float:none !important; position:absolute !important; right:0 !important; left:auto !important; margin:20px;}
#header .logo img {height:50px !important;}
#header .hamburger{display:block; margin-top:15px;}
#header #top_menu {float:none !important; margin:0 !important; position: relative !important; transform: translate(0) !important;}
#header #top_menu > ul > li {float:none !important; margin:0 !important; text-align:center; border-top:1px solid #fff;  background:rgba(0,0,0, 0.3);}
#header #top_menu > ul > li > a:hover {background: rgba(242, 146, 71, 1);}
#header #top_menu > ul > li:hover > ul{box-shadow:none !important; }
#center #top .moduletable.top_paralax {width:auto !important; margin-left:0 !important; left:0 !important; height:360px; overflow:hidden;}
ul.parallax, #ymaps1468393801554702956 {display:none !important;}
.top_paralax .squares {left: 0 ; margin-left: 0; position: absolute; top: 0; width: 100%;}
.top_paralax .squares .item1 {float: left; left: 0; position: unset; text-align: center; width: 50%; }
.top_paralax .squares .item2 { position: unset; top: 0; margin:0 !important; width: 50%;text-align: center; float: left;}
.top_paralax .squares .item3, .top_paralax .squares .item4, .custom.maps .squares .item1, .custom.maps .squares .item2{display:none;}
#center #right {float:none !important; max-width:none !important;}
#left {display:none !important;}
.squares2, .squares3 {display: none !important;}

.custom.maps {height:720px;}
.custom.maps .squares {width:100%; left:0 !important; margin-left:0 !important;}
.custom.maps .squares .item3{float: left; padding-right: 0 !important; width: 100%; text-align: center !important; margin-left:0 !important; left:0 !important;}
.custom.maps .squares .item4{float: right; width: 100%; left: 0 !important; margin-left:0 !important; padding: 0 !important; text-align: center !important;}

#map {display:none !important;}
#center #top .moduletable.top_paralax .item2.orange {padding-left:0 !important;}
#center #middle {padding:10px;}
}
@media screen and (max-width: 800px){
	.kit .kit_bottom > ul > li { width: 100% !important;}
	.kit .kit_left, .kit .kit_top, .kit_center, .kit .kit_bottom, .kit .buttons {float:none !important; width:auto !important; margin:10px !important;}
	.kit .buttons {position:unset !important; padding:10px !important;} 
}
@media screen and (max-width: 700px) {
#center #top .moduletable.top_paralax { height:auto !important; overflow:visible !important;}
.items.col-5 > .item, .items.col-7 > .item, .items.col-3 > .item, .items.col-2 > .item  {width:100%;}
.top_paralax .squares {left:0 !important; margin-left:0 !important;}
.top_paralax .squares .item1 {float:none; width:100%;}
.top_paralax .squares .item2 {float:none; width:100%; text-align:center;}
#knet_popup_window {top:10% !important;  margin-left: -130px !important; width: 90% !important; }
#knet_popup_close {top:10% !important; left: 90% !important;}
}
@media screen and (max-width: 600px) {
	#knet_popup_window {width:90%; left:5%;}
	#knet_popup_close {$left:95%;}
}
@media screen and (max-width: 500px) {
	#center #bottom .moduletable.numeric {background: #475387 !important;}
	#center #right .moduletable > ul > li {width:100% !important;}
	.items.col-4 > .item {width:100% !important;}
	#center #bottom .moduletable.feed_back {height: auto !important; padding-top: 0 !important;}
	#center #top .moduletable.top_paralax .item2.orange {padding-left:0 !important;}
	#knet_popup_window {margin-top: 0 !important; max-width:none !important; margin-left:0 !important; left:0 !important; top: 10% !important; width: 100% !important;}
}
@media screen and (max-width: 255px) {
#knet_popup_window {padding:10px !important;}
}
#knet_popup {position:fixed; left:0; top:0; height:100%; width:100%; z-index:99999; display:none;}
#knet_popup_bg {position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.4);}
#knet_popup_close {background:url('../images/close.png'); background-size:100% 100%; width:30px; height:30px; position:absolute; top:10%; margin-top:-50px; left:70%; margin-left:40px; cursor:pointer;}
#knet_popup_window {position:fixed; width:40%; top:10%; margin-top:-50px; left:30%; padding:20px; margin-left:-10px; background:#fff; max-width:80%; overflow:auto; border:1px solid rgba(0,0,0,.7); border-radius:3px; box-shadow:0 0 50px #fff;}