/*-----------------Table of style----------------------*/
* { margin: 0; padding: 0;}

html { height: 100%;}   
                      
body {font-family: 'Open Sans';font-weight:400; color: #000;height:100%;font-size:14px;	width:100%;background:#fff url(img/bg.jpg) no-repeat center -70px;z-index:0; display: flex; flex-direction: column;} 
.bg {position:absolute;top:0;left:0;width:100%;height:1350px;background:url(img/bg.png) no-repeat center -70px;z-index:2}
.bg-fish {position:absolute;top:0;left:0;display:block;width:874px;height:766px;background:url(img/fish.png) no-repeat -80px 230px/80%;z-index:1}
.ribak{position: absolute;top: 0;right: 0;display: block;width:1084px;height:622px;background: url(img/ribak.png) no-repeat 80px bottom;z-index:1}
a {color:/*#31387a*/#2e367a;font-weight:400;outline: none;text-decoration: none;}
a:hover {text-decoration: none;color:#555;}
p {line-height:1.5em;font-size:14px;color:#000;text-align:justify;padding: 0 0 10px;word-wrap: break-word;
hyphens: auto;}
img {border: none ;}
input {vertical-align: middle;}
aside, nav, footer, header, section {display:block}
h1, h2, h3, h4, h5, h6 {margin-top:0;line-height:1.5em;color:#000;font-weight:normal; font-family: 'Clear Sans';}
h1 {margin:0 0 10px; line-height:1em; font-size:30px;}
h2 {margin:0 0 0px;line-height:1em;  font-size:23px;}
h3 {margin:0 0 0px; line-height:1em; font-size:20px;}
.content {margin:0 auto;width:80%;}
.content:after {display:block;content:'';clear:both;}
 /*-----------main ----------*/
.main {position:relative;z-index:100;flex: 1 0 auto; }
/*------footer-----------*/
footer {flex: 0 0 auto;background:#fff;padding:0px 0 30px;}
footer  section .content{border-top:2px solid #ddd;padding-top:50px;}
footer  section+section .content{border:none;padding:20px 0 0;}
footer  .copyright, footer .schetchiki, footer .razrabotka {display:inline-block;width:33%;}
footer .schetchiki {text-align:center}
footer .razrabotka {text-align:right}
.footer-item {display:inline-block;width:25%;margin:0 0 0 -3px;vertical-align:top}
.footer-item:last-child {text-align:right}
.footer-item  p {line-height:1.2em;color:#555;text-align:left}
.footer-item:last-child p {text-align:right;padding-bottom:0}
.footer-item ul{list-style:none}
.footer-item ul li a {color:#555;text-decoration:underline;}
.footer-item ul li a:hover {color:#999;text-decoration:none;}
.footer-item .widjet {width:200px;margin:0 auto;text-align:center}
.footer-item .search input[type="text"]{
display:inline-block;width:69%;height:40px;line-height:40px;border-top:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd;padding-left:10px;font-family:Open Sans;color:#555;
}
.footer-item .search input[type="submit"]{
display:inline-block;width:25%;height:42px;border-top:1px solid  rgb(86, 107, 40);border-right:1px solid  rgb(86, 107, 40);border-bottom:1px solid  rgb(86, 107, 40);font-family:Open Sans;color:#fff;background: rgb(86, 107, 40);text-align:center;box-shadow:none;outline:none;border-left:none
}
.footer-item .search input[type="submit"]:hover {opacity:0.8}
.footer-item .search h2 {font-size:16px;font-weight:bold;margin-bottom:10px}
footer .pay-system {margin:10px 0}
footer .pay-system li {display:inline-block;width:30%}
footer .pay-system li img{max-width:95%;display:block}
/*----------------------*/
.pagination  {margin:0 auto;text-align:center}
.pagination   li {display:inline-block;padding:0;margin:0;border:none}
.pagination   li i {
display:block;
width:30px;
height:30px;
text-align:center;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -webkit-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -o-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -ms-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: linear-gradient(120deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
color:#004e9c;
line-height:30px;
border:1px solid #ddd;
}
.pagination   li i:hover {background:#eee} 
.pagination   li.disabled i{color:#999;cursor:not-allowed;background:none}
.pagination   li a {
display:block;
width:30px;
height:30px;
text-align:center;
background: rgb(255, 255, 255);
background: -moz-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -webkit-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -o-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: -ms-linear-gradient(30deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
background: linear-gradient(120deg, rgb(255, 255, 255) 30%, rgb(242, 242, 242) 70%);
color:#004e9c;
line-height:30px;
border:1px solid #ddd;
}
.pagination   li.active a, .pagination  li:hover a {
background:#004e9c;color:#fff
}
/*----------------------*/
#panel-bottom {position:fixed;bottom:0;left:0;right:0;background:#31387a;text-align:center;height:40px;z-index:1100}
#panel-bottom .content div {display:inline-block;vertical-align:middle;line-height:20px;margin:10px 0;color:#fff;width:32%;}
#panel-bottom .content div  a {color:#fff}
#panel-bottom .content div span {display:inline-block;margin:0 auto;border-bottom:1px dashed #fff;line-height:1.2em}
#panel-bottom .content div span:hover {border-color:transparent} 
#panel-bottom .content div:nth-child(2) {border-right:1px solid #eee;border-left:1px solid #eee}
header{padding:25px 0 15px;}
header .logo,header .phone, header .main-menu {display:inline-block;vertical-align:middle}
header .logo,header .phone {width:25%;}
header .phone {width:18%;}
header .logo img {max-width:100%;display:block;margin-top:-20px}
header .logo span {display:block;color:rgb(86,107,40);text-align:right;max-width:280px;font-weight:bold;font-size:18px;margin-top: -20px;}
header .logo span font {font-size:14px;color:rgb(86,107,40)}
header .phone a {display:block;color:rgb(86,107,40);text-align:right;max-width:140px;font-weight:bold;}
header .phone a i {display:none}
header .phone a:first-child{font-size:18px;color:#010f32}
header .phone a:nth-child(2){font-size:18px;color:#010f32}
header .main-menu  {width:55%}
.auth {margin:-10px 100px 10px 0;text-align:right}
.auth a {text-decoration:underline;color:#000;margin-right:5px;}
.auth a+a {margin-right:0px;}
.auth a:hover {text-decoration:none}
header .main-menu ul {list-style:none;text-align:center;border-radius:10px;
background: rgb(86, 107, 40);
background: -moz-linear-gradient(90deg, rgb(86, 107, 40) 37%, rgb(146, 155, 54) 100%);
background: -webkit-linear-gradient(90deg, rgb(86, 107, 40) 37%, rgb(146, 155, 54) 100%);
background: -o-linear-gradient(90deg, rgb(86, 107, 40) 37%, rgb(146, 155, 54) 100%);
background: -ms-linear-gradient(90deg, rgb(86, 107, 40) 37%, rgb(146, 155, 54) 100%);
background: linear-gradient(180deg, rgb(86, 107, 40) 37%, rgb(146, 155, 54) 100%);
border-bottom:2px solid #fff;
}
header .main-menu ul li {display:inline-block;width:auto;padding:10px 0;}
header .main-menu ul li a{display:block;line-height:30px;height:30px;color:#fff;text-align:center;padding:0 15px}
header .main-menu ul li:hover a{background:#31387a;border-radius:10px;}
header .main-menu ul li a.active{background:#31387a;border-radius:10px;}
header .main-menu .top-nav {display:none}
header .main-menu ul  li.has-second {position:relative}
header .main-menu ul  li.has-second .second{
position:absolute;
top:100%;
left:0;
width:400px;
background:#fff;
border-radius:0 0 5px 5px;
opacity:0;
visibility:hidden;
z-index:1000
}
header .main-menu ul  li.has-second .second ul {padding:10px 0 ;background:none;}
header .main-menu ul  li.has-second .second ul li {display:block;padding:0}
header .main-menu ul  li.has-second .second ul li a{display:block;line-height:30px;height:auto;margin:0;color:#000;border:none;text-align:left}
header .main-menu ul  li.has-second .second ul li a:hover{color:#31387a;background:none;}
header .main-menu ul  li.has-second:hover .second {opacity:1;visibility:visible;}
header .main-menu ul  li.has-second:hover .second  ul li a {background:none}
header .main-menu ul  li.has-second:hover .second  ul li a.active {background:none}
header  .cart {display:block;width:100%;padding:15px 0 0; text-align:right;}
header  .cart a {display:block;margin-right:100px;}
header  .cart a i {display:none}
header  .cart a sup {display:none}
header  .cart span {display:block;color:#010f32;font-weight:bold;font-size:18px;text-shadow:0 0 4px #fff}
header  .cart span:first-child {color:rgb(86,107,40);text-transform:uppercase;font-size:30px;}
#action {padding:0px 0 30px;}
#action .slider {max-width:572px;margin:0 auto;}
#action .slider:before {display: block;
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 130%;
background: url(img/slider-after2.png) no-repeat center 70%/95%;
height: 100%;
z-index: 0;
right: 0;
margin-left: -55px;
opacity:0.7
}
/*#action .slider:after {display:block;content:'';position:absolute;bottom:-25px;left:0;width:100%;background:url(img/slider-after.png) no-repeat center bottom/100%;height:73px}
*/
#action .slick-prev::before,#action .slick-next::before {color:rgb(86, 107, 40)}
#action .slick-slide {position:relative}
#action .slider .slide-info {position:absolute;z-index:100;left:0;right:0;text-align:center;top:50%;height:150px;margin-top:-75px;}
#action .slider .slide-info  p {text-align:center;color:#555;font-size:16px;}
#action .slider .slide-info   h3{font-weight:bold;margin-bottom:15px;font-size:35px;color:rgb(86,107,40)}
#action .slider .slide-info .more {display:block;width:100px;line-height:30px;margin:0 auto;text-align:center;background:#dc2121;color:#fff;border-radius:10px}
#action .slider .slide-info .more:hover {opacity:0.8}
#catalog-slider {padding:0px 0 30px;max-width:80%;margin:0 auto}
#catalog-slider .slick-slide {opacity:0.6}
#catalog-slider .slick-slide.slick-center {opacity:1;}
#catalog-slider .slick-slide article {margin:10px 25px;text-align:center;padding:10px;border:1px solid #ddd;background:#fff;position:relative;}
#catalog-slider .slick-slide.slick-center  article {box-shadow:0 0 5px #777}
#catalog-slider .slick-prev::before, #catalog-slider .slick-next::before {color:blue;}
#catalog-slider .slick-slide article h3 {font-size:14px;text-align:center;margin:0 auto 10px;max-width:60%;height:60px;overflow:hidden;position:relative}
#catalog-slider .slick-slide article h3 span {position:relative;z-index:900}
#catalog-slider .slick-slide article h3:after {content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
background: transparent;
background: -moz-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -webkit-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -o-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -ms-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: linear-gradient(180deg, transparent 30%, rgba(255,255,255,0.6) 70%);
height: 10px;
z-index: 1000;
margin-top: -5px;
position:absolute;
}
#catalog-slider .slick-slide article img {max-width:90%;display:block;margin:0 auto 0px}
#catalog-slider .slick-slide article .label {position:absolute;top:0px;left:0px;border-radius:50%;width:40px;height:40px;font-size:12px;color:#fff;font-weight:bold;text-align:center;line-height:40px;text-transform:uppercase}
#catalog-slider .slick-slide article .label.hit {background:#ff6600}
#catalog-slider .slick-slide article  .price,
#catalog-slider .slick-slide article  .btn {display:inline-block;width:48%;vertical-align:middle;}
#catalog-slider .slick-slide article  .price span {display:block;text-align:left;color:#30387a}
#catalog-slider .slick-slide article  .price span +span {color:rgb(86, 107, 40);font-weight:bold;font-size:18px;}
#catalog-slider .slick-slide article  .btn a {display:block;margin:0 0 0 auto;width:100%;line-height: 40px;
font-size: 12px;height:40px;border-radius:7px;background:rgb(86, 107, 40);color:#fff;text-align:center}
#catalog-slider .slick-slide article  .btn a i {line-height:40px;font-size:18px}
#catalog-slider .slick-slide article  .btn a:hover {background:#30387a}
#catalog-menu {padding: 30px 0 91px;
position: relative;background:url(img/catalog-after.png) no-repeat 0 101%/100%}
/*#catalog-menu:after{
content: '';
width: 100%;
display: block;
height: 60px;
background: url(img/catalog-after.png) no-repeat 0 bottom/100%;
margin-top: 0;
position: absolute;
bottom: 0;
}*/
#catalog-menu  .content {background:rgba(1,15,50,0.2);padding:15px;}
#catalog-menu ul {list-style:none;display:inline-block;margin:0 0 0 -3px;width:25%;vertical-align:top;}
#catalog-menu ul  li {display:block;margin:0 0 10px;position:relative;}
#catalog-menu ul  li:before {content:'';border-radius:50%;background:#dc2121;width:12px;height:12px;display:inline-block;vertical-align:top;margin-top:2px}
#catalog-menu ul  li a {color:#fff;display:inline-block;max-width:90%;font-weight:bold;font-size:14px;padding-left:5px;text-shadow:0 0 1px #000}
#catalog-menu ul  li a:hover {color:#ddd}
#about {padding:100px 0;background:#fff url(img/news-bg.png) no-repeat 85% center;}
#about .text {width:70%;}
#about .text h1 {color:#31387a;font-size:35px;font-family:TNR;font-weight:bold;padding:0 15px;display:inline-block;line-height:40px;}
#about .text h1:before {background:#31387a;height:4px;width:20px;content:'';display:inline-block;vertical-align:middle;margin-right:5px;}
#about .text h1:after {background:#31387a;height:4px;width:20px;content:'';display:inline-block;vertical-align:middle;margin-left:5px;}
#about .text h1+span {display:block;color:#dc2121;font-weight:bold;font-family:TNR;font-size:30px;margin-top:-15px;margin-left:40px;margin-bottom:20px}
#about .text p {font-size:16px;text-align:left;padding-bottom:15px}
#about .text p font {color:rgb(86, 107, 40);font-weight:bold;font-size:20px;}
#about .text .more {display:block;margin:0 0 0 auto;background:#dc2121;color:#fff;width:100px;text-align:center;line-height:30px;border-radius:10px;}
#about .text  .more:hover {opacity:0.8}
#blog {padding:50px 0;position:relative}
#blog  h2 {color:#818d32;font-family:TNR;font-weight:bold;font-size:30px;margin-bottom:30px;text-align:center;}
#blog ul {list-style:none;text-align:left;}
#blog ul  li {display:inline-block;vertical-align:top;width:50%;margin:0 0 10px -3px;}
#blog ul  li article{margin:0 10px;}
#blog ul  li article  img {width:50%; display:inline-block;margin:0 0 10px -4px;vertical-align:top}
#blog ul  li article  .blog-info{width:50%; display:inline-block;margin:0 0 10px -4px;vertical-align:top;text-align:left}
#blog ul  li article  h3 {color:#31387a;font-family:TNR;font-weight:bold;font-size:18px;margin-bottom:10px;}
#blog ul  li article p{color:#000}
#blog ul  li article  h3:hover{color:#000}
#blog ul  li article .more  {display:block;width:100px;color:#000;text-align:center;line-height:30px;border:1px solid #000;border-radius:10px;margin:0;font-size:14px;font-weight:normal;text-decoration:none}
#blog ul  li article .more:hover {background:#dc2121;color:#fff;border-color:#dc2121}
#blog  .more{text-align:center;color:#000;text-decoration:underline;margin:10px auto;display:block;font-size:16px;}
#blog  .more:hover {text-decoration:none}
#news ul  li article  .blog-info .date {color:#dc2121;display:block;margin:0 0 10px}
#news .content {border-bottom:2px solid #ddd;padding:50px 0}
#news  h2 {color:#31387a;font-family:TNR;font-weight:bold;font-size:30px;margin-bottom:30px;text-align:center;}
#news ul {list-style:none;text-align:center}
#news ul li {display:inline-block;vertical-align:top;width:33%;margin:0 0 0 -3px;}
#news ul li  article {margin:0 10px}
#news ul li  article img {display: inline-block;
vertical-align: top;
width: 100px;
height: 100px;
border-radius: 50%;
border: 4px solid #dc2121;}
#news ul li  article .blog-info   {display:inline-block;vertical-align:top;width:58%;padding-left:1%;text-align:left}
#news ul li  article .blog-info    h3 {font-size:18px;color:#818d32;margin:0 0 10px;font-weight:bold}
#news ul li  article .blog-info    h3:hover {color:#555}
#news ul li  article .blog-info   .more {text-decoration:underline}
#news ul li  article .blog-info   .more:hover {text-decoration:none}
#news .seeall {text-align: center;
color: #000;
text-decoration: none;
margin: 10px auto;
display: block;
font-size: 14px;
width: 120px;
margin: 15px auto;
border: 1px solid #aaa;
padding: 0;
line-height: 30px;
border-radius: 10px;}
#news .seeall:hover {background:#dc2121;color:#fff;border-color:#dc2121}
/*------------inner------------*/
.inner  {
 background:url(img/bg-inner.jpg) no-repeat 0 50% #0056a0;
background:url(img/bg-inner.jpg) no-repeat 0 50%, -moz-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 50%,  -webkit-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 50%,  -o-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 50%,  -ms-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 50%,  linear-gradient(90deg, #0056a0 10%, #54a8f1 58%);
}
.inner .bg {display:none}
.inner .bg-fish {position: absolute;
top: 0;
right: 0;
display: block;
width: 874px;
height: 766px;
background: url(img/fish-inner.png) no-repeat 100px 100px/60%;
z-index: 1;
left: auto;
opacity:0.6
}
.inner .ribak{display:none}
.inner  header .content{z-index:1;position:relative}
.inner  header:after{
content:'';
z-index:0;
position:absolute;
top:0;
right:0;
width:auto;
left:0;
height:115px;
/*background:transparent;
background: -moz-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29%);
background: -webkit-linear-gradient(0deg,transparent 29%, rgb(255, 255, 255) 29%);
background: -o-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29%);
background: -ms-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29%);
background: linear-gradient(90deg, transparent 29%, rgb(255, 255, 255) 29%);*/
background:#fff;border-bottom:1px solid #eee;
}
.inner header .cart{padding-top:25px}
.inner header .cart h1 {display: inline-block;
vertical-align: middle;
width:84%;
text-align: left;
margin: 0 auto 0 0;
font-family: TNR;
font-size: 30px;
font-weight: bold;
color: #010f32;padding:15px 0 3px}
.inner header .cart a {margin-right: 0;display:inline-block;vertical-align: middle;width:15%;margin:0 0 0 auto;padding:15px 3px 3px;
background: -webkit-radial-gradient(50% 50%, farthest-side, rgba(255,255,255,0.7), rgba(255,255,255,0.1)); 
background: -o-radial-gradient(50% 50%, farthest-side,rgba(255,255,255,0.7),rgba(255,255,255,0.1));
background: -moz-radial-gradient(50% 50%, farthest-side, rgba(255,255,255,0.7), rgba(255,255,255,0.1)); 
background: radial-gradient(farthest-side at 50% 50%, rgba(255,255,255,0.7), rgba(255,255,255,0.1)); 
}
.inner header .cart #cart_line {
display: inline-block;
vertical-align: middle;
width:15%;
margin: 0 0 0 auto;
padding: 15px 3px 3px;
}
.inner header .cart #cart_line a {width:100%;padding:0}
.inner  footer {z-index:1000;}
.inner  footer .content{border:none}
.inner .auth {margin-right:0}
.inner   #about{
border-top:1px solid #eee;
padding:35px 0;
/*background:url(img/inner-about.png)no-repeat 0 101%/35% transparent;
background:url(img/inner-about.png)no-repeat 0 101%/35%, -moz-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29%);
background:url(img/inner-about.png)no-repeat 0 101%/35%,  -webkit-linear-gradient(0deg,transparent 29%, rgb(255, 255, 255) 29%);
background:url(img/inner-about.png)no-repeat 0 101%/35%,  -o-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29% );
background:url(img/inner-about.png)no-repeat 0 101%/35%,  -ms-linear-gradient(0deg, transparent 29%, rgb(255, 255, 255) 29%);
background:url(img/inner-about.png)no-repeat 0 101%/35%,  linear-gradient(90deg, transparent 29%, rgb(255, 255, 255) 29%);*/
background:#fff;
position:relative;
}
.inner   #about .left-sidebar,.inner   #about .text {display:inline-block;vertical-align:top;}
.inner   #about .left-sidebar {width:25%;}
.inner   #about .text  {width:74%;}
.inner   #about.catalog .text {width:100%}
.inner   #about .text p {padding:0 0 10px;font-size:14px}
.breadcrumbs {margin:0 0 15px;padding-bottom:10px;border-bottom:1px solid #ddd}
.breadcrumbs  ul {list-style:none}
.breadcrumbs  ul li {display:inline-block;line-height:30px;color:#31387a}
.breadcrumbs  ul li i {margin:0 5px}
.breadcrumbs  ul li  a {color:#31387a;text-decoration:underline}
.breadcrumbs  ul li:hover  a {color:#444;text-decoration:none}
.inner   #about .left-sidebar .left-menu {margin-right:5%}
.inner   #about .left-sidebar .left-menu  h2 {color:#fff;font-size:30px;margin:-10px auto 15px;}
.inner   #about .left-sidebar .left-menu ul {list-style: none;margin-right:5%;background:url(img/left-menu-bottom.png) no-repeat 100% bottom/2px 100px,url(img/left-menu-top.png) no-repeat 100% top/2px 100px, url(img/left-menu.png) repeat-y right 100px/2px}
.inner   #about .left-sidebar .left-menu ul li a {display: inline-block;
vertical-align: middle;
width: 80%;
line-height: 1.2em;
font-size: 14px;
color: #000;
padding: 10px;
font-weight: 400;
border-bottom: 1px solid rgb(86,107,40);}
.inner   #about .left-sidebar .left-menu ul li a:hover{background:rgb(86,107,40);color:#fff}
.inner   #about .left-sidebar .left-menu ul li.has-second:hover,.inner   #about .left-sidebar .left-menu ul li a.active{background:rgb(86,107,40);color:#fff}
.inner   #about .left-sidebar .left-menu ul li.has-second:hover a{color:#fff}
/*.inner   #about .left-sidebar .left-menu ul li a.active{background:rgb(86,107,40);color:#fff;border-radius:10px}*/
/*.inner   #about .left-sidebar .left-menu ul li:before {content:'';background:rgb(86,107,40);width:15px;height:15px;display:inline-block;vertical-align:middle;border-radius:50%;margin-top:5px;}*/
.inner   #about .left-sidebar .left-menu ul li a.parent+.second {display:none}
.inner   #about .left-sidebar .left-menu ul li a.parent.active+.second {display:none}
.inner   #about .left-sidebar .left-menu ul li .second ul {background:none;margin:0;}
.inner   #about .left-sidebar .left-menu ul li .second ul  li  {max-width:80%;padding:0 10px}
.inner   #about .left-sidebar .left-menu ul li .second ul  li a {border:none;padding:5px;display:inline-block;vertical-align:middle;}
.inner   #about .left-sidebar .left-menu ul li .second ul  li a:hover {background:none;color:rgb(86,107,40)} 
.inner   #about .left-sidebar .left-menu ul li .second ul  li a.active {background:none;color:rgb(86,107,40);font-weight:bold} 
.inner   #about .left-sidebar .left-menu ul li .second ul  li:last-child  {border-bottom:1px solid rgb(86,107,40);padding-bottom:5px;}
.inner   #about .left-sidebar .left-menu ul li .second ul  li:before  {content:'';display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:50%;background:rgb(86,107,40)}
.inner   #about .left-sidebar .left-menu .left-nav {display:none}
.section-menu {margin-right:5%;margin-bottom:20px;}
.section-menu  ul {list-style: none;margin-right: 5%;padding:0 10px;background:#f5f5f5;border:1px solid #eee}
.section-menu  ul  li:before {content:'';display:inline-block;width:7px;height:7px;background:rgb(86,107,40);border-radius:50%;vertical-align:middle;margin-right:5px;}
.section-menu  ul  li{border-bottom:1px solid #ddd}
.section-menu  ul  li:last-child{border-bottom:none}
.section-menu  ul  li a {
display:inline-block;
vertical-align:middle;
width:80%;
color:#000;
padding:10px 0;
}
.section-menu  ul  li a:hover{color:rgb(86,107,40);}
.section-menu  ul  li a.active{color:rgb(86,107,40);font-weight:bold}
#section .section-top .section-img {display:block;float:left;margin:0 10px 0 0;width:130px;padding:5px;border:2px solid rgb(86,107,40)}
#section .section-top:after {display:block;content:'';clear:both}
.filter  {border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin:15px 0;}
.filter .filter-top+.row {display:none}
.filter .filter-top h2, .filter .filter-top span {display:inline-block;vertical-align:middle;line-height:30px;}
.filter .filter-top span{float:right;color:#31387a}
.filter .filter-top.open {margin:0 0 10px}
.filter .filter-top.open span i:before{content:'\f106';}
.filter .filter-top {position:relative;cursor:pointer;cursor:hand;padding:5px 0;}
.filter .filter-top:after {display:block;content:'';clear:both}
.filter .filter-top h2{font-size:16px;font-weight:normal;margin:0;color:#31387a}
.filter .filter-top h2:after {
content: 'Развернуть';
float: right;
position: absolute;
top:5px;
right:15px;
font-size: 14px;
display: inline-block;
vertical-align: middle;
line-height: 30px;  
}
.filter .filter-top.open h2:after {content:'Скрыть'}
.filter .filter-top h2 i {color:#31387a}
.filter .filter-top:hover h2 i, .filter .filter-top.open h2 i {color:#dc2121}
.filter .filter-top.open h2, .filter .filter-top:hover h2{color:#dc2121}
.filter .filter-top.open span, .filter .filter-top:hover span{color:#dc2121}
.filter .filter-top.open+.row {display:block;padding-bottom:15px}
.filter-item {display: inline-block;vertical-align: top;width: 24%;margin: 0 0 15px -3px;padding-right: 1%;}
.filter-item .dropdown{max-width: 100%;width: 95%;}
.filter-item  .dropdown .carat {background: #f5f5f5 url(img/plus.png) no-repeat center center /10px;}
.filter-item .dropdown.open .carat {background:#fff url(img/minus.png) no-repeat center center /10px;}
.filter-item  .select{position:relative}
.filter-item  .select h4 {display:block;background:rgba(255,255,255,0.6);margin:0;font-size:12px;line-height:30px;padding:0 0 0 10px;border:1px solid #ddd;position:relative;z-index:10000;cursor:pointer;cursor:hand;opacity:0.8}
.filter-item   .select h4 i {float:right;line-height:30px;margin-left: 0;
padding: 0 10px;
background: #f5f5f5;
border-left: 1px solid #ddd;}
.filter-item  .select h4:after{content:'';display:block;clear:both;}
.filter-item  .select h4+.options {opacity:0;visibility:hidden}
.filter-item  .select h4.open+.options {opacity:1;visibility:visible}
.filter-item   .select h4.open{border-bottom:1px solid #fff;}
.filter-item  .select h4.open i {background:none;border-color:#fff}
.filter-item  .select h4.open i:before{content:'\f068'} 
.filter-item   .select .options {
position:absolute;
display:block;
top:31px;
background:#fff;
padding:10px;
border:1px solid #ddd;
width:90.5%;
z-index:9999;
}
.filter-item  .select .options label {display:block}
.filter-item  .select .options label  input,.filter-item  .select .options label span {display:inline-block;vertical-align:middle}
.filter-item   .select .options label  input {margin-right:5px}
.filter-item.slide{display:block;width:100%}
.filter-item.slide h3{
line-height: 30px;
font-size: 14px;
background: rgb(245, 245, 245) none repeat scroll 0% 0%;
padding: 0px 10px;
margin: 0px 0px 15px;
border: 1px solid rgb(221, 221, 221);
font-weight: bold;
}
.filter-item.slide #slider-range {width:35%}
.filter-item.slide #slider-range2 {width:35%}
.filter-item.slide .ui-widget-header {background:#e0e9f6}
.filter-item.slide p {padding-bottom:0}
.filter-btns {display:block}
.filter-btns a {display:inline-block;width:120px;text-align:center;line-height:30px;margin-right:5px;border-radius:5px}
.filter-btns a:first-child {background:#dc2121;color:#fff;}
.filter-btns a:last-child {background:#eee;color:#000;}
.filter-btns a:hover {background:#31387a;color:#fff}
.sort{text-align:right}
.sort:after{content:'';display:block;clear:both}
.sort .sort-item {display:inline-block;vertical-align:middle;text-align:left}
.sort .sort-item:nth-child(1) {float:left}
.sort .sort-item  .dropdown {max-width:100%;width:auto;}
.sort .sort-item .dropdown li {white-space: pre-wrap;}
.sort .sort-item:first-child .dropdown {width:150px}
.section-list  {padding:15px 0}
.section-list .section-items {list-style:none;}
.section-list .section-items li{display:inline-block;width:25%;margin:0 0 10px -3px;position:relative}
.section-list .section-items li article {padding:10px;border:1px solid #ddd;background:#fff;position:absolute;left:5px;bottom:0%;right:5px;z-index:0}
.section-list .section-items li article:hover {z-index:1;border:1px solid rgb(86,107,40);border-radius:10px;box-shadow:0 0 10px #ccc}
.section-list .section-items li article .label {position:absolute;top:0px;left:0px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:#fff}
.section-list .section-items li article .label+.label {top:30px}
.section-list .section-items li article .label.sale {background:#dc2121}
.section-list .section-items li article .label.hit {background:#ff6600}
.section-list .section-items li article .label.new {background:#31387a}
.section-list .section-items li article .name {text-align: center;
height: 45px;
overflow: hidden;
position: relative;
line-height: 1.2em;
font-size: 14px;
color: #000;
margin: 0 auto 10px;width:90%}
.section-list .section-items li article .label+.name {margin:0 30px 10px;width:auto}
.section-list .section-items li article:hover .name{height:auto;min-height:45px;}
.section-list .section-items li article:hover .name:after{display:none}
.section-list .section-items li article .name:after {content: '';
display: block;
left: 0;
bottom: 0;
width: 100%;
background: transparent;
background: -moz-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -webkit-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -o-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: -ms-linear-gradient(90deg, transparent 30%, rgba(255,255,255,0.6) 70%);
background: linear-gradient(180deg, transparent 30%, rgba(255,255,255,0.6) 70%);
height: 10px;
z-index: 1000;
margin-top: -5px;
position:absolute;
}
.section-list .section-items li article:hover  .name {color:#31387a}
.section-list .section-items li article .img img {display:block;max-width:100%;height:130px;margin:0 auto 10px;}
.section-list .section-items li article .act .price,
.section-list .section-items li article .act .btn {display:inline-block;vertical-align:middle;width:49%}
.section-list .section-items li article .act .price+.kol {display:inline-block;vertical-align:middle;width:24%;margin-right:1em}
.section-list .section-items li article .act .kol+.btn {display:inline-block;vertical-align:middle;width:15%}
.section-list .section-items li article .act .btn i {color:#fff}
.section-list .section-items li article .act .kol .ui-spinner-input{margin-right:1em}
.section-list .section-items li article .act .price span {display:block;color:#31387a}
.section-list .section-items li article .act .price span:nth-child(2)  {display:block;font-weight:bold;font-size:16px;color:rgb(86,107,40);min-height:23px}
.section-list .section-items li article .act .price span:nth-child(2) font {font-weight:300;font-size:14px;color:#000;text-decoration:line-through}
.section-list .section-items li article .act .btn {background:rgb(86,107,40);text-align:center;color:#fff;line-height:30px;border-radius:5px;font-size:12px}
.section-list .section-items li article .act .btn:hover {opacity:0.8}

.inner   #about .catalog-section-list ul {list-style:none;}
.inner   #about .catalog-section-list ul li {display:inline-block;width:17%;vertical-align:top;margin: 0 0 0 -6px}
.inner   #about .catalog-section-list ul li a {display:block;margin:0 0px 15px;text-align:center}
.inner   #about .catalog-section-list ul li a img {display:block;max-width:100%;margin:0 0 10px}
.inner   #about .catalog-section-list ul li a span {display:block;margin:0 10px 0;font-weight:bold;word-wrap:break-word}

#catalog-element .item-img-carusel {display:inline-block;width:40%;vertical-align:top;position:relative}
#catalog-element .item-img-carusel .label{position:absolute;top:15px;left:0px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:#fff;z-index:100}
#catalog-element .item-img-carusel .label+.label {top:45px}
#catalog-element .item-img-carusel .label.sale {background:#dc2121}
#catalog-element .item-img-carusel .label.hit {background:#ff6600}
#catalog-element .item-img-carusel .label.new {background:#31387a}
#catalog-element .item-info {display: inline-block;
width: 56%;
vertical-align: top;
padding-left: 3%;}
#catalog-element .item-img-carusel .slider-for  img{max-width:100%}
#catalog-element .item-img-carusel .slider-for .slick-slide {padding:15px 0;}
#catalog-element .item-img-carusel .slick-slider img{max-width:100%;}
#catalog-element .item-img-carusel  .slider-for img{max-width:99%;box-shadow:0 0 2px #aaa;margin:0 auto}
#catalog-element .item-img-carusel  .slider-nav  .slick-current img {border:1px solid #31387a}
#catalog-element .item-img-carusel  .slider-nav img {max-width:90%;margin:0 auto;border:1px solid #ddd;display:block}
#catalog-element .item-img-carusel  .slick-prev:before, #catalog-element .item-img-carusel  .slick-next:before {color:#31387a}
#catalog-element .item-img-carusel  .slick-track {margin:0}
#catalog-element .item-info .top h2 {display:inline-block;width:80%;vertical-align:middle;margin:0 0 0 -3px;font-size: 30px;font-weight: 300;}
#catalog-element .item-info .top .act {display:inline-block;width:20%;vertical-align:middle;margin:0 0 0 -3px}
#catalog-element .item-info .top .act a {display:inline-block;width:40px;height:40px;position:relative}
#catalog-element .item-info .top .act a:hover:before{content:attr(data-title);position:absolute;height:20px;line-height:20px;font-size:12px;top:-20px;background:#444;color:#fff;left:-100%;width:100px;text-align:center} 
#catalog-element .item-info .top .act a.heart {background:url(img/heart.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act a.heart:hover {background:url(img/heart-hover.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act a.heart.active {background:url(img/heart-focus.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act a.compare {background:url(img/refresh.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act a.compare:hover {background:url(img/refresh-hover.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act a.compare.active {background:url(img/refresh-focus.png) no-repeat center center/30px;}
#catalog-element .item-info .top .act span {display:block;}
#catalog-element .item-info .middle .left,
#catalog-element .item-info .middle .right {display: inline-block;
vertical-align:top;
width: 50%;
padding: 5px 0;
margin: 25px 0 0px -3px;}
#catalog-element .item-info .middle .right {border-left:1px solid #ddd}
#catalog-element .item-info .middle .left .btn .kol, 
#catalog-element .item-info .middle .left .btn .to-order {display:inline-block;vertical-align:middle;width:43%}
#catalog-element .item-info .middle .left .btn .kol .nalichie {display:block;margin-top:5px;font-size:13px}
#catalog-element .item-info .middle .left .btn .kol .nalichie.yes i {color:rgb(86,107,40)}
#catalog-element .item-info .middle .left .btn .kol .nalichie.no i {color:#dc2121}
#catalog-element .item-info .middle .left .btn .to-order a {display:block;text-decoration:underline;font-size:13px}
#catalog-element .item-info .middle .left .btn .to-order a:hover {text-decoration:none;}
#catalog-element .item-info .middle .left .btn .to-order a:first-child {line-height:40px;border:1px solid #ddd;width:120px;text-align:center;margin:0 0 5px;text-decoration:none;background:#31387a;color:#fff;border-radius:5px;border-bottom:1px solid #eee;box-shadow:0 1px 2px #aaa;font-size:14px;text-transform:uppercase}
#catalog-element .item-info .middle .left .btn .to-order a:first-child:hover{opacity:0.8}
#catalog-element .item-info .middle .left .btn .to-order a:first-child.active{background:#eee;color:#aaa}
#catalog-element .item-info .middle  ul {list-style:none;margin:25px 0 0}
#catalog-element .item-info .middle  .right ul {padding-left:20px;margin:0}
#catalog-element .item-info .middle   ul.preim li{display:inline-block;width:49%;vertical-align:top;}
#catalog-element .item-info .middle   ul.preim li ul {margin:0}
#catalog-element .item-info .middle   ul.preim li ul li {display:block;width:100%;vertical-align:top;}
#catalog-element .item-info .middle .right ul.preim li{display:block;width:100%;vertical-align:top;}
#catalog-element .item-info .middle  ul.preim li {
line-height: 30px;
font-weight: 400;
font-size: 16px;
text-transform:uppercase;
}
/*#catalog-element .item-info .middle  .right ul.preim li {
line-height: 25px;
font-weight: 600;
font-size: 16px;
text-transform:none;
}*/
#catalog-element .item-info .middle  ul.preim li:before {display:inline-block;content:'';width:30px;height:30px;background:url(img/ico-delevery.png) no-repeat center center/30px;vertical-align:middle;margin-right:5px;} 
#catalog-element .item-info .middle  ul.preim li.pay:before {display:inline-block;content:'';width:30px;height:30px;background:url(img/ico-pay.png) no-repeat center center/30px;vertical-align:middle} 
/*#catalog-element .item-info .middle .right ul.preim li:before {display:none} */
#catalog-element .item-info .middle .right ul.preim li ul li:before {background:none;width:auto;height:auto} 
#catalog-element .item-info .middle  ul.preim li span {display:inline-block;vertical-align:middle} 

#catalog-element .item-info .middle  ul.preim li ul {padding:5px 0}
#catalog-element .item-info .middle ul.preim li ul li{line-height:1em;font-size:14px;font-weight:300;text-transform:none;padding: 10px;border-bottom: 1px solid #ddd;width: 85%;}
#catalog-element .item-info .middle ul.preim li ul li:last-child{border-bottom: none;}
#catalog-element .item-info .middle .right ul.preim li ul li{/*padding:0px;border-bottom:none;width: 100%;*/}
#catalog-element .item-info .middle .right ul.preim li ul li{line-height:1em;font-size:14px;font-weight:300;text-transform:none}
#catalog-element .item-info .middle  ul.preim li ul li:before{display:none} 
#catalog-element .item-info .middle .right ul.preim li ul li:before{/*content:'•';color:#dc2121;margin-right:5px;font-size:14px;font-weight:bold;line-height:25px;display:inline-block*/display:none} 
#catalog-element .item-info .middle  ul.preim li ul li a {text-decoration:underline;}
#catalog-element .item-info .middle  ul.preim li ul li a:hover {text-decoration:none;}
#catalog-element .item-info .middle  ul.preim li ul li font {color:rgb(86,107,40);font-weight:600}
#catalog-element .item-info .middle  .to-review {color:#31387a;font-size:13px;padding: 15px 0 0;}
#catalog-element .item-info .middle  .left .to-review {padding:0;}
#catalog-element .item-info .middle .to-review a{display:block;color:#31387a;text-decoration:underline;}
#catalog-element .item-info .middle .to-review a:hover {text-decoration:none}
#catalog-element .item-info .middle .left .price{padding: 25px 0px;
font-weight: bold;
font-size: 25px;
color: rgb(86, 107, 40);}
#catalog-element .item-info .middle .left .price .old{font-weight:400;font-size:20px;color:#000;text-decoration:line-through}
#catalog-element .item-info .middle .left .price .old+span {color:#dc2121}

#catalog-element .ui-spinner {
height: 40px !important;
line-height: 40px;
width: 100px;
text-align: center;}
.ui-spinner-input {
    margin-left: 1em  !important;
    margin-right: 1em !important;
    text-align: center;
	
}
.ui-spinner a {background:none;cursor:pointer;cursor:hand}
.ui-spinner a.ui-spinner-up{
right: 0px !important;
left:auto;
height: 100%;
border-left:none !important;
border-right: none !important;
}
.ui-spinner a:hover,.ui-spinner a:active{background:#eee}
.ui-spinner a.ui-spinner-up span.ui-button-icon {background:url(img/plus.png) no-repeat center center/10px;}
.ui-spinner a.ui-spinner-down{
height: 100%;
left:0 !important;
border-right:none !important;
border-left:0 !important;
}
.ui-spinner a.ui-spinner-down span.ui-button-icon {background:url(img/minus.png) no-repeat center center/10px;}

#catalog-element  .item-info  .seemore {display:block;padding:10px 0;}
#catalog-element  .item-info  .seemore a {display:inline-block;width:48%;vertical-align:middle;padding-right:1%;text-align:center;line-height:40px;border:1px solid #ddd;text-transform:uppercase;color:#555;}
#catalog-element  .item-info  .seemore a+a {padding-left:1%;padding-right:0}
#catalog-element  .item-info  .seemore a:hover {background:#f5f5f5}
/*-------Tabs-----------------*/
#catalog-element  .tb{display: inline-block;
width: 69%;
vertical-align: top;
margin: 20px 0 0;
margin-right: 2%;}
#catalog-element  .tabs {
  min-width: 300px;
  max-width: 100%;
  padding: 0px;
  margin: 0 auto;
  
}
/* Стили секций с содержанием */
#catalog-element  .section {
  display: none;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
}
#catalog-element  .tabs input {
  display: none !important;
}
/* Стили вкладок (табов) */
#catalog-element  .tabs label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #555;
  border: 1px solid #ddd;
  background:#f5f5f5;
  font-weight:400;text-transform:uppercase
}

/* изменения стиля заголовков вкладок при наведении */
#catalog-element  .tabs label:hover {
  color: #888;
  cursor: pointer;
}
/* стили для активной вкладки */
#catalog-element  .tabs input:checked + label {
  color: #2b103d;
  border: 1px solid #ddd;
  border-top: 1px solid #dc2121;
  border-bottom: 1px solid #fff;
  background: #fff;
}
/* активация секций с помощью переключателя :checked */
#catalog-element  #tab1:checked ~ #content1,
#catalog-element  #tab2:checked ~ #content2,
#catalog-element  #tab3:checked ~ #content3,
#catalog-element  #tab4:checked ~ #content4 {
  display: block;
}
#content2 iframe {width:100%;height:350px;}
#catalog-element  .prop-list {
}
#catalog-element  .prop-list h2 {
 padding: 0px 20px;
margin: 0px 0px 10px;
font-size: 16px;
font-weight:400;
color: rgb(49, 56, 122);
text-transform:uppercase;
}
#catalog-element  .prop-list ul {list-style: outside none none;
padding: 0px 0px;}
 #catalog-element .prop-list ul li  {line-height:25px;}
 #catalog-element  .prop-list ul li span {font-weight:bold;margin-right:5px}
#catalog-element  .prop-list ul li span+span {font-weight:400;margin-right:0px}
/*-------Tabs2-----------------*/
#catalog-element  .tb2{display:block;width:100%;margin: 20px 0 0;margin-right:0%;}
#catalog-element  .tabs2 {
  min-width: 300px;
  max-width: 100%;
  padding: 0px;
  margin: 0 auto;
  
}
/* Стили секций с содержанием */
#catalog-element  .section2 {
  display: none;
  padding:20px 0 0;
  background: #fff;
}
#catalog-element  .tabs2 input {
  display: none !important;
}
/* Стили вкладок (табов) */
#catalog-element  .tabs2 label {
  display: inline-block;
  margin: 0 0 -1px;
  padding:0 10px 0 0;
  font-weight: 600;
  text-align: center;
  color: #555;
  font-weight:400;
  text-transform:uppercase;
  color:#31387a
}
#catalog-element  .tabs2 label  i {color:#555}

/* изменения стиля заголовков вкладок при наведении */
#catalog-element  .tabs2 label:hover {
  color: #888;
  cursor: pointer;
}
/* стили для активной вкладки */
#catalog-element  .tabs2 input:checked + label {
  color: #2b103d;
  background: #fff;
}
/* активация секций с помощью переключателя :checked */
#catalog-element  #tab1-1:checked ~ #content1-1,
#catalog-element  #tab2-2:checked ~ #content2-2,
#catalog-element  #tab3-3:checked ~ #content3-3,
#catalog-element  #tab4-3:checked ~ #content4-4 {
  display: block;
}
.color-list {list-style:none}
.color-list li {display:inline-block;width:12%;margin:0 0 10px 0px;}
.color-list li  a {display:block;margin:0 5px;padding:5px;border:1px solid #ddd;}
.color-list li  a:hover,.color-list li  a.active {border-color:#dc2121}
.color-list li  a  img {display:block;max-width:100%}
.tovar-table {width:100%}
#catalog-element  .tabs2 .kol input{display: inline-block !important;
line-height: 30px;
text-align: center;
width: auto;
margin: 0 auto;
padding:0;
}
.tovar-table  {border:1px solid #ddd;border-collapse:collapse;margin:20px 0}
.tovar-table th{padding:15px 5px;font-weight:400;line-height:20px;}
.tovar-table thead {background:rgb(86,107,40);color:#fff;border: 1px solid rgb(86,107,40);}
.tovar-table td {padding:15px 5px;border-bottom:1px solid #ddd}
.tovar-table td.img {position:relative}
.tovar-table td.img .label{position:absolute;top:0px;left:0px;width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;color:#fff;z-index:100}
.tovar-table td.img .label+.label {top:45px}
.tovar-table td.img .label.sale {background:#dc2121}
.tovar-table td.img .label.hit {background:#ff6600}
.tovar-table td.img .label.new {background:#31387a}
.tovar-table td.img img {max-width:135px;}
.tovar-table td.kod{text-align:center;}
.tovar-table td.price{width:155px;text-align:center;color:#31387a}
.tovar-table td.price .old{color:#000;text-decoration:line-through;display:block}
.tovar-table td.price .old+span{color:#dc2121}
.tovar-table td.col {width:70px;text-align:center}
.tovar-table td.name .har {display:block;color:#31387a;cursor:pointer;cursor:hand}
.tovar-table td.name .har:hover,.tovar-table td.name .har.open {display:block;color:rgb(86,107,40)}
.tovar-table td.name .har+ul {display:none;}
.tovar-table td.name .har.open+ul {display:block;}
.tovar-table td.name .har.open i:before{content:'\f106'}
.tovar-table td.name  ul {list-style:inside;color:#31387a}
.tovar-table td.name  ul  li {line-height:25px;}
.tovar-table td.name  ul  li span{color:#000;font-weight:600}
.tovar-table td.name  ul  li span+span{color:#000;font-weight:400;margin-left:5px}
#catalog-element  td.col  .ui-spinner {
    height: 30px !important;
    line-height:30px;
    width: 70px;
    text-align: center;
}
.tovar-table td.action {width:100px;text-align:center}
.tovar-table td.action a {display:block;text-decoration:underline;font-size:13px;}
.tovar-table td.action a:hover {text-decoration:none}
.tovar-table td.action a.active {color:#333;text-decoration:none}
.tovar-table td.action a:first-child
{padding: 5px;
border: 1px solid rgb(46, 54, 122);
text-decoration: none;
margin: 0px 0px 10px;
font-size:14px
}
.tovar-table td.action a:first-child:hover{background:rgb(46, 54, 122);color:#fff}
.tovar-table td.action a:first-child.active {background:#eee;color:#333;border-color:#333}


.tovar-table td.nalichie {width:65px;text-align:center}
.tovar-table td.nalichie.yes {color:rgb(86,107,40)}
.tovar-table td.nalichie.no {color:#dc2121}

.detail-review .reviews-list {list-style:none}
.detail-review .reviews-list li {margin:0 0 10px;}
.detail-review .reviews-list li article h3{padding:0 0 10px;margin:0 0 10px;border-bottom:1px solid #ddd;font-size:14px;font-weight:600;color:#31387a;}
.detail-review .reviews-list li article h3 span {padding-left:5px;color:#555;font-weight:400;font-size:12px}
.detail-review .reviews-list .answer .title {display:block;color:#ab0000;padding:10px;background:#f5f5f5;margin:0 0 10px}
.detail-review .reviews-list .answer  p {margin-left:10px}
.detail-review  form input[type="text"] {display:block !important;width:99%;padding-left:5px;line-height:30px;height:30px;box-shadow:none;outline:none;background:#fff;border:1px solid #ddd;margin:0 0 10px;font-family:Open Sans;font-size:14px}
.detail-review  form textarea{display:block;width:99%;padding-left:5px;line-height:30px;height:90px;box-shadow:none;outline:none;background:#fff;border:1px solid #ddd;margin:0 0 10px;font-family:Open Sans;font-size:14px}
.detail-review  form input[type="submit"] {display:block !important;width:99%;padding-left:5px;line-height:30px;width:100px;margin:0 auto 0;box-shadow:none;outline:none;background:#dc2121; border-radius:7px;font-family:Open Sans;font-size:14px;color:#fff;text-align:center;border:none}
.detail-review  form input[type="submit"]:hover {opacity:0.8}
.detail-review  h2.add-title {font-size:20px;text-align:center;margin:0 0 10px;color:rgb(86,107,40)}
.detail-review {margin:20px 0 0}
.detail-review .detail-review-title {
display: inline-block;
margin: 0 0 -1px;
padding: 15px 25px;
font-weight: 600;
text-align: center;
color:#2b103d;
background:#fff;
border: 1px solid #ddd;
border-bottom:1px solid #fff;
font-weight: 400;
text-transform: uppercase;
font-size:14px;
font-family:Open Sans
}
.detail-review .detail-review-title+.review-body {
padding: 15px;
background: #fff;
border: 1px solid #ddd;
}

#bascket table {width:100%;border-collapse:collapse;border:1px solid #ddd}
#bascket table th {color:#000;font-weight:600;padding:15px 5px;border-bottom:1px solid #ddd}
#bascket table td {padding:15px 5px;}
#bascket table td.img a {position:relative;display:block}
#bascket table td a  .label{position:absolute;top:0;left:0;right: auto;margin: 0;border-radius:50%;color:#fff;width:25px;height:25px;line-height:25px;font-size:12px;text-align:center;z-index:100}
#bascket table td a  .label.sale {background:#dc2121}
#bascket table td a  .label.new {background:#31387a}
#bascket table td a  .label.hit {background:#ff6600}
#bascket table td a  .label+.label{top:20px}
#bascket table td.fix-width {min-width:85px;text-align:center} 
#bascket table td.fix-width.price {min-width:160px;color:rgb(86,107,40)}
#bascket table td.fix-width.price  .old {text-decoration:line-through;color:#000}
#bascket table td.fix-width.price  .old +span {color:#dc2121}
#bascket table td.fix-width img {max-width:90px;display:block;margin:0 auto}
#bascket table td.name ul {list-style:none}
.inner #about .text #bascket table td.name p {padding:0;text-decoration:underline;cursor:pointer;cursor:hand}
#bascket table td.name p+ul {display:none}
#bascket table td.name p.open+ul {display:block}
#bascket table td.name p.open i:before {content:'\f106'}
#bascket table td.name ul li span:first-child {font-weight:400;color:rgb(86,107,40);margin-right:5px;}
#bascket table td .btn a {display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;background:#4b4b4b;color:#fff;border-radius:5px;position:relative}
#bascket table td .btn a:hover {background:#dc2121}
#bascket table td .btn a:focus {background:#dc2121}
#bascket table td .btn a:hover:before {content:attr(data-title);position:absolute;height:25px;line-height:25px;font-size:12px;top:-30px;background:#444;color:#fff;left:-100%;width:100px;text-align:center}
.bascket-btn {padding:20px 0;}
.bascket-btn  a {display:inline-block;padding:0 10px;line-height:40px;background:#f5f5f5;border:1px solid #ddd;color:#444;margin-right:5px;}
.bascket-btn  a:hover {background:#31387a;color:#fff}
.bascket-btn  a:last-child {float:right}
.bascket-btn:after {content:'';clear:both;display:block}
.bascket-itog {padding:0 0 20px;}
.bascket-btn  .kupon {display:inline-block;width:33%;vertical-align:top;}
.bascket-btn .kupon input[type="text"] {display:inline-block;vertical-align:top;
width:64%;line-height:40px;height:40px;font-family:Open Sans;padding-left:10px;box-shadow:none;background:#fff;color:#000;border:1px solid #ddd;}
.bascket-btn .kupon  .input_submit {display: inline-block;
width: 100px;
line-height: 40px;
background: #31387a;
color: #fff;
text-align: center;
outline: none;
box-shadow: none;
border: none;
margin:0;
padding:0;
float:none;
margin-left: -4px;
vertical-align: top;
font-family: Open Sans;
font-size: 14px;
cursor:pointer;
cursor:hand;
}
.bascket-btn  .kupon  .input_submit:hover{opacity:0.8}
.bascket-itog:after{content:'';display:block;clear:both}
.bascket-itog .itogo {
display:block;
vertical-align:top;
width:300px;
margin:20px auto
}

.bascket-itog .itogo div  span {
display: block;
line-height: 40px;
color: #000;
font-size: 18px;
text-transform: uppercase;
text-align: center;
border-bottom:1px solid #ddd;
font-weight:300
}
.bascket-itog .itogo div  span font {font-weight:600;color:#31387a}
.bascket-itog .itogo a {display:block}
.bascket-itog .itogo a.to-order {margin:15px auto 15px;text-align:center;background:#dc2121;color:#fff;line-height:40px;border:none;border-bottom:1px solid #eee;box-shadow:0 1px 2px #aaa;border-radius:5px;text-decoration:none}
.bascket-itog .itogo a.to-order:hover{opacity:0.8}
.bascket-itog .itogo a {margin:15px auto 15px;text-align:center;text-decoration:underline}
.bascket-itog .itogo a:hover {text-decoration:none}
.inner #about .text #bascket .bascket-itog .itogo p {margin:15px auto 15px;text-align:center;padding:0}

#order .order-row {padding:20px 0 20px;}
#order .order-row.left {display:inline-block;vertical-align:top;width:70%;margin:0 0 0 -3px}
#order .order-row.order-itog {display:inline-block;vertical-align:top;width:30%;margin:0 0 0 -3px}
.order-auth, .order-registracia {display:inline-block;vertical-align:top;width:50%;margin:0 0 0 -3px;}
#order h3 {margin:0 0 10px;font-size:18px;color:#31387a;font-weight:600;}
#order input[type="text"] {
display:block;
margin:0 0 10px;
line-height:40px;
height:40px;
padding-left:10px;
width:95%;
font-family:Open Sans;
font-size:14px;
color:#000;
border:1px solid #ccc;
box-shadow:none
}
#order textarea{
display:block;
margin:0 0 10px;
line-height:40px;
height:90px;
padding-left:10px;
width:95%;
font-family:Open Sans;
font-size:14px;
color:#000;
border:1px solid #ccc;
box-shadow:none
}
#order .dropdown{
max-width: 95%;
width: 95%;
margin: 0 0 10px;
border-radius: 0;
}
#order .dropdown .selected,#order .dropdown li {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #000;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    opacity: 0.8;
    font-family: Open Sans;
}
#order .dropdown li {line-height:1.5em;padding-left:10px}
#order  .dropdown .carat {width:40px;height:40px}
#order input[type="submit"] {
display:inline-block;
padding:0 15px;
line-height:30px;
border-radius:5px;
background:#31387a;
color:#fff;
margin:0 0 10px;
border:none;
box-shadow:none;
outline:none
}
#order input[type="submit"]:hover {opacity:0.8}
#order  label {display:block;padding:0 0 10px;width:97%}
#order  label  input[type="radio"]{display:inline-block;vertical-align:middle}
#order  label  span{display:inline-block;vertical-align:middle}
#order  label div {margin:5px 0 0;padding:10px;background:#f5f5f5;font-size:13px;font-weight:300;color:#31387a}
.sticky {
  position: fixed;
  top: 0px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
  z-index: 101;
}
#order table {width:97%;border:1px solid #ddd;padding:10px 0;margin:0 0 10px}
#order table td {padding:0 5px}
#order table td  img {max-width:100px}
#order table td.img a {position:relative;display:block}
#order table td.img a  .label{position:absolute;top:0;right: auto;margin: 0;border-radius:50%;color:#fff;width:25px;height:25px;line-height:25px;font-size:12px;text-align:center;z-index:100}
#order table td.img a  .label.sale {background:#dc2121}
#order table td.img a  .label.new {background:#31387a}
#order table td.img a  .label.hit {background:#ff6600}
#order table td.img a  .label+.label{top:20px}
#order table td .price {min-width:150px;text-align:center;color:#31387a}
#order table td .price .old {text-decoration:line-through;font-size:12px;color:#333}
#order table td .price .old +span{color:#dc2121}
#order table td.kol {min-width:50px}
.order-itog div {padding:10px;}
.order-itog div  span {display: block;
color: #31387a;
text-align: center;
line-height: 40px;
font-size: 16px;
text-transform: uppercase;
font-weight:600;
border-bottom:1px solid #ddd
}
.order-itog div  span.itogo {
color:#818d32;
font-size: 25px;
text-transform: uppercase;
font-weight:600;
border:none
}
#order  .order-itog label {text-align:center}
#order  .order-itog label span {color:#000;text-transform:none;font-weight:normal;font-size:14px;display:inline;line-height:1.5em;border:none}
.order-btn {display:block;text-align:center;line-height:40px;background:#dc2121;color:#fff;border-radius:5px;border-bottom:1px solid #eee;box-shadow:0 1px 1px #aaa;margin: 0 auto 0;width: 190px;}
.order-btn:hover{color:#fff;opacity:0.8}

#compare table {width:100%;border:1px solid #ddd;padding:10px 0}
#compare table td {padding:10px}
#compare table td.img {text-align:center}
#compare table td.img img{max-width:150px}
#compare table td.img a {display:block;position:relative;}
#compare table td.img a .label{position:absolute;top:0;right: auto;margin: 0;border-radius:50%;color:#fff;width:30px;height:30px;line-height:30px;font-size:12px;text-align:center;z-index:100}
#compare table td.img a .label.sale {background:#dc2121}
#compare table td.img a  .label.new {background:#31387a}
#compare table td.img a  .label.hit {background:#ff6600}
#compare table td.img a .label+.label{top:20px}
#compare table td.name {text-align:center;font-size:16px}
#compare table td.name ul {list-style:none;padding:10px 0;line-height:1.5em;text-align:center;font-size:13px;}
#compare table td.name ul  li span {color:#000}
#compare table td.name ul  li span:first-child {font-weight:600;padding-right:5px;}
#compare table td.price {color:#31387a;text-align:center;font-size:16px}
#compare table td.price .old{text-decoration:line-through;color:#000}
#compare table td.price .old+span{color:#dc2121}
#compare table td .btn  {text-align:center}
#compare table td .btn a {display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;background:#4b4b4b;color:#fff;border-radius:5px;position:relative}
#compare table td .btn a:first-child{background:rgb(86,107,40)}
#compare table td .btn a:hover {background:#dc2121}
#compare table td .btn a:focus {background:#dc2121}
#compare table td .btn a:hover:before {content:attr(data-title);position:absolute;height:25px;line-height:25px;font-size:12px;top:-30px;background:#444;color:#fff;left:-100%;width:100px;text-align:center}

#order-list table{width:100%;border:1px solid #ddd;border-collapse:collapse}
#order-list td,#order-list th {padding:15px 5px;text-align:center;}
#order-list th  {text-align:center;font-weight:600;border-bottom:1px solid #ddd;color:#000}
#order-list td.price,#order-list td.date {color:#dc2121}
#order-list td.status.no{color:rgb(86,107,40)}
#order-list td.status.yes{color:#31387a}
#order-list td.action a{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;background:#4b4b4b;color:#fff;border-radius:5px;position:relative}
#order-list td.action a:hover:before {content:attr(data-title);position:absolute;height:25px;line-height:25px;font-size:12px;top:-30px;background:#444;color:#fff;left:-100%;width:100px;text-align:center}
#order-list td.action a:hover {background:#dc2121}

#order-detail table {width:100%;border:1px solid #ddd;border-collapse:collapse}
#order-detail td {display:block;width:70%;padding:15px 0;padding-left:30%;position:relative;border-bottom:1px solid #ddd;}
#order-detail td:last-child {border-bottom:none;}
#order-detail td:before {content:attr(data-title);position:absolute;top:0;left:0;color:#000;font-weight:bold;padding:15px;right:72%;border-right:1px solid #ddd;bottom:0} 
#order-detail  td.action a{display:inline-block;width:30px;height:30px;text-align:center;line-height:30px;background:#4b4b4b;color:#fff;border-radius:5px;position:relative}
#order-detail  td.action a:hover:before {content:attr(data-title);position:absolute;height:25px;line-height:25px;font-size:12px;top:-30px;background:#444;color:#fff;left:-100%;width:100px;text-align:center}
#order-detail  td.action a:hover {background:#dc2121}
#order-detail td.price,#order-detail td.date {color:#dc2121}
#order-detail  td.status.no{color:rgb(86,107,40)}
#order-detail td.status.yes{color:#31387a}
#order-detail td.sostav ul {list-style:inside}

.feedback {margin:0 0 10px;}
.feedback  input[type="file"] {
display:block;line-height:40px;height:40px;box-shadow:none;outline:none;background:#fff;font-family:Open Sans;color:#000;font-weight:400;font-size:14px;margin:0 0 10px}

.feedback  input[type="text"] {
display:block;padding-left:10px;width:98%;line-height:40px;height:40px;border:1px solid #ddd;box-shadow:none;outline:none;background:#fff;font-family:Open Sans;color:#000;font-weight:400;font-size:14px;margin:0 0 10px}
.feedback  input[type="email"] {
display:block;padding-left:10px;width:98%;line-height:40px;height:40px;border:1px solid #ddd;box-shadow:none;outline:none;background:#fff;font-family:Open Sans;color:#000;font-weight:400;font-size:14px;margin:0 0 10px}
.feedback  input[type="password"] {
display:block;padding-left:10px;width:98%;line-height:40px;height:40px;border:1px solid #ddd;box-shadow:none;outline:none;background:#fff;font-family:Open Sans;color:#000;font-weight:400;font-size:14px;margin:0 0 10px}
.feedback textarea {
display:block;padding-left:10px;width:98%;line-height:40px;height:100px;border:1px solid #ddd;box-shadow:none;outline:none;background:#fff;font-family:Open Sans;color:#000;font-weight:400;font-size:14px;margin:0 0 10px}
.feedback h2 {color:#31387a;font-weight:600;font-size:16px;margin:0 0 10px}
.feedback  input[type="submit"] {
display:inline-block;margin:0 0 10px;padding:0 15px;line-height:40px;border-radius:5px;background:#31387a;color:#fff;border:none;outline:none;border-bottom:1px solid #eee;box-shadow:0 1px 2px #aaa;font-family:Open Sans;font-size:14px;}
.feedback  input[type="submit"]:hover{opacity:0.8}
.feedback   hr {margin:0 0 5px}
.feedback label {display:block;margin:0 0 20px}
.list ul{list-style:none}
.list ul li {display:block;margin:0 0 30px;padding:0 0 30px;border-bottom:1px solid #ddd}
.list ul li article .list-img{display:inline-block;width:15%;vertical-align:top}
.list ul li article .list-img img {max-width:90%}
.list ul li article .list-img+.list-info {display:inline-block;width:83%;vertical-align:top}
.list ul li article .list-info {width:100%}
.list ul li article .list-info h3 {color:#31387a;font-size:18px;font-weight:bold;margin:0 0 15px}
.list ul li article .list-info h3:hover{color:#333} 
.list ul li article .list-info .date {color:#ab0000;display:block}

.list.reviews .author {display:block;color:#555;margin:0 0 10px;}
.list.reviews .dop-img{padding:10px 0;margin:10px 0;border-top:1px solid #ddd;}
.list.reviews .dop-img li {display:inline-block;width:24%;vertical-align:top;margin:0 0 10px;border:none;padding:0}
.list.reviews .dop-img li img {display:block;max-width:90%;height:200px;margin:0 auto}
.list.reviews .answer {padding:10px;background:#f5f5f5;}
.inner #about .list.reviews .answer p {padding:0;font-style:italic;margin:0;text-align:right}
.inner #about .list.reviews .answer h3 {text-align:right;color:#ab0000}
.list-detail .detail_picture {display:block;margin:0 auto 15px;max-width:100%;width:auto}
.list-detail .date {color:#ab0000;display:block}
.list-detail .view-video {text-transform:uppercase;padding-top:10px;margin-top:10px;border-top:1px solid #ddd}
.list-detail  iframe {display:block;margin:15px 0;width:400px;height:300px;max-width:100%}
.ac {padding:0px 0 25px}
.ac .ac-item {padding:10px;border:1px solid #ddd;background:#f5f5f5 url(img/arrow-down.png) no-repeat 99% 50%/15px;color:#555;font-size:14px;cursor:pointer;cursor:hand;}
.ac .ac-item:hover{background:#eee url(img/arrow-down.png) no-repeat 99% 50%/15px;}
.ac .ac-item.active {background:rgba(86,107,40,0.9) url(img/arrow-up2.png) no-repeat 99% 50%/15px;color:#fff;border-color:rgba(86,107,40,0.9)}
.ac .ac-item-desc{padding:15px;background:#fff;border-right:1px solid #ddd;border-left:1px solid #ddd;border-bottom:1px solid #ddd}

.video-list ul{list-style:none}
.video-list ul li {display:inline-block;vertical-align:top;width:49%;margin:0 0 15px;}
.video-list ul li article iframe {display:block;width:90%;height:240px}
.video-list ul li article span {display:block;width:90%;text-align:center;margin:10px 0;font-weight:600;color:#31387a}
/*-------------------*/
@media screen and (max-width:1499px) {
.bg-fish {width: 600px;background: url(img/fish.png) no-repeat -80px 300px/80%;}
.ribak {width: 900px;background: url(img/ribak.png) no-repeat 0px bottom;}
.content {width:98%}
	header .main-menu ul li a {padding:0 8px}
header .cart a{margin-right:50px;}
.auth{margin-right:50px;}
#catalog-slider{max-width:90%}
#catalog-slider .slick-slide article {margin: 10px 5px;}
#catalog-menu .content {padding:0}
#catalog-menu ul {padding:10px 0;width:24%;margin:0}
#catalog-menu ul:first-child{padding-left:10px;}
#catalog-menu ul:nth-child(4){padding-right:10px;}
#about {background:#fff url(img/news-bg.png) no-repeat 95% center;}
.footer-item .search input[type="submit"] {width: 23%; height: 42px;line-height: 38px;}
.inner  {
 background:url(img/bg-inner.jpg) no-repeat 0 0% #0056a0;
background:url(img/bg-inner.jpg) no-repeat 0 0%, -moz-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 0%,  -webkit-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 0%,  -o-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 0%,  -ms-linear-gradient(0deg, #0056a0 10%, #54a8f1 58%);
background:url(img/bg-inner.jpg) no-repeat 0 0%,  linear-gradient(90deg, #0056a0 10%, #54a8f1 58%);
}
.inner .bg-fish {width: 600px;background: url(img/fish-inner.png) no-repeat 100px 130px/60%;}
.bascket-btn .kupon input[type="text"] {width:60%}
}
@media screen and (max-width:1279px) {
.bascket-btn .kupon button {font-size:12px;width:90px}
.bascket-btn a {font-size:12px}
}
@media screen and (max-width:1199px) {
.bg-fish {width: 530px;background: url(img/fish.png) no-repeat -80px 325px/80%;}
.ribak {width: 865px;}
header .main-menu {width: 54%;}
header .phone{width:20%}
header .cart a {margin-right: 0;}
.auth {margin-right: 0;}
.section-list .section-items li {width:33%}
#catalog-element .item-info {
    display: inline-block;
    width: 58%;
    vertical-align: top;
    padding-left: 1%;
}
#catalog-element .item-info .middle .left .btn .kol, #catalog-element .item-info .middle .left .btn .to-order {width:44%}
.order-itog div span.itogo{font-size:20px}
}
@media screen and (max-width:1109px) {
body{background:#fff url(img/bg.jpg) no-repeat center -100px}
.bg{background:url(img/bg.png) no-repeat center -100px}
header .main-menu ul li a {padding: 0 8px;}
header .cart span{font-size:14px;}
header .cart span:first-child{font-size:20px;}
#catalog-element .item-info .middle .left {width:55%}
#catalog-element .item-info .middle .right {width:44%; border:none}
#catalog-element .item-info .middle .right ul {padding-left:0}
.bascket-btn .kupon input[type="text"] {width: 57%;}
}
@media screen and (max-width:1024px) {
body {background: #fff url(img/bg.jpg) no-repeat center -170px;}
.bg{background:url(img/bg.png) no-repeat center -170px}
.bg-fish, .ribak {display:none}
header .phone  {width:auto}
header .phone a font {display:none}
header .phone a i{display:inline;color:#31387a}
header .phone a:nth-child(2) {display:none}
header .phone a:last-child {display:none}
header .main-menu  {width:auto;position:static}
header .main-menu .top-nav {display:block;position:absolute;top:25px;padding-top:0px;right:105px;width:40px;height:40px;line-height:40px;text-align:center;background:#eee;border:1px solid #31387a;border-radius:5px;color:#31387a;cursor:pointer;cursor:hand}
header .main-menu .top-nav+ul {display:none}
header .main-menu .top-nav:hover{background:#31387a;color:#fff}
header .main-menu .top-nav.open{background:#31387a;color:#fff}
header .main-menu .top-nav.open i:before{content:'\f00d';}
header .main-menu .top-nav.open+ul {display:block;} 
header .main-menu ul {
position:absolute;
top:70px;
right:15px;
background:#31387a;
width:300px;
padding:10px;
z-index:1000;
}
header .main-menu ul  li{display:block;padding:0}
header .main-menu ul  li a:hover {color:#ddd}
header .main-menu ul  li a {height:auto;border:none;margin:0;color:#fff}
header .main-menu ul li.has-second .second ul li a {color:#fff;text-align:center;}
header .main-menu ul li.has-second .second ul li a:hover {color:#ddd;}
header .main-menu ul li.has-second .second ul li a:before {content:'•';display:inline;margin-right:5px}
header .main-menu ul li.has-second .second {
    position: static;
    top: 100%;
    left: 0;
    width: 100%;
    background:transparent;
    border-radius: 0 0 5px 5px;
    opacity: 1;
    visibility: visible;
    z-index: 1000;
}
header .main-menu ul li.has-second .second ul {
position: relative;
top: 0;
border: none;
text-align: center;
margin: 0;
padding: 0;
left: 0;
width: 100%;
}
.auth a+a {display:none}
.auth a font {display:none}
.auth a{
display: block;
position: absolute;
top: 25px;
padding-top: 0px;
right: 145px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #eee;
border: 1px solid #31387a;
border-radius: 5px;
color: #31387a;
cursor: pointer;
cursor: hand;
}
.auth a:hover {color:#fff;background:#31387a}
header .cart span {display:none}
header .cart a i{display:inline;line-height:40px;}
header  .cart a sup {display:inline;color:#dc2121}
header  .cart a:hover sup,header  .cart a:hover i {color:#fff}
header  .cart #cart_line:hover  {background:#31387a}
header .cart {display:inline-block;width:auto;}
header .cart #cart_line{display:block;margin:0;position:absolute;right:15px;top:25px;width:40px;height:40px;line-height:40px;text-align:center;background:#eee;border:1px solid #31387a;border-radius:5px;}
header .phone  {position:absolute;right:60px;top:10px;padding-top:15px;}
header .phone  a{width:40px;height:40px;line-height:40px;text-align:center;background:#eee;border:1px solid #31387a;border-radius:5px;}
header .phone  a:hover {background:#31387a;color:#fff}
header .phone  a:hover i{color:#fff}
#action .slider:before,#action .slider:after{display:none}
#catalog-slider .slick-slide article { margin: 10px 25px;}
#about .news-index h2, #about .news-index ul {padding-left: 300px;}
#about .text p {font-size:14px}
#blog ul li {width:50%}
#blog ul li article img{
    max-width: 300px;
    display: block;
    margin: 0 auto 10px;
}
#blog ul li article .blog-info {
    max-width: 100%;
    display: block;
    margin: 0 auto 25px;
    vertical-align: top;
    text-align: center;
}
#blog ul li article .more{margin:0 auto}
#blog{padding:0 0 30px}
#news ul li article img {display:block;margin:0 auto 10px;}
#news ul li article .blog-info{display:block;width:100%;text-align:center}

.inner {background:#fff}
.inner .bg-fish{display:none}
.inner header .cart #cart_line {
   display:block;margin:0;position:absolute;right:15px;top:25px;width:40px;height:40px;line-height:40px;text-align:center;background:#eee;border:1px solid #31387a;border-radius:5px;padding:0
}
	.inner header .cart a {background:none}
.inner header .cart #cart_line:hover {background:#31387a;color:#fff}
.inner header {
    padding: 0;
}
.inner header .content {
    z-index: 1;
    position: relative;
    padding: 25px 0 0px;
}
.inner header:after{display:none}
.inner header .cart {
    padding-top: 0;
    display: block;
}
.inner header .cart h1 {
display: block;
width: 100%;
text-align: center;
font-size: 16px;
padding: 15px 0;
margin: 10px 0 0;
text-transform: uppercase;
font-weight: 400;
font-family: Open Sans;
background: #31387a;
color: #fff;
}
.inner #about{border:none;padding:0;position:relative;}
.inner #about .left-sidebar {
    width: 100%;
    display: block;
}
.inner #about .left-sidebar .left-menu {
    margin-right: 0;
}
.inner #about .left-sidebar .left-menu ul {
    list-style: none;
    margin-right: 0;
    background: none;
}
.inner   #about .left-sidebar .left-menu .left-nav {display: block;
position: absolute;
top: 0;
left: 10px;
line-height: normal;
right: 10px;
text-align: center;
border-bottom: 1px solid #ddd;
text-transform: uppercase;
font-size: 16px;
font-weight: 300;
color: #31387a;
padding: 10px 0;
cursor: pointer;
cursor: hand;}
.inner   #about .left-sidebar .left-menu .left-nav.open i:before {content:'\f106'}
.inner   #about .left-sidebar .left-menu .left-nav+ul {display:none}
.inner   #about .left-sidebar .left-menu ul li a.parent.active+.second {display:block}
.section-menu {display:none}
.inner #about .text {
    width: 100%;
    display: block;
	padding-top:65px
}
.breadcrumbs {
/*    padding-bottom: 20px;
    border-bottom: none;
    width: 80%;
    margin: 0 0 0 auto;
    text-align: right;*/
	display:none
}
.section-list .section-items li {
    width: 25%;
}
.inner   #about .left-sidebar .left-menu .left-nav.open+ul {display:block;padding-top:45px}
.inner   #about .left-sidebar .left-menu  ul  li a{width:100%;padding:10px 0;text-align:center}
.inner #about .left-sidebar .left-menu ul li .second ul li{max-width:100%;text-align:center}
.inner   #about .left-sidebar .left-menu  ul  li ul li a{width:auto;padding:0;text-align:left;max-width:80%}
}
@media screen and (max-width:989px){
.footer-item .search input[type="text"]{width:67%}
}
@media screen and (max-width:899px){
header .phone {padding:0}
header .main-menu .top-nav  {top:10px}
header .cart #cart_line {top:10px}
.inner header .cart #cart_line {top:10px}
.auth a  {top:10px}
#catalog-slider .slick-slide article {margin: 10px 5px;}
#catalog-menu {padding: 30px 0 0px;position: relative;background: #fff;}
#catalog-menu .content {background: none;}
#catalog-menu ul:first-child {padding-left: 0;}
#catalog-menu ul:nth-child(4) {padding-right: 0;}
#catalog-menu ul {padding: 0;width: 100%; margin: 0;text-align: center;}
#catalog-menu ul li a {color: #31387a;text-shadow: none;}
#catalog-menu ul li a:hover{color:#000}
#about { padding: 30px 0;background: #fff;}
#about .text {width: 100%;display: block;vertical-align: middle;margin:0 0 30px}
#about .text h1 {display: block;margin: 0 auto;text-align: center;}
#about .text h1 + span {margin-top: 0; margin-left: 0;text-align: center;}
#about .text .more{margin:0 auto}
#blog ul li {width: 100%;display: block;margin: 0 0 45px;}
.footer-item {display: block;width: 100%;margin: 0 0 15px;vertical-align: top;text-align: center;}
.footer-item p, .footer-item:last-child p{text-align:center}
.search{width: 300px;margin: 0px auto;}
.footer-item  img {margin:0 auto;display:block}
footer{background:#f1f1f1}
#blog {padding: 30px 0;}
header .main-menu ul {top:55px}
.section-list .section-items li {
    width: 33%;
}
.inner #about .catalog-section-list ul li {width: 20%; margin: 0;}
footer  .copyright, footer .schetchiki, footer .razrabotka {display:block;width:100%;text-align:center}

}
@media screen and (max-width:799px){
.sort .sort-item {display:block;float:none !important;text-align:left}
.pagination {
    margin: 0;
    text-align: left;
	margin: 0 0 20px;
}
}
@media screen and (max-width:767px){
header .logo {width:auto;}
header .logo img {width:300px;}
header .phone {padding: 15px 0 0;}
header .main-menu .top-nav  {top:25px}
header .cart #cart_line,.inner header .cart #cart_line{top:25px}
.auth a {top:25px}
header .main-menu ul {top:70px}
#catalog-slider .slick-slide article {max-width: 230px; margin: 0 auto;}
#action .slider .slide-info  p,#action .slider .slide-info .more {font-size:14px;max-width:90%;margin:0 auto}
#action .slider .slide-info   h3 {font-size:20px;max-width:90%;margin:0 auto}
#news ul li {display: block;vertical-align: top;width: 100%;margin: 0 auto 15px;}
#catalog-element .item-img-carusel {display: block;width: 100%;}
#catalog-element .item-img-carusel .slider-for img {max-width:300px;}
#catalog-element .item-img-carusel .label {left:50%;margin-left:-150px}
#catalog-element .item-info {display: block;width: 100%;padding-left: 0;text-align: center;}
#catalog-element .item-info .top h2 {display: block;width: 100%; margin: 10px 0 10px;}
#catalog-element .item-info .middle .right {display:none}
#catalog-element .item-info .middle .left {width: 100%;margin:0}
#catalog-element .item-info .middle .left .price {padding: 10px 0;}
#catalog-element .item-info .middle .left .btn .kol, #catalog-element .item-info .middle .left .btn .to-order { width: 120px;}
#catalog-element .item-info .top .act{display:none}
#catalog-element .tabs2 {text-align:center}
.color-list{text-align:left}
.color-list li{width:16%}
.tovar-table thead {display:none}
.tovar-table td {display:block;position:relative;padding-left:50%}
.tovar-table td:before {content:attr(data-title);position:absolute;left:15px;top:15px;right:50%;text-align:left;color:#31387a;font-weight:bold}
.tovar-table td.price,.tovar-table td.col,.tovar-table td.nalichie,.tovar-table td.action {width:50%}
.tovar-table td.action a {display:inline-block;padding:0 10px;line-height:30px;background:#31387a;color:#fff;text-decoration:none;border-radius:5px;}
.tovar-table td.action a.active {background:#eee;color:#555}
.tovar-table td.img img{display:block;margin:0 auto}
.tovar-table td.name{text-align:center}
#catalog-element .item-info .middle  ul{display:none}
#catalog-element .tb { display: block; width: 100%;margin-right: 0;}
#catalog-element .prop-list {display: block;width: 100%;}
#panel-bottom{display:none}
#bascket table thead {display:none}
#bascket table td {display:block;padding:15px 0;padding-left:50%;position:relative;width:50%;text-align:center}
.inner #about .text #bascket table td.name p {text-align:center}
#bascket table td:before{content:attr(data-title);position:absolute;left:10px;top:15px;right:50%;}
#bascket table tr{border-bottom:1px solid #ddd}
.bascket-btn .kupon {
    display: block;
    width: 300px;
    vertical-align: top;
    margin: 0 auto 15px;
}
.bascket-btn a {
    display: block;
    padding: 0;
    line-height: 40px;
    margin-right: 0px;
    width: 300px;
    margin: 0 auto 15px;
    text-align: center;
	font-size:14px;
}
.bascket-btn a:last-child{float:none}
.bascket-btn .kupon button {
    font-size: 14px;
    width: 100px;
}
.bascket-btn .kupon input[type="text"] {
    width: 188px;
}
.sticky {
    position:static;
    top: 0px;
    z-index: 101;
}
#order .order-row.left {
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 -10px;
}
#order .order-row.order-itog {
    display: block;
    vertical-align: top;
    width: 100%;
    margin: 0;
}
#order input[type="text"],#order textarea{width:98%}
#order .dropdown{width:98%;max-width:98%}
#order label,#order table{width:100%}
#order table tr {
    border-bottom: 1px solid #ddd;
    padding:0px 0;
    display: block;
}
#order table tr:last-child{border:none}
#order table td {display:block;width:50%;padding-left:50%;padding-top:10px;padding-bottom:10px;position:relative}
#order table td:before{content:attr(data-title);position:absolute;top:10px;left:5px;}
#order table td .price{text-align:left}
#order .dropdown {
    width: 320px;
    max-width: 300px;
    margin: 0 auto 10px;
}
#order input[type="text"], #order textarea {
    width: 290px;
    margin: 0 auto 10px;
    padding: 0 10px;
}
#compare table td {display:block;width:100%}
#order-list thead{display:none}
#order-list td {display:block;width:50%;padding:15px 0;padding-left:50%;position:relative}
#order-list td:before {content:attr(data-title);position:absolute;top:15px;left:15px;color:#000;font-weight:bold}
#order-list tr{border-bottom:1px solid #ddd}
#order-list tr:last-child{border-bottom:none}
#order-detail td {width:50%;padding-left:50%;}
#order-detail td:before {right:52%;}
.inner #about .catalog-section-list ul li {width: 25%;}
.list.reviews .dop-img li img{height:auto}
}
@media screen and (max-width:699px) {
#action {padding: 0px 0 30px;max-width: 440px;margin: 0 auto;}
#action .slick-slide img {display: block;height: 200px;margin: 0 auto;}
.section-list .section-items li {width:300px;margin:0 auto 10px;display:block;}
.section-list .section-items li article .name {height: auto;min-height: 30px;}
.filter-item {width:49%}
.inner #about .catalog-section-list ul li {width: 49%;}
}
@media screen and (max-width:599px)  {
header {padding: 5px 0 55px;}
header .logo {width: auto;margin: 0 auto;display: block;}
header .logo span {display:none}
header .logo img {margin: 0 auto;}
header .phone {padding:5px 0 0; top: 80px;}
header .main-menu ul {top:130px;width:auto;left:15px}
header .main-menu .top-nav  {top:85px}
.auth a   {top:85px;right:50%;margin-right:-45px;}
header .phone{right:50%;}
header .cart #cart_line{right:50%;margin-right:-90px;top:85px}
.inner header .cart #cart_line{right:50%;margin-right:-90px;top:85px}
header .main-menu .top-nav {right:50%;margin-right:45px;}
#action  {max-width:300px}
#action .slick-slide img {height:130px}
#action  .slick-prev,#action  .slick-next {display:none !important}
#catalog-slider {display:none}
#catalog-menu ul li:before{display:none}
#action {padding: 0px 0 10px;}
#about .text h1 {color: #dc2121;font-size: 25px;}
#about .text h1:before,#about .text h1:after {display:none}
#about .text h1+span {font-size:25px;} 
#action .slider .slide-info   {margin-top:0;top:10px}
#action .slider .slide-info  p,#action .slider .slide-info .more {font-size:13px;}
#action .slider .slide-info   h3 {font-size:14px;}
.filter-item.slide #slider-range ,.filter-item.slide #slider-range2{
    width: 100%;
}
#section .section-top .section-img {
    display: block;
    float: none;
    margin: 0 auto 10px;
    width: auto;
    padding: 5px;
    border: 2px solid rgb(86,107,40);
    max-width: 65%;
}
.inner header .content {
    z-index: 1;
    position: relative;
    padding: 0px 0 0px;
}
.inner header .cart h1 {margin-top:45px}
.filter-item {
    width: 100%;
    display: block;
}
.filter-item .dropdown {width:98%}
.filter-item .select {
    position: relative;
}
.sort .sort-item {
    display: block;
    margin:0 0 10px
}
.sort .sort-item:nth-child(2) {
    float: none;
}
.filter{padding:15px 5px;}
.filter-item .select .options{left: 0;width:auto;right: 0;z-index:100;border-top:1px solid #fff}
.filter-item .select h4 {z-index:0}
#catalog-element .item-info .top h2 {font-size: 20px;font-weight: 600;}
#catalog-element .item-info .middle .left .btn .kol .nalichie,#catalog-element .item-info .middle .left .btn .to-order a{font-size:14px}
#catalog-element .item-info .seemore a {display: block;margin: 0 auto 10px;width: 90%;padding: 0;}
.color-list li {width: 49%;}
.tovar-table td.action a {padding: 5px 10px;line-height: 1.2em;}
#catalog-element .tabs label{padding:15px;font-weight:600;}
.inner #about .catalog-section-list ul li {width:100%;}
	.list ul li article .list-img{width:100%;margin:0 0 10px;}
	.list ul li article .list-img+.list-info{width:100%}
	.video-list ul li {display:block;width:100%}
	.video-list ul li article iframe{width:100%}
	.video-list ul li article span {width:100%}
}