body,html {color: #333;}
body {background: url("/media/img/bcg.jpg") repeat;}

.color-site {color:#3085d4;}
.background-site {background-color:#3085d4;}
.white-bg {background: #FFF;}
.main-bg,.sub-head {background: #fff;}
.sub-head {border-bottom: 1px solid #e8e8e8;}
.phone-order {color:#3085d4;}
.phones a{color:#111}
.phones-mobile a, phones-mobile i {color: #333;}
.sub-phones {box-shadow:0 0 5px rgba(0,0,0,.5);background: #FFF;}
.sub-phones a:first-child{border-bottom: 1px solid #e8e8e8}
.user-header > a{color:#111;}
.user-header > a:hover{color:#3085d4;}
.user-header > div{background: #fff;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.user-header > div a{border-bottom: 1px solid #efefef;color:#111;}
.user-header > div a:hover{color:#3085d4;}
.basket-top i {color:#111}
.basket-top span{background: #eee;color:#111;}
.logo span:nth-child(2) {color:#000;}
.logo span:nth-child(3) {color:#999;}
.navbar-fixed {background: #FFF;}
.navbar-fixed nav > ul > li > a {text-transform: uppercase;}
nav > ul > li > a {color:#111;}
nav > ul > li:after{background: #3085d4;}
nav > ul > li > ul{border-top:3px solid #3085d4;background: #fff;box-shadow:0 3px 5px rgba(0,0,0,.3);}
nav > ul > li > ul > li a{color:#111;border-bottom:1px solid #f0f0f0;}
nav > ul > li > ul > li a:hover{color:#3085d4}
.search-form input{background: #eeeeee;border:none;}
.search-form input[type=text]{color:#333;}
.search-form input[type=submit]{color:#000;}
.slide_right {background: rgba(0,0,0,.8);}
.slide_right span,.slide_right p {color:#fff;}
.slide_right a {color:#fff;background:#3085d4;}
.main-services .col:before {background: rgba(0,0,0,.0);}
.main-services .col:hover:before {background: rgba(0,0,0,.0)}
.main-services .col span,.main-services .col strong{color:#fff}
.grey-bg{background: #f9f9fa;border-bottom: 1px solid #f0f0f0;}
.main-block > a{color:#3085d4;}
.main-block > a:hover{color:#111;}
.catalog-category a{border:1px solid #f0f0f0;}
.catalog-category a span {color:#111;}
.main-shares a {border:1px solid #f0f0f0;}
.main-shares a p {color:#666;}
.main-shares a span {color:#111;}
.main-shares a:hover {box-shadow:0 0 15px rgba(0,0,0,.33);}
.main-banner {background: url('../../img/main_banner.png') no-repeat center;}
.main-banner:before{background:rgba(0,0,0,.4);}
.main-banner h2,.main-banner p,.main-banner strong {color:#fff;}
.main-banner a{background: #3085d4;color:#fff;transition: .3s}
.main-banner a:hover {background: #f78105}
.dop-items a{border-bottom:2px solid transparent;color:#3085d4;font-weight: 600}
.dop-items a:hover{color:#111}
.dop-items a.active {border-bottom: 2px solid #3085d4;color:#111}

.catalog-item {border:1px solid #f0f0f0;background: #fff;}
.catalog-item:hover{box-shadow:0 0 15px rgba(0,0,0,.33);}
.catalog-item .item-share span {color:#fff;}
.catalog-item .item-share span.span-share {background: #ffc438;color:#111}
.catalog-item .item-share span.span-hit {background: #2992d9;}
.catalog-item .item-share span.span-sale {background: #830000;}
.add-to-bookmark {color:#999;}
.add-to-bookmark:hover {color:#111}
.add-to-cart:hover {color:#111}
.catalog-item-name {color:#111;}
.catalog-item-name:hover {color:#3085d4}
.item-art {color:#666}
.in-av {color:#2e7f0d}
.out-av {color:#830000}
.price {color:#111;}
.price-sale span:last-child{color:#666;}
.more-info-product {background: #3085d4;color:#fff;}
.add-to-cart {background: #fff;color:#3085d4;border:1px solid #3085d4;}
.add-to-cart:hover {color:#111}
.main-about h1 {color:#111;}
.main-about p {color:#333;}
.footer {border-top:1px solid #ddd;background: #fff;}
.f-col:first-child {color:#111}
.f-col h2{color:#111;text-transform: uppercase}
.f-col:nth-child(2) a,.f-col:nth-child(2) span {color:#111;}
.f-col:last-child a{color:#111}
.f-col:nth-child(3) a i.fa-vk{color:#3d769c}
.f-col:nth-child(3) a i.fa-odnoklassniki-square{color:#eb6b0d}
.f-col:nth-child(3) a i.fa-facebook-square{color:#24599b}
.f-col:nth-child(3) a i.fa-google-plus-square{color:#dc4b3e}
.f-col:nth-child(3) a i.fa-instagram{color:#f15b43}
.f-col:nth-child(3) a i.fa-youtube-square{color:#df0000}
.f-col:nth-child(3) a i.fa-twitter-square{color:#01acee}
.page_caption {border-top:1px solid #efefef}
.page_caption .breadcrumb li a{color:#b6b5b5;}
.page_caption .breadcrumb li a:hover{color:#3085d4;}
.page_caption .breadcrumb li {color:#b6b5b5;}
.page_caption .breadcrumb li:not(:first-child):before{color:#3085d4;}
.page_caption h1 {color:#111}
.menu_left ul > li > a {border:1px solid #f2f2f2;background: #f8f8f9;color:#111;}
.menu_left ul li:hover > a:before {background: #3085d4;}
.menu_left ul li:hover > a{background: #fff;color:#3085d4;}
.menu_left ul > li.active > a{background: #3085d4 !important;color:#fff !important;}
.category-children a{border:1px solid #f0f0f0;}
.category-children a span {color:#111;}
.category-children a:hover{box-shadow:0 0 15px rgba(0,0,0,.2);}
.count-items {color:#999;}
.count-items a{color:#999;border-bottom: 1px dotted #999}
.count-items a.active{color:#111;}
.count-items a:hover{color:#111;}
.count-items select {color:#111;border:1px solid #ccc;}
.category-sorts a{color:#999}
.category-sorts a:hover,.category-sorts a.active{color:#111}
.pagination li a{background-color: #ffffff;border: 1px solid #EFEFEF;color:#3085d4;}
.pagination li.active a,.pagination li:hover a{background: #3085d4;color: #ffffff; border-color: #3085d4;}
 .co_lines {color: #111;}
.co_lines h2{color:#111;}
.text_co{color:#111;}
.border-all {border:1px solid #f2f2f2;}
.product-description {color:#111;border-bottom: 1px solid #f2f2f2;}
.product-description a:last-child {color:#3085d4;}
.product-price .price-normal {color:#111;}
.product-price .price-new {color:#111;}
.product-price .price-old {color:#666;}
.price-economy span {color:#111;background: #ffd02e;}
.product-av .in-stock i {color:#38ab09}
.noin-stock {color:#999}
.found-cheaper {border-bottom: 1px dotted #999;color:#999;}
.found-cheaper:hover {color:#111}
.product-sizes h2,.product-colors h2{color:#111;}
.product-colors a{border:4px solid #ddd;}
.product-colors a.active {border-color:#999;}
.line-size{background: #fff;}
.line-size input:checked + span {background: #3085d4;color:#fff;border:1px solid #3085d4;}
.line-size input:not(:checked):hover + span {border:1px solid #3085d4;color:#3085d4}
.line-size span:nth-child(2) {color:#666;border:1px solid #666;}
.product-count {background: #F3F3F5;}
.product-count a,.product-count a i{color:#999;}
.product-count a:hover i{color:#111}
.product-count input {background: #F3F3F5;}
.product-basket #add-to-cart {background: #3085d4;color:#fff;}
.product-basket #in-click {background: #fff;border:1px solid #3085d4;color:#3085d4;}
.product-basket #in-click:hover {background: #3085d4;color:#fff;}
.product-share strong {color:#3085d4}
.header-tabs {border-bottom:1px solid #F2F2F2;}
.header-tabs a{border-left:1px solid #F2F2F2;border-top:1px solid #F2F2F2;border-right: 1px solid #F2F2F2;background: #f9f9fa;color:#111;}
.header-tabs a.active {background: #fff;color:#3085d4}
.header-tabs a.active:before {background: #3085d4;}
.header-tabs a.active:after {background: #fff;}
.header-tabs a:hover{background: #fff;color:#3085d4}
.main-options table td {border-bottom: 1px solid #ddd}
.main-question-left {color:#373737;}
.main-question-right h3 {color:#373737;}
.main-question-textarea em {color:#df0000}
.main-question-textarea textarea {background: #f7f7f7;border:1px solid #eeeeee;color:#111;}
.main-question-input em {color:#df0000}
.main-question-input input {background: #f7f7f7;border:1px solid #eeeeee;color:#111;}
.main-question-confirm a {color:#3085d4}
.main-question-right input[type=submit]{color:#fff;background: #3085d4;}
.bg {background: rgba(0,0,0,.7);}
.modal {background: #fff;}
.modal-header {background: #fff;}
.modal-header span {border-bottom: 2px solid #3085d4;}
.line-strong {color:#111}
.modal-header a {color:#111;}
.modal-content .line span em {color:#df0000}
.modal-content .line input {border:1px solid #ccc;}
.modal-content .line textarea {border:1px solid #ccc;;}
.send-modal-form {background: #3085d4; color: #fff}
.service_item {border-bottom: 1px solid #ddd;}
.service_item a:nth-child(2) {color:#111;}
.service_item a:nth-child(2):hover {color:#3085d4;}
.service_item p:nth-child(3) {color:#666;}
.service_item a:last-child {color:#111;}
.service_item a:last-child:hover {color:#3085d4;}
.service_item a:last-child:hover i {color:#fff;background:#3085d4;}
.new-list {border: 1px solid #f0f0f0;}
.new-list:hover{box-shadow: 0 0 15px rgba(0,0,0,.2);}
.hover-new {background: rgba(0,0,0,.6);}
.hover-new i {color:#000;background: #fff;}
.new-list > a:nth-child(2){color:#111}
.new-list > a:nth-child(2):hover{color:#3085d4}
.new-list > p:nth-child(3){color:#333;}
.date-new {border-top: 1px solid #dfdfdf;color:#444;}
.date-new a{color:#111;}
.date-new a:hover{color:#3085d4}
.share-item {border-bottom: 1px solid #ddd}
.share-item a:first-child:hover{box-shadow:0 0 15px rgba(0,0,0,.6);}
.share-item a:last-child{color:#3085d4;}
.share-item a:nth-child(2) {color:#111;;}
.share-item a:nth-child(2):hover {color:#3085d4;}
.share-item span{color:#666;}
.share-item p{color:#333;}
.form-question-dop {background: #fbfbfb;border:1px solid #f5f5f5;}
.form-question-dop-icon {background: url('../../img/question_icon.png') center center no-repeat;}
.form-question-dop a {border:2px solid #3085d4;border-radius:2px;color:#3085d4;}
.form-question-dop a:hover{background: #3085d4;color:#fff}
.form-subscribe {background: #3085d4;}
.form-subscribe:before{ background: url(../../img/mail.png) 113px 17px no-repeat;}
.form-subscribe strong {color:#fff;}
.form-subscribe p {color:#ddd;}
.form-subscribe div a{background-image: url(../../img/icons.png); background-color: #ececf2;background-color: #dfdfdf;}
.left-side-news {border:1px solid #ddd}
.left-side-news div:first-child span{color:#111; font-weight: 600}
.left-side-news div:first-child a{color:#3085d4;}
.left-side-news div:not(:first-child):not(:last-child){border-bottom:1px solid #ddd;}
.left-side-news div:not(:first-child) span{color:#777;}
.left-side-news div:not(:first-child) a{color:#111;}
.left-side-news div:not(:first-child):hover a{color:#3085d4;}
.left-side-news div:not(:first-child):before{background: #3085d4;}
.signup-form {border:1px solid #ddd;}
.signup-form:after {background: #f9f9f9;}
.signup-form:before{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );}
.signup-form h2 {color:#111;}
.signup-form form {color:#111;}
.signup-form form div {color:#111;}
.signup-form form div label em{color:#df0000}
.signup-form form div input{border:1px solid #ddd;background: #fff;}
.signup-form form a:nth-child(3){color:#111;}
.signup-form form a:nth-child(4){color:#3085d4;}
.add-to-cart i.fa-check{color:#2e7f0d}
.signup-form:hover {box-shadow:0 0 10px rgba(0,0,0,.2);}
.signup-form form input[type=submit] {background: #3085d4;color:#fff;}
.cart-table {border:1px solid #ddd;}
.cart-table th,.cart-table td{border-bottom:1px solid #ddd}
.cart-table tr:not(:first-child):hover {background: #fcfcfc;}
.cart-table td:nth-child(2) a{color:#111;}
.cart-table td:nth-child(2) a:hover {color:#3085d4}
.cart-table td:last-child a{border:1px solid #999;color: #999;padding:5px}
.cart-table td:last-child a:hover{color:#df0000;border:1px solid #df00000}
.cart-count {border-bottom: 2px solid #3085d4;}
.cart-table td:nth-child(6) div {background: #f0f0f0;border:1px solid #d6d6d6;    width: 123px;}
.cart-table td:nth-child(6) a,.cart-table td:nth-child(6) a i{color:#111;background: #f5f5f5;width: 34px}
.cart-table td:nth-child(6) a:hover i{color:#111}

.cart-table td:nth-child(6) input {background: #fff;border:1px solid #d6d6d6;border-top:none;border-bottom: none;box-sizing: border-box}

.cart-table td:nth-child(6) p{color:#999}
.clear-cart {color: #888;border: 1px solid #aaa;background: #fff;}
.clear-cart:hover {border-color:#3085d4;color:#3085d4}
.total-cart > div {border:1px solid #ddd;box-sizing: border-box;margin-bottom: -1px}
.cart-actions-main {border-bottom:1px solid #ddd}
.cart-actions-main a:first-child {color: #888;border-color:#aaa;background: #fff;}
.cart-actions-main a:first-child:hover {background-color:#3085d4;color:#fff;border-color:#3085d4}
.cart-actions-main a:nth-child(2) {background-color:#3085d4;color:#fff;border-color:#3085d4;}
.cart-actions-main a:nth-child(3) {border-color:#3085d4;color:#3085d4;}
.cart-actions-main a:nth-child(3):hover {border-color:#3085d4;color:#fff;background: #3085d4;}
.order-form input[type=submit] {background-color: #F8C028;color:#111;margin-top:40px}
.order-line:before{background: #3085d4;}
.order-line a{background: #3085d4;color:#fff;}
.order-items > div h2{color:#111;}
.order-items  .line label em,.step-2 .line label em{color:#df0000}
.order-items .line input[type=text],.order-items .line input[type=password],.order-items .line textarea{border:1px solid #bbb;color:#111}
.step-1 > a:last-child,.step-2 > a:last-child,.step-3 input[type=submit]{color:#fff;background: #3085d4;}
.delivery-items div,.payment-items div {border:1px solid transparent;}
.delivery-items div.active,.payment-items div.active {border-color:#3085d4}
.delivery-items div.active:before,.payment-items div.active:before {color:#3085d4;}
.delivery-items div i {color:#999;}
.delivery-items div span {color:#111}
.delivery-items div p {color:#666;}
.delivery-items div:not(.active):hover span {color:#3085d4}
.delivery-items div:not(.line):not(.active):hover {border-color:#dfdfdf;box-shadow:0 0 5px rgba(0,0,0,.3);}
.payment-item span {color:#111;}
.payment-items div:not(.active):hover span {color:#3085d4}
.payment-items div:not(.line):not(.active):hover {border-color:#dfdfdf;}
.form-error {color:#df0000 !important;}
.error-input {border-color:#df0000 !important}
input[name=confirm].error-input {border-color:#df0000 !important;background:#df0000}
.error-order,.payment-error {border:1px solid transparent;box-shadow:0 0 5px rgba(0,0,0,.1);}
.error-order {background-color: #f2dede; border-color: #ebccd1; color: #a94442;}
.payment-error {background-color: #fcf8e3;  border-color: #faebcc;  color: #8a6d3b;}
.cart-success-block {border:1px solid #eee;background: #fcfcfc;color:#111}
.cart-success-block div i {background: #289020;color:#fff;}
.cont_item i {color:#fff;background: #f78105;}
.cont_item span {color: #2f383d; }
.cont_item p {color: #555555;}
.cont_item a{color:#03689E;}
.question_form {background: url('../../img/background.png') #eaf0f2 0 0 no-repeat;color: #2f383d;}
.form_item span strong {color:#df0000;}
.button1 {background: #3085d4;color: #fff;}
.success-sub {color:#fff}
.contacts-form-success > div i {background: #3085d4;color:#fff;}
.error-question_form {color:#df0000;}
.register-form {border:1px solid #ddd;}
.register-form:after {background: #f9f9f9;}
.register-form:before{background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); }
.register-form p{color:#666;}
.register-form p i{color:#fff;background: #3085d4;}
.register-form h2 {color:#111;}
.register-form form {color:#111}
.register-form form > div {color:#111;}
.register-form form div label em{color:#df0000}
.register-form form div label i{color:#df0000}
.register-form form >div> input[type=text],.register-form form >div> input[type=password]{border:1px solid #ddd;background: #fff;}
.alert-error {float:left;width: 100%;text-align: center;color:#df0000;}
#refresh-captcha i{background: #3085d4;color:#fff;}
#refresh-captcha:hover i{background: #333;}
.captcha input{border:1px solid #ddd;background: #fff;}
.form-confirm span a{color:#3085d4}
.register-form input[type=submit] {background: #3085d4;color: #fff;}
.line-devider {background: #cccccc;}
.get-price {color:#3085d4;}
.last-news-main h2{color:#111;}
.last-news-main > div {border-bottom: 1px solid #ddd;}
.last-news-main > div a:not(:first-child) {color:#3085d4;}
.last-news-main > div span {color:#999;}
.last-viewed-products > h2{color:#111}
.last-viewed-products > div:not(.no-item){background: #fff;border:1px solid #ececec;}
.last-viewed-products > div:not(.no-item):hover{box-shadow:0 0 5px rgba(0,0,0,.3);}
.last-viewed-products div a:nth-child(2),.last-viewed-products div span{color:#111;}
.last-viewed-products div a:nth-child(2):hover{color:#3085d4}
.last-viewed-products div.no-item{background: #efeff0;border:1px solid #efeff0 }
.filters {background: #f7f7f8;border: 1px solid #f0f0f0;}
.filters > a{color:#3085d4;border-bottom: 1px solid #f0f0f0;}
.filters > a:hover{background: #FFF;}
.filters h2 {color:#111;border-bottom: 1px solid #f0f0f0;}
.filter-item {border-bottom: 1px solid #f0f0f0}
.filter-item:hover {background: #fff;}
.filter-head {color:#111;}
.filter-inputs input {border:1px solid #ddd;color:#333;}
.filter-inputs span {color:#333}
.filter-selects select {border:1px solid #ddd;color:#333;}
.filter-checkboxs label {color:#333}
.filter-checkboxs label:hover {color:#3085d4}
.filter-notice {background: #3085d4;color:#fff;}
.filter-notice:before{border-right: 5px solid #3085d4;}


.nav-outer-block-3 .phones {float: left; width: auto}
.nav-outer-block-3 .header-phones {float: right; width: 33%}
/*.nav-outer-block-3 .header-phones .phone-order {margin: 0; line-height: 30px; padding: 0 30px; float: right; color: #fff; font-weight: 400; margin-top: 11px; border-radius: 30px; }*/
.nav-block-3 .phones a {font-size: 18px; font-weight: 600}
.nav-block-3 .phones i {font-size: 18px; line-height: 25px}
.nav-block-3 .phones .fa-caret-down {margin: 0 0 0 5px}
.nav-block-3 .phones > a .phones-img-1 img, .nav-block-3 .phones > a .phones-img-2 img {width: 18px;height: 18px;margin: 3px 2px;}

.nav-3 {background: #35a1d4; border-radius: 6px; position: relative;
 background: -moz-linear-gradient(top, #35a1d4 0%, #3086d4 50%, #2f7eda 100%);
 background: -webkit-linear-gradient(top, #35a1d4 0%,#3086d4 50%,#2f7eda 100%);
 background: linear-gradient(to bottom, #35a1d4 0%,#3086d4 50%,#2f7eda 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a1d4', endColorstr='#2f7eda',GradientType=0 );}
.nav-3 > ul > li.active a, .nav-3 > ul > li:hover a {background: #f78105}
.nav-3 > ul > li > a {transition: .3s; color: #fff; text-transform: uppercase; border-right: 1px solid rgba(255,255,255, 0.1);border-left: 1px solid rgba(0,0,0, 0.1); box-sizing: border-box}
.nav-3 > ul {float: left; width: 100%; display: table}
.nav-3 > ul > li {margin: 0; float: none; display: table-cell;}
.nav-3 > ul li:first-child a {border-radius: 6px 0 0 6px}
.nav-3 > ul li:last-child a {border-radius: 0 6px 6px 0}
.nav-3 > ul > .search-order {font-size: 20px;}
.nav-3 > ul > .search-order i {padding: 0}

.nav-outer-block-3 .phones {float: left; width: auto; margin: 20px 0}
.nav-outer-block-3 .header-phones {float: right; width: 33%}
.nav-outer-block-3 .header-phones .phone-order {margin: 0; transition: .3s; line-height: 30px; padding: 0 30px; float: left; color: #fff; font-weight: 400;  border-radius: 5px; background: #3085d4; width:100%; text-align: center; max-width: 270px}
.nav-outer-block-3 .header-phones .phone-order:hover {background: #f78105}
.nav-block-3 .phones a {font-size: 18px; font-weight: 600}
.nav-block-3 .phones i {font-size: 18px; line-height: 25px}
.nav-block-3 .phones .fa-caret-down {margin: 0 0 0 5px}
.nav-block-3 .phones > a .phones-img-1 img, .nav-block-3 .phones > a .phones-img-2 img {width: 18px;height: 18px;margin: 3px 2px;}
.nav-block-3 .work-time {float: right;text-align: left;width: calc(100% - 230px);line-height: 65px;font-size: 17px;}

.nav-block-3 .search-form {float: right; width: 100%;border-radius: 3px; overflow: hidden;}
.nav-block-3 .search-form input[type=text] {width: calc(100% - 40px);padding: 0 5%; box-sizing: border-box}
.nav-block-3 .search-form input[type=submit] {width: 40px; background: #3085d4; color: #fff; transition: .3s}
.nav-block-3 .search-form input[type=submit]:hover {background: #f78105}
.header-phones .adress {float: left; width: 100%; font-size: 14px; color: #555; margin: 10px 0}
.header-phones > span {font-size: 16px}

.top-nav-3 ul li a {color: #03689E; border-right: 1px dotted #000; padding-right: 10px; margin-right: 10px; line-height: 13px; margin-top: 6px}
.top-nav-3 ul li a:hover {color: #03689E; text-decoration: underline}
.top-nav-3 ul li:last-child a {border-right: 0}
.top-nav-3 li {float: left; width: auto;}
.top-nav-3 ul {float: left; width: auto; margin: 0; padding: 0; list-style: none}

.slide_right a {background: #3085d4; border-radius: 6px; transition: .3s; font-weight: 400}
.slide_right a:hover {background: #f78105}

.main-services {padding: 10px; width: calc(100% - 40px); box-sizing: border-box; background: #fff; margin: 20px 20px;    border: 1px dotted #b2b2b2;border-radius: 2px}
.main-services .col {width: calc(33.33333% - 20px); margin: 10px !important;}
.grey-bg {border: 0; background: none}

.slide_right {background: none; width: 40%}
.slide_right span {margin: 0; text-transform: uppercase}
.slide_right a {margin: 0}
.main-services .col, .slides {border-radius: 6px; overflow: hidden}
/*.slide:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: '';*/
 /*background: -moz-linear-gradient(left, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0) 100%);*/
 /*background: -webkit-linear-gradient(left, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);*/
 /*background: linear-gradient(to right, rgba(0,0,0,0.95) 0%,rgba(0,0,0,0) 100%);*/
 /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}*/

.border-site {border-color: #3085d4}
.background-site {background: #3085d4; color: #fff !important;}
.additional-icons-block .col a i {color: #fff}


.main-banner h2, .main-banner p, .main-banner strong {float: left; width: 100%; text-align: center; box-sizing: border-box}
.main-banner h2 {    margin-top: 50px; font-size: 36px}
.main-banner {height: auto}
.main-banner a {float: left; position: relative; left: 50%; transform: translateX(-50%); margin: 20px 0 50px 0}

.bx-wrapper .bx-prev:hover:before, .bx-wrapper .bx-next:hover:before {background: #3085d4 !important; color: #fff !important;}

.main-services .col div {position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; padding: 0 20px; box-sizing: border-box; text-transform: uppercase}
.main-services .col div span {float: left; width: 100%; left: auto; top: auto; position: relative; text-align: center}

.nav-block-3 .podbor {float: left; width: 24%; margin-left: 7%;    position: relative;
 top: -13px;
 margin-bottom: -13px;
}
.nav-block-3 .logo {margin-top: 10px}
.nav-outer-block-3 .header-phones {margin-top: 20px}
.nav-block-3 .podbor img {float: left; position: relative;width: 100%}
.nav-block-3 .podbor .buttton {float: left; transition: .3s; padding: 5px 10px; color: #fff; position: relative; text-decoration: none; border-radius: 3px; font-size: 14px; border: 1px solid #f77c04; width: 100%; box-sizing: border-box; text-align: center;
 background: #facd18;
 background: -moz-linear-gradient(top, #facd18 0%, #f77c04 100%);
 background: -webkit-linear-gradient(top, #facd18 0%,#f77c04 100%);
 background: linear-gradient(to bottom, #facd18 0%,#f77c04 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#facd18', endColorstr='#f77c04',GradientType=0 );
}
.nav-block-3 .podbor .buttton {position: relative; margin-top: 10px;  font-weight: 600}
.nav-block-3 .podbor .buttton:hover, .nav-outer-block-3 .header-phones .phone-order:hover { background: #f5b811;
 background: -moz-linear-gradient(top, #f5b811 0%, #e67000 100%);
 background: -webkit-linear-gradient(top, #f5b811 0%,#e67000 100%);
 background: linear-gradient(to bottom, #f5b811 0%,#e67000 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5b811', endColorstr='#e67000',GradientType=0 );}

.nav-outer-block-3 .header-phones .phone-order { background: #facd18;font-weight: 600;border: 1px solid #f77c04;
 background: -moz-linear-gradient(top, #facd18 0%, #f77c04 100%);
 background: -webkit-linear-gradient(top, #facd18 0%,#f77c04 100%);
 background: linear-gradient(to bottom, #facd18 0%,#f77c04 100%);}
.main-about {padding-top: 0}
.main-about h1 {font-size: 26px}

.navbar-fixed .logo {width: auto}

.main-advantages {float: right;width: 78%; padding: 0}
.advantage-block {background: #f6f9fb; border-bottom: 1px solid #ebecec; padding: 15px 0}
.advantage {width: 25%; padding: 15px 15px; box-sizing: border-box; float: left; display: table}
.advantage .img, .advantage .content {display: table-cell; vertical-align: middle}
.advantage .content {padding-left: 15px}
.advantage .content span {float: left;width: 100%;margin-bottom: 5px;}
.advantage .content p {float: left;position: relative;width: 100%;margin: 0; color: #666; font-size: 13px}
.advantage img {width: 40px;height: 40px; float: left}

.main-advantages {margin: 10px 0}
.last-products {padding-top: 0}

.catalog-category.white-bg {min-height: 502px}

.main-search-block {background: url("/media/img/search_bg.jpg"); padding: 0 0 0 30px; box-sizing: border-box; float: left; width: 100%; background-size: 100% 100%}
.main-search-block > span {float: left; color: #fff; line-height: 51px; font-weight: 600; font-size: 18px; width: 13%}
.main-search-block .search-form {float: left; margin-left: 20px; width: 53%;}

.main-search-block .search-form {position: relative; margin-top: 8px;}
.main-search-block .search-form input[type=text] {width: 85%; padding: 0 36px 0 15px; box-sizing:border-box; background: #efefef; border-radius: 6px; border: 1px solid #ddd}
.main-search-block .search-form input[type=submit] {position: absolute; right: 15%; top: 0; width: 35px; height: 35px; background: #fff;background: none}
.main-search-block .search-form input[type=submit].search-button {float: left; transition: .3s; position: relative;right: auto; width: auto; border-radius: 3px; font-weight: 600; color: #565656;text-shadow: 1px 1px 1px  rgba(255,255,255,0.6); margin-left: 10px; padding: 0 15px;
 background: #fbfbfb;
 background: -moz-linear-gradient(top, #fbfbfb 0%, #c7c7c7 100%);
 background: -webkit-linear-gradient(top, #fbfbfb 0%,#c7c7c7 100%);
 background: linear-gradient(to bottom, #fbfbfb 0%,#c7c7c7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#c7c7c7',GradientType=0 );}
.main-search-block .search-form input[type=submit].search-button:hover {color: #000}
.main-search-block .cart-block {float: left;}
.cart-block {float: left; width: calc(34% - 20px)}
.cart-block > span {float: left; line-height: 51px; color: #fff; font-size: 16px; margin-left: 10px}
.cart-block > i {float: left; line-height: 51px; padding: 0 10px 0 20px; color: #2365a3}
.cart-block .cart-name {font-weight: 600}

.why-we-block {float: left; width: 100%; background: url("/media/img/why.jpg");     background-size: 100% 100%; box-sizing: border-box; padding-left: 17%; margin-top: 10px}
.why-we-block .why-we {float: right; width: 25%;position: relative}
.why-we-block .why-we .string {float: left; width: calc(100% - 16px); padding-left: 10px; box-sizing: border-box;position: absolute;top:50%;transform: translateY(-50%)}
.why-we-block .why-we .icon {float: left; margin: 17px 0}
.menu_left {margin-bottom: 20px}
.menu_left ul > li > a i {line-height: 35px;position: absolute;right:5px;top:50%;transform: translateY(-50%)}
.menu_left ul li > a {background: #ffffff; border: 1px solid #e0e0e0; border-radius: 3px; margin: 0; font-size: 16px; font-weight: 600;
 background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);
 background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 100%);
 background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );
padding:10px 5%;line-height: 35px;vertical-align: middle;
}
.menu_left ul li > a:hover {background: #dff2ff;
 background: -moz-linear-gradient(top, #dff2ff 0%, #bae6ff 100%);
 background: -webkit-linear-gradient(top, #dff2ff 0%,#bae6ff 100%);
 background: linear-gradient(to bottom, #dff2ff 0%,#bae6ff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff2ff', endColorstr='#bae6ff',GradientType=0 );}
.menu_left ul li > a:hover {border: 1px solid #53abd9;}
.menu_left ul > li > a img {height: 35px}
.menu_left ul > li > a >span{position: absolute;top:50%;transform: translateY(-50%);max-width: 175px;line-height: 1}
.menu_left ul > li > a:before {display: none;}
.menu_left ul > li > ul a {    padding: 27px 5% 28px;}
.main-block h2 {font-weight: 600}
.last-products {margin-top: 20px}
.service-content h1{padding-top:0;margin-top:0;line-height: 1}
.left-side .menu_left{width:100%}
.vk-social {float:left;width:100%;margin-bottom: 20px}
#vk_groups {float:left;width:100%}
.payment-item {text-align: center}
.payment-item img,.payment-item span {}
.payment-item img {margin-left:30px}
.payment-item span {margin-top:5px;margin-left:10px}
.found-cheaper {color:#df0000;clear: both;
 display: block;border:none;margin-top:10px;float: left;}
.found-cheaper:after  {content:'Расскажите об этом нам и мы компенсируем разницу!';float:left;width:100%}
.cars {float:left;width:100%;}
.cars a {color:#3085d4;text-decoration: none;border-bottom: 1px dotted #3085d4}
.cars a:hover {border-bottom: 1px dotted transparent}
.cars td {padding:10px;font-size:16px}
.cars caption{text-align: left;font-size:16px}
.cars-models {float:left;width:100%;border-spacing:0;border-collapse: collapse}
.cars-models caption{padding:10px;text-align: left}
.cars-models td{padding:20px 20px;width:25%}
.cars-models td img {max-width: 100%;float:left;}
.cars-models td a {float:left;width:100%;color:#111;font-size:16px;font-weight:bold}
.cars-models td a:hover span{text-decoration: none}
.cars-models td a span{float:left;width:100%;text-decoration: underline}
.cars-models td select {float:left;width:100%;box-sizing: border-box;border:1px solid #ddd;padding:5px;border-radius: 2px;font-size:11.5px}
.cars-products-page {float:left;width:100%;}
.car-products-head {float:left;width:100%;margin-bottom: 20px}
.car-info {float:left;width:20%;}
.car-info strong,.car-info div, .car-info a {float:left;width:100%;}
.car-info strong {font-size:15px;font-weight: 700}
.car-info a{color:#3085d4}
.car-info a:hover{text-decoration: none}
.lamp-types {float:right;width:80%;margin-top:50px}
.lamp-types .column {float:left;width:calc(100% / 3);}
.lamp-types .column .column-head {float:left;width:100%;}
.lamp-types .column .column-head img {float:left;width:35px;height:35px;}
.lamp-types .column .column-head span {float:right;width:calc(100% - 45px);line-height: 35px;font-size:16px;text-transform: uppercase;font-weight: 500}
.lamp-types .column .column-items {float:right;width:calc(100% - 40px);padding:3px 0}
.lamp-types .column .column-items label {float:left;width:100%;line-height: 18px}
.lamp-types .column .column-items label input{float:left;margin-right:5px}



.products-list {float:left;width:100%;}
.products-list .catalog-item {width:20%;display: block;float:left;}
.products-list .more-info-product{float: right;width: 50%;margin: 20px 2.5% 0 0;text-align: center;padding: 6px 0;border-radius: 2px;cursor: pointer;font-size: 12px;transition: .3s;text-decoration: none;}

.product-left > a:first-child img {width: 100%; margin: 0}
.product-left {margin: 0 2.5% 0 0;width: 42.5%;}
.category-right .border-all {float: left;width: 97%;padding: 30px 2.5% 30px .5%;}

.advatages-left-block h5 {float: left; width: 100%; text-transform: uppercase;  margin: 0; font-size: 18px; text-align: center; margin-bottom: 10px;  padding: 10px 0; background: #efefef; border: 1px solid #ddd}
.advatages-left-block {float: left; width: 100%; margin-top: 20px}
.advatages-left-block .advantage {float: left; width: 100%; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 15px 15px 15px 0}
.advatages-left-block .advantage .icon {width: 70px; height: 30px; float: left}
.advatages-left-block .advantage span {float: left; width: calc(100% - 70px);}
.advatages-left-block .advantage img {float: left; height: 100%; width: auto}

.add-to-cart-modal {display: none;}
.add-to-cart-modal.active {display: block}
.add-to-cart-modal {padding: 20px; box-sizing: border-box; width: 400px; background: #fff; position: fixed; top: 300px}
.add-to-cart-modal span {float: left; width: 100%; text-align: center; color: #111; font-size: 18px;}
.add-to-cart-modal .button {float: left; text-decoration: none; left: 50%; transform: translateX(-50%); position: relative; margin: 20px 0;background: #6298b7;
 background: -moz-linear-gradient(top, #6298b7 0%, #2349bf 100%);
 background: -webkit-linear-gradient(top, #6298b7 0%,#2349bf 100%);
 background: linear-gradient(to bottom, #6298b7 0%,#2349bf 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6298b7', endColorstr='#2349bf',GradientType=0 ); border-radius: 4px; color: #fff; padding: 7px 30px; font-size: 16px; text-align: center}
.add-to-cart-modal .close-modal {float: left; width: 100%; text-align: center; text-decoration: underline; color: #3085d4}
.add-to-cart-modal .close-modal:hover {color: #111; text-decoration: none}
.border-site {border-color: #3085d4 !important;}


.nav-outer-block-3 .header-phones {margin-top: 0}
.nav-block-3 .work-time {width: 100%; line-height: 1; margin-bottom: 20px}
.nav-outer-block-3 .phones {margin: 0 0 12px}
.content-main ul {margin: 0; padding-left: 30px}
.content-main h2 {margin-bottom: 0}
.navbar-fixed {display: none}
.block-header-3 {position: fixed; left: 0; top: 0; z-index: 100}
.block-header-3, .block-header-3 .sub-head {background: #222;}
.block-header-3 .sub-head {border-bottom: 0; padding: 10px 20px; width: 100%; box-sizing: border-box}
.top-nav-3 li {margin: 0}
.top-nav-3 li.active > a {color: #f62e00}
.top-nav-3 ul li a {color: #a7aca6; font-size: 16px; font-weight: 600; border-right: 0; margin-top: 0; line-height: 20px}
.top-nav-3 ul li a:hover {color: #f62e00}
.nav-outer-block-3 {margin-top: 40px; background: #000}
.nav-outer-block-3 .nav {background: #000}
.cart-sub {float: right; color: #fff}
.cart-sub span {float: left; margin-left: 5px; line-height: 20px}
.cart-sub i.fa-shopping-cart {color: #f6370b; transform: scale(-1, 1); float: left; line-height: 20px}
.nav-block-3 .phones a, .nav-block-3 .work-time, .nav-block-3 .phones i {color: #fff}
.nav-outer-block-3 .header-phones .phone-order {background: #f62e00; border-color: #f62e00; font-size: 16px; font-weight: 700}
.cart-sub-2 {float: right; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; color: #fff}
.cart-sub-2 .custom-cart {float: left; height: 106px; width: 80px; background: url("/media/img/shopping-cart.svg") no-repeat center; background-size: contain !important;transform: scale(-1, 1); }
.cart-sub-2  span {clear: both; float: left; font-weight: bold; font-size: 16px}
.nav-block-3 .phones a {font-weight: 700}
.nav-block-3 .phones a, .nav-block-3 .phones i {font-size: 26px; line-height: 37px}
.nav-block-3 .phones > a .phones-img-1 img, .nav-block-3 .phones > a .phones-img-2 img {width: 24px;height: 24px;margin: 6px 5px;}
.logo {width: auto}
.block-footer, .footer {background: #222; border-top: 0}
.block-footer .f-col {float: left; width: 100%; text-align: center; box-sizing: border-box;color: #9c9d9f; font-weight: 600}
.sub-footer {background: #000; color: #fff; float: left; width: 100%; margin-top: 30px; padding: 30px 0}
.sub-footer .container {display: flex; flex-direction: row; flex-wrap: wrap; box-sizing: border-box; padding: 0 10px}
.sub-footer .f-col {display: inline-block; width: 20%; padding: 0 15px; box-sizing: border-box;}
.sub-footer .f-col.pay img {float: left;width: 51px;height: 37px;object-fit: contain;background: #fff;padding: 4px 0;box-sizing: border-box;}
.sub-footer .f-col.pay img:not(:first-child) {margin-left: 5px;}
.sub-footer .f-col.pay .payments {float: left; width: 100%}
.sub-footer .f-col.pay {margin-left: auto}
.sub-footer span.h3 {float: left; width: 100%; font-weight: 700; color: #fff; margin-bottom: 10px; text-align: left; font-size: 15px}
.block-footer {margin-top: 0 !important;}
.sub-footer .f-col.pay > p {float: left; width: 100%; margin: 10px 0 0 0}
.f-col:last-child a {color: #fff}
.sub-footer .f-col.links > a {color: #fff; clear: both; float: left; font-weight: 400; text-decoration: none; font-size: 13px; margin-bottom: 5px;}
.sub-footer .f-col.links > a::before {content: '\f105'; margin-right: 5px; color: #f6310a;display: inline-block;font-family: FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.sub-footer .f-col.links > a:hover {text-decoration: underline}

.product-sizes {margin-top: 0}
.product-colors {margin: 15px 0}
.product-price .price-normal {padding: 0 0 15px}
.product-basket {margin-top: 0}
.bottom-product .product-count, .product-basket #add-to-cart, .product-basket #in-click {margin-bottom: 10px}
.product-basket #add-to-cart {margin-left: 0; margin-right: 10px}
.product-basket #in-click {margin-left: 0; background: none}
.bottom-product .product-count {margin-right: 10px}
.product-sizes span.title {font-weight: 700; font-size: 16px; color: #000}
.product-sizes h2 {text-transform: uppercase; font-weight: 600}
.product-colors a.active, .product-colors a {width: 34px !important; height: 34px !important; position: relative; box-sizing: border-box; border: 2px solid #ddd; margin-top: 0}
.product-colors a.active:before {left: 0; top: 0; width: 100%;text-align: center;font: normal normal normal 14px/1 FontAwesome; line-height: 30px; content: "\f00c"; position: absolute;color: #333;text-shadow: 0 0 0 #fff;}
.product-colors a {transition: .3s}
.product-colors a.active, .product-colors a:hover {box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .3)}
.product-colors h2 {text-transform: uppercase; font-weight: 600}
.bottom-product {background: #e7effa; padding: 15px; box-sizing: border-box; float: left; width: 100%; margin-top: 15px}
.bottom-product .product-count input, .bottom-product .product-count a {background: #c6d1e1; color: #111}
.bottom-product .product-count a i {color: #111}
.product-call {float: left; width: 100%; padding: 15px; background: #e7effa; box-sizing: border-box; border-top: 1px solid #c6ddfb;display: flex;justify-content: center;}
.product-call > a {margin-right: 0; align-items: center; justify-content: center; display: flex}
.product-call > a span {border-bottom: 1px dotted #3085d4; float: left; font-weight: 400; font-size: 18px}
.product-call > a:hover span {border-color: transparent}
.product-call > a i {float: left; margin-right: 7px; font-size: 18px}
.product-phone {float: left; width: 100%;}
.product-phone #get-advice { text-transform: uppercase; font-weight: 700; float: left; width: 100%; font-size: 16px; text-align: center; color: #fff; line-height: 40px;
 background: rgb(143,215,242);
 background: -moz-linear-gradient(180deg, rgba(143,215,242,1) 0%, rgba(72,131,201,1) 100%);
 background: -webkit-linear-gradient(180deg, rgba(143,215,242,1) 0%, rgba(72,131,201,1) 100%);
 background: linear-gradient(180deg, rgba(143,215,242,1) 0%, rgba(72,131,201,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fd7f2",endColorstr="#4883c9",GradientType=1);
}
.product-phone > .phones {float: left; width: 100%; display: flex; align-items: center; justify-content: center;}
.product-phone > .phones > a {font-size: 30px; color: #f77907}
.product-phone > .phones > i {line-height: 40px;width: 50px;text-align: center;padding-bottom: 15px;font-size: 22px;margin-right: 10px;color: #fff;
 -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
 clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 70%, 0 100%);
 background: rgb(235,185,47);
 background: -moz-linear-gradient(180deg, rgba(235,185,47,1) 0%, rgba(247,119,3,1) 100%);
 background: -webkit-linear-gradient(180deg, rgba(235,185,47,1) 0%, rgba(247,119,3,1) 100%);
 background: linear-gradient(180deg, rgba(235,185,47,1) 0%, rgba(247,119,3,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ebb92f",endColorstr="#f77703",GradientType=1);}
.product-price .price-normal {color: #316396}
.product-price .price-normal small {color: #555; font-weight: 400; font-size: 18px}
.product-art {float: left; width: 100%; margin-bottom: 0; color: #555}
.mirror-block {float: left; width: 100%; margin-top: 10px;}

.product-actions {box-sizing: border-box; border: 1px solid #ddd; background: #f5f5f5; box-shadow: 0 1px 9px 3px rgba(0, 0, 0, .1)}
.product-sizes, .product-colors {margin: 0; padding: 10px; box-sizing: border-box}
.product-av, .mirror-block {padding: 0 10px; box-sizing: border-box}
.product-phone > .phones {margin-bottom: 10px}
.product-sizes h2, .product-colors h2 {font-weight: 400}
.product-sizes h2 span, .product-colors h2 span {font-weight: 700}
.product-basket #add-to-cart, .bottom-product .product-count a {background: #f62e01; color: #fff}
.bottom-product .product-count a i {color: #fff}
.product-basket .product-count input {background: #fff}
.product-basket {width: auto}
.product-price {width: 30%}
.product-basket {margin-top: 10px}
@media(max-width: 1280px)
{
 .menu_left ul > li > a >span {font-size: 14px}
 .sub-footer .f-col.pay img {width: 45px; height: 33px; margin-right: 5px; margin-left: 0 !important; margin-bottom: 5px}
 .sub-footer .f-col.pay img:last-child {margin-left: 0;}
}
@media(max-width: 1180px)
{
 .menu_left ul > li > a >span {font-size: 13px}
}
@media(min-width: 992px)
{
 .mobile-cart-btn {display: none}
 .btn-vinyl {display: none}
 .block-navigation-3 {display: none}
 .slider-block {position: relative}
 .slider-block .main-menu-left {width: calc(21% - 20px); position: absolute;}
 .slider-block .left-side {width: 100%}
 .slider-block .left-side .form-question-dop {display: none}
 .slider-block .container {position: relative}
 .slider-block .main-menu-left .menu_left {width: 100%;}
 .slider-block .main-menu-left .menu_left .clr {display: none}
 .slider-block .main-menu-left .menu_left ul >li>ul {z-index: 21}
 .slider-block .left-side-news div {background: #fff}
 .slider-block .left-side-news {margin-top: 20px}
 .slider-block .left-side {margin-top: 0}
 .main-menu-left {float: left; width: 21%; padding-left: 20px; box-sizing: border-box}
 .main-menu-left .left-side {width: 100%}
 .main-blocks-right {float: right;width: 78%;}
 .content-main {width: 100%;}
 .block-footer {margin-top: 30px}
 /*.search-form {width: 95%; background: #fff; float: left; margin: 0}*/
 /*.search-form input[type=submit] {background: #3085d4; border-radius: 3px; color: #fff; position: relative; top: 30px; width: 10%; transition: .3s;}*/
 /*.search-form input[type=submit]:hover {background: #f78105}*/
 /*.search-form input[type=text] {background: #fff; font-size: 28px; color:#444; height: 100px; width: 80%}*/
 /*.nav .search-form {display: none}*/

}
@media(max-width: 992px)
{
 .mobile-cart-btn {position: fixed; left: 0; bottom: 0; z-index: 100; width: 100%; background: #222; padding: 8px 10px; box-sizing: border-box; justify-content: center; flex-direction: row; display: flex;}
 .mobile-cart-btn a { display: inline-block; line-height: 30px; padding: 2px 80px; margin: 0 auto; text-align: center; background: #f62e00; font-size: 18px; font-weight: 700; text-decoration: none; border-radius: 3px;}
 .nav-outer-block-3 {margin-top: 44px; padding-top: 20px}
 .nav-block-3 .logo {margin-bottom: 15px; margin-left: auto; margin-right: auto; width: auto; max-width: 80%}
 .nav-block-3 .logo img {width: 100% !important; height: 90px; object-fit: contain; max-width: 100%}
 .block-header-3 {display: block !important;}
 .block-header-3 .sub-head {width: 100% !important; box-sizing: border-box}
 .button_mobile {width: auto !important; border: 1px solid #999; border-radius: 3px; margin: 0 !important; color: #fff; padding: 3px 10px; box-sizing: border-box}
 .cart-sub span, .cart-sub i.fa-shopping-cart {line-height: 28px}
 .button_mobile i.fa-bars {background: none; width: auto; line-height: 20px; float: left; margin-right: 5px}
 .block-header-3 .sub-head {display: flex !important; flex-wrap: wrap; flex-direction: row}
 .top-nav-3 {order: 3}
 .top-nav-3 ul li a {width: 100% !important; background: none; padding: 5px 0 !important; margin-right: 0 !important;}
 .top-nav-3 ul li {padding: 0 !important; width: 100% !important;}
 .cart-sub {display: inline-block; order: 2; margin-left: auto}
 .button_mobile {display: inline-block; order: 1}
 .phones-mobile .phone-m, .phones-mobile a i {color: #fff}
 .phones-mobile .phones-img-1, .phones-mobile .phones-img-2 {display: none}
 .cart-sub-2 {display: none}
 .nav-outer-block-3 .header-phones .phone-order {display: block; margin: 0 auto !important;}
 .header-phones {display: flex; justify-content: center; flex-direction: column}
 .nav-block-3 {display: flex; justify-content: center; flex-direction: column}
 .sub-footer .f-col.links {width: 100% !important; margin: 0 0 15px 0 !important;}
 .sub-footer .f-col.links > a, .sub-footer span.h3 {text-align: left !important;}
 .sub-footer .f-col.pay {width: 100% !important;}
 .sub-footer .f-col.pay > p {text-align: left}
 .f-col:first-child {color: #fff !important;}
 .nav-block-3 .work-time {display: inline-block; width: 100%; text-align: center}
 .btn-vinyl { background: rgb(254,0,0);
  background: -moz-linear-gradient(320deg, rgba(254,0,0,1) 0%, rgba(228,162,68,1) 100%);
  background: -webkit-linear-gradient(320deg, rgba(254,0,0,1) 0%, rgba(228,162,68,1) 100%);
  background: linear-gradient(320deg, rgba(254,0,0,1) 0%, rgba(228,162,68,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fe0000",endColorstr="#e4a244",GradientType=1); border-radius: 3px; width: 100%; text-align: center; color: #fff; font-weight: 700; line-height: 38px; margin: 10px auto 0; text-decoration: none; font-size: 16px}
 .cart-table tr {display: flex; flex-direction: column;}
 .cart-table tr td:nth-child(2) {order: 1; margin-top: 20px}
 .cart-table td:first-child {order: 2}
 .cart-table td:nth-child(6) {order: 3}
 .cart-table td:nth-child(3) {order: 4}
 .cart-table td.prices {order: 5}
 .product-call > a.phone-order {width: auto !important; max-width: 100% !important; margin-top: 0 !important;}
 .product-call > a span {font-size: 16px}
 .product-phone > .phones > a {font-size: 25px}
 .product-basket {margin-top: 0 !important;}
 .catalog-items-head .quick-view {display: none !important;}
 .product-price {display: flex; flex-direction: column}
 .product-price > div, .product-price > span {width: auto}
 .product-basket {width: auto; margin-left: 15px; display: flex;}
 .product-count {width: 93px !important;}
 .product-basket {width: auto !important;}
 .product-price .price-normal {font-size: 23px}
 .product-basket #add-to-cart {margin-right: 0 !important;}
 .bottom-product {display: flex; align-items: flex-start}
 .product-price .price-normal small {font-size: 14px}
 .cart-table td:nth-child(6) div {width: 161px}
}
.bottom-block {position: fixed;right:30px;bottom: 30px;width: 60px;z-index: 500}
.bottom-icons {float:left;width: 100%;}
.bottom-icon {float:left;width: 100%;height: 60px;border-radius: 50px;background-size: contain;background-position: center;box-shadow: 0 0 10px rgba(0,0,0,.6);}
.bottom-icons:hover{transition: .3s;transform:rotate(360deg)}
.b-viber{background-image: url('/media/img/viber.svg'); position: relative;z-index: 1}
.b-insta{background-image: url('/media/img/insta.svg'); animation: 15s infinite show1;position: absolute;left:0;top:0;z-index: 2;opacity: 0}
.b-vk{background-image: url('/media/img/vk.svg'); animation: 15s infinite show2;position: absolute;left:0;top:0;z-index: 3;opacity: 0}
.bottom-actions {position: absolute;right:0;bottom: 0;width: 250px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.6);z-index: 6;padding: 10px;border-radius: 10px;display: none;box-sizing: border-box}
.bottom-actions .bottom-close{color: #ea0000;position: absolute;font-size: 16px;line-height: 10px;right:5px;bottom:calc(100% + 10px);z-index: 3;font-weight: bold}
.bottom-actions > span{float:left;width: 100%;line-height: 30px;color:#000;font-size: 14px;text-decoration: none;padding: 5px 0;margin-top:-5px;border-bottom: 1px solid #ddd;font-weight: bold}
.bottom-actions > span:before{content:'';float:left;width: 8px;height: 8px;border-radius: 50px;background: #249a04;margin:11px 10px 11px 0;}
.bottom-actions a:not(.bottom-close){float:left;width: 100%;line-height: 30px;color:#000;font-size: 16px;text-decoration: none;padding: 5px 0}
.bottom-actions a:not(.bottom-close) i{float:left;width: 30px;height: 30px;border-radius: 50px;background-size: contain;background-position: center;margin-right: 10px}
.i-viber{background-image: url('/media/img/viber.svg');}
.i-insta{background-image: url('/media/img/insta.svg');}
.i-vk{background-image: url('/media/img/vk.svg');}
.bottom-actions a:not(.bottom-close):not(:last-child){border-bottom: 1px solid #ddd;}
@keyframes show1 {
 0%{opacity: 0;}
 33.1%{opacity: 0}
 33.101%{opacity: 1}
 66%{opacity: 1}
 66.101%{opacity: 0}
 100%{opacity: 0;}
}
@keyframes show2 {
 0%{opacity: 0;}

 66%{opacity: 0}
 66.101%{opacity: 1}
 99.9999%{opacity: 1;}
 100%{opacity: 0;}
}
@media (max-width: 992px) {
 .bottom-block {right: 5px;bottom: 5px;}
 .bottom-actions {width:calc(100vw - 10px);}
}