@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800&subset=latin,latin-ext);
@import 'https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin-ext';
html {margin:0; padding:0; height:100%;}
body {min-height:100%;width:100%;  float:left;position:relative;  margin:0px; padding:0px 0px 0 0px;font-family:  'Open Sans',sans-serif; font-weight:normal;font-size:14px;color:#222222; background: #FFFFFF ; }

a{ text-decoration:underline;  color:#ff5900;}
a:hover{ text-decoration:none;}
a img{ border:0px;}

img{vertical-align:middle;  }
img.resp{width:100%;}
input,textarea,select{font-family:Open Sans; margin:0;}
button::-moz-focus-inner { border: 0; padding: 0;}

form,p,table,ul{ margin:0px; padding:0px;}
p{padding-bottom:1em;}
table tr td{vertical-align:top; border-spacing:0px; font-size:12px;}

h1,h2,h3,h4,h5{margin:0px; padding:0px; font-weight:normal; }
 
select{padding:10px;}

input,
textarea{box-sizing: border-box;}

.f-left{float:left;}
.f-right{float:right;}
.center{text-align:center!important;}
.align-right{text-align:right!important;}
.align-left{text-align:left!important;}
.align-middle{vertical-align:middle;}
.underline {text-decoration:underline;}
.clear {clear: both;height: 1px;font-size: 1px;line-height: .5; display:block;} 
.clear.line {border:0px; margin-bottom: 40px; margin-top:30px; background:#E1E1E1 ; } 
.separator {float:left; width:100%; height:1px; line-height:1px; font-size:1px;} 
.italic {font-style:italic;} 
.strong {font-weight:bold; color:#000000;} 
.no-padding {padding:0!important;} 
.nowrap {white-space: nowrap;} 
.no-overflow {overflow:visible!important;} 
.hidden{display:none;}
.relative-wrap{position:relative;}
.inline{display:inline!important;}

.green{color:#499b01;}
.blue{color:#00aeef;}
.small-only{display:none!important;}
.video{width:100%;}




.row{ box-sizing: border-box;position:relative; text-align:left; margin:0 -10px 10px -10px;}
.row img{max-width: 100%;}
.row .col-33{width:33.33333%; box-sizing: border-box; float:left; padding:0 10px;}
.row .col-40{width:40%; box-sizing: border-box; float:left; padding:0 10px;}
.row .col-60{width:60%; box-sizing: border-box; float:left; padding:0 10px;}
.row .col-50{width:50%; box-sizing: border-box; float:left; padding:0 10px;}
.row .col-100{width:100%; box-sizing: border-box; float:left; padding:0 10px;}


.inp-text{box-sizing: border-box; border:1px solid #E6E6E6; background: #ffffff; margin:0; width:100%; /*height:25px;*/ padding:0 10px; border-radius:0px; color:#222222; font-size:12px;}
textarea.inp-text{box-sizing: border-box; border:1px solid #E6E6E6; background: #ffffff; margin:0; width:100%; height:40px; padding:10px 20px; border-radius:5px; color:#222222; font-size:12px; min-height: 130px;}


.customCheckbox,
.customRadio {display:inline-block;vertical-align:center;margin-bottom:-3px; position:relative; margin-right:5px;}


.button{ cursor:pointer; margin:0; box-sizing:border-box;  height:40px; line-height:40px; background: #595252 url(../images/button-brown.png) repeat-x left top ; color:#ffffff!important; border-radius:0px; font-size:14px;font-family:'Open Sans', sans-serif; font-weight:400;  text-align:center; padding:0 20px; display:inline-block; white-space:nowrap; text-decoration:none; }
.button.red{border:0; background: #A12422 url(../images/button-red.png) repeat-x left top ; color:#ffffff!important; }
.button.yellow{border:0; background: #F4E9D1 url(../images/button-yellow.png) repeat-x left top ; color:#3e3939!important; }

.button img{position:relative; margin-top:-5px; padding-right:5px;}

.button.big{ height:45px; line-height:45px; padding:0 20px;  font-size:16px;}
.button.small{ height:35px; line-height:35px; padding:0 20px; font-size:14px; }

.button:hover{background-position: left bottom; text-decoration: none!important;}

.button i{padding-right:5px; }



.form-row{margin:0 -5px 0px -5px;}
.form-row .col-50{box-sizing:border-box; width:50%; float:left; padding:0 5px 10px 5px;}
.form-row .col-100{box-sizing:border-box; width:100%; float:left; padding:0 5px 10px 5px;}


#sb-site{background: #ffffff;}



.top-line{ position:relative; background: #3E3939;  white-space:nowrap; text-align:right; height:35px;  position:relative; z-index:7000;}
.top-line .layout-center{ max-width:1180px!important;}
.top-line  ul.menu{float:left; margin:0; padding:0; list-style:none;}
.top-line  ul.menu > li{float:left;line-height:34px;  padding:0; position:relative;}
.top-line  ul.menu > li a{font-size:14px; display:block; padding:0 10px; line-height: 35px; color:#a7a7a7; text-decoration:none;  }
.top-line  ul.menu > li:hover a{color:#ffffff; background: #575252;}
.top-line  ul.menu > li:hover ul{display:block;}
.top-line  ul.menu > li ul{position:absolute; left:0; top:100%; margin:0; padding:0; list-style: none; text-align: left; background: #575252; display:none;}
.top-line  ul.menu > li ul li a{display:block; border-top:1px solid #FFFFFF; color:#ffffff; }
.top-line  ul.menu > li ul li a:hover{text-decoration:underline;}



.top-line .menu-info{color:#ffffff; line-height:29px; text-decoration:none;font-family:'Open Sans', sans-serif;display:none; float:left; font-size:12px;}
.top-line .menu-info i{padding-right:10px; bottom:-3px;font-size:20px; position:relative;}


	
 header { z-index:6000; position:relative; margin-bottom:20px;   background: url(../images/header-bg.png) repeat-x left bottom; }
 header .layout-center{ max-width:1180px!important;}
 header .middle-box{height:120px; position:relative; padding-left:0px; padding-right:0px;width:100%;}
 header .middle-box .table-container{height:100%; width:100%; display:table;}
 header .middle-box .table-container .col{display:table-cell;vertical-align:middle;padding-left:30px; font-family:'Open Sans', sans-serif;font-weight:700;}
 header .middle-box .table-container .col sup{font-weight:400;font-size:8px;}
 header .middle-box .table-container .col.logo{width:327px; padding-left:0px;}
 header .middle-box .table-container .col.logo img{width:100%; max-width:280px; }


 header .middle-box .table-container .col .quick-contact{display:inline-block; color:#000000; white-space:nowrap;font-size:18px; font-weight: 400; line-height: 20px; padding-left:30px; background: url(../images/icon-phone.png) no-repeat left center; text-align:left; }
 header .middle-box .table-container .col .quick-contact a{ color:#000000; font-size:14px;  }

 header .middle-box .search  {position:absolute; top:100%; right:183px; display:none;}
 header .middle-box .search form {width:300px; margin:0 auto; margin-top:0px; clear:both; }
 header .middle-box .search form p{padding:0; margin:0; float:left; box-sizing:border-box; width:100%;}
 header .middle-box .search form p .inp-search{box-sizing:border-box; float:left; width:100%; border:1px solid #E4D6BB; padding:0 20px; height:45px; font-size:14px; color:#333333; background: #ffffff; font-family:'Open Sans', sans-serif; font-style:italic; border-radius:0px; }
 header .middle-box .search form p button{border-radius:0;width:45px; border:0; box-sizing:border-box; float:left; margin-left:-45px; height:45px;  cursor:pointer; color:#ffffff; font-size:16px; padding:0 0 0 15px; text-align:left; background: #A12422; border:0; border-top-right-radius:0px;border-bottom-right-radius:0px;}
 header .middle-box .search form p button:hover{ background: #B92B29;}
 header .middle-box .search form p button i{top:-2px;position:relative;}

 header .middle-box .table-container .col.actions {width:50px; text-align:right;}
 header .middle-box .table-container .col.actions img {max-width:30px;}
 header .middle-box .table-container .col.actions ul{margin:0; padding:0; list-style:none; height:100%; white-space:nowrap; display:table; border-right:1px solid #FFFFFF; float:right;}
 header .middle-box .table-container .col.actions ul li {display:table-cell; vertical-align:middle; border-left:1px solid #FFFFFF; }
 header .middle-box .table-container .col.actions ul li div {display:table; width:100%; height:100%; }
 header .middle-box .table-container .col.actions ul li div a{display:table-cell;  vertical-align:middle; padding:10px;  text-align:center; text-decoration: none; box-sizing:border-box; text-align:center; font-family:'Open Sans', sans-serif;  font-weight:400; font-size:14px; color:#000000;  }
 header .middle-box .table-container .col.actions ul li div a.current,
 header .middle-box .table-container .col.actions ul li div a:hover{background: url(../images/header-hover.png) repeat-x left top;}
 header .middle-box .table-container .col.actions ul li a strong{text-transform:uppercase;display:block; font-size:12px; font-weight:normal; color:#000000; padding-top:14px; width:99px; }
 header .middle-box .table-container .col.actions ul li a span{display:inline-block; position:relative; }
 header .middle-box .table-container .col.actions ul li a span span{display:inline-block; width:21px; height:21px; border-radius:21px; line-height:21px; color:#ffffff; font-size:14px; border:2px solid #EFE3CC; font-family:'Open Sans', sans-serif; text-align:center; position:absolute; left:-10px; top:-5px; background: #3E3939	;}


 header .middle-box .table-container .col .mobile-menu img{width:40px;}
 header .middle-box .table-container .col.mobile {width:40px; display:none; padding-left:0px; text-align:center; vertical-align:middle;}
 header .middle-box .table-container .col.mobile  a img{padding-bottom:0; margin-top:0px;}
 header .middle-box .table-container .col.mobile  a{color:#ffffff;font-size:15px; color:#ffffff; text-align:center; text-decoration:none;}




section{ padding:50px 0; z-index:200; position:relative; }
section.pt{padding-top:10px;}
section.gray{background: #F3F3F3; padding-bottom:40px; padding-top:40px;}
section.yellow{background: #EFE3CB; }

section .hpbg{position:absolute; left:0; top:-20px; height:635px; width:100%; z-index: 100; background: #ffffff;}

.cross-line{border-top:1px solid #EFE3CB; font-size:1px;height:1px; line-height: 1px; position:relative; margin-top:20px;  margin-bottom: 20px;}
.cross-line span{width:34px; height:34px; background: #ffffff url(../images/cross-line.png) no-repeat center center;position:absolute; left:50%; top:-13px; margin-left:-17px; }
section.yellow .cross-line{border-top:1px solid #ffffff;  }
section.yellow .cross-line span{background-color: #EFE3CB;}



.layout-center {max-width:1180px; margin:0 auto; position:relative; padding-left:15px; padding-right:15px; z-index: 1000;}
.layout-center h3{color:#000000; font-size:20px; font-weight:700; font-family:'Playfair Display', sans-serif; margin:0; padding:0px 0 15px 0 ;}
.layout-center h2{color:#000000; font-size:26px; font-weight:700; font-family:'Playfair Display', sans-serif; margin:0 0 15px 0; padding:0px ; }
.layout-center h1{color:#a92527; font-size:42px; line-height:44px; font-weight:700; font-family:'Playfair Display', sans-serif; margin:0 0 0 0; padding:0px 0 15px 0 ;}
.layout-center p{color:#777777; font-size:14px;line-height:22px; padding:0 0 15px 0;}
.layout-center p a{color:#000000; }

.layout-center .show-all{display:inline-block; margin-left:20px; padding-left:20px; border-left:2px solid #E6E6E6; line-height:20px; top:-3px; position:relative;}
.layout-center .show-all a{color:#ff5900;  font-family:'Open Sans', sans-serif; text-decoration:none;}
.layout-center .show-all a i{padding-left:5px;}
.layout-center .show-all a:hover{ text-decoration:underline;}



section .layout-center .news{margin:0 -10px;}
section .layout-center .news .item{ width:25%;float:left; box-sizing:border-box; padding:10px;margin-bottom:10px;}
section .layout-center .news .item .img{display:block; position:relative;}
section .layout-center .news .item .img img{width:100%;}
section .layout-center .news .item .date{padding-left:19px; background: url(../images/icon-calendar.png) no-repeat left center; line-height: 20px; color:#777777; font-size:14px; display:block; margin-bottom:12px;}
section .layout-center .news .item h3{margin:0; padding:0px 0 10px 0; font-size:20px; color:#000000;   font-weight:700; line-height:24px; }
section .layout-center .news .item h3 a{ color:#000000;font-size:20px;  text-decoration:none;}
section .layout-center .news .item h3 a:hover{ text-decoration:underline;}
section .layout-center .news .item p{line-height:22px; font-size:14px; padding:0 0 0px 0; color:#777777; }
section .layout-center .news .item .wrap{padding:20px; background: #ffffff;}

section .layout-center #content .news .item{ width:33.333333%;}





section .layout-center .subcategories{margin:0 -10px 10px -10px; }
section .layout-center .subcategories .item{float:left; width:33.333333%; box-sizing:border-box; padding:10px;}
section .layout-center .subcategories .item a{display:table; width:100%; box-sizing:border-box; border:1px solid #DDCBA9; background: #EFE3CB ;color:#000000; text-decoration:none; font-family:'Open Sans', sans-serif;}
section .layout-center .subcategories .item a:hover{border:1px solid #000000;}
section .layout-center .subcategories .item a > span{display:table-cell; vertical-align:middle; padding:10px; text-align:left;}
section .layout-center .subcategories .item a span.image {width:20px;}
section .layout-center .subcategories .item a span.name {font-size:17px; color:#93774a;  font-weight:700;text-align:center; position:relative; padding-left:0px;}


section .layout-center .bx-wrapper {margin:40px 0 40px 0; float:left; width:100%;box-sizing: border-box;}
section .layout-center .bx-wrapper .bx-viewport{border:0; box-shadow:none; left:0; background: transparent; }
section .layout-center .bx-wrapper .bx-viewport .item .cont{display:table; width:100%; height:100%;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col{display:table-cell;vertical-align:middle; color:#ffffff;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col h2{color:#a92527; font-size:42px; line-height:44px; font-weight:700; font-family:'Playfair Display', sans-serif; margin:0 0 0 0; padding:0px 0 25px 0 ;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col h3{color:#000000; font-size:22px; line-height:29px; padding:0 0 15px 0; margin:0;font-family:'Open Sans', sans-serif; font-weight:300; }
section .layout-center .bx-wrapper .bx-viewport .item .cont .col p{color:#000000; font-size:16px; line-height:20px; padding:0 0 20px 0; font-family:'Open Sans', sans-serif; font-weight:300; }
section .layout-center .bx-wrapper .bx-viewport .item .cont .col ul{margin:0 0 20px 0; padding:0; list-style: none;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col ul li{padding-left:28px; background: url(../images/list.png) no-repeat left 8px; font-size:20px; font-weight:300; color:#000000;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col.desc{padding:20px 10px 60px 20px; vertical-align: top;position: absolute;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col.image{/*padding:40px 0px 40px 0;*/ text-align:left;width:100%;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .col.image img{width:100%; /*max-width:450px; min-width:100px; */display:inline;}
section .layout-center .bx-wrapper .bx-viewport .item .cont .button i {font-size:16px; padding-left:8px; padding-right:0;}
section .layout-center .bx-wrapper .bx-controls .bx-pager {position:absolute; left:20px; bottom:-10px; width:auto; }
section .layout-center .bx-wrapper .bx-controls .bx-pager a{border-radius:0; background: #EFE3CB; margin:0 4px 0 0; width:12px; height:12px; }
section .layout-center .bx-wrapper .bx-controls .bx-pager a.active{ background: #A22323; }


section .layout-center .benefits{margin:0px 0 50px 0; }
section .layout-center .benefits .item{padding:20px 10px; min-height: 155px; float:left; width:33.3333333%; box-sizing:border-box; text-align:left; font-size:18px; background: #871E1D url(../images/benefits.png) repeat-x left top; border-right:1px solid #ffffff; position:relative;}
section .layout-center .benefits .item:last-child{border-right:0;}
section .layout-center .benefits .item h3{font-size:20px; color:#ffffff;  font-weight:700; font-family:'Playfair Display', sans-serif; padding:0 0 25px 55px; }
section .layout-center .benefits .item h3 a {color:#ffffff; text-decoration:none;}
section .layout-center .benefits .item h3 a:hover {color:#ffffff; text-decoration:underline;}
section .layout-center .benefits .item .desc{font-size:16px; color:#f1e3cc; line-height: 22px; padding-left:55px; position:relative;}
section .layout-center .benefits .item .desc img{position:absolute; left:0px; top:-62px;}


section .layout-center nav {margin:-1px -1px 20px -1px;}
section .layout-center nav > ul{margin:0; padding:0; list-style:none; background: #ffffff;}
section .layout-center nav > ul > li{position:relative;border-bottom:1px solid #ffffff;}
section .layout-center nav > ul > li > a{line-height:49px; color:#ffffff; font-size:17px; position:relative; font-weight:700; background: url(../images/menu-bg.png) repeat-x left top;  display:block; text-decoration:none; position:relative; padding:0px 9px;}
section .layout-center nav > ul > li > a > span{padding:0 0 0 50px; background: url(../images/menu-cross.png) no-repeat left center; display:block; }
section .layout-center nav > ul > li:hover > a{background-position: left bottom}
section .layout-center nav > ul > li.current > a{background: #3F3A39 url(../images/menu-active.png) repeat-x left top; z-index:6000;}
section .layout-center nav > ul > li.current > a >span{background-image:url(../images/menu-cross-active.png);}

section .layout-center nav > ul > li > ul {background: #BB2B2B; list-style: none; padding:15px 18px; margin:0px; padding-left:40px;}
section .layout-center nav > ul > li > ul > li > a{letter-spacing: 0.07em;color:#ffffff; background: url(../images/icon-plus.gif) no-repeat left 4px; padding-left:20px; display:inline-block; font-size:13px; text-decoration:none; font-weight:600;}
section .layout-center nav > ul > li > ul > li > a:hover{background-image: url(../images/icon-minus.gif) ; text-decoration: underline }
section .layout-center nav > ul > li > ul > li.current > a{font-weight:700; color:#ffffff; text-decoration:underline; background-image: url(../images/icon-minus.gif) ;}
section .layout-center nav > ul > li > ul > li {padding-bottom:2px;}
section .layout-center nav > ul > li > ul > li > ul { list-style: none; padding:0px; margin:10px 20px; border-left:2px solid #f1e3cc;}
section .layout-center nav > ul > li > ul > li > ul  li a{ color:#f1e3cc; padding-left:15px; display:inline-block; font-size:13px;  text-decoration:none; font-weight:400;}
section .layout-center nav > ul > li > ul > li > ul  li a:hover{text-decoration: underline;}
section .layout-center nav > ul > li > ul > li > ul  li.current a{ font-weight:700; text-decoration: underline; color:#ffffff;}




section .layout-center #main #content {float:right; width:100%;}

section .layout-center #main #content .pagination{display:table; margin-top:20px; float:right; }
section .layout-center #main #content .pagination > div{display:table-cell;vertical-align:top; }
section .layout-center #main #content .pagination > div:last-child{text-align:right;}
section .layout-center #main #content .pagination > div.pages{ text-align:center; padding:0px 5px 5px 5px;}
section .layout-center #main #content .pagination > div.pages a{display:inline-block;margin-bottom:5px; border:1px solid #DDCBA9; border-radius:2px; background: #EFE3CB ; box-sizing:border-box; width:30px; height:30px; line-height:28px; text-align:center; font-size:14px; color:#93774a;  text-decoration:none; }
section .layout-center #main #content .pagination > div a i{display:none;}
section .layout-center #main #content .pagination > div.pages a.current,
section .layout-center #main #content .pagination > div.pages a:hover{font-weight:700; background: #595353  url(../images/gray-button.png) repeat-x left bottom; color:#ffffff!important; border:0px; line-height: 30px;}
section .layout-center #main #content .pagination > div .button{width:108px; height:30px; text-align:center; line-height:28px; padding:0 15px; border-radius:2px; margin:0 0 0 0px; background: #EFE3CB ; border:1px solid #DDCBA9;  color:#93774a!important;  font-weight:400; }
section .layout-center #main #content .pagination > div .button:hover{ border-color:#3E3939; color:#3E3939!important;}

section .layout-center #main #content .more-button{ margin-top:20px; height:30px; padding:0 20px; text-decoration:none; line-height:30px; font-size:14px; border-radius:2px; background: #595353  url(../images/gray-button.png) repeat-x left top; border:0;  color:#ffffff!important; display:inline-block;}
section .layout-center #main #content .more-button:hover{background-position: left bottom;}





section .layout-center .products{margin:0 -10px;}
section .layout-center .products .item{float:left; width:33.333333%; box-sizing:border-box; padding:10px; margin:0; text-align:center; border-right:0; border-top:0;}
section .layout-center .products .item .wrap{ border-bottom:1px solid #EFE3CB; }
section .layout-center .products .item .wrap:hover{background: url(../images/product-hover.png) repeat-x left bottom;}
section .layout-center .products .item .img{display:block; text-align:center;  position:relative; padding:0px; overflow:hidden;box-sizing:border-box;}
section .layout-center .products .item .img img{width:100%; max-width:280px; margin:0 auto; box-sizing:border-box; border:0; display:block; background: transparent;}
section .layout-center .products .item .img .stickers{position:absolute; right:0px; top:0px;}
section .layout-center .products .item .img .stickers > span{display:table; width:66px; height:66px; background: #A92527; border-radius:66px; margin-bottom:5px;}
section .layout-center .products .item .img .stickers > span span{display:table-cell; text-align:center; vertical-align:middle; font-size:10px; font-family:'Open Sans', sans-serif; color:#ffffff; line-height:12px;}

section .layout-center .products .item h3{color:#303030; font-size:20px;line-height:24px;padding:0px 5px 0px 5px; margin:0px 0 0 0; font-weight:700;  text-align:center;}
section .layout-center .products .item h3 a{color:#000000; font-size:20px;line-height:24px; text-decoration:none;  font-weight:700; }
section .layout-center .products .item h3 a:hover{ text-decoration:underline;  }
section .layout-center .products .item .stock{display:block; font-size:16px; color:#777777; margin:0 0 15px 0; padding-left:0!important; font-weight:300;}
section .layout-center .products .item .stock.green{color:#3ea925;}
section .layout-center .products .item .stock.red{color:#ff0012;}
section .layout-center .products .item .stock.gray{color:#777777;}

section .layout-center .products .item span.skladem-green {
	background:#3ea925;
	color:#fff;
	padding: 4px 10px;
}
section .layout-center .products .item span.other-grey {
	background:#777777;
	color:#fff;
	padding: 4px 10px;
}

section .layout-center .products .item .action-box{padding:0 5px;}
section .layout-center .products .item .action-line{display:table; margin:0 auto;   box-sizing:border-box;}
section .layout-center .products .item .action-line > div{display:table-cell;vertical-align:middle;text-align:right; padding:10px 7px;}
section .layout-center .products .item div.price{font-size:16px; font-weight:300; color:#000000; text-align:left; padding-right:0px; text-align:center;}
section .layout-center .products .item div.price span{ white-space:nowrap;}
section .layout-center .products .item div.price span.original{font-size:16px; font-weight:400; color:#777777; text-decoration:line-through; padding-right:5px;}



section .layout-center .owl-carousel { padding:0 29px; box-sizing: border-box; margin:0px 0 10px 0;}
section .layout-center .owl-carousel .owl-nav{ left:0; top:0px; z-index:6000;}
section .layout-center .owl-carousel .owl-nav i{position:absolute; top:50%; left:0; margin-top:-10px; width:100%; text-align: center;}
section .layout-center .owl-carousel .owl-nav .owl-prev{position:absolute; left:10px; top:0px; z-index:6000; line-height:20px; height:100%;padding:0; width:15px; text-align:center; border:1px solid #DDCBA9; box-sizing: border-box; background: #EFE3CB ; color:#917649; font-size:14px;}
section .layout-center .owl-carousel .owl-nav .owl-next{position:absolute; right:10px; top:0px; z-index:6000; line-height:20px; height:100%;padding:0; width:15px; text-align:center; border:1px solid #DDCBA9; box-sizing: border-box; background: #EFE3CB ; color:#917649; font-size:14px;}
section .layout-center .owl-carousel .owl-nav .owl-prev:hover,
section .layout-center .owl-carousel .owl-nav .owl-next:hover{ background:#EAD7B3;}


section .layout-center #content .owl-carousel.products {margin:0;}


section .layout-center .breadcrumbs{display:table; width:100%;  margin-bottom:25px; padding-right:180px; box-sizing:border-box; border:1px solid #EFE3CB; } 
section .layout-center .breadcrumbs > div{display:table-cell; vertical-align:top;padding:7px  10px; } 
section .layout-center .breadcrumbs > div.like{white-space:nowrap; width:50px; padding-left:10px; text-align:left;} 
section .layout-center .breadcrumbs > div ul{margin:0; padding:0 0 0 0px; list-style:none;} 
section .layout-center .breadcrumbs > div ul li{float:left; font-size:14px; background: url(../images/breadcrumbs.png) no-repeat left center; padding:0 7px 0 9px; line-height:20px;} 
section .layout-center .breadcrumbs > div ul li:first-child{background: transparent; padding-left:0;} 
section .layout-center .breadcrumbs > div ul li a{text-decoration:none; color:#000000;} 
section .layout-center .breadcrumbs > div ul li a:hover{text-decoration:underline;} 
section .layout-center .breadcrumbs > div ul li:last-child a{color:#777777;} 

section .layout-center .help{line-height:25px; padding:0 10px ; border-radius:2px; background: #595353  url(../images/gray-button.png) repeat-x left top;  text-decoration:none; font-size:14px; color:#ffffff; position:relative; display:inline-block;position:absolute; right:5px; top:5px;} 
section .layout-center .help span{padding-right:8px;} 
section .layout-center .help:hover{background-position:left bottom;} 


section .layout-center #main{padding:0px 0 30px 0; box-sizing:border-box; position:relative; }
section .layout-center #main.with-column {padding-left:300px; padding-right:0;}

section .layout-center .hp-content {display:table;}
section .layout-center .hp-content > div{display:table-cell; vertical-align:top;}
section .layout-center .hp-content > div.left{display:table-cell; width:500px; padding-right:60px; box-sizing:border-box;}
section .layout-center .hp-content h2{font-size:28px;}


section .layout-center .pay-method span {display:inline-block; margin:3px 1px 3px 0;}
section .layout-center .pay-method span img{border:1px solid #E6E6E6;}



section .layout-center #main .filter{display:table;width:100%; border-top:0; margin-bottom:20px;background: #EFE3CB; border-top:1px solid #DDCBA9; border-bottom:1px solid #DDCBA9; position:relative;}
section .layout-center #main .filter > div{display:table-cell; vertical-align:middle; padding:0px 0 0 0; line-height:30px; color:#777777; font-size:14px;}
section .layout-center #main .filter > div p{padding:0;}
section .layout-center #main .filter > div.page{text-align:right; padding-right:10px; padding-left:10px;white-space:nowrap; color:#93774a;}
section .layout-center #main .filter > div.page span{white-space:nowrap;}
section .layout-center #main .filter > div.page .button{ height:30px; padding:0 15px; margin-left:10px;text-decoration:none; line-height:28px; border-radius:2px; background: #595353  url(../images/gray-button.png) repeat-x left top; border:0; font-weight:400;   color:#ffffff!important; display:inline-block;}
section .layout-center #main .filter > div.page .button:hover{background-position:left bottom;}
section .layout-center #main .filter > div.order {color:#777777; font-size:14px;}
section .layout-center #main .filter > div.order a{color:#93774a;display:inline-block; line-height:48px; padding:0 10px; border-right:1px solid #DDCBA9 ; text-decoration:none;}
section .layout-center #main .filter > div.order a:hover{color:#383838;}
section .layout-center #main .filter > div.order a.current{color:#383838; background: #FFFFFF;  text-decoration:none; border-bottom:1px solid #ffffff; margin-bottom:-1px;}





section .layout-center #main #aside{margin-left:-300px; width:280px; float:left; border:1px dashed #EFE3CB; box-sizing: border-box;}

section .layout-center #main #detail {padding-bottom:40px; margin-top:10px;}
section .layout-center #main #detail .left{float:left; box-sizing:border-box;width:45%;  position:relative; padding-right: 10px; }
section .layout-center #main #detail .left .wrap{ position:relative;  border:1px solid #F0E4CE;}
section .layout-center #main #detail .left a{display:block; width:100%; box-sizing:border-box; text-align:center; }
section .layout-center #main #detail .left a img{width:100%; max-width:378px;}

section .layout-center #main #detail .left .owl-carousel{position:absolute; left:0px; bottom:0px;}

section .layout-center #main #detail .right{float:right; box-sizing:border-box;width:55%; padding-left:10px; }

section .layout-center #main #detail .right .parameters{width:100%; border-collapse:collapse; border-collapse:collapse; margin-bottom:20px; border-bottom:1px solid #EFE3CB;}
section .layout-center #main #detail .right .parameters tr td{color:#777777; font-size:14px; padding:10px 20px 10px 20px; vertical-align:middle;line-height:20px; border-top:1px solid #EFE3CB;}
section .layout-center #main #detail .right .parameters tr td:last-child{white-space:nowrap;}
section .layout-center #main #detail .right .parameters tr td.empty{line-height:0; font-size:0; height:5px;}
section .layout-center #main #detail .right .parameters tr td.empty.top{border-bottom:1px solid #DADADA; height:5px;}
section .layout-center #main #detail .right .parameters tr td .color{font-size:14px; display:inline-block; white-space:nowrap; line-height:25px;}
section .layout-center #main #detail .right .parameters tr td .color span{box-sizing:border-box;  display:inline-block; width:25px; height:25px; border-radius:25px; position:relative; bottom:-7px;margin-top:-5px; margin-right:5px;}
section .layout-center #main #detail .right .parameters tr td:first-child{padding-right:20px;font-weight:700; color:#000000;}
section .layout-center #main #detail .right .parameters tr td.price{font-size:28px; font-weight:700; color:#000000; padding:20px 0;}
section .layout-center #main #detail .right .parameters tr td .sale{display:inline-block; padding:0 10px; line-height:23px; background: #29166F; color:#ffffff; font-weight:bold;}


section .layout-center #main #detail .right .info{display:table; width:100%; background: #EFE3CB; border-bottom:1px solid #ffffff;}
section .layout-center #main #detail .right .info .col{padding:15px 20px; display:table-cell;}
section .layout-center #main #detail .right .info .col:first-child{padding-right:10px; color:#777777; font-weight:700; font-size:16px; white-space: nowrap;}
section .layout-center #main #detail .right .info .col:first-child i{padding-right:7px; font-size:22px; position:relative; bottom:-2px;}
section .layout-center #main #detail .right .info .col:last-child {text-align: right;}

section .layout-center #main #detail .right .cont{padding:23px 0px; background: #EFE3CB; text-align:center; }
section .layout-center #main #detail .right .cont > .button{margin-top:20px;}
section .layout-center #main #detail .right .cont > .button:hover{background: #E6E6E6; color:#000000!important; border-color:#E6E6E6;}
section .layout-center #main #detail .right .order-box{border:0; display:table;  margin:0px auto; width:100%;   }
section .layout-center #main #detail .right .order-box .col{padding:0 20px; text-align:center; vertical-align:middle; display:table-cell; white-space:nowrap;}
section .layout-center #main #detail .right .order-box .col.price{font-size:32px; color:#000000; font-weight:700; text-align:left;}
section .layout-center #main #detail .right .order-box .col.count{padding:0 10px 0 0;}


body .layout-center #main.subpage p{color:#777777; font-size:14px; line-height:20px;}
body .layout-center #main.subpage p a{color:#000000; text-decoration:none;}
body .layout-center #main.subpage p a:hover{text-decoration:underline;}
/*body .layout-center #main.subpage img{width:100%;}*/
body .layout-center #main.subpage h3{font-size:20px; font-weight:700; color:#000000!important; line-height:36px;  font-family:'Playfair Display', sans-serif; margin:0; padding:0 0 10px 0;}
body .layout-center #main.subpage h4{font-size:18px; font-weight:700; color:#000000; line-height:25px;  font-family:'Playfair Display', sans-serif; margin:0; padding:0 0 10px 0;}
body .layout-center #main.subpage h5{font-size:16px; font-weight:700; color:#000000; line-height:25px;  font-family:'Playfair Display', sans-serif; margin:0; padding:0 0 10px 0;}
body .layout-center #main.subpage h6{font-size:14px; font-weight:700; color:#000000; line-height:25px;  font-family:'Playfair Display', sans-serif; margin:0; padding:0 0 10px 0;}


body .layout-center #main.subpage table {width:100%; margin:0 0 20px 0; border-spacing:0; border-collapse:collapse; }
body .layout-center #main.subpage table tr td{border:1px solid #DDCCAA; padding:7px 15px; color:#000000; font-size:14px; line-height:20px; text-align:center;}
body .layout-center #main.subpage table tr th{border:1px solid #DDCCAA; background: #EFE3CB; padding:7px 15px; color:#000000; font-size:14px; line-height:20px; text-align:center;  font-weight:700;}

body .layout-center #main.subpage table.form  {box-sizing:border-box; border:30px solid #EFE3CB; border-bottom:15px solid #EFE3CB; background: #EFE3CB; border-radius:0px;overflow:hidden; border-collapse:separate;}
body .layout-center #main.subpage table.form  tr td{padding:0 0 15px 0; border:0; text-align:left; vertical-align:top;}
body .layout-center #main.subpage table.form  tr td:first-child{width:50px;padding-right:25px;}
body .layout-center #main.subpage table.form  .inp-text{height:40px; background:#FFFFFF; border:1px solid #CFD2D9; box-sizing:border-box; width:100%; font-size:14px; font-style:italic; color:#777777; border-radius:0;}
body .layout-center #main.subpage table.form  .inp-text.ok{border:1px solid #579D41; border-radius:0px; background: #ffffff url(../images/form-ok.png) no-repeat right center; padding-right:35px;}
body .layout-center #main.subpage table.form  .inp-text.error{border:1px solid #E40614; border-radius:0px; background: #ffffff url(../images/form-error.png) no-repeat right center; padding-right:35px;}
body .layout-center #main.subpage table.form  label{line-height:40px; font-size:16px; font-weight:bold;white-space:nowrap;}
body .layout-center #main.subpage table.form  .checkbox-wrap {display:inline-block; margin-right:10px;}
body .layout-center #main.subpage table.form  .checkbox-wrap label{color:#777777; font-size:16px; font-weight:400;}

body .layout-center #main.subpage table.form .selectboxit-container{display:block; vertical-align: middle; height:40px; }
body .layout-center #main.subpage table.form .selectboxit-container .selectboxit{ height:40px; border:1px solid #CFD2D9; width:100%!important; box-sizing:border-box; }
body .layout-center #main.subpage table.form .selectboxit-container .selectboxit-text{font-size:14px; line-height: 38px; font-style:italic; color:#777777;}
body .layout-center #main.subpage table.form .selectboxit-container .selectboxit-default-arrow{border-top-color: #264181; top:16px!important; }
body .layout-center #main.subpage table.form .selectboxit-container .selectboxit-arrow-container{width:40px; border-left:1px solid #CFD2D9;}
body .layout-center #main.subpage table.form .selectboxit-container span, 
body .layout-center #main.subpage table.form .selectboxit-container .selectboxit-options a{height:40px; line-height:38px;}
body .layout-center #main.subpage table.form .selectboxit-container ul{margin:-1px 0 0 0; padding:0;}
body .layout-center #main.subpage table.form .selectboxit-container ul li{background: transparent;padding:0; line-height:30px;}

body .layout-center #main.subpage .articles {margin:0 -10px 30px -10px;}
body .layout-center #main.subpage .articles .item{float:left; width:33.3333%;padding:10px; box-sizing:border-box; }
body .layout-center #main.subpage .articles .wrap{border-bottom:1px solid #EFE3CB; padding-bottom:20px;}
body .layout-center #main.subpage .articles h3 a{color:#000000;}
body .layout-center #main.subpage .articles .item .img{display:block; margin-bottom:20px; }
body .layout-center #main.subpage .articles .item .img img{width:100%;}

body .layout-center #main .gallery{ padding:15px 20px 14px 20px; background: #EBF3FB;  margin-bottom:30px; border:1px solid #DBE6F1;}
body .layout-center #main .gallery .wrap{margin:0 -5px;}
body .layout-center #main .gallery .wrap .item{padding:5px; float:left; box-sizing:border-box; width:16.666666%; }
body .layout-center #main .gallery .wrap .item a img{width:100%;}

section .layout-center .test-btn {text-align:left;}
section .layout-center .test-btn .button{margin-bottom:5px;}


footer{margin-top:0px;  background: #3E3939; padding:0px 0 0 0;} 
footer .container{width:100%; display:table; margin-bottom:15px; } 
footer .container .col{display:table-cell; padding:55px 0px 30px 10px; vertical-align:top; box-sizing:border-box; text-align:left;} 
footer .container .col:first-child{padding-left:0; text-align:left;} 
footer .container .col h4{font-size:20px; font-weight:700; color:#ffffff; line-height:24px; margin:0; padding:0 0 20px 0; font-family:'Playfair Display', sans-serif;} 
footer .container .col.multiple ul{margin-left:50px;} 
footer .container .col.multiple ul.first{margin-left:0px;} 
footer .container .col ul{margin:0 0 0 0px; padding:0; list-style:none; float:left;} 
footer .container .col ul li {padding-bottom:5px;padding-left:0px; line-height:18px;} 
footer .container .col ul li a{font-size:14px;  color:#a7a7a7; text-decoration:none;} 
footer .container .col ul li a:hover{text-decoration:underline;} 
footer .container .col p{color:#a7a7a7; line-height:18px; padding-bottom: 10px; } 
footer .container .col p a{color:#a7a7a7; } 
footer .container .col .box{display:inline-block; margin:0 auto; text-align:left;} 
footer .container .col.last{width:270px;} 


footer .container .col .newsletter{padding-right:40px; padding-top:10px;} 
footer .container .col .newsletter .input-newsletter{border:0; background: #ffffff; float:left;border-radius:0px; height:40px; margin:0; padding:0 15px; font-size:14px; color:#333333; width:100%; box-sizing:border-box;} 
footer .container .col .newsletter .button{float:right; margin-right:-40px; width:40px; height:40px; line-height:40px; border-radius: 0px; background: #A12422; border:0px!important; color:#ffffff!important; font-size:16px;} 
footer .container .col .newsletter .button:hover{ background: #B92B29;} 


footer .copyright{background: #201D1D; padding:25px 0; font-size:14.5px; color:#a7a7a7; } 
footer .copyright a{color:#f1e3cc; text-decoration:none;} 
footer .copyright a:hover{text-decoration:underline;} 
footer .copyright .cont{padding-right:50px; padding-left:0;} 
footer .copyright .cont p{padding:4px 0 0 0; line-height: 18px; font-size:14px;} 
footer .copyright .up{position:absolute; right:15px; top:0px; width:40px; height:40px; border-radius:0px; background: #A12422; color:#ffffff; line-height:40px; text-align:center; font-size:18px; } 
footer .copyright .up:hover{background: #B92B29; color:#ffffff;} 
footer .copyright p{color:#777777;} 


.spinner {width:65px; }
.spinner label{padding-left:5px; line-height:35px; font-size:14px; color:#000000; font-weight:400; display:inline-block;}
.spinner input {text-align: center; box-sizing: border-box; border:1px solid #E6E6E6; padding:0 5px; height:36px; width:50px; margin:0; float:left; font-size:14px; color:#000000; font-weight:bold;}
.input-group-btn-vertical {position: relative;float:left; white-space: nowrap; vertical-align: middle; display: inline-block; margin-top:0px;}
.input-group-btn-vertical > .btn {padding:0;border-radius:0;display: block; float: none; height:18px; width:18px; text-align:center; line-height: 16px; margin-left: -5px; position: relative;  background:#ffffff; box-sizing: border-box; cursor:pointer; border:1px solid #E6E6E6; text-indent:0!important;  }
.input-group-btn-vertical > .btn:first-child {border-bottom:0; }
.input-group-btn-vertical > .btn:hover {background: #F7F7F7;} 
.input-group-btn-vertical i{display:block; margin-top:2px;  font-size:13px;}


body .sb-slidebar {background: #A82626;} 
body .sb-slidebar .title{display:block; font-size:23px; text-align:center; color:#ffffff; padding:15px 0;   } 
body .sb-slidebar ul{margin:0 0 40px 0; padding:0; list-style: none; border-top:1px solid #912222 ; border-bottom:1px solid #D33030 ;} 
body .sb-slidebar ul li{border-bottom:1px solid #912222 ; border-top:1px solid #D33030 ;} 
body .sb-slidebar ul li a{line-height:20px; padding:10px 20px; color:#ffffff; text-decoration: none; display:block;font-size:14px;} 
body .sb-slidebar ul li a:hover{background:#D33030;} 
body .sb-slidebar ul li a img{display:none;} 
body .sb-slidebar ul li ul{padding-left:30px; display:none; margin:0; border-bottom:1px solid #F2F5FF ; border-top:1px solid  #912222;} 
body .sb-slidebar ul li ul li:first-child{border-top:0;} 
body .sb-slidebar ul li ul li:last-child{border-bottom:0;} 
body .sb-slidebar ul li ul li a{padding-left:10px; text-transform:lowercase;} 
body .sb-slidebar h4{font-size:32px; color:#ffffff;padding:15px 15px 15px 20px ; font-family:'Playfair Display', sans-serif;  } 
body .sb-slidebar h4 img{float:right; height:32px; margin-top:3px;} 
body .sb-slidebar h4 .close{cursor:pointer;} 


body .selectboxit-container{display:block; float:none;}
body .selectboxit-container .selectboxit-text{color:#000000;font-size:14px; font-style:normal; max-width:none!important;}
body .selectboxit-container .selectboxit{border:1px solid #E6E6E6;  border-radius:3px; background: #ffffff;  box-sizing:border-box; }
body .selectboxit-container .customSelect{width:100%!important; box-sizing:border-box; }
body .selectboxit-container .selectboxit:hover{ background: #ffffff;}
body .selectboxit-container span, .selectboxit-container .selectboxit-options a{height:33px; line-height:33px;}
body .selectboxit-default-arrow{border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000000; top:15px!important;}
body .selectboxit-arrow-container{width:30px;}
body .selectboxit-list{display:none;}
body .selectboxit-list a{display:block;}
body .selectboxit-list a span{display:block;}



@media only screen and (max-width: 1140px){
	
	section .layout-center #main #detail .right .order-box .col{display:inline-block;}
	section .layout-center #main #detail .right .order-box .col.price{display:block; text-align: center; margin-top:-10px; padding-bottom:10px;}
	section .layout-center #main #detail .right .order-box .col.btn{padding-right: 0px;}

}


@media only screen and (max-width: 1070px){
	section .layout-center .products .item h3{font-size:16px; padding:5px 15px;}
	section .layout-center .products .item h3 a{font-size:16px;}
	section .layout-center .products .item .action-line {width:100%;}
	section .layout-center .products .item .action-line > div{display:block; text-align:center;padding-top:0;}
	section .layout-center .products .item .action-line > div .button{display:block;}
	section .layout-center .products .item .action-line > div.price {padding:0px 0 10px 0;text-align:center;}
	section .layout-center .products .item .action-line > div.price span{display:inline-block; padding-right:10px;}
	section .layout-center .products .item .action-line > div.stock{ padding:0px;}

	section .layout-center .products .item .stock{ margin:0 0 0px 0; }

	section .layout-center #main .filter  {margin-bottom:50px;}
	section .layout-center #main .filter > div.page {position:absolute; top:100%; right:0px; padding-top:10px;}


}


@media only screen and (max-width: 1000px){
 	header .middle-box .table-container .col.icons  a > span {display:none;} 
 	header .middle-box .table-container .col.icons  a > span.icon {display:block;} 
	header .middle-box .table-container .col.logo{padding-right:20px;}

	 header .middle-box .table-container .col {padding-left:15px;}
	 header .middle-box .table-container .col.actions {padding-left:15px;}
	 header .middle-box .table-container .col.actions ul li a strong{ width:50px; text-indent:-9000px; height:1px; line-height: 1px; font-size: 1px; overflow:hidden; padding:0; margin:0;}

 	header .middle-box .search  { right:238px;}

}


@media only screen and (max-width: 960px){
	
	header nav { display:none;}

	header .middle-box .table-container .col.mobile { display:table-cell; padding-left:15px;}

	section .layout-center #main.with-column {padding-left:0px!important; }

	section .layout-center #main.with-column #aside{margin:20px 0 0 0; width:100%; display:none;}
	section .layout-center #main.with-column #aside nav{display:none;}

	section .layout-center .bx-wrapper{margin-top:0; margin-bottom: 30px;}

	section .layout-center .bx-wrapper .bx-viewport .item .cont .col.desc {padding-left:0px; padding-bottom: 50px;}
	section .layout-center .bx-wrapper .bx-viewport .item .cont .col.image {padding-bottom:100px;}
	section .layout-center .bx-wrapper .bx-controls .bx-pager {left:0px; bottom:0px; }

 	header .middle-box .search  { right:238px;}


}

@media only screen and (max-width: 980px){
	section .layout-center #main #detail  h1{font-size:35px; line-height:40px;}
}


@media only screen and (max-width: 920px){

	
	section .layout-center .news .item{ width:50%!important;}

	footer .container { padding:20px 0; } 
	footer .container .col{ float:left; width:50%!important; display:block!important; padding:20px 0; } 
	footer .container .col{text-align:left;} 

}

@media only screen and (max-width: 870px){
	section .layout-center .benefits .item{ width:100%; border-bottom:1px solid #ffffff;}

	header .middle-box .table-container .col .quick-contact{font-size:14px; }
 	header .middle-box .table-container .col .quick-contact a{  font-size:13px;  }

 	section .layout-center .products .item .action-line > div.stock{ font-size:14px;}

	.top-line ul.menu{display:none;}
	.top-line .menu-info{display:inline-block; }
	.top-line  ul.right-menu > li {padding-left:10px;}
	.top-line  ul.right-menu > li > a{font-size:12px; color:#ffffff;   text-decoration:none;}
}


@media only screen and (max-width: 790px){
	section .layout-center .products .item{ width:33.3333%; }

}

@media only screen and (max-width: 749px){
	
	section .layout-center #main #detail .left{float:none; width:100%; padding-right:0px;  }
	section .layout-center #main #detail .left h1{padding-bottom:20px;}
	section .layout-center #main #detail .right{float:none; width:100%; padding-left:0px; padding-top:20px; }

	.row .col-50{width:100%; }
	.form-row .col-50{width:100%; }

	section .layout-center .subcategories .item{ width:33.3333%;}

}



@media only screen and (max-width: 720px){

	section .layout-center .bx-wrapper .bx-viewport .item .cont .col h2{font-size:25px; line-height:28px; padding:0 0 15px 0; }
	section .layout-center .bx-wrapper .bx-viewport .item .cont .col h3{ font-size:18px; line-height:23px; padding:0 0 15px 0;}
	section .layout-center .bx-wrapper .bx-viewport .item .cont .col br{display:none;}

	 header .middle-box .search  {position:absolute; top:100%; right:0px; width:100%; padding:15px 0; background: #fff;}
	 header .middle-box .search form {width:auto; }

}

@media only screen and (max-width: 700px){

	header .middle-box .table-container .col.qk{ display: none; }

	header .middle-box .table-container .col.mobile  {padding-left:20px;}
	header .middle-box .table-container .col.icons  {padding-left:10px;}


	footer .copyright .cont{padding-right:60px; padding-left:0px;} 
	footer .copyright .cont p{padding:0px 0 0 0; text-align:left; line-height:20px;} 

	section .layout-center .help{position:relative; right:auto; top:auto; margin-bottom:20px;} 
	section .layout-center .breadcrumbs{padding-right:0px;  } 

}


@media only screen and (max-width: 680px){
	section .layout-center .subcategories ul li{width:50%; } 

	footer .container {padding-bottom:0!important;} 
	footer .container {padding-top:20px;} 
	footer .container .col{display:block; float:left; padding:20px 0px 20px 0px;box-sizing:border-box; vertical-align:top; width:100%!important; border-top:1px solid #CDCDCD;} 
	footer .container .col:first-child{ border-top:0;} 
	footer .container{padding-bottom:30px;} 

	body .layout-center #main .row .col-40{width:100%;}
	body .layout-center #main .row .col-60{width:100%; }

	body .layout-center #main .row .col-33{width:100%; padding-bottom:20px;}

}

@media only screen and (max-width: 600px){

	section .layout-center .news .item{ width:100%!important; }

	section .layout-center .subcategories .item{ width:50%; font-size:12px;}
	section .layout-center .subcategories .item a span.name{  font-size:12px;}

	section .layout-center .products .item{ width:50%; }
}




@media only screen and (max-width: 550px){
	header .middle-box{height:90px;}
 	header .middle-box .table-container .col.actions ul li a span span{ width:17px; height:17px; border-radius:17px; line-height:17px;  font-size:10px; left:-5px; top:-2px; }

	section .layout-center #main #content .pagination {text-align:center;width:100%;}
	section .layout-center #main #content .pagination > div{display:block;}
	section .layout-center #main #content .pagination > div.pages{display:inline-block;}
	section .layout-center #main #content .pagination > div .button{display:block; width:auto; margin-bottom:5px;}

	section .layout-center #main #content .more-button{width:100%; box-sizing:border-box; margin-top:10px; text-align:center;}

	section .layout-center #main .filter { border-bottom:0;border-left:1px solid #DDCBA9;}
	section .layout-center #main .filter > div.order  a{padding:0 10px; float:left; width:50%; box-sizing:border-box; line-height:40px;border-bottom:1px solid #DDCBA9;}
	section .layout-center #main .filter > div.order  a.current{margin-bottom:0; border-bottom:1px solid #E6E6E6;}


	body .layout-center .breadcrumbs > div{display:block; width:100%!important;float:left; padding-right:10px!important; } 

	body .layout-center #main #content .articles .item{width:100%;margin-bottom:20px; }

}



@media only screen and (max-width: 500px){
	 header .middle-box .table-container .col.actions ul li div a img{width:30px;}
	 header .middle-box .table-container .col.actions ul li a strong{ width:30px; }

	header .middle-box .table-container .col .mobile-menu img{width:30px;}
 	header .middle-box .table-container .col.mobile {width:30px; padding-left:10px;}

	footer .container .col{width:100%;} 

	section .layout-center .products .item h3{font-size:14px; padding:5px 15px;}
	section .layout-center .products .item h3 a{font-size:14px;}

	footer .container .col.double{ padding-left:0!important;} 

	section .layout-center .bx-wrapper .bx-viewport .item .cont .col h2{font-size:20px; line-height:24px; padding:0 0 15px 0; }
	section .layout-center .bx-wrapper .bx-viewport .item .cont .col h3{ font-size:14px; line-height:18px; padding:0 0 15px 0;}

	body .layout-center #main.subpage table.form  tr td{display:block; width:auto;}
	body .layout-center #main.subpage table.form  tr td:first-child{padding-bottom: 0px;}

	section .layout-center .bx-wrapper .bx-viewport .item .cont .col ul li {
		font-size: 13px;
		background: url(../images/list.png) no-repeat left 5px;
	}
	.button.big {
		height: 35px;
		line-height: 35px;
		padding: 0 10px;
		font-size: 14px;
	}


}

@media only screen and (max-width: 460px){

	section .layout-center .subcategories ul li{width:100%; } 
}

@media only screen and (max-width: 450px){

	 header .middle-box .table-container .col.logo{ padding-right:0px;}
	 section .layout-center #main #detail .right .info {padding:10px 0px!important;}
	 section .layout-center #main #detail .right .info .col{padding:5px 20px!important; display:block; text-align: center!important;}
	 
	.layout-center .show-all{float:none; margin-top:0px;}

	section .layout-center #main #content .subpage table.form  tr td{display:block; padding:0;}
	section .layout-center #main #content .subpage table.form  tr td:last-child{ padding:5px 0 15px 0;}
	section .layout-center #main #content .subpage table.form  tr td label{line-height:20px;}

	section .layout-center #main #detail .right .cont {padding:20px; }
	section .layout-center #main #detail .right .order-box .col .button{ min-width:auto; width:100%; }


}

@media only screen and (max-width: 400px){
	header .middle-box{height:70px;}
	section .layout-center .gallery .wrap .item{ width:50%; }

	.layout-center h2{ font-size:22px; }
	.top-line .layout-center > ul.nav > li > a.button{padding:0 10px;}
}

/* 

====== Zoom effect ======

*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Newspaper effect ======

*/
.mfp-newspaper {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-newspaper .mfp-with-anim {
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.5s;
  transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
  transform: scale(0) rotate(500deg);
  opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-horizontal effect ======

*/
.mfp-move-horizontal {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-horizontal .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s;
  transform: translateX(-50px);
}
.mfp-move-horizontal.mfp-bg {
  opacity: 0;
  transition: all 0.3s;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateX(0);
}
.mfp-move-horizontal.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
  transform: translateX(50px);
  opacity: 0;
}
.mfp-move-horizontal.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Move-from-top effect ======

*/
.mfp-move-from-top {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-move-from-top .mfp-content {
  vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s;
  transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
  opacity: 0;
  transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
  transform: translateY(-50px);
  opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== 3d unfold ======

*/
.mfp-3d-unfold {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-3d-unfold .mfp-content {
  perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform-style: preserve-3d;
  transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
  opacity: 0;
  transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
  transform: rotateY(60deg);
  opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== Zoom-out effect ======

*/
.mfp-zoom-out {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-out .mfp-with-anim {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
  transform: scale(1.3);
  opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
  opacity: 0;
}

/* 

====== "Hinge" close effect ======

*/
@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}
.hinge {
  animation-duration: 1s;
  animation-name: hinge;
}

.mfp-with-fade .mfp-content, .mfp-with-fade.mfp-bg {
  opacity: 0;
  transition: opacity .5s ease-out;
}
.mfp-with-fade.mfp-ready .mfp-content {
  opacity: 1;
}
.mfp-with-fade.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-with-fade.mfp-removing.mfp-bg {
  opacity: 0;
}

#some-element {
	border: 1px solid #ccc;
	display: none;
	padding: 6px;
	background: #EFE3CB;
	border: 1px solid #ffffff;
	font-size: 14px;
}

.dost:hover #some-element {
	display: block;
	position: absolute;
	margin-top: -60px;
}