/* line 1, ../sass/main.sass */ html, body, img { margin: 0; padding: 0; }  /* line 4, ../sass/main.sass */ * { -webkit-box-sizing: border-box; box-sizing: border-box; }  /* line 6, ../sass/main.sass */ h1, h2 { line-height: 1.2; }  /* line 8, ../sass/main.sass */ a, button { cursor: pointer; text-decoration: none; } button.active.focus, button.active:focus, button.focus, button:active.focus, button:active:focus, button:focus{ outline: 0!important; outline-color: transparent!important; outline-width: 0!important; outline-style: none!important; box-shadow: 0 0 0 0 rgba(0,123,255,0)!important; border: none; } /* line 11, ../sass/main.sass */ .no-margin { margin: 0; }  /* line 13, ../sass/main.sass */ .no-padding { padding: 0; }  /* line 15, ../sass/main.sass */ body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; background: #58595b; padding-bottom: 50px; } .title-page { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center!important; align-items: center!important; /* margin: 20px 0 10px 0; */ } .title-page h1{ font-weight: bold; text-align: left; } .title-page img { float: left; width: 96px; height: 96px; margin: 0 20px 0 0; } /* line 20, ../sass/main.sass */ .top-bar, .main-wrap { max-width: 1300px; margin: auto; }  /* line 24, ../sass/main.sass */ .top-bar { height: 70px; width: 100%; } .top-bar a { color: #fff; } /* line 27, ../sass/main.sass */ .top-bar div div:first-of-type { font-size: 36px; color: #fff; }  /* line 30, ../sass/main.sass */ .main-wrap { padding: 0; background: #bcbec0; }  /* line 35, ../sass/main.sass */ .wrap-content { padding: 25px; line-height: 30px; font-size: 18px; } .content_box{ clear: both; float: none; } .ars_search_cat_title,.ars_search_cat_title h1{ font-size: 20px; font-weight: bold; color: #933d5d; } .raquo{ font-size: 22px; } .content_box ul.big_ul { list-style-image: url(../img/ul_marker_big_grey.png); } .content_box ul.middle_ul { list-style-image: url(../img/ul_marker_big_blue.png); } img.alignright, img.alignleft,.youtube_wrap.alignright, .youtube_wrap.alignleft  { width: 40%; height: auto; } img.alignleft, .youtube_wrap.alignleft { float:left; padding: 0 15px 15px 0; } img.alignright,.youtube_wrap.alignright{ float:right; padding: 0 0 15px 15px; } /* line 40, ../sass/main.sass */ .top-menu ul, .bottom-menu ul { list-style: none; text-transform: uppercase; padding: 0 15px; width: 100%;} /* line 44, ../sass/main.sass */ .top-menu ul li, .bottom-menu ul li { font-weight: bold; font-size: 16px; margin: 0 15px; } /* line 48, ../sass/main.sass */ .top-menu ul li a, .bottom-menu ul li a { color: #fff; text-shadow: -2px 3px 4px black; } /* line 51, ../sass/main.sass */ .top-menu ul li a:hover, .bottom-menu ul li a:hover { color: #ccc; }  /* line 53, ../sass/main.sass */ .top-menu { min-height: 50px; background: url(../img/main_menu_bg.png); }  /* line 56, ../sass/main.sass */ form[role=search], form[role=search] input, form[role=search] button { height: 34px; border: none 0px; outline: none; }  /* line 60, ../sass/main.sass */ form[role=search] { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* line 63, ../sass/main.sass */ form[role=search] input, form[role=search] button { background: #fff; } /* line 65, ../sass/main.sass */ form[role=search] input { padding: 0 0 0 15px; min-width: 300px; border-radius: 5px; } /* line 70, ../sass/main.sass */ form[role=search] button { z-index: 99; border-left: 1px solid #ccc; padding: 0 15px; margin: 0 0 0 -48px; border-radius: 0 5px 5px 0; }  /* line 76, ../sass/main.sass */ .close-menu { background: url(../img/close-menu-min-btn.png) no-repeat !important; background-size: cover !important; }  /* line 79, ../sass/main.sass */ .element-visible { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; }  /* line 83, ../sass/main.sass */ .header div .address p, .header div .telephone p, .header div .telephone p a { color: #fff !important; }  /* line 85, ../sass/main.sass */ header { min-height: 200px; }  /* line 87, ../sass/main.sass */ .header { width: 100%; padding: 15px 15px 55px 15px; background: url(../img/header_bg.jpg) no-repeat; background-size: 100% auto; background-clip: padding-box; /* border-bottom: 1px solid #000 */ } /* line 95, ../sass/main.sass */ .header div .address p, .header div .telephone p { font-weight: bold; font-size: 20px; font-style: italic; text-align: right; text-transform: uppercase; margin: 0 30px 5px 0; text-shadow: -2px 3px 4px black; letter-spacing: 2px; } /* line 105, ../sass/main.sass */ .header div .telephone p { font-size: 45px; line-height: 1.1; /* margin-bottom: 0 */ } /* line 109, ../sass/main.sass */ .header div .telephone div { padding: 0; }  /* line 111, ../sass/main.sass */ footer { background: #313131; padding: 30px 15px 50px; width: 100%; color: #fff;}  /* line 116, ../sass/main.sass */ .footer-bottom-menu,.footer-bottom-menu ul{ text-align: center; } .footer-bottom-menu ul { list-style: none; padding: 0 25px; } .footer-bottom-menu ul li{ padding: 0 15px; margin:0; display:inline-block; } .footer-bottom-menu ul li a,.footer-bottom-menu ul li a:visited{ color:#fff; } .footer-bottom-menu ul li a:hover{ color:#f00; } .footer-bottom-menu ul li a:before,.footer-bottom-menu ul li a:after{ content:'*'; font-size:20px; position:relative; top:6px; } .footer-bottom-menu p{ color:#337ab7;font-size:22px;margin-bottom:0; } .footer-menu ul { list-style: none; text-transform: uppercase; padding: 15px; } /* line 120, ../sass/main.sass */ .footer-menu ul a { color: #337ab7; text-decoration: none; font-size: 16px; padding: 9px 0; display: block; /* text-align: right; */ } /* line 127, ../sass/main.sass */ .footer-menu ul a:hover { color: #fff; } /*Кнопка вверх*/ .chevron_up { display: none; position: fixed; bottom: 30px; left: 3px; cursor: pointer; z-index: 9; } /* line 100, ../sass/main.sass */ .chevron_up img { width: 40px; opacity: 0.5; } /* line 103, ../sass/main.sass */ .chevron_up img:hover { opacity: 1; } /*end Кнопка вверх*/ /*Автобрэнды*/ .auto_brands { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 15px; background: #8a8c8e; margin: 15px -25px } /* line 198, ../sass/main.sass */ .auto_brands div { max-width: 7.1%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 7px;  } /* line 203, ../sass/main.sass */ .auto_brands div img { display: block; width: 100%; height: 100%; /* border: 1px solid #a2a2a2; */ padding: 2px; } /*end Автобрэнды*/ /*Модальные формы*/ .modal { overflow-x: hidden; overflow-y: auto; display: none; z-index: 999; background: rgba(0, 0, 0, 0.4); position: fixed; left: 0; top: 0; width: 100%; height: 100%; } /* line 223, ../sass/main.sass */ .modal_content{ background-color: #fff; width: 100%; max-width: 500px; margin: 50px auto; text-align: center; position: relative; font-size: 0.9rem; -webkit-box-shadow: 0 12px 24px rgba(0, 0, 1, 0.18); box-shadow: 0 12px 24px rgba(0, 0, 1, 0.18); } /* line 233, ../sass/main.sass */ .modal_content .close { position: absolute; line-height: 1; right: 15px; top: 10px; opacity: 0.7; font-size: 25px; cursor: pointer; } /* line 241, ../sass/main.sass */ .modal_content p { margin-top: 0; color: #545457; } /* line 244, ../sass/main.sass */ .modal_form { padding: 30px; } /* line 246, ../sass/main.sass */ .modal_form .rule-cupon, .modal_form .rule-forum { margin: 15px 0 0 0; display: none; } /* line 252, ../sass/main.sass */ .modal_form input:not([name="userName"]), .modal_form textarea, .modal_form label { display: none; } .modal_form input, .modal_form textarea { /* display: block; */ padding: 10px 15px; width: 100%; margin-bottom: 15px; border: 1px solid #ccc; /* border-radius: 4px */ } /* line 260, ../sass/main.sass */ .modal_form textarea { min-height: 100px; } /* line 262, ../sass/main.sass */ .modal_form_btn, .saccess_btn_close { display: block; width: 100%; cursor: pointer; font-weight: 700; color: #fff; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #747474; padding: 0.7em 1.5em; outline: none; border: none; } /* line 274, ../sass/main.sass */ .modal_form_btn:hover, .saccess_btn_close:hover { background: #4a4a4a; } /* line 276, ../sass/main.sass */ .modal_form_btn:active, .saccess_btn_close:active { background: #363636; } /* line 278, ../sass/main.sass */ .saccess_btn_close { font-size: 0.8rem; } .modal_form_info { padding-top: 10px; } /* line 280, ../sass/main.sass */ .modal_form_info p { margin: 0 0 3px 0; font-size: 0.8rem; } /* line 283, ../sass/main.sass */ .modal_form_info p span { font-size: 0.6rem; font-weight: normal; } /* line 286, ../sass/main.sass */ .modal_saccess, .modal_error, .modal .saccess_btn_close{ display: none; } /* line 288, ../sass/main.sass */ .modal_error { color: red !important; } /*Модальные формы*/  /* line 129, ../sass/main.sass */ /* #YMapsID { background: url(../img/yandex-before-load.png) no-repeat; background-position: center; background-size: cover; cursor: pointer; max-width:525px; width:100%; height:300px; } */ .ymap-container { position: relative; /* margin: 3em 0 2em 0; */ overflow: hidden; cursor: pointer; background: url('../img/yandex-before-load.jpg') #ffffff no-repeat; background-position: center center; background-size: cover; } .ymap-container,#map-yandex { padding:0 !important; max-width:525px; width:100%; height:300px; } /* Блок, в котором появится Яндекс.Карта */ #map-yandex { position: relative; z-index: 7; cursor: pointer; background-color: transparent; } /* Индикатор загрузки, который показывается до загрузки карты */ .loader { position: absolute; z-index: 15; top: -100%; left: 0; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; color: #000000; transition: opacity .7s ease; opacity: 0; background-color: rgba(0,0,0,.55); } .loader:after, .loader:before { box-sizing: border-box; } .loader.is-active { top: 0; opacity: 1; }  .loader-default:after { position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); width: 48px; height: 48px; content: ''; animation: rotation 1s linear infinite; border: solid 8px #ffffff; border-left-color: transparent; border-radius: 50%; } @keyframes rotation { from { transform: rotate(0); } to { transform: rotate(359deg); } } @keyframes blink { from { opacity: .5; } to { opacity: 1; } } /* рейтинг */ .raiting{ margin: 20px 0; order: 1; float: none; clear: both; padding: 15px 0; } .rating .stars { position: relative; display: block; float: left; height: 20px; width: 105px; background-image: url("../img/stars.png"); background-position: 0 0; background-repeat: repeat-x; margin-right: 5px; } .rating .stars .on { height: 20px; background-image: url("../img/stars.png"); background-position: 0 -20px; } .rating .stars .level { position: absolute; top: 0; left: 0; opacity: 0; } .rating .stars .level span { display: block; float: left; cursor: pointer; width: 21px; height: 20px; background-image: url("../img/stars.png"); background-repeat: no-repeat; background-position: 0 -20px; } .rating .stars .level span:hover ~ span { background-position: 0 0px; } .rating .stars .level:hover { opacity: 1; } .rating-string{ line-height: 1.6rem; } /* end рейтинг */ /* прайс */ table.ars_pricelist tr:nth-child(2n),table.table-price-list tr:nth-child(2n),table.tablears tr:nth-child(2n){ background: #f0f0f0; /* Цвет фона */ } table.table-price-list, table.ars_pricelist, table.tablears { font-size: 14px; border: 1px solid #ccc; border-spacing: 0; border-collapse: collapse; } table.table-price-list th, table.table-price-list td, table.ars_pricelist td, table.ars_pricelist th, table.tablears th, table.tablears td{ border: 1px solid #ddd; padding: 8px; } table.table-price-list th, table.ars_pricelist th, table.tablears thead th{ color: #b62110; background: #ebebeb !important; text-align: center; } table.table-price-list td, table.tablears td { background: #f7f7f7; } table.table-price-list td[colspan='5']{ /* background: #D8E6F3; */ font-weight:bold; } table.table-price-list th:first-child, table.table-price-list td:first-child:not(td[colspan='5']) { text-align: left; } .all-price td[colspan='5']{ color: #b62110; } .pricelist_container{ padding: 15px 0; } .pricelist_container:not([class="ars_min_table"]) table.table-price-list,.rmkpp_min_table, .rmkpp_min_table table, table.tablears, table.all-price{ width:100% !important; } .pricelist_container:not([class="ars_min_table"]) table.table-price-list tr td:first-child{ text-align:left; } /* .rmkpp_min_table, .rmkpp_min_table table, table.tablears{ width:100% !important; } */ table.table-price-list tr:hover td{ background-color: #753e58 !important; color: #fff; } .ars_min_table{ float:left; padding: 0 15px 0 0; } .pl_right{ /* float: none !important; */ float:right !important; padding: 0 0 0 15px !important; } .pricelist_container p { text-transform: uppercase !important; text-align: center; font-weight: bold; font-size: 18px; color: #b50000; margin-top: 30px; margin-bottom: 10px; } .tablears_wrap{overflow-x: auto; -webkit-overflow-scrolling: touch;float:none!important;clear:both !important;} .tablears{border:none !important;}.tablears td,.tablears th{padding:8px;border:none;background:0 0;text-align:left;float:none!important}.tablears tbody td{vertical-align:top}.tablears tbody td,.tablears tfoot th{border-top:1px solid #ddd}.tablears tbody tr:first-child td{border-top:0}.tablears thead th{border-bottom:1px solid #ddd}.tablears tfoot th,.tablears thead th{background-color:#d9edf7;font-weight:700;vertical-align:middle}.tablears .odd td{background-color:#f9f9f9}.tablears .even td{background-color:#fff}.tablears .row-hover tr:hover td{background-color:#f3f3f3}.tablears img{margin:0;padding:0;border:none;max-width:none} /* end прайс */ /* Форум */ .vopros_header span,.forum-block a{ /* font-style: italic; */  } .vopros_header span:nth-of-type(1){ font-weight: bold; } .vopros_header span:nth-of-type(2){ font-weight: normal; font-size: 0.8rem; } .forum-block a{ color: #0000dc !important; } .forum-otvet,.forum-block{ border-bottom: 1px solid #ccc; } .forum-block{ border-top: 1px solid #ccc; } /* end Форум */ .copy_right { width: 100%; color: #fff; text-align:center; } .copy_right p { margin: 0; } /*organization-info*/ footer .textwidget { width: 100%;} footer .organization-info { width: 100%; text-align:center; padding: 15px; } footer .organization-info a[itemprop=telephone]{ font-size: 35px; font-weight: bold; color:#fff; } footer .organization-info span[itemprop=name]{ font-size: 18px; font-weight: bold; } footer .organization-info p { margin: 5px 0; } /* line 318, ../sass/main.sass */ footer .organization-info img { height: 40px; padding-top:7px; } /*end organization-info*/ .knopky{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .knopky > div, button[data-primary=true]{ margin: 10px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .knopky > div a{ display: block; } .knopky > div a, button[data-primary=true]{ padding: 10px 16px !important; } /*Ссылки на дочерние страницы*/ .child-pages{ margin-bottom: 15px; } .child-pages ul li { list-style-image: url(../img/ul_marker_big_blue.png); float: left; margin: 0 50px 0 0; margin-bottom: 15px; } .child-pages ul li a{ font-size: 18px; color: #004e93; margin: 0 10px 10px 0; text-transform: uppercase; font-weight: bold; } /*end Ссылки на дочерние страницы*/ /*Хлебные крошки*/ .bread_cramb { margin: 30px 15px 0 15px !important; text-transform: uppercase; font-weight: bold; } .bread_cramb p span,.bread_cramb a{ text-transform: uppercase; font-weight: bold; color: #337ab7; } .bread_cramb p:last-of-type{ color: #000; } .bread_crumb_delimetr{ color: #933d5d; padding: 0 5px; } /*end Хлебные крошки*/ .cupon{ display:none; } /* Кнопка вызова формы купона*/ /* .cupon-button { cursor: pointer; text-align: center; display: inline-block; margin: 15px; -webkit-border-radius: 10px; -webkit-box-shadow: 0px 3px rgba(128,128,128,1), 0px 4px rgba(118,118,118,1), 0px 5px rgba(108,108,108,1), 0px 6px rgba(98,98,98,1), 0px 7px rgba(88,88,88,1), 0px 8px rgba(78,78,78,1), 0px 14px 6px -1px rgba(128,128,128,1); -webkit-transition: -webkit-box-shadow .1s ease-in-out; } */ .cupon-button,.zakaz-btn { border: none; text-transform: uppercase; cursor: pointer; text-align: center; display: inline-block; margin: 15px; color: rgb(230, 230, 230); font-size: 20px; padding: 20px; text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8); -webkit-border-radius: 5.594564901815878px; -moz-border-radius: 5.594564901815878px; border-radius: 5.594564901815878px; background: rgb(210, 20, 20); background: -moz-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); background: -webkit-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); background: -o-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); background: -ms-linear-gradient(90deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); background: linear-gradient(0deg, rgb(210, 20, 20) 30%, rgb(250, 20, 20) 70%); -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75); -moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75); box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);  } .cupon-button:hover,.zakaz-btn:hover { color:#fff; } /* end Кнопка вызова формы купона*/ /* Инфоплашка */ .info_plushka{ background:#fff; margin-bottom: 20px; background: #fff; margin-bottom: 20px; border: 5px solid #dcdcdc; border-right: 5px solid #8c8080; border-bottom: 5px solid #8c8080; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .info_plushka td{ border: 1px solid #ccc; padding: 10px; /* text-align: center; */ vertical-align: middle; } .info_plushka_img{ width:100px; } /* Инфоплашка */ .navigation, .pagination{ margin: 30px 0 !important; display: block !important; text-align:center !important;  } @media(min-width:769px) { .bottom-menu ul li.current-menu-item a { text-shadow: 0 0 10px rgba(255, 255, 255, 0.7);} /* line 135, ../sass/main.sass */ .menu-btn { display: none; }  /* line 138, ../sass/main.sass */ form[role=search] input { min-width: 300px; } /* line 140, ../sass/main.sass */ form[role=search] button { top: 0; right: 0; }  /* line 145, ../sass/main.sass */ .top-menu ul { background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); height: 50px; width: 100%; } /* line 150, ../sass/main.sass */ ul li.current-menu-item a { color: #f80505 !important; } /* line 152, ../sass/main.sass */ .top-menu ul li { font-weight: bold; font-size: 16px; margin: 0 15px; } /* line 156, ../sass/main.sass */ .top-menu ul li a { color: #fff; text-shadow: -2px 3px 4px black; }  /* line 159, ../sass/main.sass */ .bottom-menu { margin-top: -40px; } /* line 162, ../sass/main.sass */ .bottom-menu ul li { background: #3f3b33 url(../img/sub_menu_bg.png); border-radius: 5px; border: solid 1px #fff; } /* line 166, ../sass/main.sass */ .bottom-menu ul li a { display: block; padding: 15px; text-align: center; background: radial-gradient(circle at center, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%); } } @media(max-width:992px) { .auto_brands div { max-width: 63px; padding: 5px; } /* line 174, ../sass/main.sass */ .bottom-menu ul li { margin: 0 5px; } } @media(max-width:930px) { /* line 178, ../sass/main.sass */ .header > div:nth-child(1) { display: none; }  /* line 180, ../sass/main.sass */ .header { background-size: auto; background-position: 70% 0% !important; -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; } /* line 186, ../sass/main.sass */ .header div .address p, .header div .telephone p { margin-right: 0; } } @media(max-width:930px) { /* line 189, ../sass/main.sass */ footer.justify-content-between { /* justify-content: center !important */ } /* line 190, ../sass/main.sass */ footer.justify-content-between>div { padding: 0 0 15px 0; } } @media(max-width:870px) { /* line 197, ../sass/main.sass */ .bottom-menu ul li a { padding: 10px 5px; }  /* line 199, ../sass/main.sass */ header { /* display: flex */ /* flex-direction: column */ }  /* line 204, ../sass/main.sass */ .header div .address p, .header div .telephone p { /* margin: 0 */ } } @media(max-width:830px) { /* line 209, ../sass/main.sass */ .top-menu ul li { margin: 0 10px; } } @media(max-width:820px) { /* line 209, ../sass/main.sass */ .qrcode { display: none; } } @media(max-width:800px) { /* line 214, ../sass/main.sass */ .bottom-menu ul li { margin: 0 5px; } } @media(max-width:768px) { /* line 217, ../sass/main.sass */ .top-menu, .bottom-menu, form[role=search] { display: none; }  /* line 220, ../sass/main.sass */ .menu-btn span { display: none; } /* line 222, ../sass/main.sass */ .menu-btn a { background: url(../img/menu-min-btn.png) no-repeat; background-size: cover; display: block; height: 46px; width: 48px; margin-top: 1px; margin-top: 1.5px; }  /* line 230, ../sass/main.sass */ .top-bar { height: 50px; } /* line 232, ../sass/main.sass */ .top-bar div:last-of-type { width: 100%; }  /* line 234, ../sass/main.sass */ header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }  /* line 237, ../sass/main.sass */ .header { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 15px; } /* line 241, ../sass/main.sass */ .header div:first-of-type img { max-width: 130px; }  /* line 243, ../sass/main.sass */ form[role=search] { padding: 7px 0 0 0; }  /* line 245, ../sass/main.sass */ .top-menu, .bottom-menu { /* background: #434343; */ } /* line 247, ../sass/main.sass */ .top-menu ul, .bottom-menu ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; background: #434343; } /* line 251, ../sass/main.sass */ .top-menu ul li, .bottom-menu ul li { text-align: center; padding: 15px; border-bottom: 1px solid #ccc; }  /* line 255, ../sass/main.sass */ .top-menu { margin-top: 50px; }  /* line 259, ../sass/main.sass */ .bottom-menu ul li:last-of-type { border: none 0px; }  /* line 261, ../sass/main.sass */ form[role=search] { width: 100%; } } @media(max-width:650px) { .ars_min_table table{ display: inline-block; } .ars_min_table{ float:none; clear:both; padding: 15px 0; text-align: center; width: 100% !important; } } @media(max-width:580px) { footer.justify-content-between { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }} @media(max-width:500px) { .pricelist_container:not([class="ars_min_table"]) table.table-price-list tr td:not(:first-child), .pricelist_container:not([class="ars_min_table"]) table.table-price-list tr th, table.ars_pricelist th, table.ars_pricelist td, table.all-price th, table.all-price td{ font-size:13px !important; word-break: break-word !important; } } @media(max-width:481px) { /* line 264, ../sass/main.sass */ .address p { font-size: 14px !important; }  /* line 266, ../sass/main.sass */ .telephone p { font-size: 37px !important; } .title-page img{ display: none; } .child-pages ul li a,.title-page h1{ font-size: 14px !important; } .title-page h1, h2, h3{ font-size: 20px !important; /* font-weight: bold; */ } .info_plushka tr td:first-of-type{ display:none; } .info_plushka tr td{ text-align: center !important; } } @media(max-width:460px) { /* line 269, ../sass/main.sass */ form[role=search] { margin-top: 4px; } /* line 271, ../sass/main.sass */ form[role=search] input { min-width: 250px; }  /* line 273, ../sass/main.sass */ /* footer.justify-content-between { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } */ /* line 275, ../sass/main.sass */ footer.justify-content-between>div { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; }  /* line 278, ../sass/main.sass */ .footer-menu ul a { text-align: left !important; }  /* line 280, ../sass/main.sass */ .top-bar { -webkit-box-pack: end !important; -ms-flex-pack: end !important; justify-content: flex-end !important; background: #fff; } /* line 283, ../sass/main.sass */ .top-bar div:first-of-type { display: none; }  /* line 286, ../sass/main.sass */ .menu-btn a { background: url(../img/menu-min-btn.png) no-repeat #949494; background-size: cover; }  /* line 289, ../sass/main.sass */ .close-menu { background: url(../img/close-menu-min-btn.png) no-repeat #949494 !important; background-size: cover !important; }  /* line 292, ../sass/main.sass */ .header > div:nth-child(1) { display: block; position: absolute; top: 2px; left: 15px; width: 100px; } /* line 298, ../sass/main.sass */ .header > div:nth-child(1) img { max-height: 46px; } } @media(max-width:400px) { /* line 301, ../sass/main.sass */ .telephone p { font-size: 30px !important; } } @media(max-width:351px) { /* line 304, ../sass/main.sass */ div[itemprop=articleBody] { font-size: 14px !important; }  /* line 306, ../sass/main.sass */ .telephone p, h1 { font-size: 25px !important; } } @media(max-width:300px) { /* line 310, ../sass/main.sass */ .header div { padding: 0; } } .content_box img[align=left]{padding-right:15px !important;} .content_box img[align=right]{padding-left:15px !important;} .content_box ul{list-style-position:inside;} @media(max-width:570px){  img.alignright, img.alignleft,.youtube_wrap.alignright, .youtube_wrap.alignleft{float:none;clear:both; width: 100%; height: auto; padding: 15px;} }.page_anchores li a{color: #004e93;font-size: 16px;font-weight: bold;}.page_anchores{padding: 0;margin:10px 0 0 0;}.page_anchores li{list-style-type: none;} .gallery_photos dt{  width: 100%!important;  height: 280px!important;  max-width: 370px;  min-width: 270px;  overflow: hidden;  padding: 15px;  margin-top:15px;  position:relative; } .gallery_photos dt .caption{  position:absolute;  top:220px;  height: 60px;  background:#fff;  max-width: 370px;  display:block;  width:92%;  right:4%;  padding: 0 15px; } .gallery_photos dt img{  width:100%!important;  height:auto!important;  max-width: 370px;  min-width: 270px;  border: 1px solid white;  padding: 1px; }  .items-slider-wrapper {  padding: 0 70px;  clear: both;  margin-bottom: 30px; } .slick-slider {  width: calc(100% + 15px * 2);  margin: -30px -15px; } .slick-slider {  position: relative;  display: block;  box-sizing: border-box;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-touch-callout: none;  -khtml-user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent; } .slick-slider .slick-arrow.slick-next {  right: -55px; } .slick-slider .slick-arrow.slick-prev {  left: -55px; } .slick-slider .slick-arrow {  height: 32px;  width: 32px;  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;  z-index: 20; } .slick-prev {  left: -25px; } .slick-next, .slick-prev {  font-size: 0;  line-height: 0;  position: absolute;  top: 50%;  display: block;  width: 20px;  height: 20px;  padding: 0;  -webkit-transform: translate(0,-50%);  -ms-transform: translate(0,-50%);  transform: translate(0,-50%);  cursor: pointer;  color: transparent;  border: none;  outline: 0;  background: 0 0; } .slick-slider .slick-list, .slick-slider .slick-track {  -webkit-transform: translate3d(0,0,0);  -moz-transform: translate3d(0,0,0);  -ms-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0);  transform: translate3d(0,0,0); } .slick-list {  position: relative;  display: block;  overflow: hidden;  margin: 0;  padding: 0; } .slick-track {  position: relative;  top: 0;  left: 0;  display: block;  margin-left: auto;  margin-right: auto; } .slick-track:after, .slick-track:before {  display: table;  content: ''; } .slick-slider .slide {  outline: none!important;  padding: 30px 15px; } .video-block {  position: relative;  margin: 0 auto;  overflow: hidden;  cursor: pointer;  border-radius: 5px; } .video-block:before {  content: '';  display: block;  width: 100%;  padding-top: 56.25%;  z-index: 3;  position: relative;  background: #000;  border-radius: 5px; }  .video-block .video-preview {  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  z-index: 3;  -webkit-transition: all .5s;  -o-transition: all .5s;  transition: all .5s; } .video-block .video-preview img { max-width: 100%;  width: 100%;  height: 100%;  position: absolute;  left: 0;  top: 0;  display: block;  border-radius: 5px; } .video-block .play-btn.small {  width: 60px;  height: 60px; } .video-block .play-btn {  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-box-shadow: 0;  box-shadow: 0;  border: 0;  width: 90px;  height: 90px;  background: url(../img/play.svg) no-repeat center center/contain;  border-radius: 0;  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;  -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;  position: absolute;  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);  z-index: 5;  outline: none!important;  -webkit-transition: all .5s;  -o-transition: all .5s;  transition: all .5s;  border-radius: 5px;  -webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);  box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1); } .slick-slider .slick-arrow:before {  content: '';  display: block; } .slick-slider .slick-arrow.slick-prev svg {  -webkit-transform: translateX(-1px);  -ms-transform: translateX(-1px);  transform: translateX(-1px); }  .slick-slider .slick-arrow svg {  fill: #222;  width: 100%;  height: 100%;  display: block;  -webkit-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s; }blockquote { background: linear-gradient( 135deg , #F6EEDB 50%, #F4FEF9 50%); /* background: linear-gradient( 135deg , #f3f1ec 50%, #e3e4e7 50%); */ padding: 50px 30px; text-align: center; position: relative; color: #49152C; font-family: 'Lato', sans-serif; }  /* blockquote p:before { content: "!"; font-size: 100px; color: #EA6844; font-family: serif; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } */ @media screen and (max-width: 575px){ .items-slider-wrapper { padding: 0 20px; } .slick-slider .slick-arrow.slick-next { right: -15px; } .slick-slider .slick-arrow.slick-prev { left: -15px; } }  section.block_comfort{ padding: 10px 25px; background: #40424a; color:#fff; font-size: 14px; margin-left:-25px; margin-right:-25px; } section.block_comfort .h1,section.block_comfort .h2{ text-align:center; line-height: 1.2; margin-bottom: .5rem; margin-top: 0; letter-spacing:normal; } section.block_comfort .h1{ font-size: 2.5rem; } section.block_comfort img{ display: block; } @media screen and (max-width: 575px){ section.block_comfort .h1{ font-size: 1.5rem; } } .best-price{ background-color: #1d2029 !important; color:#fff; margin-left:-25px; margin-right:-25px; padding-left:25px; padding-right:25px; clear:both; float:none;} .best-price .h2,.best-price .h3{ margin-top: 0; margin-bottom: .5rem; line-height: 1.2; } .best-price .h2{ font-size: 1.17em; } .best-price .h3{ font-size: 2rem; } .best-price .h2 span{ color: #e54a42; } .best-price .img_wrap,.best-price > div:last-child > div{ text-align: left!important; padding-top: .5rem!important; padding-bottom: .5rem!important; } .best-price .img_wrap img{ text-align: center!important; padding-top: .5rem!important; padding-bottom: .5rem!important; max-width: 100%; height: auto; vertical-align: middle; border-style: none; } .best-price div.col.text{ display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.tag{
 float:left;
	margin-right:3px;
}
li.tag{
 list-style-type: none;
}
div.tag ul{
 margin: 0;
 padding: 0;
}
.tag a, li.tag{
 font-size:13px;
 color:#999;
 border-radius: 3px;
 background: #333;
 border-bottom:2px solid #888;
 margin:5px;
	padding:5px 5px 7px;
	float:left;
 -moz-transition: all 0.2s 0.01s ease-in;
 -o-transition: all 0.2s 0.01s ease-in;
 -webkit-transition: all 0.2s 0.01s ease-in;
}
.tag a:hover,li.tag:hover{
 color:#fff;
 background-color:#FF6766;
 -webkit-transform: rotate(5deg);
 -moz-transform: rotate(5deg);
 -o-transform: rotate(5deg);
}
.del{display:none;}
.del:not(:checked) + label + * {display: none;}
/* тут редактируем вид кнопки */
.del:not(:checked) + label,
.del:checked + label {
display: inline-block;
padding: 5px 10px 7px;
border-bottom: 2px solid #888;
border-radius: 3px;
font-size: 13px;
margin-top: 5px!important;
color: #999;
background: #000000;
cursor: pointer;
}
.del:checked + label {
background: #333;
}