/*** D.iK.iJ - http://dikij.com/wm/adaptaciya-saytov.php ***/
html {-webkit-text-size-adjust: 100%;}
body {font-family: "Helvetica", sans-serif; font-size: 14px; line-height: 1.5; color: #2a2a2a; background-color: #fff; margin: 0px;}
a {color: #555555; text-decoration: none;}
a:hover, a:active, a:focus {color: #35b7ff; text-decoration: none;}
section, header, footer {display: block;}
.container {clear: both; max-width: 1600px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box;}

.h1, h1 {font-size: 2.5rem;}
.h2, h2 {font-size: 2rem;}
.h3, h3 {font-size: 1.75rem;}
.h4, h4 {font-size: 1.5rem;}
.h5, h5 {font-size: 1.25rem;}
.h6, h6 {font-size: 1rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 0px; margin-bottom: .5rem; font-weight: bold; line-height: 1.2;}

.cards {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center; overflow: hidden; margin-left: -15px; margin-right: -15px;}
.col, .col1, .col2, .col3, .col4, .col5, .col6, #sidebar, #main, .logo, .search, .cart-detail, .photos, .description {float: left; display: inline-block; vertical-align: top; box-sizing: border-box;}
.col {width: 20%;}
.col1 {width: 100%;}
.col2 {width: 50%;}
.col3 {width: 33.333%;}
.col4 {width: 25%;}
.col5 {width: 20%;}
.col6 {width: 16.666%;}

.offer {padding: 15px; box-sizing: border-box; text-align: left; position: relative;}
.discount, .new {background: #f83131; min-width: 74px; text-align: center; box-sizing: border-box; border-radius: 15px 0px; color: #fff; font-size: 1.6em; padding: 0px 10px; position: absolute; top: 15px; left: 14px; z-index: 1;}
.discount.right, .new.right {border-radius: 0px 15px; left: auto; right: 14px;}

.new {background: #37c2e3;}
.thumb {background-color: white; border-radius: 12px; min-height: 200px; padding: 20px 15px; box-shadow: 0px 1px 5px 1px #ececec; -webkit-box-shadow: 0px 1px 5px 1px #ececec; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center;}
.thumb img {max-width: 100%; max-height: 200px;}
.product-name {font-size: 1.1em; font-weight: bold; margin-top: 15px;}
.product-name a {color: #0d5f81;}
.detail {margin-top: 5px;}
.price, .more {display: inline-block; vertical-align: middle; width: 49%;}
.price span {font-size: 1.5em; font-weight: 500;}
.more {color: #9a9a9a; font-size: .9em; text-align: right;}


.header {margin: 25px 0px 10px;}
.header .container .cards {overflow: visible; clear: both;}
.logo {width: 17%; padding: 15px; box-sizing: border-box;}
.logo img {max-width: 100%; height: auto;}

.search {width: 60%; padding: 15px; box-sizing: border-box;}
.search .search-input {border: 1px solid #d3d3d3; border-radius: 31px; display: inline-block; vertical-align: middle; padding: 7px 94px 7px 20px; position: relative; width: 68%; width: calc(100% - 150px); box-sizing: border-box;}
#site-search {margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; border: none; color: #a19e9e; outline: none; width: 100%; box-sizing: border-box;}
.btn-search, .btn-camera {padding: 0px; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); color: white; position: absolute; top: 1px; right: 1px; border-radius: 50%; height: 35px; width: 35px; outline: none; border: none; cursor: pointer; box-sizing: border-box;}
[data-title]:hover:before {content: ''; position: absolute; left: 50%; top: 35px; border: 5px solid transparent; border-bottom: 5px solid #d6d6d6; margin-left: -5px;}
[data-title]:hover:after {content: attr(data-title); position: absolute; left: 0px; top: 45px; padding: 3px 10px; border: 1px solid #d6d6d6; color: #535353; background: #fff; border-radius: 30px; font-size: 14px; white-space: nowrap;}
.btn-search img {width: 21px; height: 21px; padding: 6px; box-sizing: content-box;}
.btn-camera img {width: 28px; height: 24px; padding: 4px 3.5px; box-sizing: content-box;}
.btn-search {right: 40px;}
.search .btn-yellow {vertical-align: middle; box-sizing: border-box; padding: 8px 25px; margin-top: -2px;}

.cart-detail {width: 23%; padding: 15px; box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: center; justify-content: center;}
.cart-detail .icon {position: relative; float: left; margin-right: 15px; border: 1px solid #d3d3d3; border-radius: 50%; display: inline-block; height: 40px; width: 40px; vertical-align: middle;}
.cart-detail .icon span {position: absolute; top: -3px; left: 100%; margin-left: -12px; z-index: 1; height: 15px; line-height: 16px; min-width: 15px; width: auto; overflow: hidden; text-overflow: clip; font-size: 12px; text-align: center; background: #ffdf00; background: linear-gradient(#ffef00, #ffd300); border-radius: 15px; padding: 0px 3px; box-sizing: border-box; color: #555555;}
.cart-detail .icon img {height: 40px; width: 40px;}
.cart-detail .phone {float: left; width: 60%; box-sizing: border-box; text-align: left; position: relative; padding: 0px 15px 0px 0px;}
.cart-detail .phone a {color: #212529; display: block; /*margin-left: 57px;*/ white-space: nowrap; overflow: hidden;}
.cart-detail .phone .icon {background: url("img/phone.png") center center no-repeat; margin-left: 0px; cursor: pointer; position: static;}
.cart-detail .phone .icon:after {content: ''; position: absolute; right: 0px; top: 8px; border: 5px solid transparent; border-top: 5px solid #35b7ff; cursor: pointer;}
.cart-detail .phone .icon:before {content: ''; position: absolute; right: 0px; top: 6px; border: 5px solid transparent; border-top: 5px solid #fff; cursor: pointer; z-index: 1;}

.cart-detail .dropdown-phones {display: none; position: absolute; background: #fff; left: 57px; right: 15px;}
.cart-detail .dropdown-phones a {margin-left: 0px;}

.cart-detail .favorite {float: left; width: 20%; box-sizing: border-box; text-align: center; padding-left: 15px;}
.cart-detail .favorite .icon {background: url("img/favorite.png") center center no-repeat; float: none; margin-right: 0px;}

.cart-detail .cart {float: left; width: 20%; padding-left: 15px; box-sizing: border-box; text-align: right;}
.cart-detail .cart p {margin: 0px;}
.cart-detail .cart .icon {float: right; background: url("img/cart.png") center center no-repeat; margin-right: 0px;}
.cart-detail .call-link {color: #35b7ff; text-decoration: underline; text-overflow: ellipsis;}


.toolbar {background: #f5f5f5; background: linear-gradient(to bottom, #e4e4e4, #f4f4f4);}
.toolbar .container {min-height: 41px; position: relative;}
.toolbar ul {margin: 0px; padding: 0px; list-style: none;}
.toolbar .dropdown-menu {display: none; position: absolute; top: 100%; left: 0px; right: 0px; z-index: 199; background: #fff; border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6;}
.toolbar .dropdown-menu a {display: block; padding: 10px 15px; border-bottom: 1px solid #e6e6e6;}
.toolbar .dropdown-menu a:hover {color: #fff; background: #39c0e0;}

.toolbar .target {position: absolute; left: 15px; top: 0px; bottom: 0px; z-index: 1; display: inline-block; vertical-align: top; width: 161px;}
.toolbar .target ul {display: flex; justify-content: center; align-items: center; height: 100%;}
.toolbar .target ul li {display: inline-block; float: left; width: 110px; vertical-align: top; box-sizing: border-box; padding: 10px 14px; display: flex; height: inherit; justify-content: center; align-items: center; text-align: center;}
.toolbar .target ul li:first-child {padding-left: 0px; width: 51px;}
.toolbar .target ul li.current {cursor: pointer; color: #fff; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); position: relative;}
.toolbar .target ul li.current:after {content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent;}
.toolbar .target ul li.current:hover .dropdown-menu {display: block;}

.toolbar .menu {display: block; padding: 10px 0px 10px 15px; text-align: center; margin-left: 161px; margin-right: 438px; z-index: 1;}
.toolbar .menu li {display: inline-block; margin-right: 25px; white-space: nowrap;}
.toolbar .menu li:last-child {margin-right: 0px;}

.currency {display: inline-block; position: absolute; right: 330px; top: 0px; bottom: 0px; padding: 8px 15px;}
.currency ul {display: flex; justify-content: center; align-items: center; height: 100%;} 
.currency li {display: inline-block; vertical-align: middle; width: 25px; height: 25px; margin-right: 5px;} 
.currency li a {display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; border-radius: 50%;}
.currency li:last-child {margin-right: 0px;}
.currency li.active a, .currency li a:active, .currency li a:hover {color: #fff; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3);}

.credential {display: inline-block; position: absolute; right: 130px; top: 0px; bottom: 0px;}
.credential ul {display: flex; justify-content: center; align-items: center; height: 100%;} 
.credential li {display: inline-block; vertical-align: middle; float: left; display: flex; height: inherit; justify-content: center; align-items: center;}
.credential li.active, .credential li:hover {background: #ffdf00; background: linear-gradient(#ffd300, #ffef00);}
.credential li a, .credential li a:hover {color: #555555; display: block; padding: 10px 15px;}
.credential img {vertical-align: middle; margin-top: -3px; width: 14px; height: 18px;}

.credential li.user {white-space: nowrap;}
.credential li.user.active, .credential li.user:hover {background: #39c0e0; color: #fff;}
.credential li.user.active > a, .credential li.user:hover > a {color: #fff;}
.credential li.user.active img, .credential li.user:hover img {filter: brightness(6);}
.credential li.user.active .dropdown-menu, .credential li.user:hover .dropdown-menu {display: block;}
.credential li.user .user-name {display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: clip; max-width: 114px; min-width: 55px;}
.credential li.user .user-count {display: inline-block; vertical-align: middle; background: #36bdde; color: #fff; padding: 0px 5px; border-radius: 10px;}
.credential li.user.active .user-count, .credential li.user:hover .user-count {background: #fff; color: #36bdde;}

.lang {position: absolute; right: 15px; top: 0px; bottom: 0px; z-index: 1; width: 100px; text-align: right; padding: 10px 0px 10px 15px;}
.lang ul {display: flex; justify-content: center; align-items: center; height: 100%;}
.lang li {display: inline-block; vertical-align: middle;}
.lang li:after {content: '|'; font-size: .9em; margin: 0 4px;}
.lang li:last-child:after {display: none;}

.breadcrumbs {padding: 15px 0px; clear: both;}
.breadcrumbs .btn-yellow {position: relative; padding: 9px 25px; min-width: 200px; color: #555555; margin-top: -2px; box-sizing: border-box;}
.breadcrumbs .btn-yellow.angle-down:after {position: absolute; right: 15px; top: 50%; margin-bottom: auto; margin-top: -2px;}
.breadcrumbs ul {list-style: none; margin: 0px; padding: 0px;}
.breadcrumbs li {display: inline-block; vertical-align: middle;}
.breadcrumbs li a {color: #c1c1c1;}
.breadcrumbs li a span {color: #c1c1c1;}
.breadcrumbs li:after {content: ">"; color: #c1c1c1; display: inline-block; vertical-align: middle; font-weight: bold; margin: 0px 5px 0px 10px;}
.breadcrumbs li.btn {padding-right: 15px;}
.breadcrumbs li.btn:after, .breadcrumbs li:last-child:after {display: none;}
.breadcrumbs li:last-child a {color: #555555;}

.photos {width: 40%; padding: 15px; box-sizing: border-box; position: relative;}
.photos .discount, .photos .new {border-radius: 0px 0px 15px 0px;}
.description {width: 60%; padding: 15px; box-sizing: border-box;}
.slider-for {border: 1px solid #e4e4e4;}
.slider-nav {margin-top: 10px;}
.slider-nav .slick-slide {margin: 10px;}
.slider-nav img {border: 1px solid #e4e4e4; margin: auto; box-sizing: border-box; max-width: 100%; height: auto;}
.slick-slide img {cursor: pointer; margin: auto; box-sizing: border-box; max-width: 100%; height: auto;}
.slick-initialized .slick-slide {transition: all 300ms ease;}
.slick-initialized .slick-slide.slick-center {transform: scale(1.08);}
/*.slider-nav .slick-arrow {display: block !important;}
.slick-arrow {position: absolute; top: 50%; z-index: 1; cursor: pointer; opacity: .75; margin-top: -15px; border: none; outline: none; width: 30px; height: 30px; font-size: 0px; line-height: 0px; padding: 0px; overflow: hidden; border-radius: 50%; background: #fff; box-shadow: 1px 1px 2px 1px #8A8787;}
.slick-prev {left: -15px;}
.slick-prev:before {content: '<';}
.slick-next {right: -15px;}
.slick-next:before {content: '>';}*/

.photos .slick-dots {display: none !important;}
.swiper-buttons {position: absolute; top: 30px; right: 30px; z-index: 10;}
.swiper-buttons .like {display: inline-block; vertical-align: top; background: #d3d3d3; padding: 0px; color: white; border-radius: 50%; height: 35px; width: 35px;}
.swiper-buttons .like:hover {background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3);}
.swiper-buttons .like span {display: block; filter: brightness(6); height: 35px; width: 35px; background: url(img/favorite.png) center center no-repeat;}

.tabs {padding: 40px 0px;}
.tab-menu {list-style: none; margin: 0px; background-color: #f5f5f5; border-bottom: none; border-radius: 5px 5px 0px 0px; padding: 2px 2px 0 2px;}
.tab-menu li {display: inline-block; vertical-align: bottom; cursor: pointer; border-radius: 5px 5px 0px 0px; padding: 7px 14px; box-sizing: border-box;}
.tab-menu li.active {color: #495057; background-color: #fff;}
.tabs .tab {display: none; margin-top: 20px; overflow: hidden;}
.tabs .tab.active {display: block;}
.tabs .tab .column1 {float: left; width: 45%; margin-right: 5%;}
.tabs .tab .column2 {float: left; width: 45%; margin-left: 5%;}
.tabs .tab p {margin-top: 15px; margin-bottom: 15px;}
.tabs .tab p:last-child {margin-bottom: 0px;}

.description .code {color: #828282; display: flex; justify-content: space-between;}
.description .code > div {padding-right: 15px;}
.description .code > div:last-child {padding-right: 0px;}
.description .code strong {color: #2a2a2a; white-space: nowrap;}
.description .code a {color: #35b7ff; text-decoration: underline;}

.choose-color, .choose-size, .in-stock, .purchase, .delivery {margin-top: 15px;}

.choose-color strong, .choose-size strong, .purchase strong, .form-tools strong, .delivery strong {display: block; margin-bottom: 15px;}

.choose-color .list, .choose-size .list, .form-tools .list, .delivery .list, .appointment .list {list-style: none; padding: 0px; margin-top: 0px; margin-bottom: 1rem;}
.choose-color .list li, .choose-size .list li, .form-tools .list li, .delivery .list li {display: inline-block; vertical-align: top; margin-right: 7px; margin-bottom: 7px;}
.appointment .list li {display: block; margin-bottom: 15px;}
.appointment .list li:last-child {margin-bottom: 0px;}
.choose-color .list li label, .choose-size .list li label, .form-tools .list label, .delivery .list label, .appointment .list li label {display: inline-block; cursor: pointer; position: relative;}
.choose-color .list li label input[type="radio"], .choose-size .list li label input[type="radio"], .form-tools .list label input[type="checkbox"], .delivery .list label input[type="radio"], .appointment .list li label input[type="checkbox"] {position: absolute; left: 0px; top: 0px; opacity: 0; margin: 0px; cursor: pointer; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; z-index: 1; outline: none;}
.choose-color .list li label input[type="radio"]:checked + img {opacity: 1;}
.choose-color .list li label img {border: 1px solid #d3d3d3; opacity: 0.5; height: 80px; width: 80px; transition: opacity 0.3s;}

.choose-size .list li label .size {border: 1px solid #d3d3d3; border-radius: 20px; cursor: pointer; padding: 4px 15px; text-transform: uppercase; user-select: none;}
.choose-size .list li label input[type="radio"]:checked + .size {background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3);}

.form-tools .list label .pretty {display: inline-block; vertical-align: middle; margin-top: -2px; color: #fff; font-weight: bold; border: 1px solid #afafaf; border-radius: 3px; text-align: center; margin-right: 10px; height: 20px; width: 20px; font-size: 18px; line-height: 20px; user-select: none;}
.form-tools .list label input[type="checkbox"]:checked + .pretty {color: #35b7ff;}

.delivery .list label .pretty {display: inline-block; vertical-align: middle; margin-top: -2px; position: relative; border: 1px solid #afafaf; border-radius: 50%; margin-right: 10px; height: 20px; width: 20px; user-select: none;}
.delivery .list label input[type="radio"]:checked + .pretty:after {content: ''; display: block; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; border-radius: 50%; background: #35b7ff;}

.appointment .list label .pretty {display: inline-block; vertical-align: middle; margin-top: -1px; color: #f5f5f5; font-weight: bold; border: 1px solid #afafaf; border-radius: 3px; text-align: center; margin-right: 10px; height: 15px; width: 15px; font-size: 15px; line-height: 15px; user-select: none;}
.appointment .list label input[type="checkbox"]:checked + .pretty {color: #35b7ff;}


.in-stock {background-color: #f5f5f5; display: inline-block; padding: 6px 10px 4px;}

.purchase .column {display: inline-block; vertical-align: top; width: 49%; margin-bottom: 15px;}
.purchase .full-price {background: #39c0e0; background: linear-gradient(90deg, #3ed4f3, #33abcd 80%); color: #fff; font-size: 2.2em; font-weight: bold; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.purchase .old-price {text-decoration: line-through; text-decoration-color: #f83131; background: #fff; color: #afafaf; font-size: 1.6em; font-weight: normal; margin-left: 25px; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: #afafaf; background-clip: text; text-fill-color: #afafaf;}
.purchase .full-price .discount-price {position: absolute; top: -20px; right: -32px; background: #f83131; border-radius: 20px; color: #fff; font-size: 15px; font-weight: normal; line-height: 20px; padding: 2px 5px 1px; -webkit-text-fill-color: #fff; text-fill-color: #fff;}

.purchase table th, .purchase table td {vertical-align: top; text-align: left;}
.purchase table {width: 100%; color: #212529; margin-top: 10px;}
.purchase table th {color: #afafaf; font-weight: normal;}
.purchase .calc {color: #35b7ff; font-weight: bold; text-decoration: underline;}
.purchase .calc img {vertical-align: middle; margin-right: 10px;}
#comment {font-size: 14px; line-height: 1.5; border: 1px solid #d3d3d3; padding: 10px 15px; outline: none; width: 100%; margin-top: 20px; box-sizing: border-box;}

.incrementer {display: inline-block; vertical-align: middle; text-align: center; margin-right: 20px;}
.incrementer button {display: inline-block; vertical-align: middle; border: none; outline: none; background: #424242; border-radius: 50%; color: #fff; text-align: center; height: 20px; line-height: 17px; width: 20px; cursor: pointer; font-weight: bold;}
.incrementer input[type="number"] {display: inline-block; vertical-align: middle; font-size: 14px; line-height: 14px; border: 1px solid #d3d3d3; background-color: #f5f5f5; border-radius: 20px; text-align: center; outline: none; padding: 4px 4px 2px; margin: 0px 6px; width: 60px; -moz-appearance:textfield; appearance:textfield;}
.incrementer input[type="number"]::-webkit-outer-spin-button, .incrementer input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}
.total-price {display: inline-block; vertical-align: middle; background: #39c0e0; background: linear-gradient(90deg, #3ed4f3, #33abcd 80%); color: #fff; font-size: 2em; font-weight: bold; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.to-cart {margin-top: 15px;}
.to-cart .btn-yellow {padding: 12px 30px 9px}
.to-cart .btn-yellow img {width: 15px; height: 15px; vertical-align: middle; filter: brightness(0); margin-right: 15px;}

.categories > .container > .cards {position: relative; overflow: visible; clear: both;}
#sidebar {width: 33%; padding: 15px; box-sizing: border-box;}
#sidebar.hide {width: auto !important; display: none; padding: 0px; position: absolute; z-index: 199; left: 14px; right: 14px;}
#sidebar.hide {display: none; width: 100%; padding-bottom: 0px;}
#sidebar.hide .collapse .collapse {position: static; max-width: none; padding: 0px; margin-left: 0px; margin-top: 0px; border-top: none;}
#sidebar.hide .collapse .collapse ul li a {padding-left: 69px;}
#sidebar.hide .collapse ul li.collapsed.show {border-right: none;}
#sidebar > ul {padding: 15px 0px; background: #f5f5f5;}
#sidebar > ul li span {float: right; padding: 7px 14px 7px 7px; min-width: 24px; text-align: left; cursor: default;}
#sidebar ul {margin: 0px; padding: 0px; list-style: none;}
#sidebar ul li a {display: inline-block; vertical-align: middle; max-width: 75%; max-width: calc(100% - 70px); box-sizing: border-box; padding: 7px 14px 7px 38px; color: #2d2d2d;}
#sidebar ul li a:hover {color: #35b7ff;}
#sidebar ul li.collapsed a {padding: 7px 14px;}
#sidebar ul li.collapsed:before {content: "+"; color: #fff; margin-top: -2px; margin-right: -8px; margin-left: 14px; display: inline-block; vertical-align: middle; width: 14px; height: 14px; background: #35b7ff; text-align: center; line-height: 13px; border-radius: 50%; pointer-events: none; cursor: default;}
#sidebar ul li.collapsed.show:before, #sidebar .collapse ul li.collapsed.show:before {content: "-"; line-height: 13px;}
#sidebar .collapse ul li.collapsed:before {content: ">"; margin-left: 44px; margin-right: -62px;}
#sidebar ul li.collapsed.show > .collapse {display: block !important; background: #f5f5f5;}
#sidebar ul li.collapsed li.collapsed.show {background: #fff; box-shadow: 0px 0px 0px 1px #e6e6e6 inset; border-right: none;}
#sidebar .collapse ul li a {margin-left: 54px; max-width: 65%; max-width: calc(100% - 100px);} 
#sidebar .collapse .collapse {position: absolute; left: 33%; margin-top: -105px; z-index: 198; background: #fff !important; padding: 7px 0px; box-sizing: border-box; border: 1px solid #e6e6e6; margin-left: -16px; max-width: 67%; max-width: calc(67% + 1px);}
#sidebar .collapse .collapse ul {display: inline;}
#sidebar .collapse .collapse ul li {display: inline-block; vertical-align: top; width: 32.333%; box-sizing: border-box;}
#sidebar .collapse .collapse ul li a {max-width: none; margin-left: 14px; position: relative; border: 1px solid #fff; z-index: 199;}
#sidebar .collapse .collapse ul li strong {border-bottom: 1px solid #f1f1f1; padding: 7px 0px; display: block;}
#sidebar .collapse .collapse ul li:first-child strong {padding-top: 0px;}
#sidebar .collapse .collapse ul li:last-child strong {padding-bottom: 0px;}
#sidebar .collapse {display: none;}
#sidebar .collapse.show {display: block; }
#sidebar .show-all {background: #f5f5f5; text-align: center;}
#sidebar .show-all a {display: inline-block; vertical-align: bottom; color: #fff; background: #35b7ff; border-radius: 20px 20px 0px 0px; padding: 10px 25px; margin-top: 37px;}

#sidebar .side-dop {padding: 15px; margin-top: 55px; background: #f5f5f5;}
#sidebar .side-dop > div {padding: 15px;}
#sidebar .side-dop .brands {text-align: center; padding: 15px 12px 10px; border-bottom: 1px solid #d0d0d0; margin-bottom: 15px;}
#sidebar .side-dop .brands a {display: inline-block; vertical-align: top; margin: 0px 3px 5px;}
#sidebar .side-dop .brands img {width: 78px; height: 30px; border-radius: 3px; border: 1px solid #ededed;}
#sidebar .bnnr img {max-width: 100%; height: auto; box-sizing: border-box; margin-top: 55px;}
#sidebar .side-dop .appointment {border-bottom: 1px solid #d0d0d0; margin-bottom: 15px;}
#sidebar .side-dop .collar {text-align: center; padding: 15px 12px 10px;}
#sidebar .side-dop .collar a {display: inline-block; vertical-align: top; margin: 0px 3px 5px;}
#sidebar .side-dop .collar img {width: 52px; height: 52px;}

#main {width: 67%; padding: 15px; box-sizing: border-box;}

.slider img {width: 100%; height: auto;}
.slick-arrow {display: none !important;}
.slick-dots {position: absolute; bottom: 15px; left: 0px; right: 0px; text-align: center; padding: 0px; margin: 0px; list-style: none;}
.slick-dots li {display: inline-block; vertical-align: top; overflow: hidden;}
.slick-dots li button {margin: 3px; padding: 0px; cursor: pointer; outline: 0px solid transparent; opacity: .5; transition: opacity .6s ease; text-indent: -999px; background: #fff; border-radius: 10px; height: 12px; width: 12px; border: none;}
.slick-dots li.slick-active button {opacity: 1;}

.faq {padding: 25px 0px; text-align: center;}
.faq .col3 {padding: 15px; box-sizing: border-box;}
.faq .item {display: table; box-sizing: border-box; width: 100%; border: 1px solid #d3d3d3; border-radius: 10px; box-shadow: 0 0 4px 0 #d3d3d3;}
.faq .item img {max-width: 60px; max-height: 50px; height: auto;}
.faq .icon, .faq .info {display: table-cell; vertical-align: middle; padding: 10px;}
.faq .icon {text-align: center; width: 55px;}
.faq .info {text-align: left;}
.faq .info a {color: #35b7ff; font-size: 1.3em;}

.popular {padding: 40px 0px; text-align: center;}
.popular .container {position: relative;}
.popular .container:after {background: #f2f2f2; border-radius: 10px; content: ''; position: absolute; bottom: 4px; left: 15px; height: 7px; right: 15px; z-index: 1;}
.cards.swiper {display: block; overflow: auto; white-space: nowrap; position: relative; z-index: 2;}
.cards.swiper::-webkit-scrollbar {height: 15px;}
.cards.swiper::-webkit-scrollbar-track {background: transparent;}
.cards.swiper::-webkit-scrollbar-thumb {background: #35bdde; background: linear-gradient(#33abcd, #3ed4f3); border-radius: 10px;}
.cards.swiper::-webkit-scrollbar-thumb:hover {background: #33acce; background: linear-gradient(#3ed4f3, #33abcd); border-radius: 10px;}
.cards.swiper::-webkit-scrollbar-button {background: #fff; width: 15px;}

.cards.swiper .col {white-space: normal; float: none;}
#main .cards.swiper .col {width: 25%;}
#main .popular {text-align: left; position: relative;}
#main .popular:after {background: #f2f2f2; border-radius: 10px; content: ''; position: absolute; bottom: 44px; left: 0px; height: 7px; right: 0px; z-index: 1;}

.recommend {padding: 40px 0px; text-align: center; clear: both;}
.show-more {text-align: center;}
.btn-yellow {display: inline-block; vertical-align: top; padding: 6px 25px; cursor: pointer; text-align: center; color: #555555; border: none; background: #ffdf00; background: linear-gradient(#ffef00, #ffd300); border-radius: 50px; box-shadow: 0 2px 0 0 #ffb400; transition: all 0.1s; outline: none;}
.btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus {color: #555555; box-shadow: 0px 0px 3px 1px #35b7ff;}
.btn-yellow.angle-down, .btn-yellow.angle-right {position: relative;}
.angle-down:after {content: ''; border: 5px solid transparent; border-top: 5px solid #555555; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -5px; line-height: normal; margin: 0px 5px -5px;}
.angle-right:after {content: ''; border: 5px solid transparent; border-left: 5px solid #555555; cursor: pointer; display: inline-block; vertical-align: middle; margin-bottom: -5px; line-height: normal; margin: 0px 0px 1px 15px;}

.viewed {padding: 40px 0px; margin: 40px 0px; text-align: center; background: #f6f6f6;}

.advantages {padding: 40px 0px 25px; text-align: center;}
.advantages .item {padding: 15px; box-sizing: border-box;}
.advantages .icon {border-radius: 50%; margin-bottom: 15px; line-height: 127px; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); display: inline-block; vertical-align: top; text-align: center; width: 120px; height: 120px; box-sizing: border-box; padding: 20px; display: inline-flex; align-items: center; justify-content: center;}

.blog {padding: 40px 0px; text-align: center;}
.blog .item {padding: 15px; box-sizing: border-box;}
.blog .item a, .blog .item a:hover {text-decoration: none; color: #555555;}
.blog .image {height: 160px; overflow: hidden; border-radius: 10px;}
.blog .image img {max-width: 100%; height: auto; object-fit: cover; border-radius: 10px;}
.blog .desc {height: 46px; text-align: left; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.blog .date {float: left; margin-right: 15px;}
.blog .date span {display: block; color: #fff; background-color: #33abcd; width: 30px; height: 23px; text-align: center; line-height: 25px;}
.blog .date span + span {background-color: #3ed4f3;}
.blog .title {font-weight: bold;}

.go-to {text-align: center;}
.go-to a {color: #35b7ff; text-decoration: underline;}

.reviews {padding: 40px 0px; margin: 40px 0px; text-align: center; background: #f6f6f6;}
.reviews .item {display: table; width: 100%; padding: 15px; box-sizing: border-box;}
.reviews .icon {display: table-cell; vertical-align: middle;}
.reviews .icon img {border-radius: 50%; width: 115px; height: 115px; box-shadow: 0px 0px 3px 3px #d3d3d3; margin-right: 20px;}
.reviews .desc {display: table-cell; text-align: left; vertical-align: middle;}
.reviews .desc p {margin: 0px; color: #7c7c7c;}

.simple-steps {padding: 40px 0px; text-align: center;}
.simple-steps .item {position: relative; padding: 15px; box-sizing: border-box;}
.simple-steps .item:after {content: ''; border-bottom: 2px dashed #d3d3d3; position: absolute; top: 65px; left: 50%; width: 100%; z-index: 1;}
.simple-steps .col5:last-child .item:after {display: none;}
.simple-steps .icon {position: relative; z-index: 2; border-radius: 50%; margin-bottom: 20px; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); display: inline-block; vertical-align: top; text-align: center; width: 100px; height: 100px; box-sizing: border-box; padding: 15px; display: inline-flex; align-items: center; justify-content: center;}
.simple-steps .icon img {width: 70px; height: auto;}
.simple-steps .desc {color: #383838;}

.submit-application {padding: 80px 0px 90px; margin: 40px 0px 80px; text-align: center; overflow: hidden; clear: both;}
.submit-application .container {position: relative;}
.submit-application .text {width: 100%; max-width: 1024px; margin-left: auto; margin-right: auto; box-sizing: border-box; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); border-radius: 50px; color: white; text-align: center; padding: 20px 10px; position: relative;}
.submit-application .text strong {font-size: 1.6em;}
.submit-application .text p {margin-top: 0px; margin-bottom: 1rem;}
.submit-application .text .btn-yellow {position: absolute; left: 50%; bottom: -18px; min-width: 214px; box-sizing: border-box; margin-left: -107px; padding: 12px 40px 6px !important; text-transform: uppercase;}
.glasses img {position: absolute; z-index: -1;}
#glass1 {max-width: 70px; top: -6px; left: -24px;}
#glass2 {bottom: -71px; left: 20%;}
#glass3 {transform: rotate(75deg); right: 24%; bottom: -85px;}
#glass4 {transform: rotate(-90deg); top: -42px; left: 33%;}
#glass5 {transform: rotate(32deg); right: 16%; top: -77px;}
#glass6 {transform: rotate(-200deg); left: 15%; top: -70px;}
#glass7 {transform: rotate(70deg); left: 35%; bottom: -70px;}
#glass8 {transform: rotate(0deg); right: 35%; top: -70px;}
#glass9 {transform: rotate(125deg); right: 10%; bottom: -33px;}
#glass10 {width: 70px; height: auto; position: absolute; bottom: -8px; right: -40px; z-index: 1;}

.catalog {padding: 0px 0px 40px; text-align: center; clear: both;}
.catalog-top {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; justify-content: space-between; overflow: hidden;}
.min-max, .sent-from, .sale, .free-shipping, .sort {display: inline-block; vertical-align: middle; margin: 7px 0px; padding-right: 15px;}
.sort{padding-right: 0px;}
.min-max input[type="number"]::-webkit-outer-spin-button, .min-max input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}
.min-max input[type="number"] {border: 1px solid #d4d4d4; text-align: center; border-radius: 31px; box-sizing: border-box; padding: 6px 9px; width: 70px; outline: none;}
.sent-from select, .sort select {border: 1px solid #d4d4d4; text-align: center; border-radius: 31px; box-sizing: border-box; padding: 6px 9px; min-width: 160px; outline: none;}
.sale, .free-shipping {padding-top: 7px; padding-bottom: 7px;}
.catalog-top .sale label, .catalog-top .free-shipping label {display: inline-block; vertical-align: middle; cursor: pointer; position: relative;}
.catalog-top .sale label input[type="checkbox"], .catalog-top .free-shipping label input[type="checkbox"] {position: absolute; left: 50%; bottom: 0px; opacity: 0; margin: 0px 0px 0px -7px; cursor: pointer; box-sizing: border-box; padding: 0px;}
.catalog-top .sale label .pretty, .catalog-top .free-shipping label .pretty {display: inline-block; vertical-align: middle; margin-top: -2px; color: #fff; font-weight: bold; border: 1px solid #afafaf; border-radius: 3px; text-align: center; margin-right: 10px; height: 15px; width: 15px; font-size: 15px; line-height: 15px; user-select: none;}
.catalog-top .sale label input[type="checkbox"]:checked + .pretty, .catalog-top .free-shipping label input[type="checkbox"]:checked + .pretty {color: #35b7ff;}
.catalog-top .sale label .pretty + span {background: #f83131; color: #fff; display: inline-block; text-align: center; box-sizing: border-box; border-radius: 0px 12px; padding: 0px 12px;}

.catalog-bottom {padding: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-justify-content: space-between; justify-content: space-between; overflow: hidden; background: #f6f6f6;}
.pages, .pages-all, .pages-go {display: inline-block; vertical-align: middle;}
.pages-all {padding: 7px 15px;}
.pages-go {padding: 3px 0px;}
.pages {margin: 5px 0px 0px; padding: 0px; list-style: none;}
.pages li {display: inline-block; vertical-align: top; width: 25px; height: 25px; margin-right: 5px; margin-bottom: 5px;}
.pages li a {display: block; width: 25px; height: 25px; line-height: 25px; text-align: center; text-decoration: none; border-radius: 25px; border: 1px solid #d4d4d4; background: #fff;}
.pages li.active a, .pages li a:active, .pages li a:hover {color: #fff; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3);}
.pages li.prev {width: auto;}
.pages li.prev a {width: auto; padding: 0px 10px;}
.pages li.next {width: auto; margin-right: 0px;}
.pages li.next a {width: auto; padding: 0px 10px;}
.pages-go input[type="number"] {border: 1px solid #d4d4d4; text-align: center; border-radius: 31px; box-sizing: border-box; padding: 6px 9px; width: 70px; outline: none;}
.pages-go input[type="submit"] {color: #fff; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); text-align: center; border-radius: 31px; box-sizing: border-box; padding: 6px 15px; outline: none; border: none;}
.pages-go input[type="submit"]:hover, .pages-go input[type="submit"]:active, .pages-go input[type="submit"]:focus {box-shadow: 0px 0px 3px 1px #35b7ff;}
.pages-go input[type="submit"]::-webkit-outer-spin-button, .pages-go input[type="submit"]::-webkit-inner-spin-button {-webkit-appearance: none; appearance: none;}

.text {padding: 40px 0px;}

.content-left {float: left; width: 67%; padding: 15px; box-sizing: border-box;}
.opros {padding: 30px 0px 25px; border-top: 1px solid #d8d8d8;}
.opros .title {text-align: center; padding-bottom: 15px;}
.opros .line table td {height: 15px; margin: 0px; padding: 0px; position: relative;}
.opros td[data-title]:hover:before {top: 15px;}
.opros td[data-title]:hover:after {top: 25px; left: 50%; font-weight: bold; transform: translate(-50%, 0%);}
.opros .green {background: #8aec32; border-radius: 10px 0px 0px 10px;}
.opros .green:hover:before {border-bottom: 5px solid #8aec32;}
.opros .green:hover:after {border: 1px solid #8aec32; color: #8aec32;}
.opros .gray {background: #ededed;}
.opros .gray:hover:before {border-bottom: 5px solid #ededed;}
.opros .gray:hover:after {border: 1px solid #ededed; color: #a8a8a8;}
.opros .red {background: #fc4040; border-radius: 0px 10px 10px 0px;}
.opros .red:hover:before {border-bottom: 5px solid #fc4040;}
.opros .red:hover:after {border: 1px solid #fc4040; color: #fc4040;}
.opros .legenda {text-align: center; padding-top: 30px;}
.opros .legenda > div {display: inline-block; vertical-align: top; margin-bottom: 5px;}
.opros .legenda span {display: inline-block; vertical-align: middle; width: 15px; height: 15px; border-radius: 15px; margin-top: -2px; margin-right: 5px;}
.opros .legenda .gray {margin-left: 15px;}
.opros .legenda .red {margin-left: 15px;}

.content-left .reviews {padding: 0px; margin: 0px; text-align: left; background: #fff;}
.content-left .reviews .item {padding: 30px 0px; border-top: 1px solid #d8d8d8; overflow: hidden;}
.content-left .reviews .col1:last-child .item {padding-bottom: 0px;}
.content-left .reviews .icon {text-align: center; vertical-align: top; padding-left: 4px; padding-top: 21px;}
.content-left .reviews .icon img {width: 70px; height: 70px;}
.content-left .reviews .desc .date {color: #ababab;}
.content-left .reviews .desc a {color: #00d5f6; font-weight: bold; text-decoration: underline;}
.content-left .reviews .desc p {margin-bottom: 15px;}
.content-left .reviews .desc p:last-child {margin-bottom: 0px;}
.content-left .reviews .desc img {width: 82px; height: 82px; margin: 2px 5px 2px 0px;}
.content-left .show-more {padding: 30px 0px; border-bottom: 1px solid #d8d8d8;}
.send-review {text-align: center;}
#review {font-size: 14px; line-height: 1.5; border: 1px solid #d3d3d3; padding: 10px 15px; outline: none; width: 100%; margin: 30px 0px 15px; box-sizing: border-box;}
.send-review .btn-yellow {padding: 10px 25px; margin-top: 15px;}
.send-review .btn-yellow:hover {box-shadow: 0px 0px 3px 1px #35b7ff !important;}
.send-review .btn-yellow.green {background: #8aec32; box-shadow: 0 2px 0 0 #60c506;}
.send-review .btn-yellow.gray {background: #ededed; box-shadow: 0 2px 0 0 #c4c4c4; margin-left: 13px;}
.send-review .btn-yellow.red {background: #fc4040; box-shadow: 0 2px 0 0 #ce2424; margin-left: 13px; color: #fff;}

.sidebar-right {float: left; width: 33%; padding: 15px; box-sizing: border-box;}
.sidebar-right .faq .col1 {padding: 0px 0px 30px;}
.sidebar-right .faq .col1:last-child {padding-bottom: 0px;}
.sidebar-right .blog {text-align: left; padding-bottom: 0px;}
.sidebar-right .blog .cards {text-align: center;}
.sidebar-right .blog .item {padding: 15px 0px;}

.subscribe {background: #191919; color: #fff; margin-top: 40px; clear: both;}
.subscribe .col2 {padding: 15px;}
.subscribe .col2 + .col2 {text-align: center;}
.subscribe p {margin: 0px;}
.subscribe .form-control {width: 168px; width: calc(100% - 156px); background-color: #191919; border: none; border-radius: 0px; color: #d3d3d3; margin-right: 25px; padding: 0px; border-bottom: 1px solid #747474; outline: none; height: 31px;}
.subscribe .form-control:hover, .subscribe .form-control:active, .subscribe .form-control:focus {background-color: #191919; border-bottom: 1px solid #747474;}
.subscribe .btn-yellow {padding: 8px 23px;}

#cart {padding: 15px 0px 30px;}
#cart label {display: inline-block; vertical-align: middle; cursor: pointer; position: relative;}
#cart label input[type="checkbox"] {position: absolute; left: 50%; bottom: 0px; opacity: 0; margin: 0px 0px 0px -11px; cursor: pointer; box-sizing: border-box; padding: 0px;}
#cart label .pretty {display: inline-block; vertical-align: middle; margin-top: -2px; color: #fff; font-weight: bold; border: 1px solid #afafaf; border-radius: 3px; text-align: center; margin-right: 10px; height: 15px; width: 15px; font-size: 15px; line-height: 15px; user-select: none;}
#cart label input[type="checkbox"]:checked + .pretty {color: #35b7ff;}
#cart p {margin-top: 0px; margin-bottom: 15px;}
#cart p:last-child {margin-bottom: 0px;}
#cart a {color: #35b7ff; text-decoration: underline;}
.cart-table1 {margin-bottom: 15px; border-spacing: 0px;}
.cart-table2 { border-spacing: 0px;}
.cart-table2 tr.top {background: #f5f5f5;}
.cart-table2 > tbody > tr > td {border-bottom: 1px solid #d7d7d7;}
.cart-table2 > tbody > tr:last-child > td {border-bottom: none;}
.cart-table2 th {padding: 15px 5px;}
.cart-table2 td {padding: 30px 5px;}
.cart-table2 td:first-child img {width: 82px; height: 82px; vertical-align: middle;}
.cart-table2 table td {padding: 0px 2px; color: #000;}
.cart-table2 table td:first-child {color: #7e7e7e;}
.cart-table2 .dop {text-align: center; color: #b2b2b2;}
.cart-table2 .dop > div {position: relative; display: inline-block; vertical-align: middle; margin: 0px 5px 5px 0px;}
.cart-table2 .incrementer {margin-right: 0px; white-space: nowrap;}
.cart-table2 .price {margin-bottom: 0px; width: auto;}
.cart-table2 .delete {background: #e04545; color: #fff; display: inline-block; width: 20px; height: 20px; line-height: 20px; border-radius: 50%; cursor: pointer;}
.cart-table3 {margin-bottom: 30px; border-spacing: 0px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.cart-table3 td {padding: 30px 5px;}
.cart-table3 .calc {font-weight: bold;}
.cart-table3 .calc img {vertical-align: middle; margin-right: 10px;}
.cart-table3 table td {padding: 0px 2px; color: #000; font-weight: bold;}
.cart-table3 table td:first-child {color: #7e7e7e;}
.cart-table3 table td:last-child {white-space: nowrap;}
.alert {vertical-align: middle; margin-right: 10px;}
.send-cart {text-align: center; margin: 30px 0px;}
.send-cart .btn-yellow {padding: 10px 25px; font-weight: bold;}
.question {position: relative; display: inline-block; vertical-align: middle; margin-left: 5px; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); border-radius: 50%; color: #fff; text-align: center; height: 20px; line-height: 20px; width: 20px; cursor: pointer; font-weight: bold;}
.question[data-title]:hover:before {top: 22px;}
.question[data-title]:hover:after {left: -5px; top: 32px; line-height: normal; font-weight: normal;}

#contacts {padding: 40px 0px;}
#contacts .item {padding: 15px; box-sizing: border-box;}
#contacts .item h3 {margin-bottom: 0px;}
#contacts .item h3 + p {margin-bottom: 15px; margin-top: 0px;}
#contacts .col3 {border-right: 1px solid #dfdfdf;}
#contacts .col3:last-child {border-right: none;}
#tel, #contact, #search1, #search2 {font-size: 14px; line-height: 1.5; width: 100%; border: 1px solid #d3d3d3; border-radius: 20px; display: block; padding: 8px 20px; box-sizing: border-box; outline: none;}
#name, #surname, #sex_id, #country, #phone, #email, #password, #password-confirm {margin-bottom: 15px;}
#tel {margin-bottom: 15px;}
#contact {height: 100px;}
#contact-submit {padding: 12px 30px 9px; font-weight: bold;}
#contacts .show-more {margin-top: 15px;}
#contacts ul {padding: 0px; margin: 0px; list-style: none;}
#contacts li {display: block; padding: 7px 0px 7px 48px;}
#contacts li div {color: #8c8c8c; font-size: small;}
#contacts li img {float: left; vertical-align: middle; margin-right: 10px;}
#contacts li p {margin: 0px;}
#contacts li a {color: #000;}
#contacts li a:hover {color: #35b7ff;}
#contacts li.clock {background: url("img/clock.png") left center no-repeat;}
#contacts li.phone2 {background: url("img/phone2.png") left center no-repeat;}
#contacts li.mail {background: url("img/mail.png") left center no-repeat;}
#contacts li.place {background: url("img/place.png") left center no-repeat;}

.maps {padding: 40px 0px; text-align: center;}
.maps .col2 > iframe, .maps .col2 > ymaps {width: 100% !important; height: 480px;}

.simple-steps {padding: 40px 0px 25px; text-align: center;}

.business {padding: 100px 0px; color: #fff; margin: 15px 0px 40px;}
.business h1, .business h2 {margin-bottom: 25px;}
.business p {margin-bottom: 15px;}
.business .btn-yellow {padding: 9px 25px; min-width: 160px; box-sizing: border-box; color: #555555; margin-top: 15px;}
.business .btn-yellow:after {position: absolute; right: 15px; top: 50%; margin-bottom: auto; margin-top: -5px;}

.steps {padding: 40px 0px 25px; text-align: center;}
.steps .item {padding: 15px; box-sizing: border-box;}
.steps .icon {border-radius: 50%; margin-bottom: 15px; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); display: inline-block; vertical-align: top; text-align: center; width: 200px; height: 200px; box-sizing: border-box; padding: 0px; display: inline-flex; align-items: center; justify-content: center; line-height: 190px; padding: 5px;}
.steps .icon img {width: 190px; height: 190px; border-radius: 50%;}

.delivery-options {padding: 40px 0px 25px; text-align: center;}
.delivery-options .item {display: block; padding: 15px; margin: 15px; box-sizing: border-box; background: #fff; border-radius: 10px; box-shadow: 0px 0px 3px 1px #f1f1f1; transition: all 0.1s;}
.delivery-options .item:hover {box-shadow: 0px 0px 3px 1px #35b7ff;}
.delivery-options .icon {margin-bottom: 15px;}
.delivery-options .icon img {width: auto; height: 52px;}

.cases {overflow: hidden; clear: both;}
.cases .container {float: left; width: 50%; max-width: 800px; clear: none;}

.seo-text {padding: 40px 0px; text-align: center;}
.seo-text .item {padding: 15px 15px 0px; text-align: left;}
.seo-text .item p {margin-top: 0px; margin-bottom: 15px;}
.seo-text .item p:last-child {margin-bottom: 0px;}

.main {padding: 40px 0px 25px; text-align: center; background: radial-gradient(circle, #9bd0f1 0%, #2494d4 60%);}
.main .logo2 {margin-bottom: 25px;}
.main h3, .main .h3 {margin-bottom: 25px;}
.main .yellow {padding: 20px 25px; margin-bottom: 25px; display: inline-block; background: #ffde00; color: #2e2e2e;}
.main .item {padding: 15px; box-sizing: border-box;}
.main .icon {border-radius: 50%; margin-bottom: 25px; background: #fff; display: inline-block; vertical-align: top; text-align: center; width: 200px; height: 200px; line-height: 200px; box-sizing: border-box; padding: 0px; display: inline-flex; align-items: center; justify-content: center; padding: 40px;}
.main .desc {font-weight: bold; font-size: 1rem; margin-bottom: 25px;}
.main .btn-yellow {background: #ffc600; background: linear-gradient(#ffe500, #ffb400); box-shadow: none; padding: 9px 25px; width: 100%; max-width: 160px; box-sizing: border-box; margin-bottom: 25px;}
.main .btn-yellow:after {position: absolute; right: 15px; top: 50%; margin-bottom: auto; margin-top: -5px;}
.main .item > img, .main .item > a > img {display: block; margin: auto; max-width: 100%; min-height: 40px;}

.socseti {position: fixed; right: 0px; top: 300px; z-index: 199; text-align: center; margin-left: auto; margin-right: auto; width: 30px;}
.socseti div {text-decoration: none; display: inline-block; vertical-align: top; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 17px; overflow: hidden; white-space: nowrap; cursor: pointer;}
.socseti div.tw {background: url("img/social/tw.png") center center no-repeat;}
.socseti div.fb {background: url("img/social/fb.png") center center no-repeat;}
.socseti div.vk {background: url("img/social/vk.png") center center no-repeat;}
.socseti div.ok {background: url("img/social/ok.png") center center no-repeat;}
.socseti div.in {background: url("img/social/in.png") center center no-repeat;}

.error {position: relative; overflow: auto; box-sizing: border-box; height: 100%; background: radial-gradient(circle, #9bd0f1 0%, #2494d4 70%);}
.error .container {height: 100%; max-width: 1500px; box-sizing: border-box;}
.error .cards {height: 100%; box-sizing: border-box; align-items: center; padding: 25px 0px; overflow: visible;}
.error .h1, .error h1 {font-size: 4.5rem;}
.error .item {padding: 15px; box-sizing: border-box;}
.error img {max-width: 100%; height: auto; vertical-align: middle;}
.error .error-404 {margin-top: 35px; margin-bottom: 35px; color: #ffe900; font-size: 24rem; line-height: 18rem; text-shadow: 0px 5px 0px #ffb400; font-weight: bold; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;}
.error ul {list-style: none; padding: 0px; margin: 0px;}
.error li {margin-bottom: 25px;}
.error li:last-child {margin-bottom: 0px;}
.error li a {font-size: 20px; color: #fff; text-decoration: underline;}
.error li span {font-weight: bold;}

.crosses div {/* pointer-events: none; */ font-size: 90px; position: absolute; z-index: 1; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; box-sizing: border-box; text-align: center;}
.crosses .round {line-height: 60px; border: 5px solid #fff; width: 100px; height: 100px; line-height: 90px;}
.crosses .cross {transform: rotate(45deg);}
#cr1 {top: 7%; left: 4%;}
#cr2 {top: 1%; left: 28%;}
#cr3 {top: 6%; left: 50%;}
#cr7 {top: 50%; left: 3%;}
#cr8 {bottom: 17%; left: 36%;}

#cr4 {top: 10%; right: 33%; font-size: 60px;}
#cr5 {top: 7%; right: 19%;}
#cr6 {top: 45%; right: 2%;}
#cr9 {bottom: 12%; right: 43%;}
#cr10 {bottom: 5%; right: 26%;}

.footer {background: #252525; color: #fff; clear: both;}
.footer .cards {padding: 25px 0;}
.footer .col4 {width: 22%; padding: 15px;}
.footer .col4.social {width: 34%;}
.footer h6 {margin-bottom: 35px; font-weight: bold; position: relative;}
.footer h6:after {border-bottom: 1px solid #35b7ff; width: 50px; content: ''; position: absolute; bottom: -10px; left: 0px;}
.footer ul {padding: 0px; margin: 0px; list-style: none;}
.footer li {margin-bottom: 2px;}
.footer a {color: white;}
.footer .we-accept {margin-top: 15px; display: flex;}
.footer .we-accept p {white-space: nowrap; margin: 0px; display: inline-block; vertical-align: middle;}
.footer .we-accept ul {margin-left: 15px;}
.footer .we-accept ul li {display: inline-block; vertical-align: middle; margin: 0px 12px 5px 0;}
.footer .we-accept ul li img {max-width: 70px; height: auto;}
.footer .copy, .footer .copy-mobile {margin-top: 15px; font-size: 12px; color: #828282;}
.footer .copy img, .footer .copy-mobile img {width: 50px; height: 38px; vertical-align: middle; float: left;}
.footer .copy p, .footer .copy-mobile p {margin: 0px; display: block; margin-left: 65px;}

.footer .social-network {display: flex; align-items: center;}
.footer .social-network p {white-space: nowrap; margin: 0px; display: inline-block; vertical-align: middle;}
.footer .social-network ul {margin-left: 15px;}
.footer .social-network ul li {display: inline-block; vertical-align: middle; margin: 0px 12px 5px 0;}
.footer .social-network a {display: block; border-radius: 50%; width: 40px; height: 40px; text-align: center; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); color: white;}
.footer .social-network img {width: 40px; height: 40px;}

.footer .mt-3 {margin-top: 1rem;}
.footer .mt-3 img {margin-right: .5rem; vertical-align: middle; margin-top: -3px;}
.footer .mt-3 a {font-size: 1.2em;}


/* Все правки по цветам и попап */

.min-1688 {padding: 100px 0px 90px 0px;}
.min-1688 .item {width: 100%; margin-left: auto; margin-right: auto; box-sizing: border-box; background: #39c0e0; background: linear-gradient(#33abcd, #3ed4f3); border-radius: 15px; color: white; text-align: left; padding: 50px 20px 50px 471px; position: relative;}
.min-1688 .item img {margin-top: -162px; position: absolute; top: 50%; z-index: 1; left: 50px;}
.min-1688 .item strong {font-size: 1.6em;}
.min-1688 .item p:last-child {margin-bottom: 0px;}
.seo-text .col2.w85 {width: 85%;}

.doings {padding: 40px 0px; text-align: center;}
.doings .container {max-width: 100%;}
.doings .gray-line {background: #f6f6f6; padding: 15px 0px; margin-left: -15px; margin-right: -15px;}
.doings .cards {max-width: 1600px; margin-left: auto; margin-right: auto;}
.doings .col5 {padding: 15px;}
.doings .item {display: block; padding: 30px 15px; background: #fff; border-radius: 10px;}
.doings .icon {margin-bottom: 15px;}
.doings .icon img {max-height: 96px;}
.doings .desc {min-height: 105px; overflow: hidden; margin-bottom: 15px;}

.search-request {padding: 40px 0px; text-align: center;}
.search-request .item {padding: 15px; position: relative;}
.search-request .btn-search {right: 15px; top: 15px; height: 39px; width: 39px;}
.search-request .btn-search img {padding: 9px;}
.search-request label {display: inline-block; cursor: pointer; position: relative;}
.search-request #file {position: absolute; left: 0px; top: 0px; opacity: 0; margin: 0px; cursor: pointer; box-sizing: border-box; padding: 0px; width: 100%; height: 100%; z-index: 1; outline: none;}
.search-request .col-left span {color: #35b7ff; font-weight: bold; text-decoration: underline;}
.search-request .col-left img {vertical-align: middle; margin-right: 10px;}
.search-request .col-left {display: inline-block; width: 49%; vertical-align: top; text-align: left;}
.search-request .col-right {display: inline-block; width: 49%; vertical-align: top; text-align: right;}
#search1 {margin-bottom: 15px; padding-right: 54px;}
#search2 {margin-bottom: 15px;}
#search-submit2 {padding: 12px 30px 9px;}

/* .blog-text {padding: 40px 0px;} */
.blog-text .item {columns: 2; column-gap: 30px;}
.blog-text img {max-width: 100%; border-radius: 10px; height: auto;}
.blog-text a {color: #00d5f6; font-weight: bold; text-decoration: underline;}
.blog-text p {margin-bottom: 15px;}
.blog-text:last-child p {margin-bottom: 0px;}

.faq.small .info {text-align: left; color: #c9c9c9;}
.faq.small .info a {color: #3cc4e5;}
.blog.small .image {height: 150px;}

.send-review.small #review {border-radius: 20px;}

/* blue */
body.blue a:hover, body.blue a:active, body.blue a:focus {color: #34b7ff;}
body.blue .credential li a, body.blue .credential li a:hover {color: #555555;}
body.blue .toolbar .target ul li.current {background: #34b7ff;}
body.blue .toolbar .dropdown-menu a:hover {background: #34b7ff;}
body.blue .currency li.active a, body.blue .currency li a:active, body.blue .currency li a:hover {background: #34b7ff; color: #fff;}
body.blue .btn-search, body.blue .btn-camera {background: #34b7ff;}
body.blue .cart-detail .phone .icon:after {border-top: 5px solid #000000;}
body.blue .credential img {margin-top: 0px; width: 18px; height: 18px;}
body.blue .cart-detail .phone .icon {background: url("img/phone-blue.png") center center no-repeat;}
body.blue .cart-detail .favorite .icon {background: url("img/favorite-blue.png") center center no-repeat;}
body.blue .cart-detail .cart .icon {background: url("img/cart-blue.png") center center no-repeat;}
body.blue .logo {padding: 3px 15px;}
body.blue .logo img {width: 210px;}
/* Не шапка */
body.blue #sidebar ul li.collapsed:before {background: #34b7ff;}
body.blue #sidebar ul li a:hover {color: #34b7ff;}
body.blue .btn-yellow:hover, body.blue .btn-yellow:active, body.blue .btn-yellow:focus {color: #555555; box-shadow: 0px 0px 3px 1px #34b7ff;}
body.blue .footer .social-network a {background: #34b7ff;}
body.blue #sidebar .show-all a {background: #34b7ff;}
body.blue .go-to a {color: #34b7ff;}
body.blue .footer h6:after {border-bottom: 1px solid #34b7ff;}
body.blue .faq .info a {color: #34b7ff;}
body.blue .cards.swiper::-webkit-scrollbar-thumb {background: #34b7ff;}
body.blue .cards.swiper::-webkit-scrollbar-thumb:hover {background: #34b7ff;}

/* red */
body.red a:hover, body.red a:active, body.red a:focus {color: #c91d1d;}
body.red .credential li a, body.red .credential li a:hover {color: #555555;}
body.red .toolbar .target ul li.current {background: #c91d1d;}
body.red .toolbar .dropdown-menu a:hover {background: #c91d1d;}
body.red .currency li.active a, body.red .currency li a:active, body.red .currency li a:hover {background: #c91d1d; color: #fff;}
body.red .btn-search, body.red .btn-camera {background: #c91d1d;}
body.red .cart-detail .phone .icon:after {border-top: 5px solid #000000;}
body.red .credential img {margin-top: 0px; width: 18px; height: 18px;}
body.red .cart-detail .phone .icon {background: url("img/phone-red.png") center center no-repeat;}
body.red .cart-detail .favorite .icon {background: url("img/favorite-red.png") center center no-repeat;}
body.red .cart-detail .cart .icon {background: url("img/cart-red.png") center center no-repeat;}
body.red .logo {padding: 3px 15px;}
body.red .logo img {width: 210px;}
/* Не шапка */
body.red #sidebar ul li.collapsed:before {background: #c91d1d;}
body.red #sidebar ul li a:hover {color: #c91d1d;}
body.red .btn-yellow:hover, body.red .btn-yellow:active, body.red .btn-yellow:focus {color: #555555; box-shadow: 0px 0px 3px 1px #c91d1d;}
body.red .footer .social-network a {background: #c91d1d;}
body.red #sidebar .show-all a {background: #c91d1d;}
body.red .go-to a {color: #c91d1d;}
body.red .footer h6:after {border-bottom: 1px solid #c91d1d;}
body.red .faq .info a {color: #c91d1d;}
body.red .cards.swiper::-webkit-scrollbar-thumb {background: #c91d1d;}
body.red .cards.swiper::-webkit-scrollbar-thumb:hover {background: #c91d1d;}

/* green */
body.green a:hover, body.green a:active, body.green a:focus {color: #0ea190;}
body.green .credential li a, body.green .credential li a:hover {color: #555555;}
body.green .toolbar .target ul li.current {background: #0ea190;}
body.green .toolbar .dropdown-menu a:hover {background: #0ea190;}
body.green .currency li.active a, body.green .currency li a:active, body.green .currency li a:hover {background: #0ea190; color: #fff;}
body.green .btn-search, body.green .btn-camera {background: #0ea190;}
body.green .cart-detail .phone .icon:after {border-top: 5px solid #000000;}
body.green .credential img {margin-top: 0px; width: 18px; height: 18px;}
body.green .cart-detail .phone .icon {background: url("img/phone-green.png") center center no-repeat;}
body.green .cart-detail .favorite .icon {background: url("img/favorite-green.png") center center no-repeat;}
body.green .cart-detail .cart .icon {background: url("img/cart-green.png") center center no-repeat;}
body.green .logo {padding: 3px 15px;}
body.green .logo img {width: 210px;}
/* Не шапка */
body.green #sidebar ul li.collapsed:before {background: #0ea190;}
body.green #sidebar ul li a:hover {color: #0ea190;}
body.green .btn-yellow:hover, body.green .btn-yellow:active, body.green .btn-yellow:focus {color: #555555; box-shadow: 0px 0px 3px 1px #0ea190;}
body.green .footer .social-network a {background: #0ea190;}
body.green #sidebar .show-all a {background: #0ea190;}
body.green .go-to a {color: #0ea190;}
body.green .footer h6:after {border-bottom: 1px solid #0ea190;}
body.green .faq .info a {color: #0ea190;}
body.green .cards.swiper::-webkit-scrollbar-thumb {background: #0ea190;}
body.green .cards.swiper::-webkit-scrollbar-thumb:hover {background: #0ea190;}

.land {margin-bottom: 40px;}
.separator {border-top: solid; border-width: 1px; border-color: goldenrod;}
.seo-text .col2 {width: 45%;}
.head-panel {display: contents !important;}
.float-right {float: right !important;}
.choose-country {width: 100% !important;}
.sidebar .faq .col1 {padding: 0px 0px 30px;}
.cards .col1 {width: 90%;}
.main .yellow {border-radius: 3px;}
body {font-size: 1rem !important;}
.feed {display: none;}
.blog-text {padding: 0px 15px;}
.slider-card-title {text-align: center; padding-top: 0.7rem;}

@media screen and (min-width: 961px) {
body {overflow: auto !important;}
#zakr, #hovr {display: none !important;}
#mobileMenu {display: block !important; left: 0px !important;}
}
@media screen and (min-width: 1200px) {
.main {background: radial-gradient(circle, #62b7e9 0%, #2494d4 50%);}
}
@media screen and (min-width: 1500px) {
.main {background: radial-gradient(circle, #62b7e9 0%, #2494d4 40%);}
}
@media screen and (min-width: 1750px) {
.business {padding: 140px 0px;}
}


@media screen and (max-width: 1800px) {
#cr1 {top: 2%; left: 1%;}
#cr7 {left: 0%;}
}
@media screen and (max-width: 1800px) {
#cr1 {display: none;}
}
@media screen and (max-width: 1600px) {
#main .short .col4, #main .catalog .col4, #main .cards.swiper .col {width: 33.333%;}
#main .short .col4:last-child {display: none;}
.business {padding: 40px 0px;}
#cr7 {display: none;}
}
@media screen and (max-width: 1450px) {
.catalog-top {display: block;}
.sent-from select, .sort select {width: auto; min-width: 0px;}
.main .col4 {width: 30%;}
#cr6 {display: none;}
.search-request .col3 {width: 50%;}
}
@media screen and (max-width: 1382px) {
.cart-detail a.call-link span {display: none;}
}
@media screen and (max-width: 1350px) {
.col {width: 25%;}
.toolbar .menu li {margin-right: 15px;}
.error .error-404 {font-size: 20rem; line-height: 15rem;}
}
@media screen and (max-width: 1300px) {
.search {width: 57%;}
.cart-detail {width: 26%;}
.pages-all {display: none;}
.delivery-options .col6 {width: 20%;}
.main .col4 {width: 33.333%;}
}
@media screen and (max-width: 1260px) {
.toolbar .menu li {margin-right: 9px;}
}
@media screen and (max-width: 1220px) {
.lang {width: 70px;}
.credential {right: 100px;}
.currency {right: 291px;}
.toolbar .menu {margin-right: 391px;}
}
@media screen and (max-width: 1200px) {
#main .short .col4, #main .catalog .col4, #main .cards.swiper .col {width: 50%;}
#main .short .col4:nth-last-child(2) {display: none;}
.cart-table2 .incrementer input[type="number"] {width: 40px; margin: 0px;}
.delivery-options .col6 {width: 25%;}
}
@media screen and (max-width: 1160px) {
.search {width: 55%;}
.cart-detail {width: 28%;}
.steps .col4 {width: 25%;}
.min-1688 .item {padding: 30px 20px 30px 440px;}
}
@media screen and (max-width: 1149px) {
.toolbar .menu {padding: 5px 0px 5px 15px;}
}
@media screen and (max-width: 1140px) {
.footer .col4 {width: 20%;}
.footer .col4.social {width: 40%;}
.pages-go span {display: none;}
}
@media screen and (max-width: 1100px) {
.search {width: 54%;}
.cart-detail {width: 29%;}
.cases .container {float: none; width: 100%; max-width: 1600px;}
.cases .col2 {width: 33.333%;}
.error .error-404 {font-size: 15rem; line-height: 11rem;}
}
@media screen and (max-width: 1080px) {
.col, .col4 {width: 33.333%;}
.reviews .col3 {width: 50%;}
.faq .col3 {width: 50%;}
.doings .col5 {width: 33.333%;}
}
@media screen and (max-width: 1040px) {
.logo {width: 24%;}
.search {width: 76%; padding: 15px;}
.cart-detail {width: auto; padding-top: 0px;}
.cart-detail .phone, .cart-detail .favorite, .cart-detail .cart {width: auto;}
.cart-table2 th.del-title {width: auto;}
.cart-table2 th.del-title div {display: none;}
.cart-table2 .incrementer input[type="number"] {width: 30px;}
}
@media screen and (max-width: 960px) {
iframe, video, object, embed {max-width: 100%; box-sizing: border-box;}

#plashka {display: block !important; z-index: 199; position: fixed; height: 51px; left: 0px; top: 0px; right: 0px; width: 100%; background: #ffffff; border-bottom: 1px solid #cecece;}
#mobileMenu {float: none !important; margin: 0px; padding: 0px; width: 270px !important; max-height: 100%; height: 100%; box-sizing: border-box; overflow: auto; -webkit-overflow-scrolling:touch; touch-action: pan-y; position: fixed; display: none; background: #fff; top: 0px; left: -100%; right: auto; z-index: 201; -webkit-transition: left 0.5s; -moz-transition: left 0.5s; -o-transition: left 0.5s; transition: left 0.5s;}
#buter {width: 32px; height: 23px; cursor: pointer; box-sizing: content-box; display: block !important; padding: 14px 10px; position: fixed; top: 0px; left: 0px; z-index: 199;}
#buter span {display: block; height: 4px; background: #39c0e0; border-radius: 5px; margin-bottom: 5px;}
#buter span:first-child {background: #36b3d5;}
#buter span:last-child {margin-bottom: 0px; background: #3cceed;}
#zakr {z-index: 99999990 !important; cursor: pointer; font-family: Arial; color: #ffffff; position: fixed; right: 5px; top: 5px; padding: 0; font-size: 25px; line-height: 25px; width: 25px; text-align: center;}
#zakr:hover {color: #39c0e0 !important;}
#hovr {background: #000000; background: rgba(0, 0, 0, 0.7); position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 200; opacity: 0; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s;}
.toolbar .target {display: none; position: static; width: 100%; padding-bottom: 41px;}
.toolbar .menu {margin: 0px; padding: 45px 0px 0px; text-align: left;}
.toolbar .menu li {margin-right: 0px; display: block;}
.toolbar .menu li a {display: block; padding: 7px 0px;}
.currency {position: static; width: 100%; box-sizing: border-box;}
.credential {width: 100%; bottom: auto; top: 0px; left: 0px;}
.credential ul {height: auto;}
.credential li {width: 50%;}
.credential li.user {width: 100%;}
.lang {position: static; width: auto; padding: 0px;}

.header {margin: 52px 0px 0px;}
.header .cards {display: block;}
.logo {position: fixed; z-index: 200; left: 52px; top: 10px; width: auto; padding: 0px;}
.logo img {width: 132px; height: 30px;}
.search {width: 100%; padding-bottom: 0px;}
.search .search-input {width: 100%; margin-bottom: 5px;}
.search .btn-yellow {width: 49%; white-space: nowrap; overflow: hidden; margin-bottom: 3px; padding: 6px;}
.search .btn-yellow + .btn-yellow {background: #eeeded; background: linear-gradient(#f7f7f7, #e5e4e4); box-shadow: 0 2px 0 0 #d6d6d6;}
.search .btn-yellow + .btn-yellow:hover, .search .btn-yellow + .btn-yellow:active, .search .btn-yellow + .btn-yellow:focus {box-shadow: 0px 0px 3px 1px #35b7ff;}
.search .btn-yellow.mobile {display: inline-block !important;}
.cart-detail {width: 100%; padding: 0px;}

.btn-camera:hover:before, .btn-camera:hover:after {display: none;}
.breadcrumbs li {display: inline;}
.breadcrumbs li.btn {display: none;}

.cart-detail .icon, .cart-detail .phone .icon {height: 34px; width: 34px; margin-right: 0px; position: fixed; top: 7px; z-index: 200;}
.cart-detail .phone {position: static; float: none;}
.cart-detail .phone .icon:after, .cart-detail .phone .icon:before {display: none;}
.cart-detail .phone a {display: none;}
.cart-detail .phone .icon {display: inline-block; right: 96px;}
.cart-detail .dropdown-phones {position: fixed; top: 51px; right: 52px; left: auto; z-index: 200; padding: 5px 10px; border: 1px solid #cecece;}
.cart-detail .dropdown-phones a {display: block !important;}
.cart-detail .favorite {width: auto; padding: 0px;}
.cart-detail .favorite .icon {right: 52px;}
.cart-detail .cart {width: auto; padding: 0px; right: 8px;}
.cart-detail .cart .icon {right: 8px;}
.cart-detail .cart p {display: none;} 

.photos {width: 100%;}
.description {width: 100%;}

.amount-of {text-align: center;}

#sidebar {display: none; width: 100%; padding-bottom: 0px;}
#sidebar.hide {position: static; width: 100% !important;}
#sidebar .collapse .collapse {position: static; max-width: none; padding: 0px; margin-left: 0px; margin-top: 0px; border-top: none;}
#sidebar .collapse .collapse ul li a {padding-left: 69px;}
#sidebar .collapse ul li a.collapsed.show {border-right: 1px solid #e6e6e6;}
#sidebar .show-all {display: none;}
#main {width: 100%;}
#main .short .col4, #main .catalog .col4, #main .cards.swiper .col {width: 33.333%;}
#main .short .col4:nth-last-child(2) {display: inline-block;}

#sidebar .side-dop {margin-top: 15px;}
#sidebar .bnnr img {max-width: 49%; margin-top: 15px;}
#sidebar .bnnr + .bnnr:last-child img {margin-left: 1%;}

.socseti {top: 50%; margin-top: -75px;}
.socseti div {opacity: 0.7;}
.socseti div:hover {opacity: 1;}

.catalog-top {display: none;}
.min-max, .sent-from, .sort {width: 100%; padding-right: 0px; text-align: left;}
.sale {width: 49%; padding-right: 0px; text-align: left;}
.free-shipping {width: 49%; padding-right: 0px; text-align: left;}
.min-max {text-align: center;}
.min-max input[type="number"] {width: 40%; width: calc(50% - 30px);}
.sent-from select, .sort select {width: 100%;}
.sort select {margin-top: 5px; width: calc(100% - 112px);}
#btn-filtr {display: block !important; margin-bottom: 9px; background: #eeeded; background: linear-gradient(#f7f7f7, #e5e4e4); box-shadow: 0 2px 0 0 #d6d6d6;}

.pages-go span {display: inline;}

.cart-table1, .cart-table1 > tbody {display: block;}
.cart-table1 tr {display: block; display: flex; flex-wrap: wrap; position: relative;}
.cart-table1 td {display: inline-block; width: 60%; text-align: left; order: 1;}
.cart-table1 td:first-child {width: 100%; text-align: left; order: 3;}
.cart-table1 td:last-child {text-align: right; width: 39%;}

.cart-table2, .cart-table2 > tbody {display: block;}
.cart-table2 > tbody > tr {display: block; position: relative; border-bottom: 1px solid #d7d7d7; padding: 23px 0px;}
.cart-table2 > tbody > tr.top {display: none;}
.cart-table2 > tbody > tr.top + tr {border-top: 1px solid #d7d7d7;}
.cart-table2 > tbody > tr > td {display: inline-block; width: 49%; box-sizing: border-box; padding: 7px 0px; border-bottom: none;}
.cart-table2 > tbody > tr > td:nth-child(1) {width: 40%;}
.cart-table2 > tbody > tr > td:nth-child(2) {width: 59%;}
.cart-table2 > tbody > tr > td:last-child {float: left; padding: 0px;}
.cart-table2 td:first-child img {width: 125px; height: auto;}
.cart-table2 table td {width: 50%;}
.cart-table2 .delete {position: absolute; right: 0px; top: 23px; z-index: 1;}
.cart-table2 .incrementer input[type="number"] {width: 60px;}
#cart .cart-table2 label {position: absolute; left: 0px; top: 23px; z-index: 1;}
#cart .cart-table2 label .pretty {margin-right: 0px;}
#cart .cart-table2 label input[type="checkbox"] {margin: 0px 0px 0px -7px;}

.content-left {width: 100%;}
.sidebar-right {width: 100%;}
.sidebar-right .faq .col1 {width: 50%; padding: 15px;}
.sidebar-right .faq .container {padding-right: 0px; padding-left: 0px;}
.sidebar-right .blog .cards .container {padding-right: 0px; padding-left: 0px;}
.sidebar-right .blog .col1 {width: 50%;}
.sidebar-right .blog .item {padding: 15px;}

.maps .col2 > iframe, .maps .col2 > ymaps {height: 300px !important;}

.steps .col4 {width: 33.333%;}

.error {text-align: center;}
.error .cards {padding-top: 0px;}
.error .col2 {width: 100%;}
.error .col2 + .col2 {display: none;}
.error li {margin-bottom: 15px;}
.error li span {display: none;}

.crosses {display: none;}

.advantages .col6 {width: 25%;}
.footer .col4 {width: 50%; order: 1;}
.footer .col4.social {width: 50%; order: 4;}
.footer .social-network, .footer .we-accept {display: block;}
.footer .social-network ul {margin-left: 0px;}
.footer .copy {display: none;}
.footer .copy-mobile {order: 5; display: block !important; width: 100%; padding: 15px; box-sizing: border-box; margin: 0px;}
.footer .social-network ul li, .footer .we-accept ul li {margin: 5px 5px 5px 0;}
.footer .we-accept ul {margin-left: 0px;}

/* Все правки по цветам и попап */
body.blue .logo, body.red .logo, body.green .logo {padding: 0px; top: 3px; height: 48px;}
body.blue .logo img, body.red .logo img, body.green .logo img {width: 132px; height: 44px;}
body.blue #buter span {background: #34b7ff;}
body.red #buter span {background: #c91d1d;}
body.green #buter span {background: #0ea190;}
.search-request .col3 {width: 66%;}
.blog.small .image {height: 160px;}
#move {margin-top: 0px !important;}
}
@media screen and (max-width: 900px) {
#sidebar .collapse .collapse ul li {width: 49%;}
.delivery-options .col6 {width: 33.333%;}
.min-1688 {padding: 40px 0px}
.min-1688 .item {padding: 15px; text-align: center;}
.min-1688 .item img {display: none;}
}
@media screen and (max-width: 820px) {
.col, .col3, .col4, #main .short .col4, #main .catalog .col4, #main .cards.swiper .col {width: 50%;}
.simple-steps .col5 {width: 33.333%;}
.simple-steps .col5:nth-child(3) .item:after {display: none;}
#main .short .col4:nth-last-child(2) {display: none;}
.cart-table3 {display: block; padding: 23px 0px;}
.cart-table3 > tbody {display: block;}
.cart-table3 > tbody > tr > td {display: inline-block; vertical-align: middle; width: 49%; padding: 5px; box-sizing: border-box;}
.cart-table3 > tbody > tr > td:last-child {width: 100%;}
#contacts .col3:last-child {width: 100%;}
.cases .col2 {width: 50%;}
}
@media screen and (max-width: 770px) {
.pages-go span {display: none;}
.blog-text .item {columns: 1; column-gap: 0px;}
}
@media screen and (max-width: 730px) {
.reviews .col3 {width: 100%;}
.subscribe .col2 {width: 100%;}
.subscribe .form-control {margin-right: 15px; width: calc(100% - 146px);}
.subscribe .col2 + .col2 {padding-top: 0px;}
.seo-text .col2, .seo-text .col2.w85 {width: 100%;}
.main .icon {width: 150px; height: 150px; line-height: 140px; padding: 30px;}
.main .icon img {width: 70px; height: auto;}
.main .desc span {display: none;}
}
@media screen and (max-width: 700px) {
.faq .col3, .sidebar-right .faq .col1 {width: 100%;}
.tab-menu {text-align: center;}
.steps .icon {width: 150px; height: 150px; line-height: 140px;}
.steps .icon img {width: 140px; height: 140px;}
}
@media screen and (max-width: 650px) {
.advantages .col6 {width: 33.333%;}
.tabs .tab .column1 {float: none; width: 100%; margin-right: 0px;}
.tabs .tab .column2 {float: none; width: 100%; margin-left: 0px; margin-top: 25px;}
.maps .col2 {width: 100%;}
.maps .col2 > iframe, .maps .col2 > ymaps {height: 250px !important;}
.delivery-options .col6 {width: 50%;}
.doings .col5 {width: 50%;}
.search-request .col3 {width: 100%;}
}
@media screen and (max-width: 630px) {
#sidebar .collapse .collapse ul li {width: 100%;}
.catalog-bottom {-ms-justify-content: center; justify-content: center; text-align: center;}
.pages-go {display: none;}
}
@media screen and (max-width: 600px) {
.description .code {display: block;}
.description .code > div {padding-right: 0px;}
.purchase .column {width: 100%;}
#sidebar .bnnr img {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
#sidebar .bnnr + .bnnr:last-child img {margin-left: auto;}
.cart-table2 > tbody > tr > td {width: 100%;}
.cart-table2 > tbody > tr > td:nth-child(1) {width: 100%;}
.cart-table2 > tbody > tr > td:nth-child(2) {width: 100%;}
.cart-table3 > tbody > tr > td {width: 100%; padding: 7px 0px;}
.cart-table2 td:first-child img {width: auto; height: auto; max-width: 300px;}
.main .col4 {width: 50%;}
.main .icon {width: 200px; height: 200px; line-height: 200px; padding: 40px;}
.main .icon img {width: auto; height: auto;}
}
@media screen and (max-width: 550px) {
.col, .col3, .col4, #main .short .col4, #main .catalog .col4, #main .cards.swiper .col {width: 100%;}
#main .short .col4:nth-last-child(2) {display: inline-block;}
.sidebar-right .blog .col1 {width: 100%;}
.cases .col2 {width: 100%;}
.thumb {min-height: 0px;}
.thumb img {max-height: 250px;}
.submit-application {padding: 0px 0px 22px;}
.submit-application .text {border-radius: 15px;}
.glasses {display: none;}
.tab-menu li {display: block;}
.steps .icon {width: 120px; height: 120px; line-height: 110px;}
.steps .icon img {width: 110px; height: 110px;}
}
@media screen and (max-width: 500px) {
.simple-steps .col5 {width: 50%;}
.simple-steps .item:after {display: none;}
.content-left .reviews .icon {display: block; float: left;}
.content-left .reviews .desc {display: block;}
.footer .we-accept ul li img {max-width: 60px;}
.main .icon {width: 150px; height: 150px; line-height: 140px; padding: 30px;}
.main .icon img {width: 70px; height: auto;}
}
@media screen and (max-width: 490px) {
.advantages .col6 {width: 50%;}
.pages li.prev, .pages li.next {display: none;}
}
@media screen and (max-width: 460px) {
.footer .col4 {width: 100%; /*min-width: 225px;*/}
.footer .col4.social {width: 100%;}
.footer .we-accept ul br {display: none;}
.footer .social-network, .footer .we-accept {text-align: center;}
.cart-table3 table {width: 100%;}
.steps .col4 {width: 50%;}
.steps .icon {width: 150px; height: 150px; line-height: 140px;}
.steps .icon img {width: 140px; height: 140px;}
.error .h1, .error h1 {font-size: 3.5rem;}
.error .error-404 {font-size: 12rem; line-height: 9rem;}
.doings .col5 {width: 100%;}
.doings .desc {min-height: 0px;}
}
@media screen and (max-width: 420px) {
.cart-table1 td {width: 100%;}
.cart-table1 td:last-child {width: 100%; text-align: left;}
.delivery-options .col6 {width: 100%;}
}
@media screen and (max-width: 390px) {
.sale {width: 34%;}
.free-shipping {width: 64%;}
.main .col4 {width: 100%;}
.main .icon {width: 200px; height: 200px; line-height: 200px; padding: 40px;}
.main .icon img {width: auto; height: auto;}
.search-request .col-left, .search-request .col-right {width: 100%; text-align: center;}
.search-request .col-left {margin-bottom: 15px;}
}
@media screen and (max-width: 380px) {
.steps .icon {width: 120px; height: 120px; line-height: 110px;}
.steps .icon img {width: 110px; height: 110px;}
}
@media screen and (max-width: 370px) {
.reviews .item, .reviews .icon, .reviews .desc {display: block;}
.reviews .icon img {margin-right: 0px; margin-bottom: 10px;}
.content-left .reviews .icon {padding-left: 0px; padding-top: 0px; float: none;}
.content-left .reviews .icon img {width: 115px; height: 115px;}
.subscribe .form-control {width: 100%; margin-right: 0px; margin-bottom: 15px;}
.send-review .btn-yellow {padding: 10px;}
.send-review .btn-yellow.green {width: 100%;}
.send-review .btn-yellow.gray {width: 48%; margin-left: 0px; margin-right: 1%;}
.send-review .btn-yellow.red {width: 48%; margin-left: 1%;}
}
@media screen and (max-width: 350px) {
#sidebar .collapse .collapse ul li a {padding-left: 54px;}
.error .h1, .error h1 {font-size: 2.5rem;}
.error .error-404 {font-size: 10rem; line-height: 7rem;}
}
@media screen and (max-width: 340px) {
.cart-detail .favorite {display: none;}
.cart-detail .phone .icon {right: 52px;}
}
@media screen and (max-width: 340px) {
.simple-steps .col5 {width: 100%;}
}


@media screen and (max-height: 650px) {
#cr9, #cr10 {display: none;}
}
@media screen and (max-height: 770px) {
#cr2 {display: none;}
}
@media screen and (max-height: 700px) {
#cr8 {display: none;}
}
@media screen and (max-height: 500px) {
.socseti {top: 50%; margin-top: -75px;}
}