/* Start:/local/templates/4k-monitors/components/bitrix/breadcrumb/.default/style.css?1727031360947*/ .breadcrumbs { margin: 0; } .breadcrumbs li { display: inline-block; vertical-align: middle; margin: 0 8px 8px 0; } .breadcrumbs li { font-size: 12px; line-height: 15px; color: #949494; } .breadcrumbs li a { vertical-align: middle; font-size: 12px; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; color: #949494; text-decoration: none; } .breadcrumbs li a:hover { opacity: 1; color: #000; } /*.breadcrumbs .home {*/ /* background: url(/bitrix/templates/rp/media/images/home.png) no-repeat center center;*/ /* display: inline-block;*/ /* width: 14px;*/ /* height: 11px;*/ /* font-size: 0;*/ /*}*/ .breadcrumbs .sep { font-size: 12px; text-decoration: none; color: #949494; padding: 0 5px; line-height: 8px; } .breadcrumbs li:last-child { color: #000; } /* End */ /* Start:/local/templates/4k-monitors/components/arturgolubev/search.title/.default/style.min.css?172837650012020*/ .bx_smart_searche,.bx_smart_searche *,.bx-searchtitle,.bx-searchtitle *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:14px}.bx-searchtitle{margin:10px 0 0}.bx-searchtitle-history{margin-top:5px}.bx-searchtitle-history a{color:#222;text-decoration:underline}.bx-searchtitle-history a:hover{text-decoration:none}.bx-searchtitle .bx-block-title{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px;font-weight:600}.bx-searchtitle .bx-input-group{position:relative;display:table;border-collapse:separate;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-searchtitle .bx-input-group .bx-form-control{display:table-cell;position:relative;z-index:2;float:left;width:100%;margin-bottom:0;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#333;background-color:#f8fafc;border:1px solid #d5dadc;border-right:none;border-radius:1px 0 0 1px;outline:none;box-shadow:none!important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-searchtitle .bx-input-group .bx-form-control:focus{background-color:#fff}.bx-ios .bx-searchtitle .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0%,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0%,#f8fafc 100%)}.bx-searchtitle .bx-input-group-btn{position:relative;font-size:0;width:1%;white-space:nowrap;vertical-align:middle;display:table-cell;line-height:normal}.bx-searchtitle .bx-input-group-btn button{position:relative;border:none;background:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/search-icon.png) center center no-repeat #95a1a8;display:inline-block;margin-bottom:0;cursor:pointer;padding:0;border-radius:0 1px 1px 0;color:#fff;font-size:16px;line-height:1.42857143;height:34px;width:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.bx-searchtitle .bx-input-group-btn button:hover{background-color:#1484CE}div.title-search-result{border:0 none!important;border-top:0 none;display:none;overflow:hidden;z-index:999;min-width:200px;margin-top:3px;background-color:#FFF;border-radius:2px;box-shadow:0 0 7px -2px #d6d6d6}div.title-search-fader{display:none;background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/fader.png);background-position:right top;background-repeat:repeat-y;position:absolute}p.title-search-preview{font-size:12px}div.title-search-result td.title-search-price span{font-size:26px}.bx_smart_searche{padding-top:8px;border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche .bx_info_wrap{margin-left:85px}.bx_smart_searche .bx_img_element{float:left;padding:5px;width:75px;text-align:center}.bx_smart_searche .bx_item_block{min-height:65px;position:relative}.bx_smart_searche .bx_image{display:inline-block;max-width:100%}.bx_smart_searche .bx_image.empty_image{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/image/noimg.png)}.bx_smart_searche .bx_item_element{padding:8px 0}.bx_smart_searche .bx_item_element_all_result{text-align:center}.bx_smart_searche .bx_item_element hr{margin:0;border:none;border-bottom:1px solid #e5e5e5}.bx_smart_searche .bx_item_element a{margin-top:5px;display:inline-block;color:#333;font-size:14px;text-decoration:none;font-weight:700}.bx_smart_searche .bx_item_element a b{font-weight:700;color:#000}.bx_smart_searche .bx_item_element a:hover,.bx_smart_searche .bx_item_element a:hover b{text-decoration:underline}.bx_smart_searche .bx_item_preview_text{font-size:13px;padding:5px 10px 5px 0}.bx_smart_searche .bx_price{font-weight:700;font-size:15px;margin-top:5px}.bx_smart_searche .bx_price .old{font-weight:400;text-decoration:line-through;color:#636363;font-size:12px;vertical-align:middle}.bx_smart_searche .bx_item_block.all_result{min-height:0}.bx_smart_searche .bx_item_block.others_result{min-height:0;line-height:12px;padding:0}.bx_smart_searche .bx_item_block.all_result .all_result_button{display:inline-block;font-size:14px;background-color:#1485CE;border:1px solid;border-color:#1485CE;color:#FFF;padding:0 22px;height:34px;text-decoration:none;border-radius:2px;margin:0 0 8px;line-height:34px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.bx_smart_searche .bx_item_block_href{display:block;text-decoration:none;margin-bottom:5px;padding:8px;line-height:14px}.bx_smart_searche .bx_item_block_href:hover{background-color:#feeed2}.bx_smart_searche .bx_item_block_hrline{border-bottom:1px solid #f5a61c;margin:0 8px 5px}.bx_item_block_item_clear{display:block;clear:both}.bx_smart_searche .bx_item_block_item_info_wrap{display:block}.bx_smart_searche .bx_item_block_item_info_wrap.wpic{padding-left:39px}.bx_smart_searche .bx_item_block_item_info{display:block}.bx_smart_searche .bx_item_block_href_category_title{color:#a2a2a2}.bx_smart_searche .bx_item_block_href_category_name{color:#f5a61c;font-weight:700;text-transform:uppercase}.bx_smart_searche .bx_item_block_item_image{width:34px;height:34px;float:left;margin-right:5px;position:relative}.bx_smart_searche .bx_item_block_item_image img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:100%;max-height:100%}.bx_smart_searche .bx_item_block_item_name{color:#333;overflow:hidden;height:34px;display:block;line-height:17px;display:flex}.bx_smart_searche .bx_item_block_item_name_flex_align{margin:auto 0}.bx_smart_searche .bx_item_block_item_simple_name{color:#333;display:block;line-height:17px}.bx_smart_searche .bx_item_block_item_name b,.bx_smart_searche .bx_item_block_item_simple_name b{color:#f5a61c}.bx_smart_searche .bx_item_block_item_price{float:right;text-align:right;color:#333;line-height:17px;padding-left:5px}.bx_smart_searche .bx_item_block_item_price.bx_item_block_item_price_only_one{line-height:34px}.bx_smart_searche .bx_item_block_item_price .bx_price_new{white-space:nowrap;font-weight:700;display:block}.bx_smart_searche .bx_item_block_item_price .bx_price_old{white-space:nowrap;text-decoration:line-through}.bx_smart_searche .bx_item_block_item_text{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_smart_searche .bx_item_block_item_props{color:#9b9b9b;display:block;margin-top:8px;font-size:13px;line-height:15px}.bx_item_block_item_prop_item{display:block}.bx_smart_no_result_find{padding:0 8px 8px}.bx-searchtitle .bx-searchtitle-preloader{position:absolute;top:2px;right:110%;width:30px;height:30px;z-index:5;display:none}.bx-searchtitle .bx-searchtitle-preloader.view{background:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_orange.gif) center center no-repeat}.bx-searchtitle.theme-blue .bx-input-group .bx-form-control{border-color:#0083d1}.bx-searchtitle.theme-blue .bx-searchtitle-preloader.view{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_blue.gif)}.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button{background-color:#0083d1;border-color:#0083d1}.bx-searchtitle.theme-blue .bx-input-group-btn button{background-color:#0083d1;border-color:#0083d1;color:#FFF}.bx-searchtitle.theme-blue .bx-input-group-btn button:hover,.bx_smart_searche.theme-blue .bx_item_block.all_result .all_result_button:hover{background-color:#5ca6e4;border-color:#5ca6e4;text-decoration:none}.bx_smart_searche.theme-blue .bx_item_element a b{color:#5ca6e4}.bx_smart_searche.theme-blue .bx_item_block_href:hover{background-color:#b2d9f1}.bx_smart_searche.theme-blue .bx_item_block_href_category_name{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_item_name b,.bx_smart_searche.theme-blue .bx_item_block_item_simple_name b{color:#0083d1}.bx_smart_searche.theme-blue .bx_item_block_hrline{border-color:#0083d1}.bx-searchtitle.theme-black .bx-input-group .bx-form-control{border-color:#333}.bx-searchtitle.theme-black .bx-searchtitle-preloader.view{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_black.gif)}.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button{background-color:#333;border-color:#333}.bx-searchtitle.theme-black .bx-input-group-btn button{background-color:#333;border-color:#333;color:#FFF}.bx-searchtitle.theme-black .bx-input-group-btn button:hover,.bx_smart_searche.theme-black .bx_item_block.all_result .all_result_button:hover{background-color:#5c5c5c;border-color:#5c5c5c;text-decoration:none}.bx_smart_searche.theme-black .bx_item_element a b{color:#5c5c5c}.bx_smart_searche.theme-black{border-top:0 none;border-radius:0 0 3px 3px}.bx_smart_searche.theme-black .bx_item_block_href:hover{background-color:#eaeaea}.bx_smart_searche.theme-black .bx_item_block_href_category_name{color:#333}.bx_smart_searche.theme-black .bx_item_block_item_name b,.bx_smart_searche.theme-black .bx_item_block_item_simple_name b{color:#333}.bx_smart_searche.theme-black .bx_item_block_hrline{border-color:#333}.bx-searchtitle.theme-green .bx-input-group .bx-form-control{border-color:#159ebb}.bx-searchtitle.theme-green .bx-searchtitle-preloader.view{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_green.gif)}.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button{background-color:#159ebb;border-color:#159ebb}.bx-searchtitle.theme-green .bx-input-group-btn button{background-color:#159ebb;border-color:#159ebb;color:#FFF}.bx-searchtitle.theme-green .bx-input-group-btn button:hover,.bx_smart_searche.theme-green .bx_item_block.all_result .all_result_button:hover{background-color:#44b1c9;border-color:#44b1c9;text-decoration:none}.bx_smart_searche.theme-green .bx_item_element a b{color:#44b1c9}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#d0ebf1}.bx_smart_searche.theme-green .bx_item_block_href_category_name{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_item_name b,.bx_smart_searche.theme-green .bx_item_block_item_simple_name b{color:#159ebb}.bx_smart_searche.theme-green .bx_item_block_hrline{border-color:#159ebb}.bx-searchtitle.theme-red .bx-input-group .bx-form-control{border-color:#E22B2B}.bx-searchtitle.theme-red .bx-searchtitle-preloader.view{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_red.gif)}.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button{background-color:#E22B2B;border-color:#E22B2B}.bx-searchtitle.theme-red .bx-input-group-btn button{background-color:#E22B2B;border-color:#E22B2B;color:#FFF}.bx-searchtitle.theme-red .bx-input-group-btn button:hover,.bx_smart_searche.theme-red .bx_item_block.all_result .all_result_button:hover{background-color:#e95c5c;border-color:#e95c5c;text-decoration:none}.bx_smart_searche.theme-red .bx_item_element a b{color:#e95c5c}.bx_smart_searche.theme-green .bx_item_block_href:hover{background-color:#f9d4d4}.bx_smart_searche.theme-red .bx_item_block_href_category_name{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_item_name b,.bx_smart_searche.theme-red .bx_item_block_item_simple_name b{color:#E22B2B}.bx_smart_searche.theme-red .bx_item_block_hrline{border-color:#E22B2B}.bx-searchtitle.theme-yellow .bx-input-group .bx-form-control{border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-searchtitle-preloader.view{background-image:url(/local/templates/4k-monitors/components/arturgolubev/search.title/.default/images/loader_yellow.gif)}.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button{background-color:#F9A91D;border-color:#F9A91D}.bx-searchtitle.theme-yellow .bx-input-group-btn button{background-color:#F9A91D;border-color:#F9A91D;color:#FFF}.bx-searchtitle.theme-yellow .bx-input-group-btn button:hover,.bx_smart_searche.theme-yellow .bx_item_block.all_result .all_result_button:hover{background-color:#faba4a;border-color:#faba4a;text-decoration:none}.bx_smart_searche.theme-yellow .bx_item_element a b{color:#faba4a}.bx_smart_searche.theme-yellow .bx_item_block_href_category_name{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_item_name b,.bx_smart_searche.theme-yellow .bx_item_block_item_simple_name b{color:#F9A91D}.bx_smart_searche.theme-yellow .bx_item_block_hrline{border-color:#F9A91D} /* End */ /* Start:/local/templates/4k-monitors/template_styles.css?17485525208949*/ @media (max-width: 1680px) and (min-width: 768px){ /* Шапка сайта */ /* .site-header.header { z-index: 3000 !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; } .site-header.header > .hidden-sm { display: none !important; } .site-header.header > .visible-sm { display: block !important; } .site-header.header .header--logo { float: left !important; background-size: 100% auto !important; background-position: center center !important; margin: 0 30px 0 0 !important; width: 210px !important; height: 60px !important; } .site-header.header .header--phone { padding: 0 !important; color: #2b2036 !important; font-size: 16px !important; line-height: 60px !important; float: left !important; } .site-header.header .header--btn { width: 40px !important; height: auto !important; }*/ /* Левое меню */ /* .sm-menu--overlay.shown { display: block !important; }*/ } @media (max-width: 1078px) and (min-width: 768px){ .sm-menu .xs-nav { padding: 20px 0 !important; } .headers-wrap .sm-menu { display: block !important; } .sm-menu .xs-nav--item.is-alt:before, .sm-menu .xs-nav--item.is-alt:after{ content: " "; display: table; clear: both; } .sm-menu .xs-nav--item.is-alt a { float: left; } } /* Рекомендуемое в заказе */ .recomended-in-cart .inner-page--section{ padding: 15px 0 12px; } .recomended-in-cart .inner-page--stitle-in { font-size: 20px; padding-top: 3px; } .recomended-in-cart .inner-page--stitle { margin: 0 0 15px; } .recomended-in-cart .history-slider { padding: 0 0 20px; } .recomended-in-cart .in-basket .card--photo { height: 144px; } .recomended-in-cart .card--title { height: 35px; font-size: 14px; } .recomended-in-cart .card--price { font: 700 16px/23px arial, sans-serif; margin-top: 3px; } .recomended-in-cart .in-basket .card--btn { margin-top: 0; width: 100px; } .recomended-in-cart .card--box-links{ margin-top: 8px; padding-top: 2px; border-top: 1px solid #ccc; } .recomended-in-cart .card--tools { padding: 4px 0 0; } .insta .col-sm-6{ padding: 0; display: inline-grid; } #insta1{ background: #000; height: 10em; display: flex; align-items: center; justify-content: center; overflow:hidden; } .icc{ cursor: pointer; } .btn.is-block.btn_advance{ display: none; } #insta1 img{ /*position: absolute;*/ /*top: 10%;*/ /*left: 10%;*/ margin: 0; /*max-height: 80%;*/ width: 100%; height: auto; -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .insta-min span{ overflow:hidden; height: 300px; } .insta-min a { -moz-transition: all 1s ease-out; -o-transition: all 1s ease-out; -webkit-transition: all 1s ease-out; } .insta-min a:hover, #insta1 img:hover{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } @media (max-width: 600px){ .insta a{ display: block; } #insta1{ height: 300px !important; } .insta .col-sm-6 { padding: 0; display: inline-block; width: 100%; } } #sb{ cursor: pointer; height: 48px; color: #2B2036; background: #F1F1F1; width: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; width: 50%; } #sb:hover { color: #fff; background: #ff2e38; } #sb span{ display: inline-block; } .bx-catalog-subscribe-button{ float: right; margin-bottom: 0px; } .b24{ background: url(/local/templates/4k-monitors/img/ring_icon4k.png) 0 0 no-repeat; width: 66px; height: 66px; display: block; background-size: cover; cursor: pointer; } .ic{ margin-left: 10px; } .ddd{ padding: 20px !important; } .zzz{ padding: 20px !important; position: absolute; width: 100%; height: 100%; top: 0; } .opas{ opacity: .8; } .opas .radiobox--in:after{ opacity: 1; } .form-field.is-payments .row > .col-xs-12{ position: relative; } .ic3{ left: 310px; top: -20px !important; } .bx-whatsapp{ display: none; } .b24-widget-button-close, .b24-widget-button-icon-animation { background-image: url(https://4k-monitor.ru/local/templates/4k-monitors/img/ring_icon4k.png); background-position: center; background-repeat: no-repeat; } .stars-line{ color: #ff2e38; font-size: 25px; font-weight: bold; } .y-wr{ align-items: center; } .rev-h2{ color: #2b2036; text-transform: uppercase; letter-spacing: -0.7px; font-size: 30px; line-height: 40px; font-weight: 700; text-align: left; margin: 50px 0; } .y-item{ width: 20%; font-family: 'CeraPRO', arial, sans-serif; color: #fff; font-size: 16px; line-height: 24px; } .y-wr-2{ padding-top: 10px !important; padding-bottom: 11px !important; } .y-span1{ font-size: 30px; font-weight: bold; display: block; text-decoration: none; color: #ff2e38; } .y-item-1{ font-size: 80px; font-weight: bold; color: #ff2e38; } .icon-star.icon-star2:before { content: "★"; font-size: 30px; } @media (max-width: 500px) { .y-wr { flex-direction: column; } .y-item{ width: 100%; text-align: center; margin-bottom: 40px; } .y-item-1{ margin-bottom: 50px; margin-top: 50px; } .y-span1{ line-height: 40px; } } .rasp-ny { font-family: 'CeraPRO', arial, sans-serif; font-weight: 500; position: absolute; top: 0; left: 0; width: 100%; height: 50px; background-color: #5C4276; color: #FFFFFF; display: flex; align-items: center; justify-content: center; z-index: 1000; font-size: 15px; } .rasp-point { padding-left: 25px; padding-right: 25px; color: #A491B7; } .rasp-text { display: flex; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; /* Скрыть переполняющийся контент */ } .rasp-text-inner { display: inline-block; white-space: nowrap; /* Запретить перенос текста */ } .rasp-text-wrapper { display: flex; } .rasp-close { position: absolute; right: 50px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #5C4276; cursor: pointer; } .rasp-text-mb { display: none; } @media (max-width: 1105px) { .rasp-ny { justify-content: flex-start !important; } .rasp-text-mb { display: flex; } .rasp-text-wrapper { display: flex; } .rasp-text { padding-left: 25px; justify-content: flex-start; animation: marquee 16s linear infinite; } /* анимация с плавной прокруткой */ @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } } @media (max-width: 1110px) { .rasp-close { right: 0px; } } .sales-ny { font-family: 'CeraPRO', arial, sans-serif; font-weight: 700; /*position: absolute;*/ top: 0; left: 0; width: 100%; height: 50px; background-color: rgba(229, 41, 50, 1); color: #FFFFFF; display: flex; align-items: center; justify-content: center; z-index: 1000; font-size: 18px; } .sales-point { padding-left: 25px; padding-right: 25px; color: #A491B7; } .sales-text { display: flex; gap: 18px; align-items: center; justify-content: center; white-space: nowrap; overflow: hidden; /* Скрыть переполняющийся контент */ } .sales-text-inner { display: inline-block; white-space: nowrap; /* Запретить перенос текста */ } .sales-text-wrapper { display: flex; } .sales-close { position: absolute; right: 50px; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(229, 41, 50, 1); cursor: pointer; } .sales-text-mb { display: none; } @media (max-width: 360px) { .sales-ny { justify-content: flex-start !important; } .sales-text-mb { display: flex; } .sales-text-wrapper { display: flex; } .sales-text { padding-left: 25px; justify-content: flex-start; } } @media (max-width: 1110px) { .sales-close { right: 0px; } } /* End */ /* Start:/local/templates/4k-monitors/lib/fancybox/jquery.fancybox.min.css?172703136010424*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f0f11;opacity:0;transition-timing-function:cubic-bezier(.55,.06,.68,.19);-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-container--ready .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-controls{position:absolute;top:0;left:0;right:0;text-align:center;opacity:0;z-index:99994;transition:opacity .2s;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;direction:ltr}.fancybox-show-controls .fancybox-controls{opacity:1}.fancybox-infobar{display:none}.fancybox-show-infobar .fancybox-infobar{display:inline-block;pointer-events:all}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-buttons{position:absolute;top:0;right:0;display:none;pointer-events:all}.fancybox-show-buttons .fancybox-buttons{display:block}.fancybox-slider-wrap{overflow:hidden;direction:ltr}.fancybox-slider,.fancybox-slider-wrap{position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;z-index:99993;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:transparent}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch}.fancybox-slide:before{content:"";height:100%;width:0}.fancybox-slide:before,.fancybox-slide>*{display:inline-block;vertical-align:middle}.fancybox-slide>*{position:relative;padding:24px;margin:44px 0;border-width:0;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide--image{overflow:hidden}.fancybox-slide--image:before{display:none}.fancybox-content{display:inline-block;position:relative;margin:44px auto;padding:0;border:0;width:80%;height:calc(100% - 88px);vertical-align:middle;line-height:normal;text-align:left;white-space:normal;outline:none;font-size:16px;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-slide--video .fancybox-content,.fancybox-slide--video .fancybox-iframe{background:transparent}.fancybox-placeholder{z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-image,.fancybox-placeholder,.fancybox-spaceball{position:absolute;top:0;left:0;margin:0;padding:0;border:0}.fancybox-image,.fancybox-spaceball{width:100%;height:100%;max-width:none;max-height:none;background:transparent;background-size:100% 100%}.fancybox-controls--canzoomOut .fancybox-placeholder{cursor:zoom-out}.fancybox-controls--canzoomIn .fancybox-placeholder{cursor:zoom-in}.fancybox-controls--canGrab .fancybox-placeholder{cursor:-webkit-grab;cursor:grab}.fancybox-controls--isGrabbing .fancybox-placeholder{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-spaceball{z-index:1}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-error{position:absolute;margin:0;padding:40px;top:50%;left:50%;width:380px;max-width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .2s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-slide--video .fancybox-close-small{top:-36px;right:-36px;background:transparent}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-caption-wrap{position:absolute;bottom:0;left:0;right:0;padding:60px 30px 0;z-index:99998;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));opacity:0;transition:opacity .2s;pointer-events:none}.fancybox-show-caption .fancybox-caption-wrap{opacity:1}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;width:44px;height:44px;line-height:44px;margin:0;padding:0;border:0;border-radius:0;cursor:pointer;background:transparent;color:#fff;box-sizing:border-box;vertical-align:top;outline:none}.fancybox-button--disabled{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover{background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;border-color:#fff;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button--disabled:after,.fancybox-button--disabled:before{opacity:.5}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close{float:right}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@media (max-width:800px){.fancybox-controls{text-align:left}.fancybox-button--left,.fancybox-button--right,.fancybox-buttons button:not(.fancybox-button--close){display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:15px;top:16px;border:2px solid;background:none}.fancybox-button--play:before{top:16px;left:18px;width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px;background:transparent}.fancybox-button--pause:before{top:16px;left:18px;width:7px;height:11px;border-style:solid;border-width:0 2px;background:transparent}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{top:20px;left:21px;width:3px;height:3px;box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:220px}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;z-index:99993;word-break:normal;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;box-sizing:border-box}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid #fff;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{display:none!important}.fancybox-container--thumbs .fancybox-caption-wrap,.fancybox-container--thumbs .fancybox-controls,.fancybox-container--thumbs .fancybox-slider-wrap{right:0}} /* End */ /* Start:/local/templates/4k-monitors/css/owl.carousel.css?17270313005228*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item.active { z-index: 1; } .owl-carousel .owl-item img { -webkit-transform-style: preserve-3d; outline: none; } .owl-carousel .owl-nav button { background: transparent; border: 0; transition: all .2s ease-out; } .owl-carousel .owl-nav button + button { margin-left: 20px; } .owl-carousel .owl-nav button.disabled { opacity: .4; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item { /** This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong calculation of the height of the owl-item that breaks page layouts */ } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/local/templates/4k-monitors/css/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /* End */ /* Start:/local/templates/4k-monitors/css/style.css?1750097803377868*/ /* HTML5 Reset :: reset.css ------------------------------------------------------------------- Подготовлен командой LiveHTML | by LiveHTML :: http://livehtml.io ------------------------------------------------------------------- Выражаем особую благодарность людям, чьи труды способствовали появлению данного ресета: We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://ericmeyer.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Сбрасываем значения по умолчанию для элементов | Let's default this puppy out -------------------------------------------------------------------------------*/ /* @import url(https://fonts.googleapis.com/css?family=Open+Sans:400&subset=latin,cyrillic); */ @import "/local/templates/4k-monitors/css/../fonts/cerapro/style.css"; @import "/local/templates/4k-monitors/css/../fonts/4k-monitor/style.css"; html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } header, section, footer { clear: both; } /* Всегда показывать полосу прокрутки (чтобы сайт не прыгал, когда на других страницах нет данной полосы) force a vertical scrollbar to prevent a jumpy page */ html { overflow-y: scroll; } .line { width: 100%; height: 1px; left: 20px; top: 159px; background: #EEEEEE; } /* Добавляем буллеты к UL и цифры к OL, т.к. в контенте могут использоваться стандартные списки we can use default ULs & OLs with bullets */ ul { list-style: outside disc; margin: 15px 0 15px 30px; } ol { list-style: outside decimal; margin: 15px 0 15px 30px; } table { border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } /* Сбрасываем отступы у элементов форм Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; outline: none; } input::-moz-focus-inner, button::-moz-focus-inner { padding: 0; border: 0; } input, select { vertical-align: middle; } input[type=radio], input[type=checkbox] { margin: 1px 4px 4px 0; } input[type=text], input[type=password] { -webkit-appearance: none; } textarea { overflow: auto; resize: vertical; border-radius: 0; -webkit-appearance: none; } /* Решение проблемы с обрезанием стилизованных кнопок в IE | make buttons play nice in IE */ button, input[type=submit] { width: auto; overflow: visible; } .ie7 input[type=submit], .ie7 input[type=reset], .ie7 input[type=button] { filter: chroma(color=#000000); } /* Курсор-указатель на кликабельных элементах | hand cursor on clickable elements */ input[type=button], input[type=submit], button { cursor: pointer; -webkit-appearance: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } small { font-size: 85%; } strong { font-weight: bold; } sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; font-size: 0; line-height: 0; } /* Стандартизируем моноширные элементы | standardize any monospaced elements */ pre, code, kbd, samp { font-family: 'CeraPRO', monospace, sans-serif; } pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ /* white-space: pre-line;*/ /* CSS 3 (and 2.1 as well, actually) */ /* word-wrap: break-word;*/ /* IE */ } /* Устанавливаем произвольный цвет для выделения (не забываем убрать тень для текста) Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ /* ::-moz-selection{ background:#fcd700; color:#fff; text-shadow:none; } */ /* ::selection { background:#fcd700; color:#fff; text-shadow:none; } */ /* Устанавливаем произвольный цвет подсветки ссылок на Apple устройствах: j.mp/webkit-tap-highlight-color */ /* a:link {-webkit-tap-highlight-color:#fcd700;} */ /* Правильный ресайз картинок в IE7 scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } .c-pointer { cursor: pointer; } /* Сброс float блоков | let's clear some floats */ .clear { clear: both; height: 0; font-size: 0; line-height: 0; } .center { text-align: center; margin-left: auto; margin-right: auto; } /* Coded in LiveHTML :: http://livehtml.io */ /* Slider */ .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-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -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-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .container-flex { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .is-red { color: #fff !important; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #ffffff; opacity: 0.95; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: 'CeraPRO', Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* overlay at start */ .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* overlay animate in */ .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; } /* overlay animate out */ .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } /* content at start */ .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /* content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } /* content animate out */ .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } input.es-input { border: 1px solid #bbbbbb; padding: 10px 54px 10px 45px; margin: 0; display: block; width: 100%; height: 45px; font-size: 16px; line-height: 23px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } input.es-input:hover { border-color: #ff2e38; } input.es-input:focus { border-color: #2b2036; } .es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto; -moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; } .es-list li { display: block; padding: 5px 10px; margin: 0; } .es-list li.selected { background: #f3f3f3; } .es-list li[disabled] { opacity: 0.5; } html { min-width: auto; width: auto; height: 100%; } html._overflow { margin-right: 17px; overflow: hidden; } body { font: normal normal 14px/20px 'CeraPRO', arial, sans-serif; font-variant-numeric: lining-nums; background: #eaeaea; color: #2b2036; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-width: 320px; min-height: initial; position: relative; top: auto; right: auto; bottom: auto; left: auto; } body.white { background-color: #fff; } body button { font-family: 'CeraPRO', arial, sans-serif; } body input, body textarea { font-family: 'CeraPRO', arial, sans-serif; } body *, body *:before, body *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .left { float: left; } .right { float: right; } .clearfix { *zoom: 1; } .clearfix:after { clear: both; } .clearfix:before, .clearfix:after { content: " "; display: table; } .container { margin: 0 auto; padding: 0 60px; width: 100%; height: auto; max-width: 1800px; max-height: initial; min-width: 320px; min-height: initial; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .container-big { max-width: 1920px; } .container-medium { max-width: 1850px; } @media (max-width: 767px) { .container { padding: 0 15px; } } @media (min-width: 550px) and (max-width: 767px) { .container { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1079px) { .container { padding: 0 30px; } } @media (min-width: 1080px) and (max-width: 1409px) { .container { max-width: 1350px; max-height: initial; } } .row { margin: 0 -15px; font-size: 0; line-height: 0; display: flex; flex-wrap: wrap; } .row--flex { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; align-items: stretch; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .row.no-gutter { margin-right: 0; margin-left: 0; } .row.no-gutter>[class^="col-"], .row.no-gutter>[class*=" col-"] { padding-right: 0; padding-left: 0; } .row.gutter-20 { margin-right: -10px; margin-left: -10px; } .row.gutter-20>[class^="col-"], .row.gutter-20>[class*=" col-"] { padding-right: 10px; padding-left: 10px; } .col-xs-0 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 0%; height: auto; } .col-xs-offset-0 { margin-right: 0%; } .col-xs-offset-l-0 { margin-left: 0%; } .col-xs-1 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 8.33333333%; height: auto; } .col-xs-offset-1 { margin-right: 8.33333333%; } .col-xs-offset-l-1 { margin-left: 8.33333333%; } .col-xs-2 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 16.66666667%; height: auto; } .col-xs-offset-2 { margin-right: 16.66666667%; } .col-xs-offset-l-2 { margin-left: 16.66666667%; } .col-xs-3 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 25%; height: auto; } .col-xs-offset-3 { margin-right: 25%; } .col-xs-offset-l-3 { margin-left: 25%; } .col-xs-4 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 33.33333333%; height: auto; } .col-xs-offset-4 { margin-right: 33.33333333%; } .col-xs-offset-l-4 { margin-left: 33.33333333%; } .col-xs-5 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 41.66666667%; height: auto; } .col-xs-offset-5 { margin-right: 41.66666667%; } .col-xs-offset-l-5 { margin-left: 41.66666667%; } .col-xs-6 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 50%; height: auto; } .col-xs-offset-6 { margin-right: 50%; } .col-xs-offset-l-6 { margin-left: 50%; } .col-xs-7 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 58.33333333%; height: auto; } .col-xs-offset-7 { margin-right: 58.33333333%; } .col-xs-offset-l-7 { margin-left: 58.33333333%; } .col-xs-8 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 66.66666667%; height: auto; } .col-xs-offset-8 { margin-right: 66.66666667%; } .col-xs-offset-l-8 { margin-left: 66.66666667%; } .col-xs-9 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 75%; height: auto; } .col-xs-offset-9 { margin-right: 75%; } .col-xs-offset-l-9 { margin-left: 75%; } .col-xs-10 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 83.33333333%; height: auto; } .col-xs-offset-10 { margin-right: 83.33333333%; } .col-xs-offset-l-10 { margin-left: 83.33333333%; } .col-xs-11 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 91.66666667%; height: auto; } .col-xs-offset-11 { margin-right: 91.66666667%; } .col-xs-offset-l-11 { margin-left: 91.66666667%; } .col-xs-12 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 100%; height: auto; } .col-xs-offset-12 { margin-right: 100%; } .col-xs-offset-l-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-0 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 0%; height: auto; } .col-sm-offset-0 { margin-right: 0%; } .col-sm-offset-l-0 { margin-left: 0%; } .col-sm-1 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 8.33333333%; height: auto; } .col-sm-offset-1 { margin-right: 8.33333333%; } .col-sm-offset-l-1 { margin-left: 8.33333333%; } .col-sm-2 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 16.66666667%; height: auto; } .col-sm-offset-2 { margin-right: 16.66666667%; } .col-sm-offset-l-2 { margin-left: 16.66666667%; } .col-sm-3 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 25%; height: auto; } .col-sm-offset-3 { margin-right: 25%; } .col-sm-offset-l-3 { margin-left: 25%; } .col-sm-4 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 33.33333333%; height: auto; } .fc { width: 50%; } .col-sm-offset-4 { margin-right: 33.33333333%; } .col-sm-offset-l-4 { margin-left: 33.33333333%; } .col-sm-5 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 41.66666667%; height: auto; } .col-sm-offset-5 { margin-right: 41.66666667%; } .col-sm-offset-l-5 { margin-left: 41.66666667%; } .col-sm-6 { /* padding: 0 15px; */ padding: 0 5px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 50%; height: auto; } .col-sm-offset-6 { margin-right: 50%; } .col-sm-offset-l-6 { margin-left: 50%; } .col-sm-7 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 58.33333333%; height: auto; } .col-sm-offset-7 { margin-right: 58.33333333%; } .col-sm-offset-l-7 { margin-left: 58.33333333%; } .col-sm-8 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 66.66666667%; height: auto; } .col-sm-offset-8 { margin-right: 66.66666667%; } .col-sm-offset-l-8 { margin-left: 66.66666667%; } .col-sm-9 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 75%; height: auto; } .col-sm-offset-9 { margin-right: 75%; } .col-sm-offset-l-9 { margin-left: 75%; } .col-sm-10 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 83.33333333%; height: auto; } .col-sm-offset-10 { margin-right: 83.33333333%; } .col-sm-offset-l-10 { margin-left: 83.33333333%; } .col-sm-11 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 91.66666667%; height: auto; } .col-sm-offset-11 { margin-right: 91.66666667%; } .col-sm-offset-l-11 { margin-left: 91.66666667%; } .col-sm-12 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 100%; height: auto; } .col-sm-offset-12 { margin-right: 100%; } .col-sm-offset-l-12 { margin-left: 100%; } } @media (min-width: 1080px) { .col-md-0 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 0%; height: auto; } .col-md-offset-0 { margin-right: 0%; } .col-md-offset-l-0 { margin-left: 0%; } .col-md-1 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 8.33333333%; height: auto; } .col-md-offset-1 { margin-right: 8.33333333%; } .col-md-offset-l-1 { margin-left: 8.33333333%; } .col-md-2 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 16.66666667%; height: auto; } .col-md-offset-2 { margin-right: 16.66666667%; } .col-md-offset-l-2 { margin-left: 16.66666667%; } .col-md-3 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 25%; height: auto; } .col-md-offset-3 { margin-right: 25%; } .col-md-offset-l-3 { margin-left: 25%; } .col-md-4 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 33.33333333%; height: auto; } .col-md-offset-4 { margin-right: 33.33333333%; } .col-md-offset-l-4 { margin-left: 33.33333333%; } .col-md-5 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 41.66666667%; height: auto; } .col-md-offset-5 { margin-right: 41.66666667%; } .col-md-offset-l-5 { margin-left: 41.66666667%; } .col-md-6 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 50%; height: auto; } .col-md-offset-6 { margin-right: 50%; } .col-md-offset-l-6 { margin-left: 50%; } .col-md-7 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 58.33333333%; height: auto; } .col-md-offset-7 { margin-right: 58.33333333%; } .col-md-offset-l-7 { margin-left: 58.33333333%; } .col-md-8 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 66.66666667%; height: auto; } .col-md-offset-8 { margin-right: 66.66666667%; } .col-md-offset-l-8 { margin-left: 66.66666667%; } .col-md-9 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 75%; height: auto; } .col-md-offset-9 { margin-right: 75%; } .col-md-offset-l-9 { margin-left: 75%; } .col-md-10 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 83.33333333%; height: auto; } .col-md-offset-10 { margin-right: 83.33333333%; } .col-md-offset-l-10 { margin-left: 83.33333333%; } .col-md-11 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 91.66666667%; height: auto; } .col-md-offset-11 { margin-right: 91.66666667%; } .col-md-offset-l-11 { margin-left: 91.66666667%; } .col-md-12 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 100%; height: auto; } .col-md-offset-12 { margin-right: 100%; } .col-md-offset-l-12 { margin-left: 100%; } } @media (min-width: 1410px) { .col-lg-0 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 0%; height: auto; } .col-lg-offset-0 { margin-right: 0%; } .col-lg-offset-l-0 { margin-left: 0%; } .col-lg-1 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 8.33333333%; height: auto; } .col-lg-offset-1 { margin-right: 8.33333333%; } .col-lg-offset-l-1 { margin-left: 8.33333333%; } .col-lg-2 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 16.66666667%; height: auto; } .col-lg-offset-2 { margin-right: 16.66666667%; } .col-lg-offset-l-2 { margin-left: 16.66666667%; } .col-lg-3 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 25%; height: auto; } .fc { width: 33% !important; } .col-lg-offset-3 { margin-right: 25%; } .col-lg-offset-l-3 { margin-left: 25%; } .col-lg-4 { /* padding: 0 15px; */ padding: 0 5px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 33.33333333%; height: auto; } .col-lg-offset-4 { margin-right: 33.33333333%; } .col-lg-offset-l-4 { margin-left: 33.33333333%; } .col-lg-5 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 41.66666667%; height: auto; } .col-lg-offset-5 { margin-right: 41.66666667%; } .col-lg-offset-l-5 { margin-left: 41.66666667%; } .col-lg-6 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 50%; height: auto; } .col-lg-offset-6 { margin-right: 50%; } .col-lg-offset-l-6 { margin-left: 50%; } .col-lg-7 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 58.33333333%; height: auto; } .col-lg-offset-7 { margin-right: 58.33333333%; } .col-lg-offset-l-7 { margin-left: 58.33333333%; } .col-lg-8 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 66.66666667%; height: auto; } .col-lg-offset-8 { margin-right: 66.66666667%; } .col-lg-offset-l-8 { margin-left: 66.66666667%; } .col-lg-9 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 75%; height: auto; } .col-lg-offset-9 { margin-right: 75%; } .col-lg-offset-l-9 { margin-left: 75%; } .col-lg-10 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 83.33333333%; height: auto; } .col-lg-offset-10 { margin-right: 83.33333333%; } .col-lg-offset-l-10 { margin-left: 83.33333333%; } .col-lg-11 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 91.66666667%; height: auto; } .col-lg-offset-11 { margin-right: 91.66666667%; } .col-lg-offset-l-11 { margin-left: 91.66666667%; } .col-lg-12 { padding: 0 15px; font-size: 14px; line-height: 1.5; display: inline-block; vertical-align: top; width: 100%; height: auto; } .col-lg-offset-12 { margin-right: 100%; } .col-lg-offset-l-12 { margin-left: 100%; } } .headers-wrap--pt { padding-top: 118px; } .headers-wrap--pt:has(.sales-ny){ padding-top: calc(118px + 50px); } body::-webkit-scrollbar { width: 12px; background: #f3f4f6; } body::-webkit-scrollbar-thumb { background-color: #191e24; border-radius: 3px; } body::-webkit-scrollbar-track { border-width: 0; } .h-icon { display: inline-block; vertical-align: middle; transition: all .1s ease-out; } .h-icon-location { width: 12px; height: 14px; fill: #EF2525; } .h-icon-location-mobile { width: 24px; height: 24px; fill: #292135; } .h-icon-phone { width: 24px; height: 24px; fill: #292135; } .h-icon-search { width: 21px; height: 21px; fill: #292135; } .h-icon-user { width: 26px; height: 26px; fill: #292135; } .h-icon-favorite { width: 26px; height: 26px; fill: #292135; } @media (max-width: 767px) { .h-icon-favorite { width: 18px; height: 18px; fill: #292135; } .h-icon-compare { width: auto; height: 18px; fill: #292135; } } .h-icon-compare { width: 24px; height: 26px; fill: #292135; } .h-icon-cart { width: 26px; height: 26px; fill: #292135; } .h-icon-arrow { width: 8px; height: 13px; fill: #9B9B9B; } .h-icon-back { background: url(/local/templates/4k-monitors/css/../svg/vert_arrow_mobile.svg) 0 0 no-repeat; width: 10px; height: 22px; background-position: 0px; } .head { position: fixed; top: 0; left: 0; z-index: 150; width: 100%; background: #fff; border-bottom: 1px solid #eee; transition: all .15s ease-out; } .head-top.scroll-up { display: block; } .head.scroll .head-wrap { height: 73px; } .head.scroll .head-top { display: none; } .head.scroll .head-icons { margin-bottom: 4px; } .head.scroll .head-middle { margin-top: 0; } .head * { box-sizing: border-box; font-family: 'CeraPRO'; } .head-wrap { position: relative; margin: 0 auto; padding: 19px 0px 0px; width: auto; margin-left: 44px; margin-right: 44px; height: 117px; background: #fff; } .head-top { display: flex; justify-content: space-between; align-items: flex-start; } .head-top .city-popup { top: 50px; right: auto; left: 39px; border-radius: 5px; } .head-top .city-popup:before { right: auto; left: 39px; } .head-location { display: flex; justify-content: flex-start; align-items: center; flex: 0 0 305px; cursor: pointer; text-decoration: none; } .head-icons-item-search { display: none; } .head-location .h-icon { margin-right: 7px; } .head-location .h-icon-location-mobile { display: none; } .head-location__city { font-weight: 400; font-size: 15px; color: #292135; transition: all .1s ease-out; } .head-location:hover .head-location__city { color: #FF2E38; } .head-mobile-search { display: none; } .head-nav { display: flex; align-items: flex-start; list-style: none; margin: 0; flex: 1; white-space: nowrap; gap: 25px; margin-left: 10px; } .head-nav a { display: inline-block; /*margin: 0 15px;*/ font-weight: 400; font-size: 14.5px; color: #62636A; text-decoration: none; transition: all .1s ease-out; } .head-nav a:hover { color: #FF2E38; background: none; } .head-nav>li:has(ul)>a { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_black.svg) 0 0 no-repeat; background-position: calc(100% - 0px) 10px; padding-right: 16px; padding-bottom: 12px; } .head-nav>li:has(ul)>a:hover { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_red.svg) 0 0 no-repeat; background-position: calc(100% - 0px) 10px; padding-right: 16px; padding-bottom: 12px; } .head-nav ul { display: none; } .head-nav li:hover>ul, .head-nav li ul:hover { display: block; } .head-nav ul { position: absolute; background: #fff; padding: 20px; border-radius: 10px; border: 1px solid #eee; list-style: none; margin: 0; margin-left: -60px; z-index: 1001; } .head-nav li { position: relative; } .head-nav li ul li a { margin: 0; padding: 5px 10px; } .head-nav li ul li a:hover { margin: 0; padding: 5px 10px; color: #FF2E38; } .head-phone { display: flex; justify-content: flex-end; align-items: center; width: 100% !important; overflow: visible; } .head-p-r{ display: flex; gap: 15px; } .head-rasp{ font-weight: 400; font-size: 15px; color: #62636A; white-space: nowrap; display: flex; justify-content: flex-end; align-items: center; } .head-phone .h-icon { display: none; } .head-phone a { font-weight: 500; font-size: 15px; color: #292135; text-decoration: none; } .head-phone__time { margin-left: 25px; font-weight: 400; font-size: 15px; color: #62636A; } .head-middle { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; } .head-middle-flex { display: flex; justify-content: flex-start; align-items: flex-start; flex: 0 0 302.5px; } .head-toggle { display: none; justify-content: center; align-items: center; margin-right: 25px; width: 52px; height: 52px; background: #F1F1F1; border-radius: 10px; cursor: pointer; transition: background .2s 0s ease; } .head-toggle.active { background: #F1F1F1; } .head-toggle span { position: relative; width: 20px; height: 14px; line-height: 24px; transition: all .2s ease-out; } .head-toggle span:before, .head-toggle span:after { content: ''; } .head-toggle span:before, .head-toggle span i, .head-toggle span:after { position: absolute; left: 0; display: block; height: 2px; background: #292135; border-radius: 2px; transition: .3s all ease; transition-duration: .2s, .2s; transition-delay: .2s, 0s; transition-property: top, transform, background, width; } .head-toggle span:before { top: 0; width: 100%; } .head-toggle span i { top: 6px; width: 14px; } .head-toggle span:after { top: 12px; width: 100%; } .head-toggle.active span:before, .head-toggle.active span:after { transition-delay: 0s, .3s; } .head-toggle.active span i { transition: background .2s 0s ease; background: transparent; } .head-toggle.active span:before { top: 6px; width: 18px; left: -1px; background: #292135; transform: rotate(45deg); } .head-toggle.active span i { background: transparent; } .head-toggle.active span:after { top: 6px; width: 18px; left: -1px; background: #292135; transform: rotate(-45deg); } .head-logo { display: inline-block; width: 274px; padding-bottom: 21px; } .head-logo img { max-width: 100%; height: auto; vertical-align: middle; outline: none; } .head-search { position: relative; flex: 1; } .head-search input { padding: 0 60px 0 17px; width: 100%; height: 54px; background: #fff; border: 2px solid #FF2E38; border-radius: 10px; font-weight: 400; font-size: 16px; } .head-search input::-webkit-input-placeholder { font-family: 'CeraPRO' !important; color: #5A5266; } .head-search input:-ms-input-placeholder { font-family: 'CeraPRO' !important; color: #5A5266; } .head-search input::-ms-input-placeholder { font-family: 'CeraPRO' !important; color: #5A5266; } .head-search button { position: absolute; top: 16px; right: 27px; width: 21px; height: 21px; cursor: pointer; background: transparent; border: 0; } .head-search button:hover .h-icon { fill: #FF2E38; } .head-icons { margin-left: 0px; display: flex; justify-content: flex-end; } .head-icons-mobile { display: none; } .head-icons-item { position: relative; display: inline-block; text-align: center; text-decoration: none; padding-bottom: 10px; } .head-icons-item+.head-icons-item { margin-left: 30px; } .head-icons-item .h-icon { margin-bottom: 3px; } .head-icons-item__title { font-weight: 400; font-size: 13px; color: #62636A; transition: all .1s ease-out; } .head-icons-item:hover .head-icons-item__title { color: #FF2E38; } .head-icons-item:hover .h-icon { fill: #FF2E38; } .head-icons-item span { position: absolute; top: -7px; left: calc(100% - 24px); display: block; width: 17px; height: 17px; background: #ff2e38; border-radius: 100%; font: 400 9px/17px 'CeraPRO'; color: #ffffff; transform: translate(-50%, 0); transition: 200ms all ease; } .head-icons-item span.is-empty { opacity: 0; } .head-popup { position: absolute; top: calc(100% - 43px); left: -999999px; width: 100%; z-index: 20; opacity: 0; background: #fff; border: solid #eee; border-width: 1px 0; transition: opacity .2s ease-out; } .head.scroll .head-popup { top: calc(100% - 1px); } .head-popup.active { left: 0; opacity: 1; } .head-popup-wrap { display: flex; justify-content: flex-start; align-items: stretch; margin: 0 auto; /* padding: 0 60px; */ max-width: 1800px; width: 100%; } .head-popup-nav { flex: 0 0 408px; border-right: 1px solid #eee; } .head-popup-wrap .head-nav { display: none; } .head-popup-nav a { display: block; padding: 15px 30px 17px 39px; font-weight: 500; font-size: 16px; color: #292135; text-decoration: none; } .head-popup-nav a.active, .head-popup-nav a:hover { background: #F4F4F4; color: #FF2E38; } .head-popup-nav a .h-icon { display: none; } .head-popup-subnav { display: none; padding: 19px 15px 15px 30px; width: 100%; overflow: hidden; } .head-popup-subnav.active { display: block; } .head-popup-subnav-mobile { display: none; } .head-popup-subnav-mobile__back { display: flex; justify-content: flex-start; align-items: center; font-weight: 500; font-size: 16px; color: #292135; cursor: pointer; } .head-popup-subnav-mobile__back .h-icon { margin-right: 10px; } .head-popup-subnav-mobile__parent { margin: 24px 0 22px; font-weight: 700; font-size: 28px; color: #292135; } .head-popup-subnav-mobile__all { display: table; margin-bottom: 19px; font-weight: 500; font-size: 16px; color: #FF2E38; text-decoration: none; } .head-popup-subnav-top { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .head-popup-subnav-top ul { flex: 0 0 calc(100% / 5); margin: 0 0 30px; padding: 0 30px 0 0; } .head-popup-subnav-top ul li { margin: 0 0 10px; padding: 0; list-style-type: none; } .head-popup-subnav-top ul li a { font-weight: 400; font-size: 16px; color: #323232; text-decoration: none; } .head-popup-subnav-top ul .parent { font-weight: 500; } .head-popup-subnav-top ul .parent .h-icon { display: none; } .head-popup-subnav-top ul li a:hover { color: #FF2E38; } .head-popup-subnav-brands { padding-bottom: 12px; } .head-popup-subnav-brands a { display: block; width: 93px; height: 47px; border-radius: 10px; overflow: hidden; } .head-popup-subnav-brands a img { vertical-align: top; outline: none; max-width: 100%; height: auto; transition: all .15s ease-out; } .head-popup-subnav-brands a:hover img { filter: brightness(.97); } .head-catalog { display: flex; align-items: flex-start; flex: 1; list-style: none; margin: 0; /*gap: 25px;*/ } .head-catalog>li:has(ul)>a { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_black.svg) 0 0 no-repeat; background-position: calc(100% - 12.5px) 14px; padding: 5px 28.5px 28px 12.5px; border-bottom: 2px solid transparent; } .head-catalog>li:has(ul)>a:active { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_red.svg) 0 0 no-repeat; background-position: calc(100% - 12.5px) 14px; padding: 5px 28.5px 28px 12.5px; border-bottom: 2px solid #FF2E38; } .head-catalog>li:has(ul)>a:hover { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_red.svg) 0 0 no-repeat; background-position: calc(100% - 12.5px) 14px; padding: 5px 28.5px 28px 12.5px; border-bottom: 2px solid #FF2E38; } .head-catalog>li:hover>a { background: url(/local/templates/4k-monitors/css/../svg/menu_arrow_down_red.svg) 0 0 no-repeat; background-position: calc(100% - 12.5px) 14px; padding: 5px 28.5px 28px 12.5px; color: #FF2E38; border-bottom: 2px solid #FF2E38; } .head-catalog ul { display: none; } .head-catalog li:hover>ul { display: block; } .head-catalog li:hover>.menu_brands { display: flex !important; flex-wrap: wrap !important; align-items: center !important; } .head-catalog ul { position: absolute; background-color: white; z-index: 1000; list-style: none; padding: 20px; margin: 0; margin-left: -35px; border-radius: 0 0 15px 15px; width: 310px; } .head-catalog li { position: relative; } .head-catalog li a { padding: 5px 12.5px 28px 12.5px; box-sizing: border-box; } .head-catalog li a:hover { padding: 5px 12.5px 28px 12.5px; border-bottom: 2px solid #FF2E38; background: none; } .head-catalog li ul li { padding: 0; } .head-catalog li ul li a { padding: 12px 15px; width: 100%; } .head-catalog li ul li a:hover { background: #F3F2F3; border-radius: 5px; padding: 12px 15px; color: #292135; border: none; } .demo-li { color: #FF2E38 !important; background-color: #FFF0F1; border-radius: 37px; padding: 4px 10px; line-height: 90% !important; } .head-catalog a { display: inline-block; font-weight: 400; font-size: 17px; color: #292135; text-decoration: none; transition: all .1s ease-out; } .head-catalog a:hover { color: #FF2E38; } .card--box-links__fav.active svg, .card--box-links__com.active svg { fill: #FF2E38 !important; } .card--box-links__fav.active svg path, .card--box-links__com.active svg path { fill: #FF2E38 !important; } .card--box-links a.btn-svg.card--box-links__fav.is-added svg, .card-l--box-links a.btn-svg.card--box-links__fav.is-added svg { fill: #ff2e38; color: #ff2e38; } .card--box-links a.btn-svg.card--box-links__com, .card-l--box-links a.btn-svg.card--box-links__com { font-size: 18px; } .card-l--box-links a.btn-svg.card--box-links__com.is-added, .card-l--box-links a.btn-svg.card--box-links__com.is-added { color: #ff2e38; } .card-l--box-links a.btn-svg.card--box-links__com.is-added svg { fill: #ff2e38; color: #ff2e38; } .cards a.btn-svg.card--box-links__fav.is-added svg path, .cards a.btn-svg.card--box-links__com.is-added svg path { fill: #ff2e38; color: #ff2e38; } .menu_link_block { margin-top: 25px; display: flex; align-items: center; flex-wrap: wrap; margin-left: 15px; } .menu_link_block a { background: #F3F2F3; color: #292135; border-radius: 5px; padding: 10px 12px !important; border: none; margin-bottom: 10px; font-size: 15px; margin-right: 12px; } .menu_link_block a:hover { background: #FF2E38 !important; color: #fff; border: none !important; } .menu_brands { display: none !important; width: 1010px !important; margin-left: -440px !important; } .menu_brands li a { padding: 0 !important; width: auto !important; } .mobile_menu_brands { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .mobile_menu_brands li { margin-bottom: 10px !important; padding: 0 5px !important; } .menu_brands li a img, .mobile_menu_brands li a img { width: 71px !important; } .mobile_menu_link_block { display: flex; flex-wrap: wrap; margin-left: 20px; } /* Начальный стиль */ .mobile_menu_link_block a { background: #eee; padding: 7px 12px; border-radius: 5px; margin-right: 10px; color: #333; text-decoration: none; margin-bottom: 10px; font-size: 16px; } /* Активный класс с фоном и цветом */ .mobile_menu_link_block a.active { background: #FF2E38 !important; color: #fff; } .head-bottom-wrap { margin-top: 20px; min-height: 570px; } .head-bottom-wrap ul { list-style: none; /* padding: 0 17px; */ margin: 0; } .head-bottom-wrap ul li a, .head-bottom-wrap ul a { font-weight: 400; font-size: 16px; color: #292135; text-decoration: none; display: flex; justify-content: space-between; padding: 0px 18px 17px 0px; } .head-bottom-wrap ul a { padding-bottom: 20px; } .head-bottom-wrap ul li ul { display: none; } @media (max-width: 1550px) { .product-info-price__credit__icon { font-size: 10.9px !important; } .head-location { flex: none; } .head-popup-subnav-top { overflow-y: auto; max-height: 480px; } .head-popup-subnav-top::-webkit-scrollbar { width: 12px; background: transparent; } .head-popup-subnav-top::-webkit-scrollbar-thumb { background-color: #F4F4F4; border-radius: 3px; } .head-popup-subnav-top::-webkit-scrollbar-track { border-width: 0; } .head-popup-subnav-top ul { flex: 0 0 calc(100% / 4); } .head-popup-subnav-brands { margin-top: 30px; } } @media (min-width: 1080px) and (max-width: 1409px) { .head-wrap, .head-popup-wrap { max-width: 1350px; } .head-phone__time { display: none; } } @media (max-width: 1350px) { .head-phone__time { display: none; } .head-popup-subnav-top ul { flex: 0 0 calc(100% / 3); } } @media (max-width: 1250px) { .head-nav a { margin: 0 10px; } .head-popup-subnav-top ul { flex: 0 0 calc(100% / 2); } } @media (min-width: 768px) and (max-width: 1079px) { .head-wrap { padding: 14px 30px; margin: 0; } .head-popup-wrap { /* padding: 0 23px; */ padding: 0 15px; } .head-nav { left: 30px; } } @media (max-width: 992px) { .headers-wrap--pt { /*padding-top: 70px;*/ padding-top: 64px; } .headers-wrap--pt:has(.sales-ny){ padding-top: calc(64px + 50px); } .head-wrap { height: auto; } .head.scroll .head-wrap { height: auto; } .head.scroll .head-middle { margin-top: 0; } .head.scroll .head-popup-wrap .head-nav { display: block; } .head.scroll .head-top { display: flex; } .head-location { position: absolute; top: calc(50% - 13px); right: 210px; } .head-icons-item-search { display: block; position: absolute; top: calc(50% - 13px); right: 15px; } .head-top .city-popup { top: 70px; right: 15px; left: auto; border-radius: 5px; } .head-top .city-popup:before { left: 50px; } .head-mobile-search { position: absolute; top: 25px; right: 30px; } .head-phone { display: none; } .head-middle { margin-top: 0px !important; } .head-nav { display: none; } .head-toggle { margin-right: 25px; width: 40px; height: 40px; } .head-toggle span { width: 16px; } .head-toggle span i { width: 11px; } .head-toggle.active span:before { top: 6px; width: 18px; left: -1px; } .head-toggle.active span:after { top: 6px; width: 18px; left: -1px; } .head-logo { position: relative; top: auto; left: auto; width: 176px; padding: 0; } .head-icons { display: none; } .head-icons-mobile { position: fixed !important; bottom: 0 !important; left: 0 !important; z-index: 9999; display: block; margin: 0; width: 100%; } .head-icons-wrap { display: none; } .head-icons-wrap.active { display: flex; } .head-icons-mobile .head-icons-wrap { justify-content: space-between; align-items: center; padding: 0 20px; width: 100%; height: 68px; background: #fff; border-top: 1px solid #eee; box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.25); } .head-icons-mobile .head-icons-wrap--no-cart { background: #1D1723; border-top: 1px solid #2B2036; } .head-icons-wrap__link { flex: 0 0 25%; padding: 0px 10px; text-align: center; text-decoration: none; } .head-icons-wrap__link p { margin: 0; font-weight: 400; font-size: 9px; line-height: 10px; color: #fff; } .head-icons-item .h-icon { margin-bottom: 0; width: 24px; height: 24px; } .head-icons-item span { top: -5px; left: calc(100% - 2px); width: 14px; height: 14px; border-radius: 100%; font-size: 8px; line-height: 14px; } .b24-widget-button-position-bottom-right { right: 20px !important; bottom: 70px !important; } .head-toggle { display: flex; } .head-popup { top: 100%; height: 100vh; overflow-y: auto; } .head-popup-wrap { flex-wrap: wrap; max-height: calc(100vh - 230px); overflow-y: auto; } .head-popup-wrap::-webkit-scrollbar { width: 8px; background: transparent; } .head-popup-wrap::-webkit-scrollbar-thumb { background-color: #F4F4F4; border-radius: 3px; } .head-popup-wrap::-webkit-scrollbar-track { border-width: 0; } .head-popup-wrap .head-nav { position: relative; bottom: auto; left: auto; flex: 0 0 100%; display: block; padding: 10px 0; } .head-popup-wrap .head-nav a { display: block; padding: 9px 5px 10px 0; margin: 0; font-size: 16px; } .head-popup-nav { flex: 0 0 100%; padding: 10px 0 11px; border-right: 0; border-bottom: 1px solid #eee; } .head-popup-nav a { display: flex; justify-content: space-between; align-items: center; padding: 10px 5px 11px 0; } .head-popup-nav a.active, .head-popup-nav a:hover { background: transparent; border-right: 0; color: #292135; } .head-popup-nav a .h-icon { display: block; } .head-popup-subnav { position: absolute; top: 0; left: 0; padding: 0; height: 100%; background: #fff; overflow: unset; } .head-popup-subnav.active { display: none; } .head-popup-subnav.open { display: block; } .head-popup-subnav-mobile { display: block; } .head-popup-subnav-brands { display: none !important; } .head-popup-subnav-top { display: block; padding: 19px 30px; max-height: 85vh; } .head-popup-subnav-top ul { margin: 0; padding: 0; margin-top: 21px; } .head-popup-subnav-top ul li { margin-bottom: 22px; padding: 0 20px; } .head-popup-subnav-top ul .parent { display: flex; justify-content: space-between; align-items: center; font-size: 16px; cursor: pointer; } .head-popup-subnav-top ul.open { padding-bottom: 10px; } .head-popup-subnav-top ul.open .parent { margin-bottom: 14px; } .head-popup-subnav-top ul .parent .h-icon { display: block; margin-left: 15px; transform: rotate(90deg); } .head-popup-subnav-top ul.open .parent .h-icon { transform: rotate(-90deg); } } @media (max-width: 767px) { .head-wrap { padding: 12px 17px; margin: 0; } .head-popup-wrap { /* padding: 0 17px; */ padding: 0 15px; } .head-top .city-popup:before { right: 44px; left: auto; } .head-location { right: 45px; } .head-icons-item-search { right: 15px; } .head-location__city { display: none !important; } .head-location .h-icon-location { display: none; } .head-location .h-icon-location-mobile { display: block; } .head-phone, .head-mobile-search { right: 15px; } .head-phone span { display: none; } .head-phone .h-icon { display: block; } .head-popup-subnav-top { display: block; padding: 19px 15px; max-height: 85vh; } } @media (max-width: 360px) { .head-toggle { margin-right: 15px; } .head-logo { width: 176px; } } .cart-popup { position: absolute; top: 100%; left: -999999px; z-index: 10; padding: 30px 10px 30px 30px; width: 806px; min-height: 200px; opacity: 0; background: #fff; border: 1px solid #eee; transition: opacity .15s ease-out; } .cart-popup.active { left: auto; right: 0; opacity: 1; border-radius: 0 0 10px 10px; } .cart-popup.loader:before { content: ''; position: absolute; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; background: rgb(255 255 255 / 70%); } .cart-popup.loader:after { content: ''; position: absolute; top: 50%; left: 50%; z-index: 15; margin: -70px 0 0 -70px; width: 140px; height: 140px; background: url(/local/templates/4k-monitors/css/../img/loader.svg) 0 0 no-repeat; } .cart-popup__title { margin-bottom: 18px; font-size: 24px; line-height: 22px; text-transform: uppercase; } .cart-popup__close { position: absolute; top: 33px; right: 30px; } .cart-popup-wrap-overflow { padding-right: 18px; max-height: 307px; overflow-y: auto; } .cart-popup-wrap-overflow::-webkit-scrollbar { width: 2px; background: #f3f4f6; } .cart-popup-wrap-overflow::-webkit-scrollbar-thumb { background-color: #191e24; border-radius: 2px; } .cart-popup-wrap-overflow::-webkit-scrollbar-track { border-width: 0; } .cart-popup-table tr { border-bottom: 1px solid #EAEAEA; } .cart-popup-table thead tr th { padding: 15px 15px 13px; text-align: center; font-weight: normal; font-size: 16px; color: #2B2036; } .cart-popup-table thead tr th:nth-child(1) { width: 17%; } .cart-popup-table thead tr th:nth-child(2) { width: 41%; } .cart-popup-table thead tr th:nth-child(3) { width: 14%; } .cart-popup-table thead tr th:nth-child(4) { width: 14%; } .cart-popup-table thead tr th:nth-child(5) { width: 14%; } .cart-popup-table thead tr th:nth-child(1), .cart-popup-table thead tr th:nth-child(2) { text-align: left; } .cart-popup-table tbody tr td { padding: 19px 15px; vertical-align: middle; text-align: center; font-weight: normal; font-size: 16px; color: #2B2036; } .cart-popup-table tbody tr td:nth-child(1), .cart-popup-table tbody tr td:nth-child(2) { text-align: left; } .cart-popup-table__name a { font-weight: 600; color: #2B2036; text-decoration: none; } .cart-popup-table__name a:hover { color: #ff2e38; } .cart-popup-table__price span, .cart-popup-table__subtotal span { white-space: nowrap; font-family: 'CeraPRO', arial, sans-serif; } .cart-popup-table__quantity-wrap { display: flex; justify-content: center; align-items: center; } .cart-popup-table__quantity__btn { width: 25px; height: 30px; flex-shrink: 0; position: relative; cursor: pointer; } .cart-popup-table__quantity__btn:before { content: ''; width: 12px; height: 2px; background-color: #555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cart-popup-table__quantity__btn.pro-details-quantity__plus:after { content: ''; width: 12px; height: 2px; background-color: #555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); } .cart-popup-table__quantity input { width: 45px; height: 30px; border: 1px solid #bbb; text-align: center; font-family: 'CeraPRO', arial, sans-serif; font-size: 16px; line-height: 31px; color: #2B2036; } .cart-popup-total { padding: 21px 0 0; } .cart-popup-total-price { display: flex; justify-content: flex-end; padding-right: 28px; } .cart-popup-total-price-wrap { display: flex; justify-content: space-between; align-items: center; flex: 0 0 265px; margin-bottom: 19px; } .cart-popup-total-price__label { font-size: 14px; color: #2B2036; } .cart-popup-total-price__value { font-family: 'CeraPRO', arial, sans-serif; font-size: 14px; color: #2B2036; } .cart-popup-total-btns { display: flex; justify-content: space-between; align-items: center; } .cart-popup-total-btns-left a { display: inline-flex; justify-content: center; align-items: center; padding: 0 19px; height: 35px; background: #fff; border: 1px solid #2B2036; border-radius: 3px; font-size: 16px; color: #2B2036; } .cart-popup-total-btns-right { display: flex; justify-content: flex-end; align-items: center; padding-right: 21px; } .cart-popup-total-btns-right a { display: inline-flex; justify-content: center; align-items: center; padding: 0 21px; height: 35px; background: #FF2E38; border-radius: 3px; font-size: 16px; color: #fff; } .cart-popup-total-btns-right a+a { margin-left: 10px; } .cart-popup-total-btns a:hover, .cart-popup-total-btns a:focus, .cart-popup-total-btns a:active { text-decoration: none; } @media (max-width: 1200px) { .cart-popup { padding: 24px 10px 20px 20px; width: 575px; } .cart-popup__title { margin-bottom: 14px; font-size: 16px; line-height: 15px; } .cart-popup__close { top: 24px; right: 20px; } .cart-popup__close svg { width: 10px; height: 10px; } .cart-popup-wrap-overflow { padding-right: 8px; max-height: 200px; } .cart-popup-table thead tr th { padding: 10px 10px 7px; font-size: 12px; } .cart-popup-table thead tr th:nth-child(1) { width: 10%; } .cart-popup-table thead tr th:nth-child(2) { width: 54%; } .cart-popup-table thead tr th:nth-child(3) { width: 12%; } .cart-popup-table thead tr th:nth-child(4) { width: 12%; } .cart-popup-table thead tr th:nth-child(5) { width: 12%; } .cart-popup-table tbody tr td { padding: 10px; font-size: 12px; } .cart-popup-table__img img { max-width: 60px; height: auto; } .cart-popup-table__name a { display: table; line-height: 16px; } .cart-popup-table__quantity input { width: 30px; height: 20px; font-size: 12px; line-height: 21px; } .cart-popup-table__quantity__btn { width: 20px; } .cart-popup-table__quantity__btn:before { width: 8px; } .cart-popup-table__quantity__btn.pro-details-quantity__plus:after { width: 8px; } .cart-popup-total-price__label, .cart-popup-total-price__value { font-size: 12px; } .cart-popup-total-btns-left a, .cart-popup-total-btns-right a { font-size: 12px; } } @media (max-width: 992px) { .cart-popup { display: none !important; } } .header { z-index: 1000; position: absolute; top: 30px; right: 30px; bottom: auto; left: 30px; } @media (min-width: 1080px) { .header.is-fixed { position: fixed; top: 0; right: 30px; bottom: auto; left: 30px; } } @media (max-width: 767px) { .header { position: fixed; top: 0; right: 0; bottom: auto; left: 0; } } @media (min-width: 768px) and (max-width: 1079px) { .header { z-index: 3000; position: fixed; top: 0; right: 0; bottom: auto; left: 0; } } .header--top { background: #1d1723; color: #ffffff; *zoom: 1; } .header--top:after { clear: both; } .header--top:before, .header--top:after { content: " "; display: table; } @media (min-width: 1080px) { .header--top { margin: 0 auto; max-width: 1860px; max-height: initial; } } .header--in { background: #f6f5f7; *zoom: 1; } .header--in:after { clear: both; } .header--in:before, .header--in:after { content: " "; display: table; } @media (min-width: 1080px) { .header--in { margin: 0 auto; max-width: 1860px; max-height: initial; } } .header--side { float: left; width: 270px; height: auto; *zoom: 1; } .header--side:after { clear: both; } .header--side:before, .header--side:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--side { width: 190px; height: auto; } } .header--side.is-dark { background: #2b2036; } .header--body { float: left; width: calc(100% - 270px); height: auto; *zoom: 1; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .header--body:after { clear: both; } .header--body:before, .header--body:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--body { width: calc(100% - 190px); height: auto; } } .header--logo { background: #ffffff url(/local/templates/4k-monitors/css/../img/logotype.svg) center 14px no-repeat; background-size: auto 25px; color: #2b2036; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: 60px; font-size: 10px; line-height: 10px; } @media (max-width: 767px) { .header--logo { float: left; background-size: 100% auto; background-position: center center; width: 130px; height: 65px; } } @media (max-width: 350px) { .header--logo { width: 100px; } } @media (min-width: 550px) and (max-width: 767px) { .header--logo { width: 195px; height: 60px; } } @media (min-width: 768px) and (max-width: 1079px) { .header--logo { float: left; background-size: 100% auto; background-position: center center; margin: 0 30px 0 0; width: 210px; height: 60px; } } @media (min-width: 1080px) and (max-width: 1409px) { .header--logo { background-size: auto 18px; background-position: center center; } } .header--logo:hover { background-color: #f6f5f7; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--logo span { position: absolute; top: 37px; right: auto; bottom: auto; left: 89px; display: block; } @media (min-width: 1079px) and (max-width: 1409px) { .header--logo span { display: none; } } .header--phone { float: left; color: #ffffff; text-decoration: none; padding: 9px 0 11px 29px; display: block; font-size: 16px; line-height: 20px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--phone:after { content: "\00a0\00a0"; } .header--phone:hover { color: #ff2e38; } @media (min-width: 768px) and (max-width: 1079px) { .header--phone { padding: 0; color: #2b2036; font-size: 16px; line-height: 60px; } } @media (min-width: 1080px) and (max-width: 1409px) { .header--phone { padding-left: 0; float: none; text-align: center; } } .header--time { float: right; text-align: right; color: #fff; padding: 10px 30px 12px 0; font-size: 10px; line-height: 9px; } @media (min-width: 1079px) and (max-width: 1409px) { .header--time { display: none; } } .header--menu { float: left; } .header--menu-l { list-style: none; margin: 0; padding: 0 13px; *zoom: 1; } .header--menu-l:after { clear: both; } .header--menu-l:before, .header--menu-l:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--menu-l { padding: 0 12px; } } .header--menu-i { float: left; } .header--menu-i a { text-decoration: none; padding: 8px 13px 12px; color: #ffffff; display: block; font-size: 12px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--menu-i a:hover { color: #ff2e38; } @media (min-width: 1079px) and (max-width: 1280px) { .header--socials .footer--social { width: 24px !important; font-size: 14px !important; } .header--socials .footer--social svg { width: 16px; } .header--socials .footer--social i { font-size: 11px !important; } .header--menu-l { padding: 0 3px; } } @media (min-width: 1079px) and (max-width: 1200px) { .header--menu-i a { padding-left: 4px; padding-right: 4px; } .header--menu-i a { font-size: 11px !important; } .header--body { width: calc(100% - 190px); } .header--time { padding: 10px 10px 12px 0; } .header--nav-i>a, .header--nav-i>span { font-size: 11px !important; } } @media (min-width: 1181px) and (max-width: 1409px) { .header--menu-i a { padding-left: 8px; padding-right: 8px; } } .header--links { float: left; background: #2b2036; } .header--links-l { list-style: none; margin: 0; padding: 0 15px; *zoom: 1; } .header--links-l:after { clear: both; } .header--links-l:before, .header--links-l:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--links-l { padding: 0 8px; } } .header--links-i { float: left; } .header--links-i a { text-decoration: none; padding: 8px 15px 12px; color: #ff2e38; display: block; font-size: 12px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--links-i a:hover { color: #ffffff; } @media (min-width: 1080px) and (max-width: 1409px) { .header--links-i a { padding-left: 8px; padding-right: 8px; } } .header--auth { float: right; } .header--auth-l { list-style: none; margin: 0; padding: 0 15px; *zoom: 1; } .header--auth-l:after { clear: both; } .header--auth-l:before, .header--auth-l:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--auth-l { padding: 0 22px 0 0; } } .header--auth-i { float: left; } .header--auth-i a { text-decoration: none; padding: 8px 15px 12px; color: #ffffff; display: block; font-size: 12px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--auth-i a:hover { color: #ff2e38; } @media (min-width: 1080px) and (max-width: 1409px) { .header--auth-i a { padding-left: 8px; padding-right: 8px; } } .header--nav { float: left; position: static; top: auto; right: auto; bottom: auto; left: auto; } .header--nav-l { list-style: none; margin: 0 0 0 15px; padding: 0; position: static; top: auto; right: auto; bottom: auto; left: auto; *zoom: 1; } .header--nav-l:after { clear: both; } .header--nav-l:before, .header--nav-l:after { content: " "; display: table; } @media (min-width: 1080px) and (max-width: 1409px) { .header--nav-l { margin: 0 0 0 10px; } } .header--nav-i { float: left; position: static; top: auto; right: auto; bottom: auto; left: auto; } .header--nav-i>a, .header--nav-i>span { text-decoration: none; text-transform: uppercase; padding: 20px 12px 18px; border-bottom: 2px solid transparent; color: #ff2e38; display: block; font-size: 13px; line-height: 20px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--nav-i>a i, .header--nav-i>span i { font-style: normal; } .header--nav-i>a:hover, .header--nav-i>span:hover { color: #2b2036; border-color: #ff2e38; } @media (min-width: 1080px) and (max-width: 1409px) { .header--nav-i>a, .header--nav-i>span { padding-left: 9px; padding-right: 9px; font-size: 12px; line-height: 20px; } } .header--nav-i>ul { list-style: none; margin: 0; padding: 0 15px; background: #ffffff; *zoom: 1; display: none; position: absolute; top: 100%; right: 0; bottom: auto; left: 0; } .header--nav-i>ul:after { clear: both; } .header--nav-i>ul:before, .header--nav-i>ul:after { content: " "; display: table; } .header--nav-i>ul li { float: left; } .header--nav-i>ul li a { text-decoration: none; text-transform: uppercase; padding: 18px 14px 16px; border-bottom: 2px solid transparent; color: #2b2036; display: block; font-size: 14px; line-height: 20px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--nav-i>ul li a:hover { color: #ff2e38; border-color: #ff2e38; } .header--nav-i.is-active>a { color: #1d1723; border-color: #ff2e38; } .header--menu-i.is-active>a { color: #ff2e38; } .header--links-i.is-active>a { color: #ffffff; } .header--btns { float: right; margin: 0 20px 0 0; *zoom: 1; } .header--btns:after { clear: both; } .header--btns:before, .header--btns:after { content: " "; display: table; } @media (max-width: 767px) { .header--btns { margin: 10px 9px 0 0; } } .header--btn { float: left; text-align: center; text-decoration: none; color: #2b2036; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 44px; height: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .header--btn { width: 30px; height: auto; } } @media (min-width: 550px) and (max-width: 767px) { .header--btn { width: 40px; height: auto; } } @media (min-width: 1080px) and (max-width: 1450px) { .header--btns { margin-right: 10px; } .header--btn { width: 40px; height: auto; } } .header--btn:hover { color: #6d6377; } .header--btn span { color: #ffffff; background: #ff2e38; border-radius: 17px; display: block; position: absolute; top: 8px; right: auto; bottom: auto; left: 65%; -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); font: 400 9px/17px 'CeraPRO'; width: 17px; height: 17px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--btn span.is-empty { opacity: 0; } @media (max-width: 767px) { .header--btn span { border-radius: 14px; top: 5px; font-size: 8px; line-height: 14px; width: 14px; height: 14px; } } @media (min-width: 550px) and (max-width: 767px) { .header--btn span { border-radius: 18px; top: 7px; font-size: 10px; line-height: 18px; width: 18px; height: 18px; } } .header--btn i { display: block; font-size: 22px; line-height: 60px; } .header--btn__city { line-height: 60px; } .header--btn__city svg { display: inline-block; vertical-align: middle; width: 22px; height: 22px; fill: #2b2036; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--btn__city:hover svg { fill: #6d6377; } .header--btn__city p { position: absolute; bottom: calc(100% - 19px); right: 10px; z-index: 2; padding: 2px 6px 4px; background: #ff2e38; font-size: 10px; line-height: 1; color: #fff; white-space: nowrap; border-radius: 6px; } .header--btn__city p:after { content: ''; position: absolute; top: 100%; right: 11px; width: 0; height: 0; border-top: 6px solid #ff2e38; border-left: 6px solid transparent; } .city-popup { position: absolute; top: 100%; right: 196px; z-index: 5; width: 260px; background: #fff; box-shadow: 0 2px 8px rgb(0 0 0 / 25%); } .city-popup:before { content: ''; position: absolute; top: -7px; right: 15px; z-index: 1; display: block; margin: 0 0 0 -7px; width: 14px; height: 14px; background: #fff; border: 1px solid #e6e6e6; transform: rotate(45deg); } .city-popup-wrap { position: relative; z-index: 2; padding: 15px; background: #fff; text-align: center; } .city-popup__title { font-size: 13px; line-height: 1.2; } .city-popup__value { margin: 10px 0; font-size: 14px; line-height: 1.2; font-weight: 600; } .city-popup__btns { display: flex; justify-content: space-between; align-items: flex-start; } .city-popup__btn { flex: 0 0 48%; padding: 4px 4px 7px; border-radius: 3px; font-size: 13px; color: #fff; transition: 200ms all ease; text-decoration: none; } .city-popup__btn--true { background: #ff2e38; border: 1px solid #ff2e38; } .city-popup__btn--false { background: #fff; border: 1px solid #2b2036; color: #2b2036; } .city-popup__btn:hover { background: #2b2036; border-color: #2b2036; color: #fff; } @media (max-width: 767px) { .header--btn i { font-size: 17px; line-height: 45px; } .header--btn__city { line-height: 42px; } .city-popup { right: 127px; } } @media (min-width: 550px) and (max-width: 767px) { .header--btn i { font-size: 22px; line-height: 60px; } .header--btn__city { line-height: 60px; } } .header--btn i.icon-compare { font-size: 17px; line-height: 60px; } @media (max-width: 550px) { .header--btn__city svg { width: 18px; height: 18px; } .header--btn__city p { bottom: calc(100% - 14px); right: 4px; padding: 1px 6px 3px; } .city-popup { right: 92px; } } @media (max-width: 400px) { .city-popup { right: 0; } .city-popup:before { right: 106px; } } @media (max-width: 767px) { .header--btn i.icon-compare { font-size: 13px; line-height: 45px; } } @media (min-width: 550px) and (max-width: 767px) { .header--btn i.icon-compare { font-size: 18px; line-height: 60px; } } .header--btn i.icon-search { font-size: 24px; line-height: 60px; } @media (max-width: 767px) { .header--btn i.icon-search { font-size: 18px; line-height: 45px; } } @media (min-width: 550px) and (max-width: 767px) { .header--btn i.icon-search { font-size: 24px; line-height: 60px; } } .header--xs { background: #ffffff; width: auto; height: 65px; *zoom: 1; } .header--xs:after { clear: both; } .header--xs:before, .header--xs:after { content: " "; display: table; } @media (min-width: 550px) and (max-width: 767px) { .header--xs { width: auto; height: 60px; } } .header--sm { background: #ffffff; width: auto; height: 60px; *zoom: 1; } .header--sm:after { clear: both; } .header--sm:before, .header--sm:after { content: " "; display: table; } .header--open { float: left; background: #f3f2f3; margin: 0 30px 0 0; text-align: center; text-decoration: none; display: block; width: 60px; height: 60px; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--open i { background: center center no-repeat; background-size: auto 40%; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .header--open i:nth-child(1) { background-image: url(/local/templates/4k-monitors/css/../svg/burger-red.svg); } .header--open i:nth-child(2) { background-image: url(/local/templates/4k-monitors/css/../svg/burger.svg); opacity: 0; } .header--open i:nth-child(3) { background-image: url(/local/templates/4k-monitors/css/../svg/close-red.svg); opacity: 0; } .header--open i:nth-child(4) { background-image: url(/local/templates/4k-monitors/css/../svg/close.svg); opacity: 0; } .ph { background-image: url(/local/templates/4k-monitors/css/../svg/phone.svg); } .header--open:hover { background: #ffffff; } .header--open:hover i:nth-child(1) { opacity: 0; } .header--open:hover i:nth-child(2) { opacity: 1; } .header--open.is-active i:nth-child(1) { opacity: 0; } .header--open.is-active i:nth-child(2) { opacity: 0; } .header--open.is-active i:nth-child(3) { opacity: 1; } .header--open.is-active i:nth-child(4) { opacity: 0; } .header--open.is-active:hover i:nth-child(3) { opacity: 0; } .header--open.is-active:hover i:nth-child(4) { opacity: 1; } @media (max-width: 767px) { .header--open { margin: 0 10px 0 0; width: 65px; height: 65px; } } @media (min-width: 550px) and (max-width: 767px) { .header--open { margin: 0 13px 0 0; width: 60px; height: 60px; } } .footer { background: #2b2036; color: #ffffff; } .footer--in { padding: 30px 0 45px; } .footer--bottom { background: #1d1723; padding: 0 0 56px; } .footer--logo { margin: 61px 0 27px; display: block; } .footer--logo img { display: block; width: auto; height: 25px; } .footer--copyrights { color: #6d6377; font-size: 14px; line-height: 18px; } .footer--cards { margin: 55px 0 0; display: block; } .footer--cards img { display: block; width: auto; height: 33px; } .footer--title { border-bottom: 1px solid #ff2e38; color: #ff2e38; text-transform: uppercase; padding: 30px 0 27px; margin: 0 0 25px; text-decoration: none; font-size: 16px; line-height: 20px; font-weight: 700; display: block; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .footer--title:hover { color: #ffffff; } .footer--nav { list-style: none; margin: 0; padding: 0; } .footer--nav-i { margin: 0 0 10px; display: block; } .footer--nav-i a { color: #ffffff; text-decoration: none; display: block; font-size: 14px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .footer--nav-i a:hover { color: #ff2e38; } @media (max-width: 768px) { .footer--catalog .footer--nav { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .footer--catalog .footer--nav .footer--nav-i { flex: 0 0 calc(100% / 3); padding: 0 15px; } } @media (max-width: 576px) { .footer--catalog .footer--nav .footer--nav-i { flex: 0 0 calc(100% / 2); } } .footer--field { padding: 0 0 0 34px; text-decoration: none; margin: 0 0 23px; color: #6d6377; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 14px; line-height: 18px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (min-width: 1080px) and (max-width: 1409px) { .footer--field { margin: 0 0 10px; } } a.footer--field { color: #ffffff; font-size: 16px; line-height: 18px; font-weight: 700; } a.footer--field:after { content: "\00a0\00a0"; } a.footer--field:hover { color: #ff2e38; } .footer--field i { color: #ff2e38; text-align: center; display: block; position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 20px; height: auto; font-size: 21px; line-height: 18px; } .footer--socials { padding: 20px 0 0; display: flex !important; justify-content: flex-start; align-items: center; flex-wrap: wrap; *zoom: 1; } .footer--socials:after { clear: both; } .footer--socials:before, .footer--socials:after { content: " "; display: table; } @media (min-width: 768px) and (max-width: 1079px) { .footer--socials { padding: 10px 0 0; margin: 0 0 0 -10px; } } @media (min-width: 1080px) and (max-width: 1409px) { .footer--socials { padding: 20px 0 0; margin: 0 0 0 -10px; } } .footer--social { display: flex; justify-content: center; align-items: center; text-align: center; text-decoration: none; color: #ffffff; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; width: 50px; height: auto; } a.footer--social.awc { margin-top: 0; } .footer--social:hover { color: #ff2e38; } .footer--social i { display: block; font-size: 16px; line-height: 50px; } .footer--social i.icon-twitter { font-size: 18px; line-height: 50px; } .footer--social i.icon-instagram, .footer--social i.icon-facebook { font-size: 20px; line-height: 50px; } .footer--developer { color: #6d6377; text-decoration: none; margin: 64px 0 0; display: block; font-size: 12px; line-height: 20px; } @media (min-width: 768px) and (max-width: 1079px) { .footer--developer { margin: 30px 0 10px; } } .footer--developer i { color: #ffffff; display: inline-block; vertical-align: top; font-size: 20px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .footer--developer:hover i { color: #ff2e38; } .history-slider { padding: 0 0 60px; } @media (min-width: 768px) and (max-width: 1079px) { .history-slider { padding: 0; } } .popular-brands { *zoom: 1; } .popular-brands .slick-slide, .home--features .slick-slide, .reviews-slider .slick-slide { height: auto; } .popular-brands:after { clear: both; } .popular-brands:before, .popular-brands:after { content: " "; display: table; } .popular-brands--col { padding: 2px 15px; /*float: left;*/ display: inline-block; width: 12.5%; height: auto; } @media (min-width: 768px) and (max-width: 1079px) { .popular-brands--col { padding: 0 10px; } } @media (min-width: 768px) and (max-width: 1409px) { .popular-brands--col { /* width: 16.66666667%;*/ height: auto; } } @media (max-width: 768px) { .popular-brands--col { width: 50%; margin-bottom: 10px; } } .popular-brands--item { background: #ffffff; border-radius: 5px; overflow: hidden; padding: 50% 0 0; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; -webkit-box-shadow: 0 0 0 2px transparent; -moz-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent; } @media (min-width: 1079px) { .popular-brands--item:hover { -webkit-box-shadow: 0 0 0 2px #ff2e38; -moz-box-shadow: 0 0 0 2px #ff2e38; box-shadow: 0 0 0 2px #ff2e38; } } .popular-brands--item img { display: block; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .card { background: #ffffff; border-radius: 10px !important; padding: 30px 30px 20px; position: relative; top: auto; right: auto; bottom: auto; left: auto; display: flex; flex-direction: column; flex-wrap: nowrap; height: calc(100% - 10px) !important; } .discount .card { padding: 0px 10px 20px; } @media (max-width: 767px) { .card { /* padding: 23px 22px 22px; */ padding: 23px 10px 15px; } } @media (min-width: 550px) and (max-width: 767px) { .card { padding: 30px 29px 13px; } } @media (min-width: 768px) and (max-width: 1079px) { .card { padding: 30px 20px 10px; } } .card--badges { position: absolute; top: 15px; left: 15px; right: auto; bottom: auto; z-index: 2; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; flex: 0 0 100%; margin: 0; border: 0; gap: 7px; max-width: 270px; } .card--badge { display: inline-flex !important; justify-content: center !important; align-items: center !important; padding: 0 10px !important; background: #FFFFFF !important; height: 30px !important; border-radius: 7px !important; font-weight: 500 !important; font-size: 12px !important; text-transform: none !important; text-decoration: none !important; color: #2b2036 !important; } .card--photo.card-l--photo--top { margin-top: 20px !important; margin-bottom: 10px !important; } /*.card--badge.card--badge--gift { padding: 0 8px !important; height: 30px !important; }*/ @media (max-width: 767px) { .card--photo.card-l--photo--top { margin-top: 10px !important; } } .card--badge--red { background: #FFFFFF !important; border: 1px solid #FF6800 !important; color: #FF6800 !important; } .card--badge--red:hover { background: #FF6800 !important; border: 1px solid #FF6800 !important; color: #FFFFFF !important; } .card--badge--black { background: #FFFFFF !important; border: 1px solid rgba(43, 32, 54, 1) !important; color: rgba(43, 32, 54, 1) !important; } .card--badge--black:hover { background: rgba(43, 32, 54, 1) !important; border: 1px solid rgba(43, 32, 54, 1) !important; color: #FFFFFF !important; } .card--badge--blue { background: #FFFFFF !important; border: 1px solid rgba(96, 115, 237, 1) !important; color: rgba(96, 115, 237, 1) !important; } .card--badge--green { background: #FFFFFF !important; border: 1px solid rgba(45, 173, 12, 1) !important; color: rgba(45, 173, 12, 1) !important; } .card--badge--green:hover { background: rgba(45, 173, 12, 1) !important; border: 1px solid rgba(45, 173, 12, 1) !important; color: #FFFFFF !important; } .card--badge--gift { background: #FFFFFF !important; border: 1px solid rgba(96, 115, 237, 1) !important; color: rgba(96, 115, 237, 1) !important; } .card--badge--gift:hover { background: rgba(96, 115, 237, 1) !important; border: 1px solid rgba(96, 115, 237, 1) !important; color: #FFFFFF !important; } .gift-container { position: relative; display: inline-block; z-index: 5; height: 100%; } .gift-popup { display: none; position: absolute; top: 100%; left: 0; margin-top: 15px; background-color: #fff; color: #1a1a1a; padding: 15px; border-radius: 10px; box-shadow: 0px 0px 6px rgba(35, 45, 54, 0.16); z-index: 10; white-space: nowrap; font-size: 14px; font-weight: 400; } .gift-popup-overlay { display: none; } .gift-popup-overlay.active { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.46); display: flex; justify-content: center; align-items: center; z-index: 999; } .gift-popup-overlay.active .gift-popup { display: flex; gap: 5px; position: relative; top: auto; left: auto; } .gift-popup-mb { background-color: #fff; color: #1a1a1a; padding: 15px; border-radius: 10px; z-index: 10; white-space: nowrap; font-size: 14px; font-weight: 400; } .gift-popup-mb-cont { display: none; align-items: center; justify-content: center; } .gift-popup-mb-cont.active { display: flex; } .gift-popup svg.triangle { position: absolute; top: -9px; margin-bottom: -20px; left: 30px; z-index: -1; filter: drop-shadow(0px -6px 6px rgba(35, 45, 54, 0.16)); } /* Показываем попап при наведении на контейнер */ .gift-container.show-popup .gift-popup { display: flex; gap: 17px; align-items: flex-start; justify-content: flex-start; } .gift-popup img { display: none; } /* Стилизация ссылки внутри попапа */ .gift-popup a { display:none; margin-top: 7px; color: #FF2E38; font-weight: bold; text-decoration: none !important; } .gift-popup-mb a { margin-top: 7px; color: #FF2E38; font-weight: bold; text-decoration: none !important; } .card--badge--action { background: #FF2E38; color: #FFFFFF; } .card--badge--action:hover { background: #DC262E; color: #FFFFFF !important; } @media (max-width: 500px) { .gift-popup a { display:block; } .gift-popup img { display: block; } } .banner-new-year { width: 100%; position: relative; background-image: url("/catalog/banner-new-year-min.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; /* или contain */ border-radius: 20px; margin-bottom: 15px; padding-top: 20.77%; /* Высота в процентах от ширины (260 / 1252 * 100) */ cursor: pointer; } @media (max-width: 767px) { .banner-new-year { background-image: url("/catalog/banner-mb-min.png"); padding-top: 58.594%; } } .card--badge svg { display: inline-block; vertical-align: middle; margin-right: 4px; } .card--badge.is-right { float: right; } /*.card--badge:hover { color: #ff2e38; }*/ .card--photo { margin: 0; display: block; width: 100%; height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; min-width: 125px; } .discount .card--photo { height: 200px; } .card--more-photo { position: absolute; display: flex; right: 0; left: 0; top: 0; bottom: 0; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; } .card--more-photo span { width: 100%; } .card--more-photo__dot { position: absolute; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; opacity: 0; transition: opacity .15s ease-out; } @media (min-width: 767px) { .card--photo:hover .card--more-photo__dot, .card-l--photo:hover .card--more-photo__dot { opacity: 1; } } .card--more-photo__dot i { display: block; margin: 0 4px; width: 8px; height: 8px; background: #eaeaea; border-radius: 100%; } .card--more-photo__dot i.active { background-color: #969595; } @media (max-width: 1270px) { .card--photo { height: auto; } } @media (max-width: 767px) { .card--photo { margin: 0; width: 100%; height: auto; } } @media (min-width: 550px) and (max-width: 767px) { .card--photo { margin: 0; width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card--photo { margin: 0; width: 100%; height: auto; } } .card--photo img { transform: translate(0) !important; display: block; width: 100%; height: auto; position: relative; transform: none; margin: auto; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; font-size: 0; aspect-ratio: 1; object-fit: contain; } .card--box { opacity: 0; background: rgba(255, 255, 255, 0.98); z-index: 2; position: absolute; top: 30px; right: 0; bottom: auto; left: 0; width: auto; height: 300px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; display: none; } @media (max-width: 767px) { .card--box { display: none; } } @media (min-width: 768px) and (max-width: 1079px) { .card--box { width: auto; height: 186px; } } /*.card--box:hover {*/ /*opacity: 1;*/ /*}*/ .card--box-fields { padding: 25px 30px; border-bottom: 1px solid #f3f2f3; font-size: 14px; line-height: 20px; } @media (min-width: 768px) and (max-width: 1079px) { .card--box-fields { display: none; } } /*.card--box-links {*/ /*padding: 10px 5px 0 30px;*/ /*}*/ .card-l--box-links .card--box-links-wrap { /* justify-content: flex-start; */ justify-content: flex-end; } @media (min-width: 768px) and (max-width: 1079px) { .card--box-links { padding: 20px 0px 0; } } .card--box-links-wrap { display: flex; justify-content: flex-start; align-items: flex-start; } .card--box-links a, .card-l--box-links a { display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; text-decoration: none; color: #2b2036; margin: 10px 15px 0 0; height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .card--box-links a, .card-l--box-links a { display: inline-flex; justify-content: center; align-items: center; white-space: nowrap; text-decoration: none; color: #2b2036; margin: 14px 15px 0 0; height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .card-l--box-links a:last-child { margin: 15px 0px 0 0; } .card--box-links a.btn-svg, .card-l--box-links a.btn-svg { padding: 0; } .card-l--box-links a.btn-svg .h-icon { fill: #969595; } .card-l--box-links a.btn-svg .h-icon:hover { fill: #2B2036; } .card-l--box-links a.btn-oneclick svg { fill: #969595; } .card-l--box-links a.btn-oneclick:hover svg { fill: #2B2036; } .card--box-links a.btn-svg.card--box-links__fav, .card-l--box-links a.btn-svg.card--box-links__fav { font-size: 20px; } .card--box-links a.btn-svg.card--box-links__fav.is-added svg, .card-l--box-links a.btn-svg.card--box-links__fav.is-added svg { fill: #ff2e38; color: #ff2e38; } .card--box-links a.btn-svg.card--box-links__com, .card-l--box-links a.btn-svg.card--box-links__com { font-size: 18px; } .card--box-links a.btn-svg.card--box-links__com.is-added, .card-l--box-links a.btn-svg.card--box-links__com.is-added { color: #ff2e38; } .card-l--box-links a.btn-svg.card--box-links__com.is-added svg { fill: #ff2e38; color: #ff2e38; } .card--box-links a:hover, .card-l--box-links a:hover { color: #2b2036; } .reviews-slider--slide .card{ margin: 0 0 60px; } .card--title { display: flex; align-items: flex-start !important; overflow: hidden; text-decoration: none; margin: 0 0 0px; color: #2b2036; width: auto; height: auto !important; padding: 0 0 20px 0; flex-grow: 1; /*max-height: 90px;*/ font-size: 18px; line-height: 18px; font-weight: 500; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; position: relative; } .card--title :after { background: linear-gradient(hsla(0, 0%, 100%, 0), #fff); content: ""; height: 20px; left: 0; position: absolute; bottom: -7px; width: 100%; } .card--title:hover { overflow: visible; } .card--title:hover span { background: #fff; z-index: 1; width: 100%; display: block; } .card--title:hover :after { display: none; } @media (max-width: 767px) { .card--title { margin: 0 0 1px; font-size: 14px; line-height: 130%; width: auto; height: auto !important; padding: 0 0 10px 0 !important; flex-grow: 1; align-items: start !important; } } @media (min-width: 550px) and (max-width: 767px) { .card--title { font-size: 18px; line-height: 18px; width: auto; } } .card--title:hover { color: #ff2e38; } .card--tools { padding: 0px 0 5px; *zoom: 1; } .card--tools:after { clear: both; } .card--tools:before, .card--tools:after { content: " "; display: table; } @media (max-width: 767px) { .card--tools { padding: 0 0 0px; } } @media (min-width: 550px) and (max-width: 767px) { .card--tools { padding: 13px 0 7px; } } .card--tools .not-available { padding-left: 15px; font-size: 15px; } @media (min-width: 768px) and (max-width: 1150px) { .card--tools .not-available { height: 66px; line-height: 66px; } } .card--price { position: relative; display: flex; justify-content: flex-start; align-items: center; font-weight: 700; font-size: 24px; /*line-height: 24px;*/ white-space: nowrap; /*padding-bottom: 10px;*/ } @media (max-width: 767px) { .home--list .row { box-sizing: border-box; padding: 0 15px !important; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; } .card--badges { gap: 4px !important; } .card--price { padding: 0 !important; padding-top: 5px !important; font-size: 16px !important; line-height: 20px !important; } .card--tools .ssec.ssec-grid2 { font-size: 12px !important; } .product-info-price__credit__icon { width: 14px !important; height: 14px !important; min-width: 14px; } .card--title :after { display: none !important; } .card-l--btn-stock { font-size: 14px !important; padding: 0 0 4px 12px !important; } .in-stock::before { top: 12px !important; } } @media (min-width: 550px) and (max-width: 767px) { .card--price { font-size: 23px; line-height: 30px; } } @media (min-width: 768px) and (max-width: 1079px) { .card--price { width: 100%; height: auto; } } .card--price span, .bx-price-old { color: #2b2036; text-decoration: line-through; font-size: 12px; line-height: 30px; font-weight: 400; display: block; position: absolute; top: auto; right: auto; bottom: -24px; left: 0; } .card--price span { position: relative; top: auto; right: auto; bottom: auto; left: auto; margin-left: 20px; font-weight: 400; font-size: 16px; color: #9D9D9F; white-space: nowrap; } .card--price .percent-price { margin-left: 20px; } .card--price .percent-price span { display: inline-flex; justify-content: center; align-items: center; margin: 0; padding: 0 5px; min-width: 42px; height: 22px; background: #684F8C; border-radius: 5px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; } .bx-price-old { left: auto; right: 0; position: relative; bottom: 0px; text-align: right; } .ssec.ssec-grid2:hover .product-info-price__credit__icon { background: #FF2E38; color: #fff; } .card--tools .ssec.ssec-grid2 { top: auto; float: none; margin: 0; display: inline-block; font-weight: normal; text-align: left; font-size: 16px; line-height: 18px; color: #000; white-space: nowrap; } .card--tools .ssec.ssec-grid2 .ssec-question-icon { top: 5px; margin-left: 8px; height: auto; } @media (max-width: 767px) { .card--price span, .bx-price-old { position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px; line-height: 18px; } } @media (min-width: 768px) and (max-width: 1179px) { .card--price span, .bx-price-old { margin: 2px 0 -2px 10px; display: inline-block; vertical-align: top; position: relative; top: auto; right: auto; bottom: auto; left: auto; } } .card--btn { display: flex; justify-content: flex-start; align-items: center; margin-top: 12px; } .card--btn .btn.is-block { display: inline-flex; justify-content: center; align-items: center; padding: 0 22px; width: auto; height: 40px; background: #FFF1F2; border: 0; color: #FF2E38; font-weight: 500; text-transform: none; white-space: nowrap; } @media (max-width: 768px) { .card--btn .btn.is-block { width: 100%; } } .card--btn .btn.is-block:hover { background: #FF2E38; color: #fff; } .card--btn .btn.is-added { background: #DFF9CF; color: #678B51; } @media (max-width: 767px) { .card--btn .btn.is-added { background: #DFF9CF !important; color: #678B51 !important; } .card--btn .btn.is-block:hover { background: #FFF1F2; color: #FF2E38; } } .card--btn a.btn-svg { margin-left: 6px; } .card--btn a.btn-svg.card--box-links__fav { margin-left: 13px; } .card--btn a.btn-svg svg { fill: #969595; } .card--btn a.btn-svg:hover svg { fill: #2B2036; } .card--btn a.btn-svg.is-added svg { fill: #ff2e38; color: #ff2e38; } .discount .card--btn { min-width: 90px; } .discount .btn { font-size: 12px; } @media (max-width: 767px) { .card--btn { width: 100%; height: auto; } } @media (min-width: 550px) and (max-width: 767px) { .card--btn { width: 105px; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card--btn { float: left; margin: 6px 0 0; } } .card-p { background: #ffffff center center no-repeat; background-size: 100% 100%; border-radius: 10px; overflow: hidden; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .card-p { padding: 18px 23px 25px; } } .card-p--photo { background: left center no-repeat; background-size: contain; position: absolute; top: 0; right: 0; bottom: 0; left: 320px; } @media (max-width: 767px) { .card-p--photo { background-size: contain; background-position: center left; margin: 20px 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: 150px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p--photo { background-size: auto 65%; width: 222px; height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .card-p--photo { background-size: auto 63%; } } .card-p--category { color: #2b2036; position: absolute; top: 51px; right: auto; bottom: auto; left: 60px; font-size: 20px; line-height: 30px; } @media (max-width: 767px) { .card-p--category { margin: 0 0 12px; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 15px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p--category { position: absolute; top: 24px; right: auto; bottom: auto; left: 30px; font-size: 14px; line-height: 20px; } } .card-p--title { text-transform: uppercase; color: #ffffff; letter-spacing: -1px; text-decoration: none; position: absolute; top: 96px; right: auto; bottom: auto; left: 60px; font-size: 28px; line-height: 35px; font-weight: 700; width: 260px; height: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .card-p--title { font-size: 23px; line-height: 23px; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p--title { position: absolute; top: 68px; right: auto; bottom: auto; left: 30px; font-size: 24px; line-height: 24px; width: 165px; height: auto; } } .card-p--title:hover { color: #2b2036; } .card-p--btn { border: 2px solid #ffffff; color: #ffffff; text-decoration: none; text-transform: uppercase; text-align: center; border-radius: 45px; padding: 10px 0 11px; display: block; position: absolute; top: auto; right: auto; bottom: 60px; left: 60px; width: 240px; height: auto; font-size: 16px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .card-p--btn { padding: 3px 0; width: 180px; height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .card-p--btn { padding: 4px 0; width: 234px; height: auto; font-size: 16px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p--btn { position: absolute; top: auto; right: auto; bottom: 30px; left: 30px; } } .card-p--btn:hover { border-color: #2b2036; } .card-p.as-card { width: auto; height: 500px; } @media (max-width: 767px) { .card-p.as-card { width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.as-card { width: auto; height: 372px; } } .card-p.as-review { width: auto; height: 440px; } @media (max-width: 767px) { .card-p.as-review { width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.as-review { width: auto; height: 380px; } } .card-p.as-review .card-p--photo { display: flex; justify-content: center; align-items: center; left: 450px; } .card-p.as-review .card-p--photo img { max-width: 100%; height: auto; } @media (max-width: 767px) { .card-p.as-review .card-p--photo { left: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.as-review .card-p--photo { width: 185px; height: auto; position: absolute; top: 0; right: 0; bottom: 0; left: auto; } } .card-p.as-review .card-p--category { text-transform: uppercase; top: 45px; font-size: 12px; line-height: 20px; } @media (max-width: 767px) { .card-p.as-review .card-p--category { top: auto; font-size: 9px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .card-p.as-review .card-p--category { top: auto; font-size: 12px; line-height: 26px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.as-review .card-p--category { top: 25px; } } .card-p.as-review .card-p--title { top: 81px; width: 355px; height: auto; } @media (max-width: 767px) { .card-p.as-review .card-p--title { top: auto; width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.as-review .card-p--title { top: 64px; width: calc(100% - 222px); height: auto; max-width: 360px; max-height: initial; } } @media (min-width: 768px) and (max-width: 1079px) { .card-p.in-slider .card-p--photo { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 400px; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) and (min-width: 1024px) { .card-p.in-slider .card-p--photo { background-size: auto 80%; width: 500px; height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .card-p.in-slider .card-p--photo { position: absolute; top: 0; right: 0; bottom: 0; left: auto; width: 525px; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) and (min-width: 1024px) { .card-p.in-slider .card-p--title { font-size: 30px; line-height: 30px; width: 350px; height: auto; } } .card-p.is-dark .card-p--title { color: #2b2036; } .card-p.is-dark .card-p--title:hover { color: #ff2e38; } .card-p.is-dark .card-p--btn { border-color: #ff2e38; color: #2b2036; } .card-p.is-dark .card-p--btn:hover { border-color: #ffffff; } .card-p.is-light .card-p--category { color: #ff2e38; } .card-p.is-light .card-p--title { color: #ffffff; } .card-p.is-light .card-p--title:hover { color: #ff2e38; } .card-p.is-light .card-p--btn { border-color: #ff2e38; color: #ffffff; } .card-p.is-light .card-p--btn:hover { border-color: #ffffff; } .card-p.is-bg1 { background-image: -webkit-linear-gradient(left, #ff2e3a 0%, #ff4b3c 50%, #ffc841 100%); background-image: -o-linear-gradient(left, #ff2e3a 0%, #ff4b3c 50%, #ffc841 100%); background-image: -moz-linear-gradient(left, #ff2e3a 0%, #ff4b3c 50%, #ffc841 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjJlM2EiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmY0YjNjIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM4NDEiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #ff2e3a 0%, #ff4b3c 50%, #ffc841 100%); } .card-p.is-bg2 { background-image: -webkit-linear-gradient(left, #b5fe57 0%, #84ff80 50%, #41f9ca 100%); background-image: -o-linear-gradient(left, #b5fe57 0%, #84ff80 50%, #41f9ca 100%); background-image: -moz-linear-gradient(left, #b5fe57 0%, #84ff80 50%, #41f9ca 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiNWZlNTciIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjODRmZjgwIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWY5Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #b5fe57 0%, #84ff80 50%, #41f9ca 100%); } .card-p.is-bg3 { background-image: -webkit-linear-gradient(left, #2c2038 0%, #2a253b 20%, #2cfdeb 100%); background-image: -o-linear-gradient(left, #2c2038 0%, #2a253b 20%, #2cfdeb 100%); background-image: -moz-linear-gradient(left, #2c2038 0%, #2a253b 20%, #2cfdeb 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyYzIwMzgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMmEyNTNiIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyY2ZkZWIiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #2c2038 0%, #2a253b 20%, #2cfdeb 100%); } .card-r { background: #ffffff; border-radius: 10px; padding: 30px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: 440px; /*height: 430px;*/ } @media (max-width: 767px) { .card-r { width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .card-r { width: auto; height: 380px; } } .card-r--badges { border-bottom: 1px solid #ff2e38; padding: 0 20px; position: absolute; top: 0; right: 0; bottom: auto; left: 0; *zoom: 1; } .card-r--badges:after { clear: both; } .card-r--badges:before, .card-r--badges:after { content: " "; display: table; } @media (max-width: 767px) { .card-r--badges { padding: 0 15px; } } @media (min-width: 550px) and (max-width: 767px) { .card-r--badges { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-r--badges { padding: 0 10px; } } .card-r--badge { color: #2b2036; float: left; padding: 4px 0 5px; margin: 0 10px; text-decoration: none; text-transform: uppercase; display: block; font-size: 12px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .card-r--badge.is-right { float: right; } a.card-r--badge:hover { color: #ff2e38; } @media (max-width: 767px) { .card-r--badge { margin: 0 8px; padding: 0; font-size: 9px; line-height: 22px; } } @media (max-width: 767px) { .card-r--badge { margin: 0 10px; font-size: 12px; line-height: 29px; } } .card-r--photo { margin: 0 30px 4px; display: block; width: auto; height: 300px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .card-r--photo { margin: 0 23px; width: auto; height: 228px; } } @media (min-width: 550px) and (max-width: 767px) { .card-r--photo { margin: 0 30px; width: auto; height: 296px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-r--photo { margin: 0 20px; width: auto; height: 164px; } } .card-r--photo img { display: block; width: auto; height: auto; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .card-r--title { border-top: 1px solid #f3f2f3; padding: 15px 30px 0; overflow: visible; text-decoration: none; color: #2b2036; display: block; font-size: 18px; line-height: 24px; width: auto; /*height: 161px;*/ height: 69px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .card-r--title { padding: 15px 23px; font-size: 14px; line-height: 18px; width: auto; height: auto; } } @media (min-width: 550px) and (max-width: 767px) { .card-r--title { padding: 20px 30px; font-size: 18px; line-height: 23px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-r--title { padding: 15px 20px 0; font-size: 14px; line-height: 18px; width: auto; height: 152px; } } @media (min-width: 1080px) and (max-width: 1409px) { .card-r--title { padding: 20px 30px 0; font-size: 16px; line-height: 22px; width: auto; height: 154px; } } .card-r--title:hover { color: #ff2e38; } .card-l { background: #ffffff; padding: 34px 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; *zoom: 1; } .card-l:after { clear: both; } .card-l--badges { border-bottom: 1px solid #f3f2f3; padding: 0 20px; position: absolute; top: 0; right: 0; bottom: auto; left: 0; *zoom: 1; } .card-l--badges:after { clear: both; } .card-l--badges:before, .card-l--badges:after { content: " "; display: table; } @media (max-width: 767px) { .card-l--badges { padding: 0 15px; } } @media (min-width: 550px) and (max-width: 767px) { .card-l--badges { padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1079px) { .card-l--badges { padding: 0 10px; } } .card-l--badge { color: #2b2036; float: left; padding: 4px 0 5px; margin: 0 10px; text-decoration: none; text-transform: uppercase; display: block; font-size: 12px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .card-l--badge.is-right { float: right; } .card-l--badge:hover { color: #ff2e38; } @media (max-width: 767px) { .card-l--badge { margin: 0 8px; padding: 0; font-size: 9px; line-height: 22px; } } @media (min-width: 550px) and (max-width: 767px) { .card-l--badge { margin: 0 10px; font-size: 12px; line-height: 29px; } } .card-l--photo { float: left; display: flex; justify-content: center; align-items: center; position: relative; top: 6px; left: 25px; width: 270px; height: 270px; } @media (min-width: 768px) and (max-width: 1079px) { .card-l--photo { left: 20px; width: 250px; } } .card-l--photo img { display: block; width: auto; /*height: auto;*/ max-width: 100%; height: 100%; } .card-l--box { flex: 1; padding: 11px 20px 0 75px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; height: auto; } .card-l--box-fields { padding: 0 0 10px; font-size: 14px; line-height: 20px; } /*.card-l--box-links a { white-space: nowrap; text-decoration: none; color: #ff2e38; margin: 0 25px 0 0; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 14px; line-height: 29px; } .card-l--box-links a:hover { color: #2b2036; }*/ .card-l--title { text-decoration: none; /* margin: 0 0 19px; */ color: #2b2036; display: block; font-size: 20px; line-height: 20px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .card-l--title:hover { color: #ff2e38; } .card-l--tools { float: right; padding-right: 50px; height: auto; } .card-l--price { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; margin-bottom: 1px; text-align: right; font-weight: 700; font-size: 26px; line-height: 30px; color: #2B2036; } .old-price { display: inline-block; max-width: 100%; white-space: nowrap; /* Чтобы цена не переносилась на новую строку */ overflow: hidden; text-overflow: ellipsis; /* Добавляет "..." при обрезке текста */ } .card-l--price span { display: block; margin-right: 15px; font-weight: 400; font-size: 16px; line-height: 20px; color: #9D9D9F; text-decoration: line-through; } .card-l--price .percent-price { flex: 0 0 100%; margin-bottom: 6px; } .card-l--price .percent-price span { display: inline-flex; justify-content: center; align-items: center; margin: 0; padding: 0 5px; min-width: 42px; height: 22px; background: #684F8C; border-radius: 5px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; } .card-l--btn { padding: 10px 0px 0px 12px; /* text-align: right; */ position: relative; margin-bottom: 10px; } .product-info .card-l--btn{ padding: 9px 0px 10px 12px; margin-bottom: 10px; } @media (max-width: 767px) { .card-l--btn { padding: 0px 0px 0px 12px; /* text-align: right; */ position: relative; margin-bottom: 3px; } } .card-l--btn-basket { margin: 0 !important; padding: 0; margin-top: 5px !important; display: flex; align-items: flex-end; justify-content: flex-end; } .card-l--btn-stock { font-size: 16px; margin: 0 !important; padding: 5px 0px 16px 12px; } .product-info .card-l--btn { font-size: 16px; } .product-info-price__markdown-red { color: #FF2E38; } .prices-flex { /*display: flex; gap: 15px;*/ } .right::before { content: ''; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); margin-right: 7px; } .out-of-stock::before, .in-stock::before, .under-order::before, .discontinued-stock::before { content: ''; background: #ff2e39; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; top: 17px; transform: translateY(-50%); margin-right: 7px; } .in-stock::before { background: #70CB5A; } .under-order::before { background: #FF962D; } .discontinued-stock { color: rgba(255, 46, 56, 1); } .discontinued-stock::before { background-color: rgba(255, 46, 56, 1); } .stock-detail:before { top: 70% !important; } .stock-element:before { top: 50% !important; } @media (max-width: 767px) { .stock-detail:before { top: 50% !important; } } .card-l--btn .btn.is-block { display: inline-flex; justify-content: center; align-items: center; padding: 0 22px; width: auto; height: 40px; background: #FFF1F2; border: 0; color: #FF2E38; font-weight: 500; text-transform: none; } .card-l--btn .btn.is-block:hover { background: #FF2E38; color: #fff; } .card-l--btn .btn.is-added { background: #DFF9CF; color: #678B51; } .card-a { padding: 30px 30px 0; color: #ffffff; border-radius: 10px; width: auto; height: calc(100% - 10px); position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (min-width: 768px) and (max-width: 1079px) { .card-a { padding: 20px 20px 0; width: auto; height: 372px; } } .card-a.is-bg1 { background-image: -webkit-linear-gradient(left, #129828 0%, #129828 50%, #039e85 100%); background-image: -o-linear-gradient(left, #129828 0%, #129828 50%, #039e85 100%); background-image: -moz-linear-gradient(left, #129828 0%, #129828 50%, #039e85 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxMjk4MjgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMTI5ODI4IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzllODUiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #129828 0%, #129828 50%, #039e85 100%); } .card-a.is-bg2 { background-image: -webkit-linear-gradient(left, #ff2e38 0%, #ff2e38 50%, #ffc640 100%); background-image: -o-linear-gradient(left, #ff2e38 0%, #ff2e38 50%, #ffc640 100%); background-image: -moz-linear-gradient(left, #ff2e38 0%, #ff2e38 50%, #ffc640 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZjJlMzgiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZmYyZTM4IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmM2NDAiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #ff2e38 0%, #ff2e38 50%, #ffc640 100%); } .card-a.is-bg3 { background-image: -webkit-linear-gradient(left, #0081e4 0%, #0081e4 50%, #6b38fb 100%); background-image: -o-linear-gradient(left, #0081e4 0%, #0081e4 50%, #6b38fb 100%); background-image: -moz-linear-gradient(left, #0081e4 0%, #0081e4 50%, #6b38fb 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDgxZTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDA4MWU0IiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2YjM4ZmIiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #0081e4 0%, #0081e4 50%, #6b38fb 100%); } .card-a.is-bg4 { background-image: -webkit-linear-gradient(left, #00c553 0%, #00c553 50%, #006cff 100%); background-image: -o-linear-gradient(left, #00c553 0%, #00c553 50%, #006cff 100%); background-image: -moz-linear-gradient(left, #00c553 0%, #00c553 50%, #006cff 100%); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGM1NTMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMDBjNTUzIiBzdG9wLW9wYWNpdHk9IjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZjZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNsZXNzaGF0LWdlbmVyYXRlZCkiIC8+PC9zdmc+); background-image: linear-gradient(to right, #00c553 0%, #00c553 50%, #006cff 100%); } .card-a--title { text-transform: uppercase; margin: 0 0 20px 0; font-size: 50px; line-height: 50px; font-weight: 700; } @media (min-width: 768px) and (max-width: 1079px) { .card-a--title { font-size: 30px; line-height: 30px; } } @media (min-width: 1080px) and (max-width: 1409px) { .card-a--title { font-size: 45px; line-height: 45px; } } .card-a--text { font-size: 20px; line-height: 30px; } @media (min-width: 768px) and (max-width: 1079px) { .card-a--text { font-size: 16px; line-height: 22px; } } .card-a--btn { border: 2px solid #ffffff; text-align: center; text-decoration: none; color: #ffffff; text-transform: uppercase; padding: 9px 0 11px; border-radius: 45px; display: block; position: absolute; top: auto; right: auto; bottom: 30px; left: 30px; width: 240px; height: 45px; font-size: 16px; line-height: 21px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (min-width: 768px) and (max-width: 1079px) { .card-a--btn { width: auto; height: auto; position: absolute; top: auto; right: 20px; bottom: 20px; left: 20px; font-size: 15px; line-height: 21px; } } .card-a--btn:hover { border-color: #2b2036; } .cards.is-list { padding: 0 0 50px; } @media (max-width: 767px) { .cards.is-list { margin: 0 0 20px; } } @media (min-width: 550px) and (max-width: 767px) { .cards.is-list { margin: 0 0 29px; } } @media (min-width: 768px) and (max-width: 1079px) { .cards.is-list { margin: 0 0 20px; } } .cards .card, .cards .card-p, .cards .card-r, .cards .card-a { /* margin: 0 0 60px; */ margin: 0 0 10px; } .cards.discount .card { margin: 0 0 10px; } @media (max-width: 767px) { .cards .card, .cards .card-p, .cards .card-r, .cards .card-a { /* margin: 0 0 30px; */ margin: 0 0 10px; } } @media (min-width: 550px) and (max-width: 767px) { .cards .card, .cards .card-p, .cards .card-r, .cards .card-a { /* margin: 0 0 39px; */ margin: 0 0 10px; } } @media (min-width: 768px) and (max-width: 1079px) { .cards .card, .cards .card-p, .cards .card-r, .cards .card-a { /* margin: 0 0 30px; */ margin: 0 0 10px; } } .cards .card-l { margin: 0 0 10px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; border-radius: 10px; } .pagination--list { list-style: none; margin: 0; padding: 0; *zoom: 1; } .pagination--list:after { clear: both; } .pagination--list:before, .pagination--list:after { content: " "; display: table; } .pagination--list li { float: left; margin: 0 10px 0 0; display: block; width: 30px; height: auto; } @media (max-width: 767px) { .pagination--list li { margin: 0 5px 0 0; width: 100px; height: auto; } .pagination--list li:last-of-type { margin: 0; } } .pagination--list li.is-dir { margin: 0 20px 0 0; width: 60px; height: auto; } @media (min-width: 768px) and (max-width: 1079px) { .pagination--list li.is-dir { width: 40px; height: auto; } } .pagination--list li.is-dir:last-of-type { margin: 0 0 0 10px; } .btn { text-decoration: none; text-align: center; border-radius: 10px; border: 2px solid #ff2e38; color: #ff2e38; background: #FFF; padding: 3px 20px !important; display: inline-block; vertical-align: center; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; /* font-size: 16px; */ font-size: 14px; line-height: 20px; cursor: pointer; } .btn-cart { box-sizing: border-box; text-decoration: none; text-align: center; border-radius: 10px; border: 2px solid #ff2e38; color: #ff2e38; background: #FFF; padding: 3px 20px !important; display: inline-block; vertical-align: center; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; /* font-size: 16px; */ font-size: 14px; line-height: 20px; cursor: pointer; } .promo-btn { padding: 0 !important; padding-left: 15px !important; } .btn:hover { background-color: #ff2e38; color: white; } .btn-del-promo { border: 2px solid #F1F1F1; background-color: #F1F1F1; color: #2B2036; text-decoration: none; text-align: center; border-radius: 30px; padding: 3px 20px !important; display: inline-block; vertical-align: center; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 16px; line-height: 20px; cursor: pointer; } .btn.is-added { border-color: green; color: green; } .btn.is-block { padding-left: 0; padding-right: 0; display: block; width: 100%; height: auto; } .btn i { margin: 0 10px 0 0; display: inline-block; vertical-align: top; } @media (max-width: 767px) { .btn i { margin: 1px 8px -1px; } } @media (min-width: 550px) and (max-width: 767px) { .btn i { margin: 0 10px 0 0; } } .btn i.icon-vkontakte { font-size: 12px; line-height: 20px; } @media (max-width: 767px) { .btn i.icon-vkontakte { font-size: 9px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .btn i.icon-vkontakte { font-size: 12px; line-height: 26px; } } .btn i.icon-facebook { font-size: 20px; line-height: 20px; } @media (max-width: 767px) { .btn i.icon-facebook { font-size: 15px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .btn i.icon-facebook { font-size: 20px; line-height: 26px; } } .btn-white { padding: 5px 15px; background: #ffffff; border-radius: 3px; text-decoration: none; color: #ff2e38; text-align: center; text-transform: uppercase; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 14px; line-height: 20px; cursor: pointer; } .tags-list .btn-white { background: #eee; } @media (max-width: 767px) { .btn-white { padding-top: 2px; padding-bottom: 2px; font-size: 11px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .btn-white { padding-top: 3px; padding-bottom: 3px; font-size: 14px; line-height: 26px; } } .btn-white i { font-size: 12px; line-height: 20px; display: inline-block; vertical-align: top; } @media (min-width: 550px) and (max-width: 767px) { .btn-white i { font-size: 16px; line-height: 26px; } } @media (max-width: 767px) { .btn-white i.icon-star { font-size: 18px; line-height: 36px; } } .btn-white i.icon-up { font-size: 8px; line-height: 20px; } @media (min-width: 550px) and (max-width: 767px) { .btn-white i.icon-up { font-size: 10px; line-height: 26px; } } .btn-white:hover { color: #2b2036; } @media (max-width: 767px) { .btn-white.is-bg { display: block; } } .btn-white.is-bg { text-transform: none; } .btn-white.is-bg:hover { color: #ffffff; background: #ff2e38; } .btn-white.no-transform { text-transform: none; } .btn-white.is-active { background: #2b2036; color: #ffffff; cursor: default; } .btn-white.is-active:hover { background: #2b2036; color: #ffffff; } .btn-white.is-block { padding-left: 0; padding-right: 0; display: block; width: 100%; height: auto; } .inner-page--link .btn-white.is-block { padding-left: 16px; padding-right: 16px; margin-left: 30px; } .btn-red { padding: 10px 15px; background: #ff2e38; border-radius: 12px; text-decoration: none; color: #ffffff; text-align: center; text-transform: uppercase; border: none; margin: 0; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font: 700 16px/25px 'CeraPRO'; cursor: pointer; } .btn-red.btn-small { padding: 3px 9px; text-transform: none; font: 700 14px/20px 'CeraPRO'; } @media (max-width: 767px) { .btn-red { font-size: 14px; line-height: 20px; } } .btn-red:hover, .btn-red.not-in-stock { background: #DC262E; font-weight: 500 !important; } .btn-red.not-in-stock { cursor: default; } .btn-red.is-block { padding-left: 0; padding-right: 0; display: block; width: 100%; height: auto; } .btn-light { padding: 9px 14px; background: #fff; border-radius: 3px; text-decoration: none; color: #ff2e38; text-align: center; text-transform: uppercase; border: 1px solid #ff2e38; margin: 0; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font: 700 16px/25px 'CeraPRO'; cursor: pointer; } .btn-light.btn-small { padding: 2px 8px; text-transform: none; font: 700 14px/20px 'CeraPRO'; } @media (max-width: 767px) { .btn-light { font-size: 14px; line-height: 20px; } } .btn-light:hover { background: #2b2036; border-color: #2b2036; color: #fff; } .checkbox { display: block; } .checkbox--in { cursor: pointer; padding: 0 0 2px 30px; color: #2b2036; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px; line-height: 18px; } .checkbox--in a { color: #2b2036; } .checkbox--in:before { content: ""; border: 1px solid #bbbbbb; border-radius: 2px; display: block; position: absolute; top: 3px; right: auto; bottom: auto; left: 0; width: 14px; height: 14px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .checkbox--in:after { opacity: 0; display: block; position: absolute; top: 3px; right: auto; bottom: auto; left: 3px; font-size: 10px; line-height: 10px; content: '\e910'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .checkbox--in:hover:before { background: #eaeaea; } .checkbox input { display: none; } input:checked+.checkbox--in:after { opacity: 1; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .checkbox--group .checkbox { margin: 0 0 10px; } .checkbox--group .checkbox.disabled { opacity: 0.6; cursor: default; } .checkbox--group .checkbox.disabled .checkbox--in { cursor: default; } .checkbox--group .checkbox:last-of-type { margin: 0; } .radiobox { display: block; } .radiobox--in { cursor: pointer; padding: 0 0 2px 30px; color: #2b2036; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px; line-height: 18px; } .radiobox--in:before { content: ""; border: 1px solid #bbbbbb; border-radius: 14px; display: block; position: absolute; top: 3px; right: auto; bottom: auto; left: 0; width: 14px; height: 14px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .radiobox--in:after { opacity: 0; content: ""; background: #2b2036; border-radius: 6px; display: block; position: absolute; top: 7px; right: auto; bottom: auto; left: 4px; width: 6px; height: 6px; } .radiobox--in:hover:before { background: #eaeaea; } .radiobox input { display: none; } input:checked+.radiobox--in:after { opacity: 1; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .radiobox--group .radiobox { margin: 0 0 10px; } .radiobox--group .radiobox:last-of-type { margin: 0; } .sm-menu { z-index: 2001; position: fixed; top: 60px; right: auto; bottom: 0; left: 0; -webkit-transition: 300ms all ease; -moz-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; -webkit-transform: translate3d(-150%, 0, 0); -moz-transform: translate3d(-150%, 0, 0); -ms-transform: translate3d(-150%, 0, 0); -o-transform: translate3d(-150%, 0, 0); transform: translate3d(-150%, 0, 0); } @media (max-width: 767px) { .sm-menu { display: none !important; } } @media (min-width: 1080px) { .sm-menu { display: none !important; } } .sm-menu--overlay { z-index: 2000; display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 768px) and (max-width: 1079px) { .sm-menu--overlay.shown { display: block; } } .sm-menu.shown { -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); } .sm-menu--scroll { overflow: auto; width: auto; height: 100%; background: #f6f5f7; } .sm-menu--in, .sm-menu--sub { background: #f6f5f7; width: 360px; height: 100%; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .sm-menu--sub { position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 30px 30px 0 rgba(0, 0, 0, 0.5); } .sm-menu--in { z-index: 2; } .sm-menu--sub { z-index: -1; -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: 300ms all ease; -moz-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; } .sm-menu--sub.shown { -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .xs-popup { z-index: 2000; width: 100%; height: auto; position: fixed; top: 0; right: auto; bottom: 0; left: 0; -webkit-transition: 300ms -webkit-transform ease; -moz-transition: 300ms -moz-transform ease; -o-transition: 300ms -o-transform ease; transition: 300ms -webkit-transform ease, 300ms -moz-transform ease, 300ms -o-transform ease, 300ms transform ease; -webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } @media (min-width: 768px) { .xs-popup { display: none !important; } } .xs-popup.from-left { -webkit-transform: translate3d(-100%, 0, 0); -moz-transform: translate3d(-100%, 0, 0); -ms-transform: translate3d(-100%, 0, 0); -o-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .xs-popup.shown { -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); } .xs-popup--box { background: #eaeaea; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 45px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--box { position: absolute; top: 0; right: 0; bottom: 0; left: 59px; } } .xs-popup--close { text-align: center; text-decoration: none; color: #ff2e38; width: 45px; height: auto; position: fixed; top: 0; right: auto; bottom: 0; left: 0; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--close { width: 59px; height: auto; } } .xs-popup--close i { display: block; font-size: 21px; line-height: 45px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--close i { font-size: 27px; line-height: 59px; } } .xs-popup--title { background: #ffffff; padding: 12px 0 13px 15px; color: #2b2036; text-decoration: none; display: flex; justify-content: space-between; text-align: center; align-items: center; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 15px; line-height: 20px; font-weight: 700; } .title-with-back { display: flex; align-items: center; } .title-with-back .xs-popup--back { height: 26px; width: 26px; } .xs-popup--title a { color: #2b2036; text-decoration: none; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--title { padding: 16px 0 17px 20px; font-size: 20px; line-height: 26px; } } .xs-popup--title.with-back { display: flex !important; text-align: center; align-items: center; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--title.with-back {} } .xs-popup--title.with-right-arrow:before { color: #ff2e38; display: block; content: '\e913'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; bottom: auto; left: auto; font-size: 11px; line-height: 45px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--title.with-right-arrow:before { position: absolute; top: 0; right: 20px; bottom: auto; left: auto; font-size: 14px; line-height: 59px; } } .xs-popup--back { text-decoration: none; text-align: center; color: #ff2e38; display: block; width: 45px; height: auto; position: relative; top: 0; right: auto; bottom: auto; left: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--back { width: 59px; height: 45px; display: flex; align-items: center; } } .xs-popup--back i { display: block; font-size: 11px; line-height: 26px; } .filter-btn { width: 50% !important; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--back i { font-size: 14px; line-height: 26px; } } .xs-popup--clear { text-decoration: none; color: #ff2e38; padding: 10px 15px; display: block; position: relative; top: 0; right: 0; bottom: auto; left: auto; font-size: 12px; line-height: 20px; font-weight: 400; } .clearmb { padding: 0 !important; padding-right: 12px !important; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--clear { padding: 14px 19px 12px; font-size: 16px; line-height: 26px; } } .xs-popup--in { overflow: auto; -webkit-overflow-scrolling: touch; width: auto; height: calc(100% - 45px); } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--in { width: auto; height: calc(100% - 59px); } } .xs-popup--in.with-btn { width: auto; height: calc(100% - 45px - 54px); } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--in.with-btn { width: auto; height: calc(100% - 59px - 59px); } } .xs-popup--item { border-bottom: 1px solid #ffffff; color: #2b2036; text-decoration: none; padding: 15px; overflow: hidden; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 15px; line-height: 20px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--item { padding: 20px; font-size: 20px; line-height: 26px; } } .xs-popup--item.is-active:before { color: #ff2e38; display: block; content: '\e910'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; bottom: auto; left: auto; font-size: 11px; line-height: 50px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--item.is-active:before { font-size: 14px; line-height: 65px; } } .xs-popup--link { border-bottom: 1px solid #ffffff; color: #2b2036; text-decoration: none; padding: 15px; overflow: hidden; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 15px; line-height: 20px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--link { padding: 20px; font-size: 20px; line-height: 26px; } } .xs-popup--link:before { color: #ff2e38; display: block; content: '\e913'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; bottom: auto; left: auto; font-size: 10px; line-height: 50px; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--link:before { font-size: 13px; line-height: 65px; } } .xs-popup--link span { text-align: center; color: #ffffff; border-radius: 20px; background: #ff2e38; margin: 1px 0 -1px 10px; display: inline-block; vertical-align: top; width: 20px; height: 20px; font: 400 12px/20px 'CeraPRO'; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--link span { border-radius: 26px; margin: 2px 0 -2px 13px; width: 26px; height: 26px; font-size: 16px; line-height: 26px; } } .xs-popup--btn { background: #ffffff; padding: 12px 15px 12px; width: 100%; height: 54px; position: absolute; bottom: 0; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--btn { padding: 16px 20px 0; width: auto; height: 59px; } } .xs-popup--btn .btn { width: 105px; height: auto; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup--btn .btn { width: 137px; height: auto; } } .xs-popup--sub { background: #eaeaea; position: absolute; top: 0; right: auto; bottom: 0; left: 100%; width: 100%; height: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .xs-popup--sub.shown { left: 0; } .xs-popup.from-left .xs-popup--box { position: absolute; top: 0; right: 45px; bottom: 0; left: 0; } @media (min-width: 550px) and (max-width: 767px) { .xs-popup.from-left .xs-popup--box { position: absolute; top: 0; right: 59px; bottom: 0; left: 0; } } .xs-popup.from-left .xs-popup--close { position: fixed; top: 0; right: 0; bottom: 0; left: auto; } .xs-nav { list-style: none; margin: 0; padding: 10px 0; border-bottom: 1px solid #ffffff; } @media (min-width: 550px) and (max-width: 767px) { .xs-nav { padding: 13px 0; } } @media (min-width: 768px) and (max-width: 1079px) { .xs-nav { padding: 20px 0; } } .xs-nav--item { display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .xs-nav--item a { padding: 0 15px; text-decoration: none; color: #2b2036; display: block; font-size: 15px; line-height: 30px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .xs-nav--item a i { font-style: normal; } @media (min-width: 550px) and (max-width: 767px) { .xs-nav--item a { padding: 0 20px; font-size: 20px; line-height: 39px; } } @media (min-width: 768px) and (max-width: 1079px) { .xs-nav--item a { padding: 0 30px; } } .xs-nav--item a:hover { color: #ff2e38; } @media (min-width: 768px) and (max-width: 1079px) { .xs-nav--item.is-alt { *zoom: 1; } .xs-nav--item.is-alt:after { clear: both; } .xs-nav--item.is-alt:before, .xs-nav--item.is-alt:after { content: " "; display: table; } .xs-nav--item.is-alt a { float: left; } .xs-nav--item.is-alt a+a { margin: 0 0 0 -30px; } } .xs-nav--item.is-sub:before { color: #ff2e38; display: block; content: '\e913'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 0; right: 15px; bottom: auto; left: auto; font-size: 11px; line-height: 30px; } @media (min-width: 550px) and (max-width: 767px) { .xs-nav--item.is-sub:before { font-size: 14px; line-height: normal; top: 0; bottom: 0; margin: auto; height: 14px; } } @media (min-width: 768px) and (max-width: 1079px) { .xs-nav--item.is-sub:before { right: 30px; } } .xs-nav.is-red .xs-nav--item a { text-transform: uppercase; color: #ff2e38; } .xs-nav.is-red .xs-nav--item a:hover { color: #2b2036; } .subscribe-form { margin: 0 0 -40px; } @media (max-width: 767px) { .subscribe-form { margin: 0; } } .subscribe-form .btn-red.is-block { height: 45px; } .subscribe-form--field { padding: 10px 20px; border: 1px solid #bbbbbb; text-transform: uppercase; color: #2b2036; display: block; border-radius: 3px; width: 100%; height: 45px; font: 400 16px/23px 'CeraPRO'; } @media (max-width: 767px) { .subscribe-form--field { margin: 0 0 20px; padding: 12px 15px 16px; font-size: 14px; line-height: 23px; } } .breadcrumbs { padding: 0px 0 13px; padding-top: 15px; } .breadcrumbs.in-item { padding: 0; } .breadcrumbs--list { list-style: none; margin: 0; padding: 0; *zoom: 1; } .breadcrumbs--list:after { clear: both; } .breadcrumbs--list:before, .breadcrumbs--list:after { content: " "; display: table; } .breadcrumbs--item { float: left; padding: 0 20px 0 0; font-size: 12px; line-height: 20px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .breadcrumbs--item:before { content: ""; background: #2b2036; border-radius: 2px; display: block; width: 2px; height: 2px; position: absolute; top: 11px; right: 9px; bottom: auto; left: auto; } .breadcrumbs--item:last-of-type:before { display: none; } .breadcrumbs--item a { color: #ff2e38; text-decoration: none; display: block; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .breadcrumbs--item a:hover { color: #2b2036; } .section-nav { background: #ffffff; margin: 50px 0 30px; } /*.section-nav--personal { margin: 0 0 30px; } .section-nav--personal > .container { padding: 0; min-width: auto; } .section-nav--personal .section-nav--item { float: none; display: block; margin: 0; } .section-nav--personal .section-nav--item a { display: block; padding: 15px 15px 13px; }*/ @media (max-width: 767px) { .section-nav { margin: 40px 0 30px; } } @media (min-width: 768px) and (max-width: 1079px) { .section-nav { background: #ffffff; margin: 30px 0 10px; } } .section-nav--list { list-style: none; margin: 0; padding: 0; *zoom: 1; } .section-nav--list:after { clear: both; } .section-nav--list:before, .section-nav--list:after { content: " "; display: table; } @media (max-width: 767px) { .section-nav--list { padding: 10px 0; } } .section-nav--item { float: left; margin: 0 60px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .section-nav--item { margin: 0; width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .section-nav--item { margin: 0 30px 0 0; } .section-nav--item:last-of-type { margin: 0; } } @media (min-width: 1080px) and (max-width: 1409px) { .section-nav--item { margin: 0 40px 0 0; } .section-nav--item:last-of-type { margin: 0; } } .section-nav--item:last-of-type { margin: 0; } .section-nav--item a { color: #ff2e38; text-decoration: none; text-transform: uppercase; border-bottom: 2px solid transparent; padding: 20px 0 18px; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 14px; line-height: 20px; font-weight: 700; } @media (max-width: 767px) { .section-nav--item a { border-bottom: none; border-left: 2px solid transparent; margin: 0 0 0 -15px; padding: 10px 15px 10px 13px; font-size: 14px; line-height: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .section-nav--item a { margin: 0 0 0 -20px; padding: 10px 15px 10px 17px; } } @media (min-width: 768px) and (max-width: 1079px) { .section-nav--item a { font-size: 14px; line-height: 20px; } } @media (min-width: 1080px) and (max-width: 1409px) { .section-nav--item a { font-size: 15px; line-height: 20px; } } .section-nav--item a:hover { color: #2b2036; } .section-nav--item a span { text-align: center; color: #2b2036; border-radius: 17px; background: #eaeaea; display: block; position: absolute; top: 7px; right: -16px; bottom: auto; left: auto; width: 17px; height: 17px; font: 400 10px/17px 'CeraPRO'; } @media (max-width: 767px) { .section-nav--item a span { margin: 2px 0 0 10px; position: relative; top: auto; right: auto; bottom: auto; left: auto; display: inline-block; vertical-align: top; } } .section-nav--item.is-active a { border-color: #ff2e38; color: #2b2036; } .section-nav-xs { padding: 15px; background: #ffffff; color: #2b2036; text-decoration: none; text-transform: uppercase; margin: 25px 0 0; font-size: 14px; line-height: 20px; font-weight: 700; } @media (min-width: 550px) and (max-width: 767px) { .section-nav-xs { padding: 20px; } } .section-nav-xs i { margin: 0 0 0 10px; display: inline-block; vertical-align: top; font-size: 6px; line-height: 20px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .section-nav-xs span { text-align: center; color: #2b2036; border-radius: 17px; background: #eaeaea; margin: 2px 0 0 10px; display: inline-block; vertical-align: top; width: 17px; height: 17px; font: 400 10px/17px 'CeraPRO'; } .contacts--panel { border-radius: 20px; overflow: hidden; } .contacts--panel iframe { outline: none; vertical-align: top; } .panel { margin: 0 0 10px; background: #ffffff; border-radius: 10px; } .panel--head { border-bottom: 1px solid #eaeaea; padding: 19px 30px 18px; text-transform: uppercase; *zoom: 1; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 16px; line-height: 22px; font-weight: 700; } .panel--head:after { clear: both; } .panel--head:before, .panel--head:after { content: " "; display: table; } @media (max-width: 767px) { .panel--head { padding: 15px 20px; font-size: 14px; line-height: 22px; } } .panel--head .left { margin: 0 30px 0 0; } @media (max-width: 767px) { .panel--head .left { margin: 0; width: 100%; height: auto; } } .panel--head .right { margin: 0 0 0 30px; } @media (max-width: 767px) { .panel--head .right { margin: 0; width: 100%; height: auto; } } .panel--head a { color: #ff2e38; text-decoration: none; text-transform: none; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 14px; line-height: 22px; font-weight: 400; } .panel--head a:hover { color: #2b2036; } .panel--head-number { background: #ff2e38; color: #ffffff; text-align: center; border-radius: 21px; float: left; margin: 1px 10px 0 0; width: 21px; height: 21px; font: 400 14px/21px 'CeraPRO'; } .bx-step-completed:not(.bx-step-error) .panel--head-number.is-green { background: #14d900; } .panel--head-number.is-green i { display: none; } .bx-step-completed:not(.bx-step-error) .panel--head-number.is-green span { display: none; } .bx-step-completed:not(.bx-step-error) .panel--head-number.is-green i { display: block; } .panel--head-number i { display: block; font-size: 8px; line-height: 21px; } @media (max-width: 767px) { .panel--head-number+.left { width: auto; height: auto; } .bx-step-completed .panel--head-number.is-green+.left { margin: 0 0 10px; } } .panel--head .with-border { position: relative; top: auto; right: auto; bottom: auto; left: auto; } .panel--head .with-border:after { content: ""; background: #ff2e38; display: block; position: absolute; top: auto; right: 0; bottom: -18px; left: 0; width: auto; height: 2px; } @media (max-width: 767px) { .panel--head .with-border:after { bottom: -15px; } } .panel--body { padding: 23px 30px 16px 60px; } /*#bx-soa-basket .panel--body {*/ /*padding: 23px 30px 30px 60px;*/ /*}*/ @media (max-width: 767px) { .panel--body { padding: 20px 20px 15px; } } .panel--tools { border-top: 1px solid #eaeaea; margin: 0 30px 0 60px; padding: 30px 0; *zoom: 1; } .panel--tools:after { clear: both; } .panel--tools:before, .panel--tools:after { content: " "; display: table; } @media (max-width: 767px) { .panel--tools { margin: 0 20px; padding: 20px 0 10px; } } .panel--tools .left, .panel--tools-input.left { margin: 0 30px 0 0; } .panel--tools .right { margin: 0 0 0 30px; } @media (max-width: 767px) { .panel--tools.is-nav { padding: 20px 0; } } .panel--tools.is-nav .left, .panel--tools.is-nav .right { margin: 0; } @media (max-width: 767px) { .panel--tools:not(.is-nav) .left { margin: 0 0 10px; width: 100% !important; height: auto !important; } } @media (max-width: 767px) { .panel--tools:not(.is-nav) .right { margin: 0 0 10px; width: 100% !important; height: auto !important; } } .panel--tools-link a { color: #ff2e38; text-decoration: none; text-transform: none; padding: 4px 0; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 14px; line-height: 22px; font-weight: 400; } .panel--tools-link a:hover { color: #2b2036; } .panel--tools-btn { width: 150px; height: auto; } .panel--tools-btn.personal-order-list { width: auto; min-width: 150px; } .panel--tools-btn--flex { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; } .panel--tools-btn--flex .btn { padding: 3px 30px; width: auto; } .panel--tools-btn.is-big { width: 300px; height: auto; } .panel--tools.is-nav .panel--tools-btn { width: 100px; height: auto; } .panel--tools-input { width: 150px; height: auto; } .panel--tools-input input { border: 1px solid #bbbbbb; padding: 0 10px; margin: 0; display: block; width: 100%; height: 30px; font-size: 14px; line-height: 28px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .panel--tools-input input:hover { border-color: #ff2e38; } .panel--tools-input input:focus { border-color: #2b2036; } .panel--field { margin: 0 0 9px; } .panel--field-key { text-transform: uppercase; font-size: 12px; line-height: 20px; font-weight: 700; } .panel--field-value { font-size: 14px; line-height: 20px; } .panel--field-value a { text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .panel--field-value a:hover { color: #2b2036; } .panel--field-value span.with-margin { margin: 0 30px 0 0; display: inline-block; vertical-align: top; } .panel--map-in { width: auto; height: 600px; } @media (max-width: 767px) { .panel--map-in { width: auto; height: 300px; } } @media (min-width: 768px) and (max-width: 1079px) { .panel--map-in { width: auto; height: 400px; } } @media (min-width: 1080px) and (max-width: 1409px) { .panel--map-in { width: auto; height: 500px; } } .panel--socials { padding: 7px 0 0; margin: 0 0 -1px; *zoom: 1; } .panel--socials:after { clear: both; } .panel--socials:before, .panel--socials:after { content: " "; display: table; } @media (max-width: 767px) { .panel--socials { margin: 0 0 -15px; } } .panel--socials .btn { float: left; margin: 0 30px 15px 0; width: 300px; height: auto; } @media (max-width: 767px) { .panel--socials .btn { margin: 0 0 20px; width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .panel--socials .btn { margin-right: 20px; width: 275px; height: auto; } } .panel--items { margin: -17px 0 -10px; } @media (max-width: 767px) { .panel--items { margin: -15px 0 -10px; } } .panel--item { border-bottom: 1px solid #eaeaea; padding: 24px 0; *zoom: 1; font-size: 14px; line-height: 20px; } .panel--item:after { clear: both; } .panel--item:before, .panel--item:after { content: " "; display: table; } .panel--item:last-of-type { /*border: none;*/ margin-bottom: 30px; } .panel--item span { display: block; } @media (max-width: 767px) { .panel--item span.left { margin: 0 0 10px; width: 100%; height: auto; } } .panel--item span.is-price { color: #ff2e38; text-align: right; width: 120px; height: auto; } .panel--social { margin: 0 0 30px; font-size: 0; line-height: 0; } .panel--social:last-of-type { margin: 0 0 7px; } .panel--social i { margin: 0 30px 0 0; background: #2b2036; text-align: center; color: #ffffff; display: inline-block; vertical-align: top; width: 30px; height: 30px; } .panel--social i.icon-vkontakte { font-size: 12px; line-height: 30px; } .panel--social i.icon-facebook { font-size: 20px; line-height: 30px; } .panel--social span { margin: 0 30px 0 0; display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; } @media (max-width: 767px) { .panel--social span { display: none; } } .panel--social a { text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .panel--social a:hover { color: #2b2036; } .panel-info { margin: 0 0 30px; padding: 20px 30px; font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .panel-info { padding: 15px 20px; } } .panel-info.is-error { background: #feffcd; border-radius: 10px; } .panel-info.is-success { background: #d2ffcd; } .panel-info a { text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .panel-info a:hover { color: #2b2036; } .cart--fields--border { border-radius: 10px 10px 0 0; } .cart--submit--border { border-radius: 0 0 10px 10px; } .panel-fields { padding: 23px 20px 7px; background: #ffffff; border-radius: 10px 10px 0 0; position: relative; overflow: hidden; } .bx-soa-cart-total { border-radius: 10px; } .panel-fields--item { display: flex; flex-direction: column; justify-content: space-between; align-items: lуае; margin: 15px 0; position: relative; } .сharacteristic { display: flex; flex-direction: row !important; } .сharacteristic-value { box-sizing: border-box; margin: 0; border: 0; outline: 0; vertical-align: baseline; float: right; background: #ffffff; z-index: 2; padding: 0 0 0 10px; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 14px !important; line-height: 20px; display: flex; flex-direction: row !important; justify-content: space-between; width: 50%; height: auto; } .сharacteristic-key { margin: 0; border: 0; outline: 0; vertical-align: baseline; background: #ffffff; float: left; z-index: 2; padding: 0 10px 0 0 !important; text-transform: uppercase; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px !important; line-height: 20px; } .panel-fields--item-сart { display: flex; flex-direction: row !important; justify-content: space-between; align-items: center; margin: 15px 0; position: relative; } .key-value { display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; width: 100%; } .panel-fields--dots { border-bottom: 1px dotted #eaeaea; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); z-index: 1; } .panel-fields--key, .panel-fields--value { position: relative; z-index: 2; background: #ffffff; padding: 0 10px; } .panel-fields--key { font-size: 14px; line-height: 1.5; font-weight: 400; text-transform: uppercase; } .panel-fields--key-is-total { font-size: 18px; line-height: 1.5; font-weight: 700; text-transform: uppercase; padding: 0 10px; } .bx-soa-customer-input { border: 1px solid #D8D8D8; padding: 0 10px; margin: 0; display: block; width: 20%; height: 30px; ; border-radius: 12px; font-size: 14px; line-height: 28px; transition: 200ms all ease; margin-left: 10px; } .bx-soa-location-input-container { display: flex; align-items: center; } .bx-soa-location-input-container>* { display: block; /* Или flex/inline-flex */ } .panel-fields--value { font-size: 18px; line-height: 1.5; text-align: left; } .panel-fields--item.is-total .panel-fields--value { font-size: 20px; color: #2B2036; font-weight: 700; } .panel-fields--item.is-total .panel-fields--key { color: #2B2036; font-weight: 700; } @media (max-width: 767px) { .panel-fields { padding: 20px; } .panel-fields--item { flex-direction: column; align-items: flex-start; } .panel-fields--key { padding: 0 0 5px; font-size: 16px; } .panel-fields--value { font-size: 16px; } .panel-fields--item.in-item .panel-fields--value { display: flex; justify-content: space-between; width: 55%; height: auto; } .сharacteristic { display: flex; flex-direction: column !important; } .сharacteristic-value { box-sizing: border-box; margin: 0; border: 0; outline: 0; vertical-align: baseline; float: right; background: transparent; z-index: 2; padding: 0 0 0 5px; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 14px !important; line-height: 20px; display: flex; flex-direction: row !important; justify-content: space-between; width: 100% !important; height: auto; } .сharacteristic-key { margin: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; float: left; z-index: 2; padding: 0 0 3px !important; text-transform: uppercase; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 12px !important; line-height: 20px; font-size: 12px; padding: 0 0 3px; font-weight: 700 !important; } .panel-fields--dots { display: none; } } .panel-payments { background: #f6f5f7; margin: 15px 0 20px -30px; padding: 30px; } @media (max-width: 767px) { .panel-payments { margin: 0 -15px 15px; padding: 20px 15px; } } .panel-payments.is-hidden { display: none; } .panel-payments--body { margin: 0 -30px 0 0; } @media (max-width: 767px) { .panel-payments--body { margin-right: -15px; } } .panel-payments--tools { border-top: 1px solid #eaeaea; padding: 30px 0 0; *zoom: 1; } .panel-payments--tools:after { clear: both; } .panel-payments--tools:before, .panel-payments--tools:after { content: " "; display: table; } @media (max-width: 767px) { .panel-payments--tools { padding: 20px 0 0; } } .panel-payments--btn { float: left; margin: 0 30px 0 0; width: 150px; height: auto; } @media (max-width: 767px) { .panel-payments--btn { margin: 0 0 10px; width: 100%; height: auto; } } .panel-payments--link { float: left; } .panel-payments--link a { text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .panel-payments--link a:hover { color: #2b2036; } .panel-payments--item { margin: 0 0 25px; } .panel-payments--photo { margin: 0 0 15px 30px; display: block; width: auto; /* height: 24px;*/ height: 35px; } .panel-submit { margin: 0 0 0 auto; padding: 20px 0 0; width: 330px; height: auto; } @media (max-width: 1409px) { .panel-submit { width: auto; height: auto; } } .form-field { display: block; margin: 0 0 23px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .form-field #captcha_word, .form-field .form-file img { border-radius: 3px; } .form-field:last-of-type { margin: 0 0 10px; } .form-field--label { text-transform: uppercase; margin: 0 0 7px; font-size: 12px; line-height: 20px; font-weight: 700; clear: both; } @media(max-width: 360px){ .form-field { margin: 0 0 10px; } .form-field--label { margin: 0 0 3px; } } .form-field--address { border: 1px solid #bbbbbb; padding: 0 20px 0 15px; margin: 0; display: block; width: 100%; height: 37px; font-size: 16px; line-height: 23px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .form-field--address:hover { border-color: #ff2e38; } .form-field--address:focus { border-color: #2b2036; } .form-field--text { border: 1px solid #bbbbbb; padding: 10px 15px; margin: 0; display: block; width: 100%; height: 45px; font-size: 16px; line-height: 23px; border-radius: 3px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .form-field--text:hover { border-color: #ff2e38; } .form-field--text:focus { border-color: #2b2036; } .form-field--textarea { border: 1px solid #bbbbbb; padding: 10px 15px; margin: 0; display: block; width: 100%; height: 90px; font-size: 14px; line-height: 20px; border-radius: 3px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .form-field--textarea:hover { border-color: #ff2e38; } .form-field--textarea:focus { border-color: #2b2036; } .form-field--captcha { padding: 0 210px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .form-field--captcha { padding: 0; } } .form-field--captcha-in { background: center center no-repeat; background-size: contain; border: 1px solid #2b2036; position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 180px; height: 45px; } @media (max-width: 767px) { .form-field--captcha-in { margin: 20px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } } .form-field--info { margin: 0 0 20px; color: #bbbbbb; font-size: 12px; line-height: 18px; } .form-field--label+.form-field--info { margin: -5px 0 20px; } .form-field--hr { background: #eaeaea; margin: 10px 0 20px; width: auto; height: 1px; } .form-field--hr.with-fmargin { margin-top: 20px; } .form-field--items { margin: 0 0 -10px; *zoom: 1; } .form-field--items:after { clear: both; } .form-field--items:before, .form-field--items:after { content: " "; display: table; } .form-field--items .checkbox, .form-field--items .radiobox { float: left; margin: 0 0 10px; width: 50%; height: auto; } .form-field--items--full .checkbox, .form-field--items--full .radiobox { width: 100%; } @media (max-width: 767px) { .form-field--items .checkbox, .form-field--items .radiobox { width: 100%; height: auto; } } .form-field--payments { margin: 0 0 -25px; } .form-field--select { margin: 0 0 20px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .form-field--select:last-of-type { margin: 0; } .form-field--select i { display: block; } .form-field--select i.icon-search { text-align: center; color: #bdbdbd; position: absolute; top: 0; right: auto; bottom: auto; left: 0; font-size: 16px; line-height: 45px; width: 46px; height: auto; } .form-field--select i.icon-a-up { text-align: center; color: #ff2e38; position: absolute; top: 0; right: 0; bottom: auto; left: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); font-size: 8px; line-height: 45px; width: 55px; height: auto; } .form-field.is-required .form-field--label:after { content: " *"; color: #ff2e38; } @media (max-width: 767px) { .tabs--boxes { background: #f3f2f3; padding: 0 15px; margin: 0 -15px; } .tabs--boxes.with-out-bg { background: none; } } @media (min-width: 550px) and (max-width: 767px) { .tabs--boxes { padding: 0 20px; margin: 0 -20px; } } .tabs--box { display: none; } .tabs--box.is-shown { display: block; } @media (max-width: 767px) { .tabs--box { /*border-bottom: 1px solid #ffffff;*/ padding: 0 0 30px; /* display: block; */ } .with--mobile .tabs--box { display: none; } .with--mobile .tabs--box.is-shown { display: block; } .tabs--box:last-of-type { border: none; padding: 0 0 40px; } .tabs--box .about--box { background: none; padding: 0 !important; } .tabs--box.with-bg .about--box { background: #ffffff; padding: 20px !important; } } .tabs--title { padding: 26px 0; text-transform: uppercase; display: none; font-size: 23px; line-height: 23px; font-weight: 700; } @media (max-width: 767px) { .tabs--title { display: block; } } @media (min-width: 768px) { .home--intro .slick-dots { list-style: none; margin: 0; padding: 0; position: absolute; top: 50%; right: 60px; bottom: auto; left: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .home--intro .slick-dots li { background: #ffffff; margin: 0 0 20px 0; display: block; width: 2px; height: 2px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .home--intro .slick-dots li:last-of-type { margin: 0; } .home--intro .slick-dots li button { opacity: 0; background: none; color: #ffffff; border: none; padding: 0; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); -webkit-transition: 200ms opacity ease; -moz-transition: 200ms opacity ease; -o-transition: 200ms opacity ease; transition: 200ms opacity ease; width: 30px; height: 24px; position: absolute; top: 0; right: 100%; bottom: auto; left: auto; } .home--intro .slick-dots li.slick-active { background: #ff2e38; width: 2px; height: 24px; } .home--intro .slick-dots li.slick-active button { opacity: 1; } } @media (min-width: 768px) and (min-width: 768px) and (max-width: 1079px) { .home--intro .slick-dots { right: 20px; } } @media (min-width: 768px) and (min-width: 1080px) and (max-width: 1409px) { .home--intro .slick-dots { right: 40px; } } @media (max-width: 767px) { .home--intro .slick-dots { list-style: none; margin: 0; padding: 0; text-align: center; font-size: 0; line-height: 0; position: absolute; top: auto; right: 0; bottom: 30px; left: 0; } .home--intro .slick-dots li { background: #ffffff; margin: 0 20px 0 0; display: inline-block; vertical-align: top; width: 2px; height: 2px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .home--intro .slick-dots li:last-of-type { margin: 0; } .home--intro .slick-dots li.slick-active { background: #ff2e38; width: 24px; height: 2px; } .home--intro .slick-dots li button { display: none; } } .home--intro .slick-arrow { background: #2b2036; color: #ff2e38; text-align: center; text-decoration: none; z-index: 10; cursor: pointer; margin: 0; display: block; width: 30px; height: 30px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; position: absolute; top: 120px; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .home--intro .slick-arrow { display: none !important; } } @media (min-width: 768px) and (max-width: 1079px) { .home--intro .slick-arrow { top: 100px; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--intro .slick-arrow { top: 160px; } } .home--intro .slick-arrow:hover { color: #ffffff; background: #ff2e38; } .home--intro .slick-arrow.slick-prev { border-radius: 3px 0 0 3px; left: 60px; } @media (min-width: 768px) and (max-width: 1079px) { .home--intro .slick-arrow.slick-prev { left: 30px; } } @media (min-width: 1080px) and (max-width: 1409px) and (min-width: 1350px) { .home--intro .slick-arrow.slick-prev { left: 50%; margin-left: -615px; } } @media (min-width: 1800px) { .home--intro .slick-arrow.slick-prev { left: 50%; margin-left: -840px; } } .home--intro .slick-arrow.slick-next { border-radius: 0 3px 3px 0; left: 92px; } @media (min-width: 768px) and (max-width: 1079px) { .home--intro .slick-arrow.slick-next { left: 62px; } } @media (min-width: 1080px) and (max-width: 1409px) and (min-width: 1350px) { .home--intro .slick-arrow.slick-next { left: 50%; margin-left: -583px; } } @media (min-width: 1800px) { .home--intro .slick-arrow.slick-next { left: 50%; margin-left: -808px; } } .home--intro .slick-arrow i { display: block; font-size: 12px; line-height: 30px; } .home--intro-in .slide { display: none; } .home--intro-in .slide:first-of-type { display: block; } .home--intro-in.slick-initialized .slide { display: block; } .home--slide { color: #ffffff; background: center center no-repeat; background-size: cover; } .home--slide-box { padding: 130px 0 0; width: auto; height: 740px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .home--slide-box { padding: 75px 0 0; width: auto; height: 430px; } } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-box { padding: 60px 0 0; width: auto; height: 530px; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--slide-box { width: auto; height: 650px; } } .home--slide-in { padding: 110px 0 0; width: 42%; height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .home--slide-in { padding: 0; width: auto; height: auto; position: absolute; top: auto; right: 0; bottom: 40px; left: 0; } } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-in { padding: 90px 0 0; width: 300px; height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--slide-in { padding: 90px 0 0; } } .home--slide-photo { position: absolute; top: 140px; right: 0; bottom: 0; left: auto; width: 53%; height: auto; } @media (max-width: 767px) { .home--slide-photo { background: center center no-repeat; background-size: contain; width: auto; height: 240px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-photo { position: absolute; top: 90px; right: 30px; bottom: 0; left: 320px; width: auto; height: auto; } } .home--slide-photo img { margin: 0 auto; display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .home--slide-title { text-transform: uppercase; margin: 0 0 16px; text-decoration: none; color: #ffffff; display: block; font-size: 70px; line-height: 70px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .home--slide-title { font-size: 30px; line-height: 30px; } } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-title { margin-bottom: 35px; font-size: 35px; line-height: 35px; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--slide-title { font-size: 40px; line-height: 40px; } } @media (min-width: 1410px) and (max-width: 1800px) { .home--slide-title { font-size: 50px; line-height: 50px; } } .home--slide-title:hover { color: #ff2e38; } .home--slide-text { margin: 0 0 54px; font-size: 16px; line-height: 26px; } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-text { margin: 0 0 30px; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--slide-text { margin: 0 0 30px; font-size: 14px; line-height: 22px; } } .home--slide-numbers { display: flex; gap: 10px; padding: 0 0 44px; *zoom: 1; } .home--slide-numbers:after { clear: both; } .home--slide-numbers:before, .home--slide-numbers:after { content: " "; display: table; } @media (min-width: 768px) and (max-width: 1079px) { .home--slide-numbers { padding: 0 0 20px; width: 300px; height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .home--slide-numbers { padding: 0 0 20px; } .home--slide-numbers .item--number { margin-right: 0; width: 33.33333333%; height: auto; } } .home--slide-btn { width: 300px; height: auto; } .home--features { margin: 0 0 60px; padding: 60px 0; background: #1d1723; } @media (max-width: 767px) { .home--features { padding: 30px 0 0; margin: 0 0 60px; background: none; } } @media (min-width: 768px) and (max-width: 1079px) { .home--features { margin: 0 0 50px; padding: 50px 0; background: #1d1723; } } @media (min-width: 767px) { .home--features .inner-page--stitle-in { color: #FFFFFF; } } .home--features .slick-dots { list-style: none; margin: 0; padding: 0; *zoom: 1; position: absolute; top: -31px; right: 60px; bottom: auto; left: auto; } .home--features .slick-dots:after { clear: both; } .home--features .slick-dots:before, .home--features .slick-dots:after { content: " "; display: table; } @media (max-width: 767px) { .home--features .slick-dots { text-align: center; font-size: 0; line-height: 0; position: absolute; top: auto; right: 0; bottom: -18px; left: 0; } } @media (min-width: 768px) and (max-width: 1079px) { .home--features .slick-dots { right: 30px; } } .home--features .slick-dots li { float: left; background: #ffffff; margin: 0 20px 0 0; display: block; width: 2px; height: 2px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .home--features .slick-dots li { float: none; background: #2b2036; display: inline-block; vertical-align: top; } } .home--features .slick-dots li:last-of-type { margin: 0; } .home--features .slick-dots li.slick-active { background: #ff2e38; width: 24px; height: 2px; } .home--features .slick-dots li button { display: none; } .home--features-in .slide { display: none; } .home--features-in .slide:first-of-type { display: block; } .home--features-in.slick-initialized .slide { display: block; } .home--words { background: #1d1723; color: #ffffff; padding: 45px 0 20px; } .home--words--inner { border-radius: 10px; } @media (max-width: 1409px) { .home--words--inner .container { padding: 0 20px; } .home--words--inner .row._flex { margin: 0; } .home--words--inner .col-md-4 { flex: 0 0 25%; padding: 0 6px; } .home--words--inner .item--feature { padding-left: 50px; font-size: 13px; line-height: 17px; } .home--words--inner .item--feature i { left: 0; width: 48px; font-size: 25px; } .home--words--inner .main-page .item--feature i.icon-feature-099 { background-size: auto 30px; } } @media (max-width: 1409px) { .home--words--inner .row._flex { flex-wrap: wrap; } .home--words--inner .col-md-4 { flex: 0 0 50%; } } .home--words .item--feature { margin: 0 0 25px !important; } .home--words .item--feature i { top: 0; line-height: 48px !important; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .inner-page { padding: 0; } .inner-page__white { background: #fff; } @media (max-width: 767px) { .inner-page { padding: 30px 0 0; } } .inner-page--title { color: #2b2036; text-transform: uppercase; letter-spacing: -1.5px; margin: 0 0 0px; font-size: 50px; line-height: 60px; font-weight: 700; } .inner-page--title-wrap{ display: flex; flex-wrap: wrap; align-items: flex-end; gap: 10px 20px; } .inner-page--title-wrap h1 { display: inline; } .inner-page--title-wrap span { letter-spacing: -1.5px; font-size: 45px; line-height: 60px; font-weight: 500; color: #b3b3b7; } @media (max-width: 767px) { .inner-page--title { font-size: 38px; line-height: 38px; } .inner-page--title-wrap span { font-size: 23px; line-height: 30px; } } @media (min-width: 550px) and (max-width: 767px) { .inner-page--title { font-size: 50px; line-height: 50px; } } @media (max-width: 400px) { .inner-page--title { font-size: 32px; line-height: 32px; } } .inner-page--title.is-small { font-size: 50px; line-height: 50px; font-weight: 700; } .inner-page--oneclick { display: inline-flex; justify-content: space-between; align-items: center; margin: 0 0 15px 22px; padding: 0 28px; height: 50px; background: #fff; border: 2px solid #FF2E38; border-radius: 50px; font-size: 16px; color: #FF2E38; text-transform: uppercase; text-decoration: none; transition: all .15s ease-out; } .inner-page--oneclick { display: inline-flex; justify-content: space-between; align-items: center; margin: 0 0 15px 22px; padding: 0 28px; height: 50px; background: #fff; border: 2px solid #FF2E38; border-radius: 50px; font-size: 16px; color: #FF2E38; text-transform: uppercase; text-decoration: none; transition: all .15s ease-out; } .inner-page--oneclick .h-icon { margin-left: 13px; stroke: #2B2036; } .inner-page--oneclick:hover { background: #FF2E38; color: #fff; } .inner-page--oneclick:hover .h-icon { stroke: #fff; } @media (max-width: 767px) { .inner-page--title.is-small { font-size: 38px; line-height: 38px; } } @media (min-width: 550px) and (max-width: 767px) { .inner-page--title.is-small { font-size: 50px; line-height: 50px; } } .inner-page.with-padding .inner-page--title { padding-top: 13px; } .inner-page--stitle { padding: 0 0px; height: 50px !important; display: flex; justify-content: space-between; } .inner-page--stitle-dots { display: flex; justify-content: center; align-items: center; } .title-all { display: flex; flex-direction: row; align-items: center; } .instablock { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 300px); border-radius: 20px; overflow: hidden; } .instablock-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .instablock-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .instablock-item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; } .instablock-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } .instablock-item:nth-child(5) { grid-area: 1 / 3 / 3 / 5; } .instablock-item { position: relative; display: block; overflow: hidden; } .instablock-item__img { width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition: transform .8s ease-in-out; } .instablock-item:hover .instablock-item__img { transform: scale(1.15); } @media (max-width: 992px) { .instablock { grid-template-rows: repeat(2, 230px); } } @media (max-width: 768px) { .instablock { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 280px); } .instablock-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .instablock-item:nth-child(2) { grid-area: 1 / 2 / 2 / 3; } .instablock-item:nth-child(3) { grid-area: 2 / 1 / 3 / 2; } .instablock-item:nth-child(4) { grid-area: 2 / 2 / 3 / 3; } .instablock-item:nth-child(5) { grid-area: 3 / 1 / 5 / 3; } } @media (max-width: 600px) { .instablock { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 180px); } } @media (max-width: 450px) { .instablock { grid-template-columns: 1fr; grid-template-rows: repeat(5, 300px); } .instablock-item:nth-child(1) { grid-area: 1 / 1 / 2 / 2; } .instablock-item:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .instablock-item:nth-child(3) { grid-area: 3 / 1 / 4 / 2; } .instablock-item:nth-child(4) { grid-area: 4 / 1 / 5 / 2; } .instablock-item:nth-child(5) { grid-area: 5 / 1 / 6 / 2; } } @media (max-width: 767px) { .inner-page--stitle { margin: 0 0 8px; } } @media (min-width: 768px) and (max-width: 1079px) { .inner-page--stitle { margin: 0 0 40px; } } .inner-page--stitle-in { color: #2b2036; text-transform: uppercase; float: left; font-size: 30px; line-height: 40px; font-weight: 700; } .inner-page--btitle-in { color: #2b2036; text-transform: uppercase; float: left; line-height: 40px; font-weight: 700; font-size: 50px; letter-spacing: -1.5px; } .inner-page--stitle-in--center { text-align: center; float: none; text-transform: none; font-weight: 700; font-size: 50px; line-height: 115%; } @media (max-width: 767px) { .inner-page--stitle-in { letter-spacing: 0; font-size: 23px; line-height: 23px; width: 100%; height: auto; } } #subscribe-form .inner-page--stitle-in { font-size: 25px; line-height: 44px; } @media (min-width: 767px) and (max-width: 960px) { #subscribe-form .inner-page--stitle-in { font-size: 17px; line-height: 47px; } } @media (min-width: 960px) and (max-width: 1190px) { #subscribe-form .inner-page--stitle-in { font-size: 23px; line-height: 46px; } } .inner-page--section { padding: 48px 0 60px; border-radius: 20px; } @media (max-width: 767px) { .inner-page--section { padding: 25px 0 30px; } } @media (min-width: 768px) and (max-width: 1079px) { .inner-page--section { padding: 38px 0 50px; } } .is-bg {} .inner-page--arrows { height: 100% !important; width: 80px !important; /* Контейнер занимает всю ширину родительского блока */ max-width: 300px; /* Максимальная ширина контейнера */ display: flex; align-items: center; gap: 10px; /* Расстояние между кнопками */ } .inner-page--arrows a { background: #ffffff; border: 1px solid #ddd; /* Тонкая рамка */ text-decoration: none; text-align: center; color: #333; /* Цвет стрелки */ display: inline-flex; justify-content: center; align-items: center; width: 35px; /* Ширина кнопки */ height: 35px; /* Высота кнопки */ border-radius: 8px; /* Закругленные углы */ transition: background 200ms ease, color 200ms ease, border 200ms ease; cursor: pointer; } .inner-page--arrows a i { font-size: 14px; /* Размер стрелки */ font-weight: 300; } .inner-page--arrows a:hover { background: #f5f5f5; /* Легкий серый фон при наведении */ border: 1px solid #aaa; /* Темнее рамка при наведении */ color: #000; /* Цвет стрелки при наведении */ } .inner-page--arrows a.slick-disabled { opacity: 0.5; /* Сниженная видимость для неактивной кнопки */ cursor: not-allowed; } .inner-page--arrows a.slick-disabled:hover { background: #ffffff; /* Оставляем фон белым */ border: 1px solid #ddd; /* Не меняем рамку */ color: #bbb; /* Светлый цвет для стрелки */ } .inner-page--dots { float: right; margin: 21px 0 0; } .inner-page--dots .slick-dots { list-style: none; margin: 0; padding: 0; *zoom: 1; } .inner-page--dots .slick-dots:after { clear: both; } .inner-page--dots .slick-dots:before, .inner-page--dots .slick-dots:after { content: " "; display: table; } .inner-page--dots .slick-dots li { float: left; background: #2b2036; margin: 0 20px 0 0; padding: 0; display: block; width: 2px; height: 2px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .inner-page--dots .slick-dots li:before { display: none; } .inner-page--dots .slick-dots li:last-of-type { margin: 0; } .inner-page--dots .slick-dots li.slick-active { background: #ff2e38; width: 24px; height: 2px; } .inner-page--dots .slick-dots li button { display: none; } .inner-page--in { padding: 30px 0 110px; } @media (max-width: 767px) { .inner-page--in { padding: 20px 0 50px; } } @media (min-width: 1410px) { .inner-page--sticky { padding: 0 0 10px; } } .catalog, .news--body { padding: 0px 0 60px; } @media (max-width: 767px) { .catalog, .news--body { padding: 0px 0 30px; } } .catalog--articles { width: 100%; margin-bottom: -60px; margin-left: 0; padding: 40px 0 0; background-color: #eaeaea; } .catalog--articles .catalog--list{ box-sizing: border-box; padding: 0 30px; } .catalog--articles .catalog--body, .catalog--rightside .catalog--body { padding: 0; } .news-cards{ width: 100%; } .catalog--articles .row{ justify-content: space-between; } .catalog--articles .catalog--body{ height: auto; } .catalog--articles h4, .catalog--articles h3 { /*text-transform: uppercase;*/ margin: 0 15px 15px; font-weight: 700; font-size: 24px; line-height: 140%; } .catalog--see-all { text-align: center; padding-bottom: 60px; } .catalog--see-all .btn-red, .catalog--see-all .btn-red:hover, .catalog--see-all .btn-red:active { color: #fff; } .catalog--rightside { float: right; margin: 0 0 20px 40px; padding: 0; max-width: 397px; } .catalog--rightside .catalog--body { min-width: 312px; box-shadow: 0 10px 30px rgb(0 0 0 / 10%); } .catalog--rightside .catalog--list.cards .card { margin-bottom: 0; } .mb-up { margin-bottom: -60px; } @media (max-width: 1410px) { .catalog--articles { margin: 0 -30px; width: calc(100% + 60px); margin-bottom: -60px; } } @media (max-width: 768px) { .catalog--rightside { float: none; margin: 20px 0; max-width: 100%; } } @media (max-width: 550px) { .catalog--articles { margin: 0 -20px; margin-bottom: -60px; } } @media (min-width: 550px) and (max-width: 767px) { .mb-up { margin-bottom: -52px; } } .catalog--sort { padding: 3px 0 0; margin: 0 0 36px; *zoom: 1; } .catalog--sort:after { clear: both; } .catalog--sort:before, .catalog--sort:after { content: " "; display: table; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--sort { margin: 0 0 20px; } } .catalog--sort-in { float: left; margin: 0 50px 0 0; font-size: 0; line-height: 0; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--sort-in { margin: 0 0 8px; width: 100%; height: auto; } } .catalog--sort-in:last-of-type { margin: 0; } .catalog--sort-in span { display: inline-block; vertical-align: top; font-size: 12px; line-height: 20px; } .catalog--sort-in a { text-decoration: none; color: #2b2036; margin: 0 0 0 20px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 20px; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--sort-in a { margin: 0 0 0 10px; } } .catalog--sort-in a.is-active { color: #ff2e38; } .catalog--body { padding: 40px 0 0; border-radius: 10px; height: 100%; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--body { padding: 30px 0 0; } } .catalog--tools { border-top: 1px solid #ffffff; padding: 60px 0 0; *zoom: 1; } .catalog--tools:after { clear: both; } .catalog--tools:before, .catalog--tools:after { content: " "; display: table; } @media (max-width: 767px) { .catalog--tools { padding: 30px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .catalog--tools { padding: 30px 0 0; } } .catalog--up { float: left; margin: 0 20px 0 0; width: 60px; height: auto; } @media (max-width: 767px) { .catalog--up { width: 45px; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .catalog--up { display: none; } } .catalog--more { float: left; width: 150px; height: auto; } @media (max-width: 767px) { .catalog--more { display: none; } } @media (min-width: 768px) and (max-width: 1079px) { .catalog--more { width: 125px; height: auto; } } .catalog--pagi { float: right; } .catalog--filters { background: #ffffff; border-radius: 10px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .catalog--filters.is_stuck { z-index: 100; } @media (max-width: 767px) { .catalog--filters { background: none; padding: 15px 0 0; margin: 0 -15px; *zoom: 1; } .catalog--filters:after { clear: both; } .catalog--filters:before, .catalog--filters:after { content: " "; display: table; } } @media (min-width: 550px) and (max-width: 767px) { .catalog--filters { padding: 20px 0 0; margin: 0 -20px; } } .catalog--filters-results { margin: 0 10px 0 0; background: #2b2036; color: #ffffff; padding: 10px 20px; white-space: nowrap; display: none; position: absolute; top: 0; right: 100%; bottom: auto; left: auto; font-size: 12px; line-height: 20px; } .catalog--filters-results:before { content: ""; border-left: 7px solid #2b2036; border-top: 7px solid transparent; border-bottom: 7px solid transparent; margin: -7px 0 0; display: block; width: 0; height: auto; position: absolute; top: 50%; right: -7px; bottom: auto; left: auto; } .catalog--filters-btns { padding: 30px 0 20px 30px; *zoom: 1; } .catalog--filters-btns:after { clear: both; } .catalog--filters-btns:before, .catalog--filters-btns:after { content: " "; display: table; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filters-btns { padding: 30px 20px 25px; } } .catalog--filters-btns .btn { display: inline-flex; justify-content: center; align-items: center; float: left; margin: 0 0 10px; width: 150px; height: 40px; background: #FFF1F2; border: 0; color: #FF2E38; font-weight: 500; text-transform: none; } .catalog--filters-btns .btn:hover { background: #FF2E38; color: #fff; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filters-btns .btn { float: none; margin: 0 0 15px; width: 100%; height: auto; } } .catalog--filters-btns .btn.btn_advance span:nth-child(2) { display: none; } .catalog--filters-btns .btn.btn_advance.open span:nth-child(1) { display: none; } .catalog--filters-btns .btn.btn_advance.open span:nth-child(2) { display: inline-block; } .catalog--filters-btns .btn-white { display: inline-flex; justify-content: center; align-items: center; float: left; width: 150px; height: 40px; color: #2b2036; } .catalog--filters-btns .btn-white:hover { color: #FF2E38; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filters-btns .btn-white { float: none; text-align: left; width: auto; height: auto; } } .catalog--filters-l { float: left; background: #ffffff; text-align: center; color: #2b2036; text-decoration: none; width: 50%; height: auto; font-size: 14px; line-height: 45px; font-weight: 700; } .catalog--filters-l span { text-align: center; color: #ffffff; border-radius: 20px; background: #ff2e38; margin: 12px 0 -1px 10px; display: inline-block; vertical-align: top; width: 20px; height: 20px; font: 400 12px/20px 'CeraPRO'; } @media (min-width: 550px) and (max-width: 767px) { .catalog--filters-l { font-size: 18px; line-height: 59px; } } .catalog--filters-l:nth-child(1) { border-right: 1px solid #eaeaea; } .catalog--filters-l:nth-child(2) { border-left: 1px solid #eaeaea; } #smart-filter .catalog--filter:first-of-type>.catalog--filter-head { border-radius: 10px 10px 0 0; } .catalog--filter { border-bottom: 1px solid #eaeaea; } .js-filter--hidden { display: none; } .js-filter--hidden.visible { display: block; } .catalog--filter.is-simple { padding: 14px 30px; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter.is-simple { padding: 14px 20px; } } .catalog--filter-head { text-transform: uppercase; padding: 13px 60px 15px; cursor: pointer; font-size: 12px; line-height: 20px; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter-head { padding: 16px 20px 18px 50px; font-size: 12px; line-height: 14px; } } .catalog--filter-head:hover { background: #f6f5f7; } .catalog--filter-head>i { text-align: center; /* color: #ff2e38;*/ color: #AAA6AF; position: absolute; top: 0; right: auto; bottom: auto; left: 15px; font-size: 8px; line-height: 48px; width: 45px; height: auto; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: 300ms all ease; -moz-transition: 300ms all ease; -o-transition: 300ms all ease; transition: 300ms all ease; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter-head>i { position: absolute; top: 0; right: auto; bottom: auto; left: 5px; } } .catalog--filter-head>i:hover { color: #2b2036; } .catalog--filter-help { color: #2b2036; text-align: center; border-radius: 18px; background: #eaeaea; opacity: 0; width: 18px; height: 18px; font: 400 11px/18px 'CeraPRO'; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; position: absolute; top: 15px; right: 30px; bottom: auto; left: auto; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter-help { display: none; } } .catalog--filter-help:hover { color: #ffffff; background: #ff2e38; } .catalog--filter-help.is-active { color: #ffffff; background: #2b2036; } .catalog--filter-head:hover .catalog--filter-help { opacity: 1; } .catalog--filter-info { background: #2b2036; color: #ffffff; text-transform: none; z-index: 2; padding: 25px 30px; cursor: default; display: none; position: absolute; top: 100%; right: 0; bottom: auto; left: 0; font-size: 12px; line-height: 18px; } .catalog--filter-info:before { content: ""; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #2b2036; display: block; position: absolute; top: -7px; right: 32px; bottom: auto; left: auto; width: 0; height: auto; } .catalog--filter-info-c { text-decoration: none; padding: 0 11px; color: #584e61; position: absolute; top: 0; right: 0; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .catalog--filter-info-c:hover { color: #ff2e38; } .catalog--filter-info-c i { display: block; font-size: 14px; line-height: 34px; } .catalog--filter-body { padding: 10px 30px 30px 60px; display: none; } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter-body { padding: 8px 20px 30px 50px; } } .catalog--filter-field { position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .catalog--filter-field { margin: 0 0 20px; } } @media (min-width: 550px) and (max-width: 767px) { .catalog--filter-field { margin: 0 0 26px; } } @media (min-width: 768px) and (max-width: 1079px) { .catalog--filter-field.sm-mb { margin: 0 0 10px; } } .catalog--filter-field label { color: #2b2036; position: absolute; top: 0; right: auto; bottom: auto; left: 10px; font-size: 14px; line-height: 30px; } .catalog--filter-field input { border: 1px solid #bbbbbb; padding: 0 10px 0 30px; display: block; width: 100%; height: 30px; font-size: 14px; line-height: 28px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .catalog--filter-field input:hover { border-color: #ff2e38; } .catalog--filter-field input:focus { border-color: #2b2036; } .catalog--filter-fields { padding: 20px 15px 0; border-bottom: 1px solid #ffffff; } @media (min-width: 550px) and (max-width: 767px) { .catalog--filter-fields { padding: 26px 21px 0; } } .catalog--filter.is-active .catalog--filter-head>i { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .catalog--filter.is-active .catalog--filter-help { opacity: 1; } .catalog--filter.is-active .catalog--filter-body { display: block; } .catalog--filter.is-active.is-not-view { border-left: 2px solid #fc323e; } .catalog--filter.is-active.is-not-view .catalog--filter-body { /*display: none;*/ } .catalog--list.is-more { display: none; } .catalog--box { display: none; } .catalog--box.is-visible { display: block; } @media (max-width: 767px) { .catalog--box[data-type="grid"] { display: block !important; } .catalog--box[data-type="list"] { display: none !important; } } .error-page { padding: 13px 0 50px; } @media (max-width: 767px) { .error-page { padding: 13px 0 30px; } } .error-page--text { padding: 30px 0 0; font-size: 16px; line-height: 30px; } @media (max-width: 767px) { .error-page--text { font-size: 14px; line-height: 24px; } } .about { padding: 0px 0 120px; } @media (max-width: 767px) { .about { padding: 10px 0 50px; } } @media (min-width: 550px) and (max-width: 767px) { .about { padding: 13px 0 65px; } } .about--box { margin: 50px 0 0; padding: 10px 0 60px; background: #ffffff; border-radius: 20px; } @media (max-width: 767px) { .about--box { padding: 0 20px 40px; margin: 20px 0 0; } } @media (min-width: 550px) and (max-width: 767px) { .about--box { padding: 0 26px 52px; } } @media (min-width: 768px) and (max-width: 1079px) { .about--box { padding-left: 30px; margin-top: 30px; padding-right: 30px; } } .about--box.is-comments { padding: 40px 0; margin: 0; } @media (max-width: 767px) { .about--box.is-comments { padding: 30px 20px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box.is-comments { padding: 39px 26px; } } @media (min-width: 768px) and (max-width: 1079px) { .about--box.is-comments { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1080px) and (max-width: 1409px) { .about--box.is-small { padding-left: 30px; padding-right: 30px; } } .about--box h1 { text-transform: uppercase; margin: 42px 0 30px; font-size: 30px; line-height: 40px; font-weight: 700; } @media (max-width: 767px) { .about--box h1 { margin: 30px 0 20px; font-size: 22px; line-height: 30px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box h1 { margin: 39px 0 26px; font-size: 29px; line-height: 39px; } } .about--box h2 { text-transform: uppercase; margin: 42px 0 13px; font-size: 20px; line-height: 30px; font-weight: 700; } @media (max-width: 767px) { .about--box h2 { margin: 30px 0 15px; font-size: 18px; line-height: 26px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box h2 { margin: 39px 0 20px; font-size: 23px; line-height: 34px; } } .about--box p { margin: 0 0 15px; font-size: 16px; line-height: 30px; } .about--box img:not(.ssec-question-icon) { max-width: 100%; height: auto; } @media (max-width: 767px) { .about--box p { font-size: 14px; line-height: 24px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box p { font-size: 18px; line-height: 31px; } } .about--box p.is-intro { margin: 0 0 40px; font-size: 24px; line-height: 36px; } @media (max-width: 767px) { .about--box p.is-intro { margin: 0 0 20px; font-size: 16px; line-height: 26px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box p.is-intro { margin: 0 0 26px; font-size: 21px; line-height: 34px; } } .about--box ul { list-style: none; padding: 4px 0 0; margin: 0 0 15px; font-size: 16px; line-height: 24px; } .about--box ol { font-size: 16px; } .about--box ul li { padding: 0 0 0 60px; margin: 0 0 15px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 550px) { .about--box ul { font-size: 14px !important; } .about--box ol { font-size: 14px !important; } .about--box ul li { padding-left: 30px; margin-bottom: 10px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box ul { font-size: 18px !important; } .about--box ol { font-size: 18px !important; } .about--box ul li { padding-left: 39px; margin-bottom: 13px; } } .about--box ul li:before { content: ""; background: #6d6377; border-radius: 4px; display: block; position: absolute; top: 10px; right: auto; bottom: auto; left: 30px; width: 4px; height: 4px; } @media (max-width: 767px) { .about--box ul li:before { left: 10px; } } @media (min-width: 550px) and (max-width: 767px) { .about--box ul li:before { left: 13px; } } .about--box a { color: #ff2e38; text-decoration: none; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .about--box a.card--title { text-decoration: none; color: #2b2036; } .about--box a:hover { color: #2b2036; } .about--in { padding: 50px 0 0; } .about--in.is_stuck { padding-top: 0; } .about--mens { padding: 31px 0 0; } @media (max-width: 767px) { .about--mens { padding-top: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .about--mens { padding-top: 26px; } } .about--men { margin: 0 0 60px; } @media (max-width: 767px) { .about--men { margin-bottom: 50px; } } @media (min-width: 550px) and (max-width: 767px) { .about--men { margin-bottom: 65px; } } .about--men:last-of-type { margin: 0; } .about--men-photo { background: #f5f5f5; margin: 9px 0 0; } @media (max-width: 767px) { .about--men-photo { margin: 0 0 20px; } } @media (min-width: 550px) and (max-width: 767px) { .about--men-photo { margin: 0 0 26px; } } .about--men-photo img { display: block; width: 100%; height: auto; } .about--men-name { text-transform: uppercase; color: #ff2e38; font-size: 24px; line-height: 34px; font-weight: 700; } @media (max-width: 767px) { .about--men-name { font-size: 18px; line-height: 26px; } } @media (min-width: 550px) and (max-width: 767px) { .about--men-name { font-size: 23px; line-height: 34px; } } .about--men-post { padding: 3px 0 18px; font-size: 18px; line-height: 26px; font-weight: 700; } @media (max-width: 767px) { .about--men-post { padding-bottom: 10px; font-size: 16px; line-height: 24px; } } @media (min-width: 550px) and (max-width: 767px) { .about--men-post { padding: 4px 0 13px; font-size: 21px; line-height: 31px; } } .about--men-link { text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; font-size: 16px; line-height: 22px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .about--men-link { font-size: 14px; line-height: 24px; } } @media (min-width: 550px) and (max-width: 767px) { .about--men-link { font-size: 18px; line-height: 31px; } } .about--men-link:hover { color: #2b2036; } .about--poster { margin: 50px 0 30px; } .about--poster.is-bordered { border: 1px solid #eaeaea; } .about--poster img { display: block; width: 100%; height: auto; } .search-page { padding: 30px 0 50px; } @media (max-width: 767px) { .search-page { padding: 30px 0 30px; } } .search-page--form { padding: 0 210px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .search-page--form { padding: 0; } } @media (max-width: 767px) { .search-page .inner-page--title { margin: -10px 0 25px; } } .search-page--results { text-align: center; padding: 18px 10px 0; color: #bbbbbb; position: absolute; top: 0; right: auto; bottom: auto; left: 0; width: 140px; height: auto; font-size: 12px; line-height: 20px; } @media (max-width: 767px) { .search-page--results { padding: 0 0 20px; color: #2b2036; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: auto; height: auto; } } .search-page--field { padding: 14px 20px 14px 139px; border: 1px solid #bbbbbb; border-radius: 3px !important; text-transform: uppercase; color: #2b2036; display: block; width: 100%; height: 60px; font-size: 33px; line-height: 30px; font-weight: 700; } @media (max-width: 767px) { .search-page--field { margin: 0 0 20px; padding: 14px 15px; font-size: 30px; line-height: 30px; } } .search-page--submit { border: none; border-radius: 3px; color: #ffffff; text-transform: uppercase; padding: 20px 0; background: #ff2e38; position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 180px; height: 60px; font: 700 16px/20px 'CeraPRO'; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .search-page--submit { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: 60px; } } .search-page--submit:hover { opacity: 0.8; } .search-page--text { padding: 50px 0 0; font-size: 16px; line-height: 30px; } @media (max-width: 767px) { .search-page--text { font-size: 14px; line-height: 24px; } } .search-page--in { padding: 60px 0 70px; } @media (max-width: 767px) { .search-page--in { padding: 40px 0; } } .article { padding: 0 0 60px; } @media (max-width: 767px) { .article { padding: 0 0 50px; } } @media (min-width: 550px) and (max-width: 767px) { .article { padding: 0 0 65px; } } .article--date { padding: 8px 0 6px; font-size: 12px; line-height: 20px; } .article--tools { background: #ffffff; border-top: 1px solid #eaeaea; padding: 30px; *zoom: 1; } .article--tools:after { clear: both; } .article--tools:before, .article--tools:after { content: " "; display: table; } @media (max-width: 767px) { .article--tools { padding: 20px; } } @media (min-width: 550px) and (max-width: 767px) { .article--tools { padding: 26px; } } .article--tools-in { width: 150px; height: auto; } @media (max-width: 767px) { .article--tools-in { width: 100px; height: auto; } } @media (min-width: 550px) and (max-width: 767px) { .article--tools-in { width: 130px; height: auto; } } .article--nav { background: #ffffff; border-radius: 10px; overflow: hidden; } .article--nav-list { list-style: none; margin: 0; padding: 0; } .article--nav-item { border-bottom: 1px solid #eaeaea; text-transform: uppercase; color: #2b2036; display: block; font-size: 12px; line-height: 14px; } .article--nav-item:last-of-type { border: none; } .article--nav-item>a { text-decoration: none; color: inherit; padding: 17px 68px 19px 30px; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .article--nav-item>a:hover { background: #f6f5f7; } .article--nav-item>a:after { color: #ff2e38; text-align: center; margin: -7px 0 0; content: '\e913'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; width: 68px; height: auto; font-size: 14px; line-height: 14px; } .article--nav-item.is-active>a { background: #f6f5f7; } .article--nav-item.is-active>a:after { content: ""; border-radius: 8px; background: #6d6377; margin: -4px 0 0; position: absolute; top: 50%; right: 30px; bottom: auto; left: auto; width: 8px; height: 8px; } .article--nav-sub { list-style: none; margin: 0; padding: 0; } .article--nav-sub li { color: #2b2036; border-top: 1px solid #eaeaea; display: block; } .article--nav-sub li.is-active a { background: #f6f5f7; } .article--nav-sub li.is-active a:after { content: ""; border-radius: 8px; background: #6d6377; margin: -4px 0 0; position: absolute; top: 50%; right: 30px; bottom: auto; left: auto; width: 8px; height: 8px; } .article--nav-sub a { text-decoration: none; color: inherit; padding: 17px 68px 19px 60px; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .article--nav-sub a:before { content: ""; background: #6d6377; border-radius: 4px; margin: -2px 0 0; display: block; width: 4px; height: 4px; position: absolute; top: 50%; right: auto; bottom: auto; left: 30px; } .article--nav-sub a:after { color: #ff2e38; text-align: center; margin: -7px 0 0; content: '\e913'; font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; top: 50%; right: 0; bottom: auto; left: auto; width: 68px; height: auto; font-size: 14px; line-height: 14px; } .article--nav-sub a:hover { background: #f6f5f7; } /* new product style */ .product { display: flex; justify-content: space-between; align-items: flex-start; padding: 50px 60px 60px; background: #fff; border-radius: 20px; } .product-gallery { display: flex; justify-content: space-between; align-items: flex-start; flex: 0 0 776px; } .product-gallery-thumbs { padding-top: 39px; width: 81px; } .product-gallery-thumbs .slick-list { height: 498px !important; } .product-gallery-thumbs .slick-arrow { text-align: center; background: #f6f6f6; color: #ff2e38; border-radius: 4px; cursor: pointer; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .product-gallery-thumbs .slick-arrow i { display: block; font-size: 8px; line-height: 30px; } .product-gallery-thumbs .slick-arrow.slick-prev { position: absolute; top: 0; right: 0; bottom: auto; left: 0; } .product-gallery-thumbs .slick-arrow.slick-next { position: absolute; top: auto; right: 0; bottom: -49px; left: 0; } .product-gallery-thumbs .slick-arrow.slick-next i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .product-gallery-thumbs .slick-arrow.is-disabled { opacity: 0.2; cursor: default; } .product-gallery-thumbs .slide { display: flex; justify-content: center; align-items: center; padding: 3px; height: 73px; border: 1px solid transparent; border-radius: 10px; overflow: hidden; cursor: pointer; } .product-gallery-thumbs .slide+.slide { margin-top: 10px; } .product-gallery-thumbs .slide img { max-height: 100%; width: auto; } .product-gallery-thumbs .slide.slick-current { border-color: #2B2036; } .product-gallery-photos { position: relative; width: 100%; max-width: 665px; } .product-gallery-photos i.discount, .product-gallery-photos i.markdown { top: -13px; } .product-gallery-photos.slick-initialized .slide { display: block; } .product-gallery-photos .slide img { width: 100%; height: auto; } .product-gallery-photos .slick-dots { margin: 0; padding: 9px 0 0; text-align: center; font-size: 0; line-height: 0; list-style: none; } .product-gallery-photos .slick-dots li { display: inline-block; vertical-align: top; margin: 0 20px 0 0; width: 2px; height: 2px; background: #2b2036; transition: 200ms all ease; } .product-gallery-photos .slick-dots li:last-of-type { margin: 0; } .product-gallery-photos .slick-dots li.slick-active { width: 24px; height: 2px; background: #ff2e38; } .product-gallery-photos .slick-dots li button { display: none; } .product-info { flex: 1; padding: 10px 0 0 95px; } .product-info__name { /* margin-bottom: 15px; */ font-weight: bold; font-size: 40px; line-height: 48px; } .product-info-status { display: flex; justify-content: flex-start; margin-bottom: 47px; align-items: center; } .product-info-status__brand { max-height: 48px; flex: 0 0 auto; display: flex; justify-content: center; align-items: center; aspect-ratio: 79 / 40; /* Поддерживает пропорции */ margin-right: 20px; border-radius: 6px; overflow: hidden; position: relative; } .product-info-status__brand:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; background: rgb(0 0 0 / 3%); } .product-info-status__brand img { object-fit: contain; width: 100%; height: 100%; display: block; margin: auto; } .product-info-status__value { font-size: 16px; border: 1px solid #ECECEC; border-radius: 10px; padding: 8px 17px; display: flex; align-items: center; justify-content: center; } .icon-status { margin-right: 15px; } .product-info-status__value i { display: inline-block; vertical-align: top; margin: 1px 5px -1px 0; font-size: 10px; line-height: 20px; color: #14d900; } .product-info-price { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-bottom: 17px; } .product-info-price__values { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; flex: 0 0 100%; font-weight: bold; font-size: 34px; color: #FF2E38; } .product-info-price__values span { display: inline-block; vertical-align: middle; margin-left: 20px; font-weight: normal; font-size: 18px; color: #C1C1C1; text-decoration: line-through; } .product-info-price__values .percent-price { display: inline-flex; justify-content: center; align-items: center; margin: 0 0 0 20px; padding: 0 5px; min-width: 42px; height: 22px; background: #684F8C; border-radius: 5px; font-weight: bold; font-size: 12px; color: #fff; text-decoration: none; } .product-info-price__credit.ssec.ssec-page { margin-top: 9px; /* font-weight: 500; */ font-weight: 400; font-size: 16px; color: #2B2036; } .product-info-price__credit__icon { display: inline-flex; justify-content: center; align-items: center; margin-left: 6px; /* padding-top: 1px; */ width: 20px; height: 20px; background: #EAEAEA; border-radius: 100%; /* font-weight: 700; */ font-weight: 500; font-size: 14px; transition: all .15s ease-out; } .product-info-price__credit:hover .product-info-price__credit__icon { background: #FF2E38; color: #fff; } .product-info-btns { display: flex; justify-content: space-between; align-items: flex-start; gap: 15px; margin-bottom: 20px; } .product-info-btns__btn { display: flex; justify-content: center; align-items: center; flex: auto; padding: 0 10px; height: 48px; border: 1px solid; border-radius: 10px; text-align: center; font-weight: 500; font-size: 16px; text-decoration: none; } .product-info-btns__btn:hover { text-decoration: none; } .product-info-btns__btn--cart { background: #FF2E38; border-color: #FF2E38; font-weight: 600; color: #fff; transition: all .15s ease-out; } .product-info-btns__btn--cart:hover { background: #DC262E; border-color: #DC262E; } .product-info-btns__btn--cart.is-added { background: #DFF9CF; border-color: #DFF9CF; color: #678B51; } .product-info-btns__btn--credit { background: transparent !important; border-color: #FF2E38 !important; color: #FF2E38 !important; transition: all .15s ease-out; } .product-info-btns__btn--credit:hover { background: #FF2E38 !important; color: #fff !important; } .product-info-btns__btn--zone { background: transparent; border-color: #2B2036; color: #2B2036; transition: all .15s ease-out; } .product-info-btns__btn--zone:hover { background: #2B2036; color: #fff; } .product-info-helper { display: flex; justify-content: flex-start; align-items: flex-start; margin-bottom: 48px; } .product-info-helper__btn { display: flex; justify-content: flex-start; align-items: center; font-size: 16px; color: #2B2036; text-decoration: none; transition: all .15s ease-out; } .product-info-helper__btn svg { margin-right: 10px; transition: all .15s ease-out; } .product-info-helper__btn .h-icon-favorite { width: 23px; height: 23px; } .product-info-helper__btn .h-icon-compare { width: 21px; height: 23px; } .product-info-helper__btn+.product-info-helper__btn { margin-left: 35px; } .product-info-helper__btn:hover, .product-info-helper__btn.is-added, .product-info-helper__btn.active { text-decoration: none; color: #FF2E38; } .product-info-helper__btn:hover .h-icon, .product-info-helper__btn:hover svg, .product-info-helper__btn.is-added svg, .product-info-helper__btn.active svg { fill: #FF2E38; } .product-info-props { margin-bottom: 45px; } .product-info-props__item { position: relative; margin: 0 0 18px; padding-left: 49px; font-size: 18px; line-height: 20px; color: #000; } .product-info-props__item span { color: #62636A; } .product-info-props__item__icon { position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; margin-right: 22px; width: 27px; } .product-info__note { padding: 15px 20px 20px; background: #F6F6F6; border-radius: 10px; font-size: 16px; color: #2B2036; } @media (max-width: 1600px) { .product { padding: 30px; } .product-info { padding: 10px 0 0 50px; } } @media (max-width: 1500px) { .product-info-helper { flex-wrap: wrap; margin-bottom: 16px; } .product-info-helper__btn { flex: 0 0 50%; margin-bottom: 20px; } .product-info-helper__btn+.product-info-helper__btn { margin-left: 0; } } @media (max-width: 1409px) { .product-gallery { flex: 0 0 676px; } .product-gallery-photos { max-width: 565px; } } @media (max-width: 1306px) { .product-gallery { flex: 0 0 570px; } .product-gallery-photos { max-width: 500px; } .product-info-btns { flex-direction: column; } .product-info-btns__btn { flex: auto; width: 100%; } .product-info-props__item { font-size: 16px; } .product-gallery-thumbs { width: 50px; } .product-gallery-thumbs .slide { height: 50px; } .product-gallery-thumbs .slick-list { height: 360px !important; } .product-info { padding: 10px 0 0 30px; } } @media (max-width: 1100px) { .product-info-helper__btn { flex: 0 0 100%; } } @media (min-width: 768px) and (max-width: 1079px) { .product-info-btns.card--btn { float: none; margin: 0 0 20px; } } @media (max-width: 1036px) { .product-info-btns { flex-direction: row; } .product { display: block; } .product-gallery { display: block; margin-bottom: 50px; } .product-gallery:after { content: ''; display: table; clear: both; } .product-gallery-thumbs { float: left; } .product-gallery-photos { float: right; width: calc(100% - 50px - 30px); max-width: 100%; } .product-info { padding: 0; } .product-info__name { font-size: 23px; line-height: 23px; } .product-info-btns__btn { flex: auto; width: 100%; } .product-info-helper__btn { flex: none; } .product-info-helper__btn+.product-info-helper__btn { margin-left: 35px; } } @media (max-width: 768px) { .product-gallery-thumbs { display: none; } .product-gallery-photos { width: 100%; } .product-info-btns.card--btn { width: auto; flex-direction: column; } #sb { width: 100%; } } @media (max-width: 650px) { .product { padding: 20px; } .product-info-helper__btn { flex: 0 0 100%; } .product-info-helper__btn+.product-info-helper__btn { margin-left: 0; } .product-info-status { flex-wrap: wrap; } .product-info-status__value { margin-top: 10px; flex: 0 0 100%; font-size: 16px; } .product-info-price__values { font-size: 26px; } .product-info-price__values span { font-size: 16px; } } .item--info { *zoom: 1; } .item--info:after { clear: both; } .item--info:before, .item--info:after { content: " "; display: table; } @media (min-width: 768px) and (max-width: 1079px) { .item--info { padding: 30px 0 0; } } .item--thumbs { float: left; padding: 45px 0; width: 60px; height: auto; } @media (max-width: 767px) { .item--thumbs { display: none; } } @media (min-width: 768px) and (max-width: 1409px) { .item--thumbs { width: 50px; height: auto; } } .item--thumbs .slick-arrow { text-align: center; background: #ffffff; color: #ff2e38; border-radius: 4px; cursor: pointer; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .item--thumbs .slick-arrow i { display: block; font-size: 8px; line-height: 30px; } .item--thumbs .slick-arrow.slick-prev { position: absolute; top: -45px; right: 0; bottom: auto; left: 0; } .item--thumbs .slick-arrow.slick-next { position: absolute; top: auto; right: 0; bottom: -45px; left: 0; } .item--thumbs .slick-arrow.slick-next i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .item--thumbs .slick-arrow.is-disabled { opacity: 0.2; cursor: default; } .item--thumbs-in .slide { display: none; } .item--thumbs-in .slide:first-of-type { display: block; } .item--thumbs-in.slick-initialized .slide { display: block; } .item--thumb { border: none !important; padding: 5px 0; } .item--thumb-in { border: 1px solid #ffffff; cursor: pointer; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .item--thumb-in:hover { border-color: #ff2e38; } .item--thumb-in:not(.item--thumb-in--opacity):before { content: ""; background: rgba(53, 53, 53, 0.1); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .item--thumb-in img { display: block; width: 100%; height: auto; } .item--thumb.slick-current .item--thumb-in { border-color: #2b2036; } .item--photos { float: left; margin: 0 60px 0 30px; width: calc(100% - 60px - 30px - 60px - 50%); height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .item--card { float: left; width: 46%; height: 504px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .item--card__title { margin-bottom: 25px; font-size: 28px; font-weight: 600; } .item--wrap { display: flex; justify-content: flex-start; align-items: center; } .item--wrap--img { position: relative; margin-right: 20px; } .item--wrap--img img { display: block; width: 100%; height: auto; } .item--wrap--img:before { content: ""; background: rgba(53, 53, 53, 0.1); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (max-width: 768px) { .item--card { margin: 0 0 40px; width: 100%; max-width: 100%; } .item--wrap { width: 100%; } } i.discount { background-image: url(/local/templates/4k-monitors/css/../img/discount.png); position: absolute; top: -20px; right: 5px; z-index: 9; width: 100px; height: 50px; background-size: contain; background-repeat: no-repeat; display: none; } i.markdown { background-image: url(/local/templates/4k-monitors/css/../img/markdown.png); position: absolute; top: -20px; right: 5px; z-index: 9; width: 100px; height: 50px; background-size: contain; background-repeat: no-repeat; } .catalog--list.cards.is-list i.discount, .catalog--list.cards.is-list i.markdown { display: none; top: -30px; right: -15px; width: 80px; } /* @media (min-width: 1080px) and (max-width: 1409px) { .catalog--list.cards.is-list i.discount, .catalog--list.cards.is-list i.markdown { top: -40px; right: -60px; } } */ /* @media (max-width: 1080px) { .catalog--list.cards.is-list i.discount, .catalog--list.cards.is-list i.markdown { top: -40px; } } */ .catalog--list.cards.is-list .ssec.ssec-grid2 { top: auto; float: none; margin: 0; font-weight: normal; text-align: right; font-size: 16px; line-height: 18px; color: #000; } .catalog--list.cards.is-list .ssec.ssec-grid2 .ssec-question-icon { top: 3px; margin-left: 3px; height: auto; } .catalog--list.cards.is-list .item--number { display: block; margin: 0 0 11px; padding: 0 0 0 36px; background-size: auto 17px; } .catalog--list.cards.is-list .item--number.is-s2 { background-size: auto 14px; } @media (max-width: 767px) { .item--photos { float: none; margin: 0; width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .item--photos { margin: 0 20px; width: calc(100% - 50px - 20px - 20px - 40%); height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--photos { margin: 0 20px; width: calc(100% - 50px - 20px - 20px - 50%); height: auto; } } .item--gallery { float: left; width: calc(100% - 20px - 50%); } .item--gallery .item--photos { width: calc(100% - 90px); } .item--analog--title { margin-bottom: 25px; font-size: 28px; font-weight: 600; } .item--photos-in .slide { display: none; } .item--photos-in .slide:first-of-type { display: block; } .item--photos-in.slick-initialized .slide { display: block; } .item--photos .slick-dots { list-style: none; margin: 0; padding: 9px 0 0; text-align: center; font-size: 0; line-height: 0; } .item--photos .slick-dots li { background: #2b2036; margin: 0 20px 0 0; display: inline-block; vertical-align: top; width: 2px; height: 2px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .item--photos .slick-dots li:last-of-type { margin: 0; } .item--photos .slick-dots li.slick-active { background: #ff2e38; width: 24px; height: 2px; } .item--photos .slick-dots li button { display: none; } .item--photo { position: relative; top: auto; right: auto; bottom: auto; left: auto; text-align: center; } .item--photo:not(.item--photo--opacity):before { content: ""; background: rgba(53, 53, 53, 0.1); display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .item--photo img { display: block; width: 100%; height: auto; } .item--desc { position: relative; float: right; width: 50%; height: auto; } @media (max-width: 767px) { .item--desc { float: none; width: auto; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .item--desc { width: 40%; height: auto; } } .item--breadcrumbs { padding: 23px 0 16px; } @media (min-width: 768px) and (max-width: 1079px) { .item--breadcrumbs { padding: 0 0 15px; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--breadcrumbs { padding: 0 0 15px; } } .item--title { text-transform: uppercase; padding: 0 200px 0 0; margin: 0 0 27px; font-size: 40px; line-height: 40px; font-weight: 700; clear: both; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .item--wrap .item--title { padding: 0; font-size: 28px; } @media (max-width: 550px) { .item--wrap .item--title { font-size: 18px; } } @media (max-width: 767px) { .item--title { padding: 23px 0 0; margin: 0 0 10px; font-size: 23px; line-height: 23px; } } @media (min-width: 768px) and (max-width: 1140px) { .item--title { padding: 0 0 0; margin: 0 0 10px; font-size: 23px; line-height: 23px; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--title { padding-right: 170px; font-size: 30px; line-height: 30px; } } .item--price { color: #ff2e38; position: absolute; top: 3px; right: 0; bottom: auto; left: auto; /*font: 700 40px/40px 'Arial';*/ font-weight: 700; font-size: 40px; line-height: 40px; } @media (max-width: 767px) { .item--price { margin: 9px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 30px; line-height: 30px; } } @media (min-width: 768px) and (max-width: 1140px) { .item--price { margin: 10px 0 0; padding: 0 0 5px; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 26px; line-height: 26px; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--price { font-size: 30px; line-height: 30px; } } .item--price span { color: #2b2036; text-decoration: line-through; text-align: right; display: block; font-size: 14px; line-height: 16px; font-weight: 400; } @media (max-width: 767px) { .item--price span { text-align: left; margin: 13px 0 0 10px; display: inline-block; vertical-align: top; font-size: 11px; line-height: 16px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--price span { text-align: left; margin: 11px 0 0 10px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 16px; } } .item--tags { padding: 0 0 20px; *zoom: 1; } .item--tags:after { clear: both; } .item--tags:before, .item--tags:after { content: " "; display: table; } @media (max-width: 1079px) { .item--tag.is-brand { display: none; } .item--wrap .item--tags { display: block; } } .item--tag { float: left; margin: 0 20px 10px 0; padding: 4px 0 6px; text-transform: uppercase; font-size: 12px; line-height: 20px; } .item--tag.is-brand { padding: 0; width: 60px; height: auto; } .item--tag i { color: #14d900; margin: 1px 5px -1px 0; display: inline-block; vertical-align: top; font-size: 10px; line-height: 20px; } .item--tag svg { display: inline-block; vertical-align: top; margin: 1px 5px -1px 0; } .item--tag .item--tag--help { display: inline-block; vertical-align: top; margin: -4px 0 0 10px; } .item--brand { background: #ffffff; overflow: hidden; padding: 50% 0 0; display: block; position: relative; top: auto; right: auto; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; -webkit-box-shadow: 0 0 0 2px transparent; -moz-box-shadow: 0 0 0 2px transparent; box-shadow: 0 0 0 2px transparent; } .item--brand:hover { -webkit-box-shadow: 0 0 0 2px #ff2e38; -moz-box-shadow: 0 0 0 2px #ff2e38; box-shadow: 0 0 0 2px #ff2e38; } .item--brand img { display: block; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; height: auto; } .item--btns { border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding: 30px 0; } @media (max-width: 767px) { .item--btns { padding: 15px 0 15px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--btns { padding: 20px 0 10px; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--btns { padding: 30px 0 12px; } } .item--btns-in { margin: 0 -6px; *zoom: 1; } .item--btns-in:after { clear: both; } .item--btns-in:before, .item--btns-in:after { content: " "; display: table; } @media (max-width: 767px) { .item--btns-in { margin: 0; } } @media (min-width: 768px) and (max-width: 1079px) { .item--btns-in { margin: 0; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--btns-in { margin: 0 -15px; } } .item--btn { padding: 7px 6px 8px; float: left; width: 23%; height: auto; } .form-credit button { border: 0; } @media (max-width: 767px) { .item--btn { margin: 0 0 0 10px; padding: 0; width: 40px; height: auto; } .item--btn:not(.is-cart) a { width: 100%; height: 40px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--btn { padding: 0; margin: 0 0 10px; width: 100%; height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--btn { padding-left: 15px; padding-right: 15px; margin: 0 0 10px; width: 50%; height: auto; } } .item--btn.is-cart { padding-top: 0; padding-bottom: 0; width: 31%; height: auto; } @media (max-width: 767px) { .item--btn.is-cart { padding: 0; margin: 0; width: calc(100% - 50px); height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .item--btn.is-cart { width: 100%; height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .item--btn.is-cart { width: 50%; height: auto; } } .item--numbers { padding: 30px 0 0; *zoom: 1; } .popup .item--numbers { padding-left: 0; text-align: center; } .item--numbers:after { clear: both; } .item--numbers:before, .item--numbers:after { content: " "; display: table; } @media (max-width: 767px) { .item--numbers { padding: 15px 0 16px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--numbers { padding: 20px 0 0; } } .item--numbers--border { border: solid #fff; border-width: 1px 0; } .item--number { display: inline-block; margin: 0 0px 15px 0; padding: 0 0 0 40px; background: left 4px no-repeat; background-size: auto 100%; background-position: left center; font-size: 15px; line-height: 22px; color: #62636A; } .card--box-fields-grid{ padding: 0 0 10px; font-size: 14px; line-height: 20px; } .card--box-fields-grid:empty { flex-grow: 1; } .card--box-fields-grid .item--number{ padding: 0px; font-size: 14px; line-height: 100%; background-image: none !important; display: flex; gap: 4px; align-items: flex-end !important; justify-content: flex-end; flex: 0 0 auto; margin: 0 0 11px !important; max-height: max-content; box-sizing: border-box; } .card--box-fields-grid .item--number:last-child{ margin: 0 !important; } .item--number-line { flex-grow: 1; height: 1px; background: #EEEEEE; } .item--number-val { color: #2B2036 !important; } @media (max-width: 767px) { .card--box-fields-grid .item--number .item--number-name, .item--number-line { display: none; } .card--box-fields-grid .item--number-val { max-height: max-content; } .card--box-fields-grid { display: flex; gap: 5px; flex-wrap: wrap; } .card--box-fields-grid .item--number { font-size: 12px; width: auto !important; max-width: max-content; flex: 0 0 auto; border: 1px solid #EEEEEE; border-radius: 2px; padding: 2px 5px; margin: 0 !important; } } .home--slide-numbers .item--number { height: 22px !important; white-space: nowrap; display: flex; align-items: center; } .item--number span { color: #62636A; } .new-color { color: #2B2036 !important; } @media (max-width: 767px) { .card-l--btn { font-size: 11px; margin-bottom: 0px; } .card--btn { margin-top: 10px; } .card--tools .ssec.ssec-grid2 { height: auto !important; } .item--number { font-size: 11px; line-height: 18px; background-position: 12px 0 !important; } } @media (max-width: 1079px) { .item--number { margin: 0 0 14px; padding-right: 15px; width: 50%; height: auto; background-size: 19px !important; background-position: 12px 3px; } .catalog--list.cards.is-list .item--number { background-size: auto 17px !important; background-position: 0 50%; } .catalog--list.cards.is-list .item--number.is-s2 { background-size: auto 14px !important; } } .item--number.is-s1 { background-image: url(/local/templates/4k-monitors/css/../svg/number-01.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s1.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-01-red.svg); } .item--number.is-s2 { background-image: url(/local/templates/4k-monitors/css/../svg/number-02.svg); background-size: auto 22px; background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } @media (max-width: 767px) { .item--number.is-s2 { background-size: auto 16px; } } .item--number.is-s2.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-02-red.svg); } .item--number.is-s3 { background-image: url(/local/templates/4k-monitors/css/../svg/number-03.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s3.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-03-red.svg); } .item--number.is-s4 { background-image: url(/local/templates/4k-monitors/css/../svg/number-04.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s4.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-04-red.svg); } .item--number.is-s5 { background-image: url(/local/templates/4k-monitors/css/../svg/number-05.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s5.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-05-red.svg); } .item--number.is-s6 { background-image: url(/local/templates/4k-monitors/css/../svg/number-06.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s6.is-red { background-image: url(/local/templates/4k-monitors/css/../svg/number-06-red.svg); } .item--number.is-s7 { background-image: url(/local/templates/4k-monitors/css/../svg/number-07.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--number.is-s8 { background-image: url(/local/templates/4k-monitors/css/../svg/number-08.svg); background-repeat: no-repeat; background-position: left center; /* Центрируем по горизонтали и вертикали */ background-size: contain; /* Чтобы картинка полностью влезала */ display: flex; align-items: center; /* Выравниваем содержимое (если есть текст) */ } .item--in { padding: 0 0 120px; } @media (max-width: 767px) { .item--in { padding: 0; } } @media (max-width: 767px) { .item--features { padding: 40px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .item--features { padding: 40px 0 0; } } .item--feature { margin: 0 0 54px; padding: 0 0 0 90px; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 16px; line-height: 24px; } .item--feature a, .item--feature span { display: flex !important; align-items: center; } .item--feature b { font-weight: normal; } .item--feature a:hover {} .item--feature a:hover b { color: #ff2e38 !important; text-decoration: underline !important; } @media (max-width: 767px) { .item--feature { padding-left: 75px; margin: 0 0 30px; } } .item--feature:last-of-type { margin: 0; } .item--feature i { color: #ff2e38; text-align: center; display: block; position: absolute; top: 50%; right: auto; bottom: auto; left: 7px; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 40px; line-height: 40px; width: 76px; height: auto; } @media (max-width: 767px) { .item--feature i { left: 0; width: 66px; height: auto; } } .item--feature i.icon-feature-03 { font-size: 30px; line-height: 30px; } .item--feature i.icon-feature-06 { font-size: 38px; line-height: 38px; } .item--feature i.icon-feature-07 { font-size: 26px; line-height: 26px; } .item--feature i.icon-feature-08 { font-size: 34px; line-height: 34px; } .item--review { position: relative; margin: 0 0 25px; padding: 30px 30px 10px; background: #ffffff; border-radius: 10px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .item--review.item--review-youtube { padding-bottom: 30px; } @media (max-width: 767px) { .item--review { padding-left: 23px; padding-right: 23px; } } @media (min-width: 550px) and (max-width: 767px) { .item--review { padding-left: 30px; padding-right: 30px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--review { padding-left: 20px; padding-right: 20px; } } .item--review:last-of-type { margin: 0; } .item--review.is-video { padding: 0; } .item--review-title { text-decoration: none; color: #2b2036; margin: 0 0 20px; display: block; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font-size: 18px; line-height: 24px; } @media (max-width: 767px) { .item--review-title { font-size: 14px; line-height: 18px; } } @media (min-width: 550px) and (max-width: 767px) { .item--review-title { font-size: 18px; line-height: 23px; } } @media (min-width: 768px) and (max-width: 1079px) { .item--review-title { font-size: 14px; line-height: 18px; } } .item--review-title:hover { color: #ff2e38; } .item--review-photo { display: block; } .item--review-photo img { display: block; width: 100%; height: auto; } .item--review-v { padding: 56.25% 0 0; } .item--review-v iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .compare { background: #eaeaea; overflow: hidden; padding: 30px 0 120px; } .compare--head { *zoom: 1; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .compare--head:after { clear: both; } .compare--head:before, .compare--head:after { content: " "; display: table; } .compare--head-bg:before { content: ""; background: #ffffff; z-index: 1; display: block; position: absolute; top: 0; right: -5000px; bottom: 0; left: 270px; } .compare--head-bg:after { content: ""; background: #f6f5f7; z-index: 1; margin: 0 -270px 0 0; display: block; position: absolute; top: 0; right: 100%; bottom: 0; left: -5270px; } .compare--row { *zoom: 1; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .compare--row:after { clear: both; } .compare--row:before, .compare--row:after { content: " "; display: table; } .compare--row-bg:before { content: ""; background: #efefef; z-index: 1; display: block; position: absolute; top: 0; right: -5000px; bottom: 0; left: 270px; } .compare--row-bg:after { content: ""; background: #eaeaea; z-index: 1; margin: 0 -270px 0 0; display: block; position: absolute; top: 0; right: 100%; bottom: 0; left: -5270px; } .compare--row:nth-child(2n+2) .compare--row-bg:before { background: #eaeaea; } .compare--row:nth-child(2n+2) .compare--row-bg:after { background: #dfdfdf; } .compare--side { float: left; z-index: 2; width: 270px; height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .compare--side.is-key { text-transform: uppercase; padding: 10px 10px 10px 0; font-size: 12px; line-height: 20px; } .compare--in { float: left; z-index: 2; white-space: nowrap; overflow: hidden; padding: 0 0 0 15px; width: calc(100% - 270px); height: auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; font-size: 0; line-height: 0; } .compare--arrows { padding: 59px 0 63px; font-size: 0; line-height: 0; } .compare--arrows a { background: #ffffff; text-align: center; color: #ff2e38; text-decoration: none; margin: 0 10px 0 0; display: inline-block; vertical-align: top; width: 60px; height: 60px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .compare--arrows a:first-of-type { border-radius: 4px 0 0 4px; } .compare--arrows a:last-of-type { border-radius: 0 4px 4px 0; } .compare--arrows a.is-disabled { opacity: 0.2; cursor: default; } .compare--arrows a:hover { color: #ffffff; background: #ff2e38; } .compare--arrows a i { display: block; font-size: 24px; line-height: 60px; } .compare--item { white-space: initial; padding: 0 15px; display: inline-block; vertical-align: top; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 240px; height: auto; font-size: 14px; line-height: 20px; } .compare--item:before { content: ""; border-left: 2px solid #2b2036; border-right: 2px solid #2b2036; z-index: 1; pointer-events: none; opacity: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .compare--item.is-hovered:before { opacity: 1; } .compare--item.is-product { padding-top: 8px; } .compare--item.is-value { padding-top: 8px; padding-bottom: 8px; font-size: 14px; line-height: 24px; } .compare--head .compare--item { height: 182px; } .compare--head .compare--item:before { border-top: 2px solid #2b2036; } .compare--row:last-of-type .compare--item:before { border-bottom: 2px solid #2b2036; } .compare--photo { z-index: 2; margin: 0 0 1px; display: block; width: auto; height: 100px; } .compare--photo img { display: block; width: auto; height: 100%; } .compare--title { text-decoration: none; color: #2b2036; overflow: hidden; z-index: 2; font-size: 14px; line-height: 19px; font-weight: 700; display: block; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; width: auto; height: 40px; position: relative; top: auto; right: auto; bottom: auto; left: auto; } .compare--title:hover { color: #ff2e38; } .compare--price { color: #ff2e38; margin: -2px 0 0; z-index: 2; position: relative; top: auto; right: auto; bottom: auto; left: auto; /*font: 700 14px/20px sans-serif;*/ font-weight: 700; font-size: 14px; line-height: 20px; } .compare--btns { z-index: 3; opacity: 0; position: absolute; top: 15px; right: 9px; bottom: auto; left: auto; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .compare--item.is-hovered .compare--btns { opacity: 1; } .compare--btn { text-align: center; text-decoration: none; color: #6d6377; display: block; width: 40px; height: 26px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .compare--btn:hover { color: #ff2e38; } .compare--btn.is-added { color: green; } .compare--btn i { display: block; font-size: 16px; line-height: 26px; } .cart { background: #ffffff; margin: 0 0 30px; border-radius: 20px; } .cart--head { text-transform: uppercase; padding: 4px 0 6px; *zoom: 1; font-size: 12px; line-height: 20px; } .cart--head:after { clear: both; } .cart--head:before, .cart--head:after { content: " "; display: table; } .styled__radio { display: inline-block; vertical-align: middle; width: 45%; } @media (max-width: 767px) { .cart--head { display: none; } } .cart--col { float: left; } .cart--col:nth-child(3), .cart--col:nth-child(4), .cart--col:nth-child(6) { text-align: right; } .cart--col:nth-child(1) { width: 300px; height: auto; } .cart--col .cart--photo { max-width: 125px; } @media (max-width: 767px) { .cart--col:nth-child(1) { width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--col:nth-child(1) { display: none; } } @media (min-width: 1080px) and (max-width: 1409px) { .cart--col:nth-child(1) { width: 150px; height: auto; } } .cart--col:nth-child(2) { width: calc(100% - 400px - 40px - 110px - 160px - 200px); height: auto; } @media (max-width: 767px) { .cart--col:nth-child(2) { width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--col:nth-child(2) { padding-left: 20px; width: calc(100% - 175px - 20px - 125px - 150px); height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .cart--col:nth-child(2) { width: calc(100% - 200px - 40px - 80px - 150px - 150px); height: auto; } } .cart--col:nth-child(3) { width: 100px; height: auto; } @media (max-width: 767px) { .cart--col:nth-child(3) { text-align: left; width: 100%; height: auto; } } .cart--col:nth-child(4) { width: 40px; height: auto; } @media (max-width: 767px) { .cart--col:nth-child(4) { text-align: left; width: 100%; height: auto; } } /*@media (min-width: 768px) and (max-width: 1409px) { .cart--col:nth-child(4) { width: 80px; height: auto; } }*/ .cart--col:nth-child(5) { padding: 0 0 0 60px; width: 160px; height: auto; } @media (max-width: 767px) { .cart--col:nth-child(5) { padding: 10px 0 0 0 !important; width: 100%; height: auto; text-align: left; } .cart--col:nth-child(5) .styled__radio { width: 75px; } } @media (min-width: 768px) and (max-width: 1409px) { .cart--col:nth-child(5) { padding-left: 15px; width: 150px; height: auto; } } .cart--col:nth-child(6) { padding: 0 30px 0 0; width: 200px; height: auto; } @media (max-width: 767px) { .cart--col:nth-child(6) { padding: 0; text-align: left; width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1409px) { .cart--col:nth-child(6) { padding-right: 20px; width: 150px; height: auto; } } @media (max-width: 767px) { .cart--col span.visible-xs-ib { color: #2b2036; text-transform: uppercase; margin: 0 10px 0 0; font: 400 12px/30px 'CeraPRO'; width: 90px; height: auto; } } .cart--row { border-top: 1px solid #eaeaea; *zoom: 1; } .cart--row:after { clear: both; } .cart--row:before, .cart--row:after { content: " "; display: table; } @media (max-width: 767px) { .cart--row { padding: 25px 20px 15px; } } .cart--promo .row { display: flex; flex-wrap: nowrap; flex-direction: row; align-items: flex-start; margin: 0 0 30px; padding: 20px; background: #ffffff; border-radius: 20px; } .promo-tag { display: inline-block; margin-top: 10px; font-weight: 500; font-size: 14px; color: #0FA658; background: #F2FBF6; border-radius: 5px; padding: 4px 6px; box-sizing: border-box; } .cart--promo .promo { width: 100%; padding: 0 !important; } @media (max-width: 767px) { .cart--promo { padding: 20px; margin: 0 0 20px; } .cart--promo .row { display: flex; flex-direction: column; align-items: flex-start; margin: 0 0 30px; padding: 20px; background: #ffffff; border-radius: 20px; } } .cart--promo input { border: 1px solid #D8D8D8; padding: 0 10px; margin: 0; display: block; width: 100%; /* Учитываем padding */ height: 54px; border-radius: 12px; font-size: 14px; line-height: 28px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .cart--promo input { margin: 0 0 20px; } } .cart--promo input:hover { border-color: #BBBBBB; } .cart--promo input:focus { border-color: #BBBBBB; } .cart-message { margin-top: 10px; font-size: 16px; } .cart-message--warning { color: #ff2e38; } .cart--submit { border-top: 1px solid #eaeaea; background: #ffffff; padding: 30px; } @media (max-width: 767px) { .cart--submit { padding: 20px; } } @media (max-width: 767px) { .cart--photo { margin: -20px 0 10px; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--photo { margin: 0 0 -10px; } } .cart--photo .card--photo { margin: 0 !important; } .cart--info { padding: 56px 0 80px; min-width: initial; min-height: 300px; position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 431px !important; } .promo-cont { display: flex; flex-direction: column; align-items: flex-start; } .name-cont { display: flex; align-items: flex-end; } @media (max-width: 767px) { .cart--info { padding: 0; min-width: initial; min-height: initial; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--info { padding: 30px 0; min-width: initial; min-height: initial; } } .cart--title { text-decoration: none; color: #2b2036; font-size: 18px; line-height: 18px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .cart--title:hover { color: #ff2e38; } .cart--links { position: absolute; top: auto; right: 0; bottom: 55px; left: 0; font-size: 0; line-height: 0; } @media (max-width: 767px) { .cart--links { margin: 15px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--links { margin: 15px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } } .cart--links a { color: #ff2e38; text-decoration: none; margin: 0 30px 0 0; display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .promo-cont { align-items: center; justify-content: center; } .cart--info { width: 100% !important; } .pr-mb { align-items: center; } .cart--links a { margin: 0; display: block; } } .cart--links a:hover { color: #2b2036; } .cart--links a:last-of-type { margin: 0; } .cart--price { padding: 51px 0 0; /*font: 400 14px/30px sans-serif;*/ font-weight: 700; font-size: 14px; line-height: 20px; } @media (max-width: 767px) { .cart--price { padding: 10px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--price { padding-top: 25px; } } .cart--sale { padding: 50px 0 0; font-size: 14px; line-height: 30px; } @media (max-width: 767px) { .cart--sale { padding: 10px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--sale { padding-top: 24px; } } .cart--count { padding: 51px 0 0; font-size: 0; line-height: 0; } @media (max-width: 767px) { .cart--count { padding: 10px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--count { padding-top: 25px; } } .cart--count input { border: 1px solid #bbbbbb; padding: 0 10px; margin: 0 10px 0 0; display: inline-; width: 60px; height: 30px; font-size: 14px; line-height: 28px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .cart--count input:hover { border-color: #ff2e38; } .cart--count input:focus { border-color: #2b2036; } .cart--count span:not(.visible-xs-ib) { display: inline-block; vertical-align: top; font-size: 14px; line-height: 30px; } .cart--total { color: #ff2e38; padding: 51px 0 0; /*font: 700 18px/30px 'Arial';*/ font-size: 18px; line-height: 30px; font-weight: 700; } @media (max-width: 767px) { .cart--total { padding: 15px 0 0; } } @media (min-width: 768px) and (max-width: 1079px) { .cart--total { padding-top: 25px; } } .cart--fields { padding: 10px 0 0; font-size: 14px; line-height: 17px; } .cart.is-favorites .cart--info { flex-wrap: wrap; } .cart.is-favorites .cart--fields { flex: 0 0 100%; } .cart.is-favorites .cart--col:nth-child(2) { width: calc(100% - 400px - 100px); height: auto; } @media (max-width: 767px) { .cart.is-favorites .cart--col:nth-child(2) { width: 100%; height: auto; } .cart.is-favorites .cart--links { position: relative; top: auto; bottom: auto; left: auto; display: flex; justify-content: space-between; width: 100%; } } @media (min-width: 768px) and (max-width: 1079px) { .cart.is-favorites .cart--col:nth-child(2) { width: calc(100% - 100px - 100px); height: auto; } } @media (min-width: 1080px) and (max-width: 1409px) { .cart.is-favorites .cart--col:nth-child(2) { width: calc(100% - 200px - 100px - 100px); height: auto; } } .cart.is-favorites .cart--col:nth-child(4) { padding: 0 30px 0 0; width: 140px; height: auto; } @media (max-width: 767px) { .cart.is-favorites .cart--col:nth-child(4) { padding: 0; width: 100%; height: auto; } } @media (min-width: 768px) and (max-width: 1409px) { .cart.is-favorites .cart--col:nth-child(4) { padding-right: 20px; width: 100px; height: auto; } } .modals { z-index: 3000; background: rgba(255, 255, 255, 0.95); position: fixed; top: 0; right: 0; bottom: 0; left: 0; } .modals--item { position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .modals--item.is-search { pointer-events: none; background: rgba(255, 255, 255, 0.8); width: 100vw; height: 100vh; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: fixed; top: 0; right: 0; bottom: auto; left: auto; } .modals--item.is-search .mfp-close { font-size: 55px; pointer-events: initial; position: absolute; top: 15px; right: 15px; bottom: auto; left: auto; } .modals--item .mfp-close { color: #2b2036; opacity: 1; -webkit-transition: 200ms color ease; -moz-transition: 200ms color ease; -o-transition: 200ms color ease; transition: 200ms color ease; } .modals--item .mfp-close:hover { color: #bbbbbb; } .m-search { pointer-events: initial; width: 960px; height: auto; position: absolute; top: 50%; right: auto; bottom: auto; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 1079px) { .m-search { width: auto; height: auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } } @media (max-width: 767px) { .m-search { position: absolute; top: 50%; right: 15px; bottom: auto; left: 15px; } } @media (min-width: 550px) and (max-width: 767px) { .m-search { position: absolute; top: 50%; right: 20px; bottom: auto; left: 20px; } } @media (min-width: 768px) and (max-width: 1079px) { .m-search { position: absolute; top: 50%; right: 30px; bottom: auto; left: 30px; } } .m-search--form { padding: 0 210px 0 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; } @media (max-width: 767px) { .m-search--form { padding: 0; } } .m-search--field { padding: 14px 15px; border: 1px solid #bbbbbb; text-transform: uppercase; color: #2b2036; display: block; width: 100%; height: 60px; font-size: 37px; line-height: 30px; font-weight: 700; } @media (max-width: 767px) { .m-search--field { margin: 0 0 20px; font-size: 30px; line-height: 30px; } } .m-search--submit { border: none; border-radius: 3px; color: #ffffff; text-transform: uppercase; padding: 20px 0; background: #ff2e38; position: absolute; top: 0; right: 0; bottom: auto; left: auto; width: 180px; height: 60px; font: 700 16px/20px 'CeraPRO'; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } @media (max-width: 767px) { .m-search--submit { position: relative; top: auto; right: auto; bottom: auto; left: auto; width: 100%; height: 60px; } } .m-search--submit:hover { opacity: 0.8; } @media (max-width: 767px) { body .header, body .inner-page, body .home { /*will-change: transform;*/ width: 100%; height: auto; -webkit-transition: 300ms -webkit-transform ease; -moz-transition: 300ms -moz-transform ease; -o-transition: 300ms -o-transform ease; transition: 300ms -webkit-transform ease, 300ms -moz-transform ease, 300ms -o-transform ease, 300ms transform ease; } body.is-directed-left .header, body.is-directed-left .inner-page, body.is-directed-left .home { -webkit-transform: translateX(calc(-100% + 50px)); -moz-transform: translateX(calc(-100% + 50px)); -ms-transform: translateX(calc(-100% + 50px)); -o-transform: translateX(calc(-100% + 50px)); transform: translateX(calc(-100% + 50px)); } body.is-directed-right .header, body.is-directed-right .inner-page, body.is-directed-right .home { -webkit-transform: translateX(calc(100% - 50px)); -moz-transform: translateX(calc(100% - 50px)); -ms-transform: translateX(calc(100% - 50px)); -o-transform: translateX(calc(100% - 50px)); transform: translateX(calc(100% - 50px)); } body:before { content: ""; z-index: -1; background: rgba(43, 32, 54, 0.95); opacity: 0; will-change: opacity; pointer-events: none; display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } body.is-directed-left:before, body.is-directed-right:before { z-index: 1999; opacity: 1; -webkit-transition: 300ms opacity ease; -moz-transition: 300ms opacity ease; -o-transition: 300ms opacity ease; transition: 300ms opacity ease; } } .bold-link { text-decoration: none; color: #2b2036; font-size: 14px; line-height: 20px; font-weight: 700; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .bold-link:hover { color: #bbbbbb; } .visible-xs, .visible-xs-ib, .visible-sm, .visible-sm-ib, .visible-md, .visible-md-ib, .visible-lg, .visible-lg-ib { display: none; } @media (max-width: 767px) { .visible-xs { display: block; } .visible-xs-ib { display: inline-block; vertical-align: top; } .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1079px) { .visible-sm { display: block; } .visible-sm-ib { display: inline-block; vertical-align: top; } .hidden-sm { display: none !important; } } @media (min-width: 1080px) and (max-width: 1409px) { .visible-md { display: block; } .visible-md-ib { display: inline-block; vertical-align: top; } .hidden-md { display: none !important; } } @media (min-width: 1410px) { .visible-lg { display: block; } .visible-lg-ib { display: inline-block; vertical-align: top; } .hidden-lg { display: none !important; } } .wrapper { position: relative; } .bx-sls .dropdown-block { border-color: #bbbbbb; border-radius: 3px; font-size: 16px; padding: 5px 22px 5px 30px; } .bx-sls .dropdown-icon { top: 15px; } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { font-size: 16px; } .bx-sls .bx-ui-sls-clear { margin-top: 7px; } .catalog-section-name { color: #2b2036; text-transform: uppercase; letter-spacing: -1.5px; margin: 0 0 10px; font-size: 25px; font-weight: 700; margin-bottom: 30px; } .catalog-section-name a { text-decoration: none; color: #2b2036; } .panel--head .right a { display: none; } .bx-step-completed .panel--head .right a { display: inline; } .modals--item .panel { width: 350px; } @media (max-width: 640px) { .modals--item.modal-buy { width: 100%; top: 0px; left: 0px; position: fixed; height: 100%; bottom: 0px; transform: none; } .modals--item .panel { width: 100%; } } .modals--item .panel--head p { font-size: 0.8em; opacity: 0.6; } .modals--item .panel--body { padding-left: 30px; } .modals--item .panel--tools { margin-left: 30px; border-top: 0px; padding-top: 0px; } .btn-bot { clear: both; padding-top: 20px; } .btn-bot .btn-white { font-size: 14px; padding: 10px 15px; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bx-step-completed .bx-soa-coupon-list { padding-top: 0; line-height: 20px } .bx-soa-coupon-item strong { font-weight: normal; white-space: nowrap; margin-right: 20px; position: relative; text-transform: uppercase; font-size: 15px; display: inline-block; letter-spacing: -0.5px } .bx-soa-coupon-item strong.bx-soa-coupon-item-danger { color: #a94442 } .bx-soa-coupon-item strong.bx-soa-coupon-item-success { color: #3ba428 } .bx-soa-coupon-item strong.bx-soa-coupon-item-used { color: #777 } .bx-soa-coupon-item-danger-mess, .bx-soa-coupon-item-mess { display: none; position: absolute; left: 0; min-width: 100%; top: 100%; font-weight: normal; padding: 6px 10px; background: #fff; border: 1px solid #ddd; border-radius: 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1); text-transform: none; color: #333; letter-spacing: normal; z-index: 1 } .bx-soa-coupon-item strong:hover .bx-soa-coupon-item-mess, .bx-soa-coupon-item strong:hover .bx-soa-coupon-item-danger-mess { display: block } .bx-soa-coupon-remove { display: inline-block; height: 20px; width: 20px; margin-left: 10px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNpEkM0KwjAQhGdr/Dv6Nj6EXkRvehTfRhS868lWWigU9OFEHGeTqIF0dydftrMJp0s1McMdwJ5AY0iLKaxVbwGbBxgeJKaCS4NjbJxQvlE4a/ektUFX9w5JCNolEzQmGCHlT8VjEFQjdvrBN0EOF4oOrXS5Cxmqs7NKVSEroPHlkLLOLRX4r5HOjenf3tE7DDyjxCLNx032ZFovSe80BK7Sl9IQmJ4gT4foSfowe+47jGx+xzidQxY9Zd/+/cLbIC8ztW9VHBL0fXDWGdeDc/ERYABB6E45iF95UQAAAABJRU5ErkJggg==) no-repeat center; cursor: pointer; vertical-align: middle; position: relative; top: -1px } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "CeraPRO", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 1.42857143; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; word-wrap: normal; white-space: normal; filter: alpha(opacity=0); opacity: 0; line-break: auto } .tooltip.in { filter: alpha(opacity=90); opacity: .9 } .tooltip.top { padding: 5px 0; margin-top: -3px } .tooltip.right { padding: 0 5px; margin-left: 3px } .tooltip.bottom { padding: 5px 0; margin-top: 3px } .tooltip.left { padding: 0 5px; margin-left: -3px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px; bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } .bx-soa-tooltip.bx-soa-tooltip-static { position: relative; z-index: 0 } .bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow { left: 20px } .bx-soa-tooltip .tooltip-inner { max-width: 300px } .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow { border-top-color: #f2dede } .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner { background: #f2dede; color: #a94442 } .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow { border-top-color: #fcf8e3 } .bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner { background: #fcf8e3; color: #8a6d3b } .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow { border-top-color: #dff0d8 } .bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner { background: #dff0d8; color: #3c763d } .bx-soa-tooltip.bx-soa-tooltip-coupon { display: none } .bx-soa-coupon-item-used:hover .bx-soa-tooltip, .bx-soa-coupon-item-danger:hover .bx-soa-tooltip, .bx-soa-coupon-item-success:hover .bx-soa-tooltip { display: block; opacity: 1; bottom: 100% } .bx-soa-tooltip-coupon>span { display: block; text-transform: none } .bx-soa-coupon-item { margin-top: 10px; } .sale_order_full input[type=submit], .sale_order_full_custom input[type=submit] { padding: 10px 15px; background: #ff2e38; border-radius: 3px; text-decoration: none; color: #ffffff; text-align: center; text-transform: uppercase; border: none; margin: 20px 0px 20px 0px; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font: 700 16px/25px 'CeraPRO'; cursor: pointer; } @media (max-width: 767px) { .sale_order_full input[type=submit], .sale_order_full_custom input[type=submit] { font-size: 14px; line-height: 20px; } } .sale_order_full input[type=submit]:hover, .sale_order_full_custom input[type=submit]:hover { background: #2b2036; cursor: default; } .sale_order_full hr, .sale_order_full_custom hr { margin-top: 17px; } .bufer_payment div, .bufer_payment hr { display: none; } .bufer_payment form { display: inline; } .bufer_payment input[type=submit] { border: none; background: #FFFFFF; text-decoration: none; color: #ff2e38; display: inline-block; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font: normal normal 14px/20px 'CeraPRO', arial, sans-serif; cursor: pointer; } .bufer_payment input[type=submit]:hover { color: #2b2036; } .panel--tools-btn.left .bufer_payment, .panel--tools-btn.left .bufer_payment form { display: block; width: 100%; } .panel--tools-btn.left .bufer_payment input[type=submit] { border-radius: 30px; border: 2px solid #ff2e38; display: block; text-transform: uppercase; padding: 3px 15px; width: 100%; } .sale-order-detail-payment-options-methods-button-container { display: none; } .tablebodytext { display: none !important; } @media (max-width: 767px) { #panel { display: none; } } .pad-b-35 { margin-bottom: 45px; } .pad-t-40 { padding-top: 40px; } .pad-b-40 { padding-bottom: 40px; } .b24-widget-button-pulse { border-color: #ff2e38 !important; } .b24-widget-button-inner-mask, .b24-widget-button-inner-block { background: #ff2e38 !important; } .item--zone { margin-top: 15px; } .btn-zone { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; width: 100%; padding: 10px 15px; background: #2b2036; border-radius: 3px; text-decoration: none; color: #ffffff; text-align: center; text-transform: uppercase; border: none; margin: 0; vertical-align: top; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; font: 700 18px/25px 'CeraPRO'; cursor: pointer; } .btn-zone:hover { background: #ff2e38; } .btn-zone i { display: flex; margin-right: 5px; } .btn-zone i svg { fill: #fc323e; } .btn-zone:hover i svg { fill: #2b2036; } .btn-zone span { text-align: left; } .relative { position: relative; } .catalog--filter_selected { border-left: 2px solid #fc323e; } /* Popup */ .dark { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background: rgba(0, 0, 0, .6); z-index: 1000; } .dark._active { display: block; } .popup { position: fixed; top: 10%; left: -999999px; padding: 44px 24px; margin: 0 0 0 -309px; width: 618px; background: #fff; border-radius: 10px; box-shadow: 0 5px 15px rgba(154, 154, 154, .4); box-shadow: 0px 0px 54px 0px rgba(2, 2, 2, 0.51); opacity: 0; transition: opacity .15s; cursor: default; } .popup .panel { border-radius: 10px; } .popup--horizontal { width: 746px; margin-left: -373px; } .popup._active { left: 50%; left: 50% !important; opacity: 1; z-index: 2100; } .popup-close { position: absolute; top: 15px; right: 15px; display: block; width: 25px; height: 24px; background: url(/local/templates/4k-monitors/css/../img/close-mobile.png) 0 0 no-repeat; cursor: pointer; } .popup-title { margin: 0 0 20px; font-size: 16px; line-height: 22px; font-weight: 700; text-transform: uppercase; } .popup input[type=text] { border: 1px solid #bbbbbb; padding: 10px 15px; margin: 0; width: 100%; height: 45px; font-size: 16px; line-height: 23px; border-radius: 3px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .popup-wrap-city { margin: 30px 0 0; padding: 0; font-size: 0; } .popup-wrap-city li { display: inline-block; vertical-align: top; margin: 0 0 6px; padding: 0 10px 0 0; width: calc(100% / 3); } .popup-wrap-city li a { font-size: 13px; color: #ff2e38; } .popup-wrap-city li a:hover { text-decoration: none; } .search-dark { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; overflow: hidden; background: rgba(255, 255, 255, 0.8); z-index: 1000; } .search-dark._active { display: block; } .search-popup { position: fixed; top: 15%; left: -999999px; display: flex; justify-content: center; align-items: flex-start; margin-left: -480px; width: 960px; opacity: 0; transition: opacity .15s; } .search-popup._active { left: 50%; opacity: 1; z-index: 1100; } .search-popup-close { font-size: 55px; pointer-events: initial; position: absolute; top: 15px; right: 15px; bottom: auto; left: auto; color: #2b2036; opacity: 1; font-weight: 500; -webkit-transition: 200ms color ease; -moz-transition: 200ms color ease; -o-transition: 200ms color ease; transition: 200ms color ease; cursor: pointer; } .search-popup-close:hover { color: #bbb; } .search-popup .bx-searchtitle { width: 100%; } .search-popup .bx-searchtitle.theme-red .bx-input-group .bx-form-control { padding: 14px 15px; color: #2b2036; display: block; width: 100%; height: 60px; font-size: 37px; line-height: 30px; font-weight: 700; border-radius: 10px 0 0 10px; } .search-popup .bx-searchtitle.theme-red .bx-input-group-btn button { width: 60px; height: 60px; border-radius: 0 10px 10px 0; } .search-popup .bx-searchtitle .bx-searchtitle-preloader { top: 16px; } .bx-catalog-subscribe-button { padding: 0 22px !important; border: none !important; width: auto; height: 40px; color: #2B2036; background: #F1F1F1; display: flex; font-weight: 500; align-items: center; text-transform: initial !important; } .bx-catalog-subscribe-button:hover { background: #FF2E38; color: #fff; } .title-search-result { z-index: 1100 !important; } @media (max-width: 1080px) { html._overflow { margin-right: 0; } .search-popup { top: 13%; margin-left: 0; padding: 0 20px; width: 100%; } .search-popup._active { left: 0; } .search-popup-close { top: 82px; } } @media (max-width: 768px) { .search-popup { top: 10%; } .search-popup-close { top: 15px; } .search-popup .bx-searchtitle.theme-red .bx-input-group .bx-form-control { font-size: 18px; } } .b24-widget-button-bottom .b24-widget-button-inner-mask, .b24-widget-button-inner-mask, .b24-widget-button-inner-block { /*background:none !important;*/ } .b24-widget-button-bottom .b24-widget-button-close .b24-widget-button-close-item, .b24-widget-button-icon-container .b24-widget-button-icon-animation .b24-crm-button-icon-active { display: none !important; } @media (max-width: 650px) { .popup._active { top: 0; left: 0 !important; margin-left: 0 !important; width: 100% !important; } .popup-close { background: url(/local/templates/4k-monitors/css/../svg/close.svg) 0 0 no-repeat; } } @media (max-width: 500px) { .popup-wrap-city { padding-right: 10px; max-height: 310px; overflow: hidden; overflow-y: auto; } .popup-wrap-city::-webkit-scrollbar { width: 3px; background: transparent; } .popup-wrap-city::-webkit-scrollbar-thumb { background-color: #bebbb5; border-radius: 3px; } .popup-wrap-city::-webkit-scrollbar-track { border-width: 0; } .popup-wrap-city li { width: 50%; } } @media (max-width: 1620px) { .header--nav-i>a, .header--nav-i>span { padding-left: 9px; padding-right: 9px; font-size: 12px; } } @media (max-width: 1450px) { .header--nav-i>a, .header--nav-i>span { padding-left: 6px; padding-right: 6px; font-size: 12px; } .header--nav-i>ul li a { padding: 16px 12px 14px; font-size: 12px; } } @media (max-width: 1650px) { .header--nav-i>a i, .header--nav-i>span i { display: none; } } a.menu-phone.footer--field { color: #2b2036 !important; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; } .videorev .card-r--photo { margin: 20px; height: auto; } .r-name { margin: 20px; } .videorev .card-r { height: 400px; } .search-h2 { font-size: 20px; margin-bottom: 30px; } .search-h2 .card--title { display: inline; } .prod-desc li { font-size: 16px; } .prod-desc h2 { font-size: 25px; } .prod-desc h3 { font-size: 18px; } .bt-30 { /*width: calc(33% - 4px) !important;*/ padding: 7px 3px 8px !important; } .dmz { display: flex; } .dmz .item--btn { float: none !important; } .dmz .btn-zone { padding: 6px 1px; } .dmz._center { justify-content: center; } @media (max-width: 1200px) { .dmz { flex-wrap: wrap; } } .personal .form-field:last-of-type { margin: 0 0 23px; } .personal .panel--tools-btn { width: auto; } .personal .bx-sls .dropdown-block { padding: 0 35px; height: 45px; box-shadow: none; font-size: 16px; line-height: 23px; border-radius: 3px; } .personal .bx-sls .bx-ui-sls-container { height: 43px; } .personal .bx-sls .bx-ui-sls-fake, .personal .bx-sls .bx-ui-sls-route { height: 43px; } .select { position: relative; } .select-btn { position: relative; display: block; padding: 10px 45px 10px 15px; width: 100%; height: 45px; background: #fff; border-radius: 3px; border: 1px solid #bbb; font-size: 16px; line-height: 23px; color: #2b2036; text-decoration: none; } .select-btn:hover { border-color: #ff2e38; } .select-btn:focus, .select-btn._active { border-color: #2b2036; } .select-btn i { position: absolute; top: 0; right: 15px; font-size: 8px; line-height: 44px; color: #AAA6AF; transform: rotate(180deg); transition: 300ms all ease; } .select-btn._active i { transform: rotate(0); } .select-btn span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .select-wrap { position: absolute; top: calc(100% - 1px); left: 0; z-index: 5; display: none; padding: 0; width: 100%; max-height: 250px; overflow-y: auto; background: #fff; border: solid #2b2036; border-width: 0 1px 1px; } .select-wrap a { position: relative; display: block; padding: 10px 15px; color: #000; text-decoration: none; } .select-wrap a:hover { color: #ff2e38; } .select-wrap a._active { background: #ff2e38; color: #fff; } .form-error { margin-top: 5px; font-size: 12px; line-height: 14px; color: #ff2e38; } .loader-bcg { position: fixed; top: 0; left: 0; z-index: 100; display: none; width: 100%; height: 100%; background: #fff; opacity: .5; } .loader-icon { position: fixed; top: 50%; left: 50%; z-index: 110; display: none; margin: -70px 0 0 -70px; width: 140px; height: 140px; background: url(/local/templates/4k-monitors/css/../img/loader.svg) 0 0 no-repeat; background-size: 140px 140px; } .loader-bcg._active, .loader-icon._active { display: block; } .addresses { margin: 20px 30px 0 0; clear: both; line-height: 1; } .addresses-flex { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .addresses-item { margin-bottom: 30px; } .addresses-flex .addresses-item { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); padding: 0 0 20px 20px; margin: 0; } .addresses-item-wrap { position: relative; padding: 15px; border: 1px solid #eaeaea; transition: 200ms all ease; } .addresses-flex .addresses-item-wrap { display: flex; flex-direction: column; justify-content: space-between; height: 100%; border-radius: 5px; } .addresses-item-wrap:hover { border-color: #ff2e38; } .addresses-item-head__title { padding-right: 15px; font-size: 18px; font-weight: bold; color: #333; } .addresses-item-body { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 15px 0 0; padding: 15px 0 0; border-top: 1px solid #eaeaea; list-style-type: none; } .addresses-flex .addresses-item-body { margin: 0; padding: 0; border-top: 0; } .addresses-item-body li { flex: 0 0 100%; padding: 0 15px 0 0; margin: 0 0 15px; font-size: 16px; color: #333; } .addresses-item-body li._short { flex: 0 0 calc(100% / 3); } .addresses-item-body li:before { display: none; } .addresses-item-body li span { display: block; margin-bottom: 3px; font-size: 14px; color: #999; } .addresses-item-text { padding-bottom: 20px; font-size: 16px; color: #333; } .addresses-item-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eaeaea; text-align: right; } .addresses-item-foot a+a { margin-left: 15px; } .addresses-item-foot__error { font-size: 14px; line-height: 16px; color: #ff2e38; } .files { padding: 15px 30px 20px 0; } .files table { width: 100%; border-collapse: collapse; } .files thead th { padding: 20px; text-align: left; font-size: 14px; line-height: 16px; color: #fff; text-transform: uppercase; background: #ff2e38; border: 1px solid #ff2e38; white-space: nowrap; } .files tbody td { padding: 20px; font-size: 16px; line-height: 20px; color: #333; border: 1px solid #eaeaea; word-wrap: break-word; word-break: break-all; } @media (max-width: 1300px) { .addresses-flex .addresses-item { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 768px) { .panel--body .btn-margin { margin-left: 30px; } .addresses { padding: 0 0 0 30px; } .addresses-flex { margin-left: 0; padding-left: 10px; } .addresses-flex .addresses-item { flex: 0 0 100%; max-width: 100%; } .addresses-item-body li._short { flex: 0 0 100%; } .files { padding: 0 10px; } .files thead th { padding: 8px; font-size: 12px; } .files tbody td { padding: 8px; font-size: 13px; } } @media (max-width: 650px) { .panel--body .btn-margin { margin-left: 10px; } .addresses { margin: 20px 0 0 0; padding: 0 10px; } .addresses-flex { margin: 0; padding: 0 10px; } .addresses-flex .addresses-item { padding: 0; } } .parallel .catalog--body .row { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .parallel .catalog--body .row .col-sm-4 { order: 1; } .parallel .catalog--body .row .col-sm-8 { order: 0; } .parallel-head { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 100px; background: url(/local/templates/4k-monitors/css/../img/parallel-bg.jpg) 50% 50% no-repeat; height: 645px; } .parallel-head-title { font: 38px/48px 'CeraPRO', arial, sans-serif; font-weight: 700; color: #2b2036; text-transform: uppercase; } .parallel-head-btn { margin-top: 30px; padding: 14px 60px; } .parallel-text { font-size: 16px; line-height: 30px; } .parallel-text-wrap { margin: 0 auto; max-width: 990px; } .parallel-text ._center { text-align: center; } .parallel-text ._red { color: #ff2e38; } .parallel-text h2 { font-size: 50px; line-height: 1.3; } .parallel-text h3 { text-transform: uppercase; margin: 32px 0 13px; font-weight: 700; font-size: 24px; line-height: 140%; } .parallel-text h3._lower { text-transform: none; } .parallel-text ul li { padding-left: 25px; } .parallel-text ul li:before { content: ""; background: #6d6377; border-radius: 100%; display: block; position: absolute; top: 8px; left: 2px; width: 8px; height: 8px; } .parallel-text ._mt80 { margin-top: 80px; } .parallel-text ._mb50 { margin-bottom: 50px; } @media (max-width: 767px) { .parallel-text h3 { margin: 22px 0 13px; font-size: 16px; line-height: 24px; } } @media (min-width: 550px) and (max-width: 767px) { .parallel-text h3 { font-size: 16px; line-height: 24px; } } .parallel-text-box { display: table; } .parallel-text-box h3 { margin: 20px 0; } .parallel-text-list { counter-reset: item; } .parallel-text-list-item { position: relative; padding-left: 150px; padding-bottom: 40px; } .parallel-text-list-item:before { content: counter(item); counter-increment: item; position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 89px; height: 89px; background: #5B4671; border-radius: 100%; text-align: center; font-weight: 500; font-size: 32px; line-height: 80px; color: #fff; } .parallel-text-list-item:not(:last-child):after { content: ''; position: absolute; top: 0; left: 44px; z-index: 1; display: block; width: 2px; height: 100%; background: #5b4671; } .parallel-text-list-item h3 { margin-top: 0; margin-bottom: 7px; } .parallel-text-list-item p { line-height: 27px; } .parallel-text-icon-item { position: relative; padding-left: 150px; padding-bottom: 40px; } .parallel-text-icon-item__img { position: absolute; top: 0; left: 32px; z-index: 2; text-align: center; width: 75px; } .parallel-text-icon-item__img img { max-width: 100%; height: auto; } .parallel-text-icon-item h3 { margin-top: 0; margin-bottom: 7px; text-transform: none; } .parallel-text-icon-item h4 { margin-top: 25px; margin-bottom: 13px; font-weight: 500; font-size: 20px; line-height: 140%; text-transform: none; } .parallel-text-icon-item p { line-height: 27px; } .parallel-text-icon-item-imgs { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 27px; } .parallel-text-icon-item-imgs img { margin: 0 30px 30px 0; } .parallel-text .note { margin-bottom: 15px; padding-left: 20px; border-left: 3px solid #5B4671; } .parallel-anchor { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 40px 0 0; } .parallel-anchor a { display: block; margin: 0 10px 10px 0; padding: 5px 15px; border: 1px solid #ff2e38; border-radius: 3px; font-size: 14px; color: #ff2e38; } .parallel-anchor a:hover { background: #ff2e38; color: #fff; } .parallel-text-flex { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 32px 0 0; } .parallel-text-flex-item { margin-bottom: 20px; text-align: center; } .parallel-text-flex-item+.parallel-text-flex-item { margin-left: 100px; } .parallel-text-flex-item img { margin-bottom: 4px; } @media (max-width: 1150px) { .parallel-head { height: 500px; background-size: cover; } .parallel-head-title { font-size: 24px; line-height: 32px; } } @media (max-width: 768px) { .parallel-head { height: 260px; } .parallel-head-title { font-size: 20px; line-height: 26px; } .parallel-text { padding-top: 30px; } .parallel-text h2 { font-size: 36px; line-height: 1.3; } .parallel-text-list-item:before { width: 38px; height: 38px; font-size: 26px; line-height: 30px; } .parallel-text-list-item:not(:last-child):after { left: 19px; } .parallel-text-list-item, .parallel-text-icon-item { padding-left: 60px; } .parallel-text-flex-item { flex: 0 0 25%; } .parallel-text-flex-item+.parallel-text-flex-item { margin-left: 0; } .parallel-text-icon-item__img { left: 0; width: 38px; } } @media (max-width: 650px) { .parallel-head-title>div { text-shadow: 1px 1px 0px white; } .parallel-text-flex-item { flex: 0 0 50%; } } .order-basket-list { width: 100%; } .order-basket-list-item { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eaeaea; } .order-basket-list-item__img { flex: 0 0 60px; margin-right: 15px; } .order-basket-list-item__name { flex: 1; margin-right: 15px; } .order-basket-list-item__name a { color: #ff2e38; } .order-basket-list-item__price { display: flex; justify-content: flex-end; align-items: center; } .order-basket-list-item__price span { display: inline-block; margin: 0 10px; font-size: 12px; } @media (max-width: 768px) { .order-basket-list-item { position: relative; padding-left: 80px; align-items: flex-start; min-height: 75px; } .order-basket-list-item__img { position: absolute; top: 0; left: 0; } .order-basket-list-item__name { flex: 0 0 100%; } ..order-basket-list-item__price { flex: 0 0 100%; text-align: left; } } .unsubscribe { display: table; margin: 15px 0; color: #ff2e38; border-bottom: 1px dashed #ff2e38; text-decoration: none; } .unsubscribe:hover { border-color: transparent; } .about--box.full-height { min-height: 580px; } @media (max-width: 1080px) { .about--box.full-height { min-height: auto; } } .about--box ul.sitemap { padding: 20px 30px 0; margin: 0; } .about--box ul.sitemap>li { margin: 0; padding: 0; display: block; clear: both; } .about--box ul.sitemap li:before { display: none; } .sitemap>li:after { content: ''; display: table; clear: both; } .sitemap-title { float: left; clear: both; margin: 0 0 30px; padding-right: 15px; width: 25%; font-size: 16px; line-height: 20px; font-weight: bold; } .about--box .sitemap-title a { color: #2b2036; } .about--box .sitemap-title a:hover { color: #ff2e38; } .sitemap-title i { font-style: normal; } .about--box ul.sitemap-child { float: right; width: 75%; list-style: none; padding: 4px 0 0; margin: 0 0 30px; font-size: 0; } .about--box ul.sitemap-child li { padding: 0 10px 0 0; } .sitemap-child li { display: inline-block; vertical-align: top; width: calc(100% / 4); padding: 0 10px 0 0; margin: 0 0 10px; } .sitemap-child li a { display: table; font-size: 14px; line-height: 18px; } @media (max-width: 1200px) { .sitemap-child li { width: calc(100% / 3); } } @media (max-width: 880px) { .sitemap-title { width: 35%; } .about--box ul.sitemap-child { width: 65%; } .sitemap-child li { width: calc(100% / 2); } } @media (max-width: 768px) { .sitemap-title { float: none; width: 100%; margin-bottom: 10px; } .sitemap-title+.sitemap-title { margin-top: 30px; } .about--box ul.sitemap-child { float: none; width: 100%; margin-bottom: 30px; } .sitemap-child li { width: calc(100% / 2); } } @media (max-width: 576px) { .about--box ul.sitemap-child li { width: 100%; } } #sr-delivery-info { margin-bottom: 30px; } .sr-select-delivery-btn-total { display: none !important; } .infopage { margin: -50px auto 0; max-width: 2560px; background-color: #fff; background-position: 50% 0%; background-size: contain; background-repeat: no-repeat; } @media (min-width: 1980px) { .infopage { background-size: 2560px 747px; } } .infopage-head { padding: 60px 0 0; } .infopage--dark .infopage-head:not(.infopage-head--full) { margin-bottom: 100px; padding: 0; height: 747px; overflow: hidden; background-color: #2c2036; background-position: calc(100% - 112px) 0; background-repeat: no-repeat; background-size: contain; } .infopage--dark .infopage-head.infopage-head--full { padding: 0; height: 872px; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .infopage--dark .infopage-head, .infopage--dark .infopage-head h1 { color: #fff; } .infopage--dark .infopage-head .breadcrumbs li, .infopage--dark .infopage-head .breadcrumbs li a, .infopage .infopage-head-descr--center .breadcrumbs li, .infopage .infopage-head-descr--center .breadcrumbs li a { color: #FC4C54; } .infopage--dark .infopage-head .breadcrumbs li a:hover { color: #FC4C54; } .infopage-head-descr { max-width: 620px; font-size: 20px; line-height: 28px; } .infopage-head-descr--center { max-width: 100%; } .infopage-head-descr__wrap { margin: 0 auto; max-width: 1020px; text-align: center; } .infopage-head-descr--center .inner-page--title, .infopage-head-descr--center p { color: #fff; } .infopage--dark .infopage-head-descr { padding: 60px 0 0; } .infopage--dark .infopage-head-img { display: none; } .infopage-head-descr h1 { margin-bottom: 15px; } .infopage-head-img { margin-bottom: 80px; } .infopage-head-img img { display: block; max-width: 100%; height: auto; } .infopage-head-img._center img { margin: 0 auto; } .inner-page--btn { display: inline-flex; margin: 40px 0 65px; padding: 12px 40px 15px; background-color: #FF2E38; border: 0; text-align: center; font-weight: 700; font-size: 16px !important; line-height: 20px !important; color: #fff !important; text-decoration: none !important; } .infopage-text a.inner-page--btn { margin-bottom: 0; } .infopage-body { margin: 0 auto; padding-bottom: 90px; max-width: 1185px; } .infopage-body-small { max-width: 980px; } .infopage-body-medium { max-width: 1395px; } .infopage-body-big { max-width: 1598px; } .infopage-calibration { padding: 20px; background: #eaeaea; } .infopage-calibration .inner-page--arrows { margin-left: 0; } .infopage-calibration .catalog--list .row { font-size: 0; } .infopage-calibration .catalog--list .card-r { margin: 0; padding: 0; } .infopage-calibration .catalog--list .card-r--badges { position: relative; z-index: 1; } .infopage-calibration .catalog--list .card-r--photo img { max-width: 100%; height: auto; } .infopage-calibration .catalog--list .card-r--title { font-size: 16px; line-height: 22px; color: #2b2036; } .infopage-calibration .catalog--list .card-r--title:hover { color: #ff2e38; text-decoration: none; } .infopage-form-row { margin-bottom: 20px; } .infopage-form-row label { display: block; margin-bottom: 7px; font-weight: 600; font-size: 14px; } .infopage-form-row label span { color: #FF2E38; } .infopage-form-row input[type=text] { padding: 0 10px; width: 100%; height: 45px; background: #fff; border: 1px solid #bbb; outline: none; } .infopage-form-row textarea { padding: 10px; width: 100%; height: 90px; background: #fff; border: 1px solid #bbb; outline: none; } .infopage-form-row input[type=text]._error, .infopage-form-row textarea._error { border-color: red; } .infopage-form .btn { padding: 0 28px; } .infopage-contacts { margin-top: 69px; padding: 23px 25px; background: #f6f6f6; } .infopage-contacts h4 { margin-bottom: 11px; font-weight: 600; font-size: 18px; text-transform: uppercase; } .infopage-contacts-row { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 9px; } .infopage-contacts-col:first-child { flex: 0 0 168px; } .infopage-contacts-col:last-child { flex: 1; } .infopage-contacts-col { font-size: 16px; line-height: 22px; } .infopage-contacts-col a { color: #FF2E38; } .infopage-text, .infopage-text * { font-size: 16px; line-height: 27px; } .infopage-text p { margin: 0 0 40px; } .infopage-text a { color: #FF2E38; text-decoration: none; } .infopage-text a:hover { text-decoration: underline; } .infopage-text h2 { margin-bottom: 20px; text-align: center; font-weight: 600; font-size: 50px; line-height: 60px; text-transform: uppercase; } .infopage-text *+h2 { margin-top: 90px; } .infopage-text h3 { margin-bottom: 7px; font-weight: 600; font-size: 24px; line-height: 34px; } .infopage-text li { position: relative; margin: 0; list-style-type: none; } .infopage-text li+li { margin-top: 4px; } .infopage-text ul, .infopage-text ol { margin: 0 0 40px; padding: 0; } .infopage-text ul>li { padding-left: 23px; } .infopage-text ul>li:before { content: ''; position: absolute; top: 0; left: 0; display: block; margin-top: 10px; width: 8px; height: 8px; background: #FF2E38; border-radius: 100%; } .infopage-text ol { counter-reset: item; } .infopage-text ol>li { padding-left: 26px; } .infopage-text ol>li:before { content: counter(item) ". "; counter-increment: item; position: absolute; top: 0; left: 0; display: block; font-weight: bold; color: #FF2E38; } .infopage-text ol.big-list { counter-reset: item; margin-top: 34px; } .infopage-text ol.big-list>li { margin-bottom: 37px; padding-left: 48px; line-height: 24px; } .infopage-text ol.big-list>li:before { content: counter(item); counter-increment: item; position: absolute; top: 8px; left: 0; display: block; font-weight: bold; font-size: 50px; color: #2B2036; } .infopage-text .note { padding: 4px 0 0 20px; border-left: 3px solid #ff2e39; } .infopage-text .note-title { font-weight: bold; font-size: 36px; line-height: 38px; color: #2B2036; } .infopage-steps { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 42px 0 13px -10px; } .infopage-steps-item { flex: 0 0 25%; padding-left: 10px; } .infopage-steps-item-wrap { position: relative; padding: 25px; height: 440px; background: #F6F6F6; } .infopage-steps-item__title { margin-bottom: 9px; font-weight: 600; font-size: 28px !important; line-height: 36px !important; } .infopage-steps-item__descr { font-size: 16px; line-height: 24px; } .infopage-steps-item__img { position: absolute; bottom: 18px; right: 25px; } .infopage-list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin: 40px 0 60px -30px; } .infopage-list-item { flex: 0 0 calc(100% / 3); padding-left: 30px; } .infopage-list-item-wrap { display: flex; justify-content: center; align-items: center; padding: 0 25px; height: 130px; background: #F6F6F6; } .infopage-list-item-wrap img { max-width: 100%; height: auto; } .infopage-faq { margin: 0 auto; max-width: 984px; } .infopage-faq--nomargin { margin: 0 auto; } .infopage-faq h2 { margin-bottom: 52px; text-align: center; font-weight: 600; font-size: 50px; line-height: 60px; text-transform: uppercase; } .infopage-faq-item+.infopage-faq-item { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; } .infopage-faq-item__q { margin-bottom: 10px; font-size: 24px; line-height: 30px; letter-spacing: -.15px; font-weight: 600; } .infopage-faq-item__a { font-size: 16px; line-height: 26px; letter-spacing: -.25px; } .infopage-faq-item__a p { margin: 0; } .infopage-faq-item__a p+p { margin-top: 26px; } .infopage-faq-item__a a { text-decoration: none; color: #FF2E38; } .infopage-faq-item__a a:hover { text-decoration: underline; } .infopage-plus { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 55px 0 0 -110px; } .infopage-plus-item { flex: 0 0 50%; display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; padding-left: 110px; } .infopage-plus-item__icon { flex: 0 0 127px; margin-right: 30px; } .infopage-plus-item__icon img { max-width: 100%; height: auto; } .infopage-plus-item-descr { flex: 1; } .infopage-plus-item-descr__title { margin-bottom: 10px; font-weight: bold; font-size: 24px; } .infopage-plus-item-descr__text { font-size: 16px; line-height: 24px; } .infopage-block { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .infopage-block--start { align-items: flex-start; } .infopage-block--mt { margin-top: 66px; } .infopage-block--mb { margin-bottom: 113px; } .infopage-block-descr { flex: 0 0 690px; padding: 0 30px 0 0; } .infopage-block-img+.infopage-block-descr { padding: 0 0 0 30px; } .infopage-block-descr__step { font-size: 20px; line-height: 32px; font-weight: bold; color: #FF2E38; text-transform: uppercase; } .infopage-text h2.infopage-block-descr__title { text-align: left; margin: 0 0 10px; } .infopage-block-img { flex: 1; text-align: left; } .infopage-block-descr+.infopage-block-img { text-align: right; } .infopage-block-img img { max-width: 100%; height: auto; } .infopage-block-descr__text ul, .infopage-block-descr__text ol, .infopage-block-descr__text p { margin-bottom: 13px; } .infopage-block-descr__text h4 { display: flex; justify-content: space-between; align-items: center; margin: 27px 0 12px; font-weight: 600; font-size: 24px; line-height: 31px; } .infopage-block-descr__text h4 img { margin-right: 25px; } .rates { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; margin: 60px 0 0 -30px; } .rates-item { flex: 0 0 calc(100% / 3); padding: 0 0 39px 30px; } .rates-item--full { flex: 0 0 100%; } .rates-item--half { flex: 0 0 50%; } .rates-item-flex { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; } .rates-item-flex__col:first-child { flex: 1; padding-right: 110px; } .rates-item-flex__col:last-child { flex: 0 0 312px; } .rates-item-container { position: relative; padding: 1px; background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 2px) calc(100% - 2px) no-repeat, linear-gradient(145deg, #e1e1e1 20%, #e1e1e1 47%, #e1e1e1 100%); border-radius: 0px; box-sizing: border-box; height: 100%; } .rates-item-container--popular { background: linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 4px) calc(100% - 4px) no-repeat, linear-gradient(145deg, #7561aa 20%, #d16eda 47%, #ff2e38 100%); } .rates-item-container--popular:before { content: 'Самый популярный'; position: absolute; bottom: 100%; left: 0; display: block; width: 174px; height: 27px; background: #7561AA; text-align: center; font-weight: bold; font-size: 16px; line-height: 28px; color: #fff; } .rates-item-container-wrap { display: flex; flex-direction: column; justify-content: space-between; padding: 25px 30px; height: 100%; } .rates-item-container-wrap__top { flex: 1; } .rates-item__title { margin-bottom: 20px; font-weight: 600; font-size: 28px; line-height: 32px; } .rates-item__descr { margin: 20px 0 0; text-align: center; font-size: 16px; line-height: 22px; color: #555555; } .rates-item-container-wrap ul { margin-bottom: 34px; } .rates-item--full .rates-item-container-wrap ul { column-count: 2; column-gap: 60px; } .rates-item-container-wrap ul li { margin-bottom: 15px; line-height: 21px; } .rates-item-container-wrap ul li:before { background: #5B4671; } .rates-item-container-wrap ul li._grey { color: #494949; } .rates-item-container-wrap ul li._grey:before { background: #C8C8C8; } .infopage-text .rates-item__price { margin: 0 0 15px; text-align: center; font-weight: bold; font-size: 28px; line-height: 32px; } .rates-item-container-wrap .inner-page--btn { display: table; margin: 0 auto; padding: 12px 15px 15px; text-align: center; min-width: 235px; } .delivery-list { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-bottom: 12px; } .delivery-list-title { flex: 0 0 306px; font-weight: 600; font-size: 42px; line-height: 55px; text-transform: uppercase; } .delivery-list-wrap { flex: 1; padding-left: 110px; } .delivery-list-wrap-item { position: relative; margin-bottom: 48px; padding: 40px; background: #F6F6F6; } .delivery-list-wrap-item__icon { position: absolute; top: -23px; left: 32px; } .delivery-list-wrap-item__title { margin-bottom: 10px; font-weight: 600; font-size: 24px; line-height: 32px; } .delivery-list-wrap-item__price { margin-bottom: 15px; font-weight: 600; font-size: 22px; line-height: 26px; color: #FF2E38; } .delivery-list-wrap-item__info { font-size: 16px; line-height: 22px; letter-spacing: -.25px; } .delivery-list-wrap-item__info p { margin: 0; } .delivery-list-wrap-item__info p+p { margin-top: 8px; } @media (max-width: 1650px) { .infopage--dark .infopage-head { background-position: 135% 0; } } @media (max-width: 1300px) { .infopage--dark { background-size: 1300px auto; } .infopage--dark .infopage-head { margin-bottom: 80px; height: 505px; } .infopage--dark .infopage-head { background-position: 115% 0; } .infopage--dark .infopage-head-img { align-self: center; margin-bottom: 0; } .infopage--dark .infopage-head-descr { padding-right: 40px; max-width: 530px; } .infopage--dark .infopage-head-descr br { display: none; } .infopage-steps-item__title { font-size: 22px !important; line-height: 30px !important; } .infopage-steps-item-wrap { padding: 20px; height: 385px; } .infopage-steps-item__descr { font-size: 14px; line-height: 20px; } } @media (max-width: 1200px) { .infopage { background-size: 1200px auto; } .infopage--dark { background-size: 1300px auto; } .infopage-head-descr { padding-bottom: 30px; } .infopage-block-descr { flex: 0 0 590px; } .rates-item-container-wrap ul li { font-size: 14px; line-height: 18px; } } @media (max-width: 1080px) { .infopage--dark .infopage-head-descr { padding-right: 20px; max-width: 490px; } .infopage--dark .infopage-head { background-position: 130% 0; } .delivery-list-title { flex: 0 0 190px; font-size: 25px; line-height: 30px; } .delivery-list-wrap { padding-left: 30px; } .delivery-list-wrap-item { padding: 30px; } .delivery-list-wrap-item__title { font-size: 20px; line-height: 24px; } .delivery-list-wrap-item__price { font-size: 18px; line-height: 22px; } .infopage-steps-item { flex: 0 0 50%; padding: 0 0 10px 10px; } .infopage-block-descr { flex: 0 0 500px; } .rates-item-container-wrap { padding: 15px; } .rates-item-container-wrap ul li { margin-bottom: 10px; } .rates-item-container-wrap ul li:before { margin-top: 5px; } .infopage-text .rates-item__title { font-size: 22px; line-height: 26px; } .rates-item-container-wrap .inner-page--btn { min-width: auto; width: 100%; } .rates-item-container--popular:before { width: 145px; height: 23px; font-weight: 500; font-size: 12px; line-height: 24px; } } @media (max-width: 767px) { .card--badges.jj { display: flex; justify-content: space-between; width: calc(100% - 10px); } .card--badges.jj .gift-controls { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 4px; } } .card--badges.jj .card--badge--blue { display: none; } .card--badges.jj .expand-icon { display: none; } .card--badges.jj .action-btn-container { display: none; } .hidden-badge { transition: transform 0.5s ease, opacity 0.5s ease; transform: translateY(0); display: block; background-color: #fff !important; z-index: 0; position: relative; } .hidden-badge.show { transform: translateY(25px); opacity: 1; } @media (max-width: 767px) { .catalog--articles .catalog--list { padding: 0px !important; } .card--badge { padding: 0px 5px !important; } .card--price span { margin-left: 8px; } .card--badges.jj .action-btn-container { max-height: 17px; height: 17px; display: flex; justify-content: start; align-items: center; margin-top: 2px; gap: 2px; z-index: 5; } .card--badges.jj .action-btn-container a { padding: 1px !important; } .card--badges.jj .action-btn-container .h-icon-favorite, .card--badges.jj .action-btn-container .h-icon-compare { width: 17px !important; height: auto !important; } .catalog--list.cards .col-xs-12, .home--list .col-xs-12 { display: contents; padding: 0px !important; min-width: 0; height: 100% !important; } .card .percent-price { display: none; } .catalog--list.cards .row { box-sizing: border-box; padding: 0 15px !important; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; } .inner-page--dots, .inner-page--link{ display: none; } .catalog--list.cards .row.not--grid { display: block !important; } .card--badges.jj .card--badge--blue { display: block; } .card--badges.jj .expand-icon { display: block; z-index: 5; } .card--btn .btn-svg { display: none !important; } .hidden-badge { opacity: 0; display: none; position: absolute; } } @media (max-width: 992px) { .infopage--dark { background-image: transparent; } .infopage--dark .container { padding: 0; } .infopage--dark .infopage-head { height: auto; background-image: none !important; margin-bottom: 60px; } .infopage--dark .infopage-head.infopage-head--full { height: auto; } .infopage--dark .infopage-head .breadcrumbs { padding-left: 20px; padding-right: 20px; text-align: left; } .infopage--dark .infopage-head-descr { margin-bottom: 40px; padding-right: 0; max-width: 100%; text-align: center; font-weight: 400; font-size: 16px; line-height: 150%; } .infopage--dark .infopage-head-descr h1 { font-size: 25px; line-height: 130%; } .infopage--dark .infopage-head-img { display: block; text-align: center; } .infopage--dark .infopage-head-img img { margin: 0 auto; max-width: 50%; } .infopage-head--full .infopage-head-img img { margin: 0 auto; max-width: 100%; } .infopage--dark .infopage-body { padding: 0 30px 90px; } .infopage-text, .infopage-text * { font-size: 16px; line-height: 27px; } .infopage-text h2 { font-size: 25px; line-height: 35px; } .infopage-text *+h2 { margin-top: 60px; } .infopage-text h3 { font-size: 18px; line-height: 28px; } .rates-item-flex__col:first-child { flex: 0 0 100%; padding-right: 0; } .rates-item-flex__col:last-child { flex: 0 0 100%; margin-top: 30px; } .infopage-text .rates-item__descr { font-size: 14px; line-height: 18px; } .infopage-plus { margin-left: -30px; } .infopage-plus-item { padding-left: 30px; } .infopage-plus-item__icon { margin-right: 15px; } } @media (max-width: 850px) { .infopage-block { margin-bottom: 60px; } .infopage-block-img { flex: 0 0 100%; order: 1; } .infopage-block-descr { flex: 0 0 100%; order: 0; padding: 0 !important; } .infopage-block__mobile .infopage-block-img { margin-top: 40px; } .rates-item { flex: 0 0 100% } .infopage-plus { margin-left: 0; } .infopage-plus-item { flex: 0 0 100%; margin-bottom: 20px; padding-left: 0; } } @media (max-width: 768px) { .infopage { background-size: 768px auto; background-position: 30% 0%; } .infopage-head { padding: 25px 0 0; } .infopage-head-descr { font-weight: 400; font-size: 16px; line-height: 150%; } .infopage-head-descr h1 { font-size: 25px; line-height: 23px; } .infopage-block-descr__text h4 { font-size: 18px; line-height: 27px; } .infopage--dark .infopage-head .breadcrumbs { padding-left: 0; padding-right: 0; } .infopage--dark .infopage-head-descr, .infopage--dark .infopage-head-img { padding: 0 20px; } .infopage--dark .infopage-head--full { margin-bottom: 0; } .infopage--dark .infopage-head--full .infopage-head-img { padding: 0; } .infopage--dark .infopage-head-descr { padding-top: 25px; } .infopage--dark .infopage-head--full .infopage-head-descr { margin-bottom: 0; } .infopage--dark .infopage-head-img img { max-width: 75%; } .infopage-head--full .infopage-head-img img { max-width: 100%; } .infopage--dark .infopage-body { padding: 0 20px 90px; } .infopage-text ul>li:before { margin-top: 8px; width: 6px; height: 6px; } .delivery-list { margin-bottom: 30px; } .delivery-list-title { flex: 0 0 100%; margin-bottom: 20px; text-transform: none; } .delivery-list-wrap { flex: 0 0 100%; padding-left: 0; } .delivery-list-wrap-item { margin-bottom: 28px; padding: 25px; } .delivery-list-wrap-item__title { font-size: 18px; line-height: 22px; } .delivery-list-wrap-item__price { font-size: 16px; line-height: 20px; } .delivery-list-wrap-item__info { font-size: 14px; line-height: 20px; } .infopage-faq h2 { margin-bottom: 32px; font-size: 25px; line-height: 23px; } .infopage-faq-item__q { font-size: 18px; line-height: 24px; } .infopage-faq-item__a { font-size: 14px; line-height: 22px; } .infopage-text, .infopage-text * { font-size: 14px; line-height: 22px; } .infopage-text h3 { font-size: 18px; line-height: 28px; } .infopage-list { margin-left: -10px; } .infopage-list-item { padding: 0 0 10px 10px; } .infopage-list-item-wrap { padding: 0 15px; } .rates-item--full .rates-item-container-wrap ul { column-count: 1; column-gap: 0; } /*.infopage-calibration .catalog--list .col-lg-4 + .col-lg-4 { margin-top: 20px; }*/ } @media (max-width: 650px) { .infopage-block-descr { flex: 0 0 100%; order: 0; padding: 0 !important; text-align: center !important; } .infopage-text h2.infopage-block-descr__title { text-align: center; } .infopage-block-descr__text ul, .infopage-block-descr__text ol, .infopage-form, .infopage-contacts { text-align: left; } .infopage-contacts-col:first-child { flex: 0 0 90px; } } @media (max-width: 550px) { .infopage { margin-top: -25px; } .infopage--dark .infopage-head-img { padding: 0; } .infopage--dark .infopage-body { padding: 0 15px 90px; } .infopage--dark .infopage-body._nopadding { padding: 0 15px 0; } .infopage--dark .infopage-head-img img { max-width: 100%; } .infopage-steps-item-wrap { height: 340px; } .infopage-steps-item { flex: 0 0 100%; padding: 0 0 10px 10px; } .infopage-list { justify-content: center; } .infopage-list-item { flex: 0 0 275px; max-width: 275px; } .infopage-list-item-wrap { height: 100px; } } .promopage-slider { position: relative; margin-bottom: 110px; padding: 80px; width: 100%; height: 696px; border-radius: 30px; } .promopage-slider__img { position: absolute; bottom: 0; right: 0; z-index: 1; } .promopage-slider__img img { vertical-align: top; outline: none; max-width: 100%; height: auto; } .promopage-slider__img--desctop { display: block; } .promopage-slider__img--mobile { display: none; } .promopage-slider-info { position: relative; z-index: 2; max-width: 580px; } .promopage-slider-info__title { margin-bottom: 28px; font-weight: 700; font-size: 50px; line-height: 130%; color: #fff; text-transform: uppercase; } .promopage-slider-info__title span { color: #FF2E38; } .promopage-slider-info ul { margin: 0; padding: 0; } .promopage-slider-info ul li { position: relative; padding: 0 0 0 28px; margin: 0 0 19px; list-style-type: none; font-size: 22px; line-height: 29px; color: #FFF; } .promopage-slider-info ul li:before { content: ''; background: #FF2E38; border-radius: 100%; display: block; position: absolute; top: 13px; left: 0; width: 8px; height: 8px; } .promopage-content h2 { margin-bottom: 39px; text-align: center; font-weight: 700; font-size: 50px; line-height: 130%; text-transform: uppercase; color: #292135; } .promopage-subtext { margin: -32px auto 52px; max-width: 890px; text-align: center; font-weight: 400; font-size: 16px; line-height: 21px; } .promopage-steps { display: flex; justify-content: flex-start; align-items: flex-start; margin: 0 0 100px -30px; } .promopage-steps-item { flex: 0 0 25%; padding-left: 30px; } .promopage-steps-item-wrap { position: relative; padding: 30px 35px; height: 370px; background: #F6F6F6; border-radius: 30px; overflow: hidden; } .promopage-steps-item__title { position: relative; z-index: 1; margin-bottom: 14px; font-weight: 700; font-size: 28px; line-height: 34px; color: #2B2036; } .promopage-steps-item__text { position: relative; z-index: 1; font-weight: 400; font-size: 16px; line-height: 140%; color: #2B2036; } .promopage-steps-item__img { position: absolute; bottom: 0; right: 0; z-index: 0; } .promopage-text { margin: 0 auto 100px; max-width: 1040px; font-weight: 400; } .promopage-text, .promopage-text p { font-size: 16px; line-height: 26px; } .promopage-text p { margin-bottom: 20px; } .promopage-text p.smb { margin-bottom: 6px; } .promopage-text a { font-weight: 500; color: #FF2E38; text-decoration: none; } .promopage-text a:hover { text-decoration: underline; } .promopage-text h4 { margin: 40px 0 10px; font-weight: 700; font-size: 24px; line-height: 28px; } .promopage-text ul { margin: 0 0 20px; padding: 0; } .promopage-text ul li { position: relative; padding: 0 0 0 25px; margin: 0 0 5px; list-style-type: none; } .promopage-text ul li:before { content: ''; background: #FF2E38; border-radius: 100%; display: block; position: absolute; top: 11px; left: 2px; width: 8px; height: 8px; } .promopage-text .note { padding: 20px 30px 25px; background: #FFF2F2; border-radius: 20px; font-size: 16px; line-height: 21px; } .promopage-carousel { margin-bottom: 92px; } .promopage-carousel-item { display: block; } .promopage-carousel-item img { max-width: 100%; height: auto; border-radius: 30px; } .promopage-carousel-item._border img { border: 1px solid #E1E1E1; } .promopage-calibration { position: relative; margin-bottom: 80px; padding: 70px 80px; height: 558px; border-radius: 30px; background: linear-gradient(99deg, #EDF4FF 0.72%, #DCEAFF 96.09%); border-radius: 30px; overflow: hidden; } .promopage-calibration:before { content: ''; position: absolute; top: 0; right: 0; z-index: 1; display: block; width: 1008px; height: 558px; background: url(/local/templates/4k-monitors/css/../img/legal/calibration-bg.png) 0 0 no-repeat; } .promopage-calibration:after { content: ''; position: absolute; top: 0; right: 61px; z-index: 1; display: block; width: 771px; height: 558px; background: url(/local/templates/4k-monitors/css/../img/legal/calibration-img.png) 0 100% no-repeat; } .promopage-calibration__title { position: relative; z-index: 2; margin-bottom: 18px; max-width: 670px; font-weight: 700; font-size: 50px; line-height: 65px; text-transform: uppercase; color: #292135; } .promopage-calibration__text { position: relative; z-index: 2; margin-bottom: 30px; max-width: 585px; font-weight: 400; font-size: 16px; line-height: 24px; color: #2B2036; } .promopage-calibration__btn { position: relative; z-index: 2; display: inline-flex; justify-content: center; align-items: center; padding: 0 34px; height: 53px; border-radius: 15px; background: #fff; font-weight: 500; font-size: 16px; color: #292135; text-decoration: none; } @media (max-width: 1600px) { .head-middle { margin-top: 20px; align-items: center; } .head-middle-flex { align-items: center; } .head-catalog, .head-nav { display: none; } .head-toggle { display: flex; justify-content: center; align-items: center; margin-right: 25px; width: 40px; height: 40px; background: #F1F1F1; border-radius: 10px; cursor: pointer; transition: background .2s 0s ease; } .head-p-r { gap: 25px; } .head-toggle.active { background: #F1F1F1; } .head-toggle span { position: relative; width: 20px; height: 14px; line-height: 24px; transition: all .2s ease-out; } .head-toggle span:before, .head-toggle span:after { content: ''; } .head-toggle span:before, .head-toggle span i, .head-toggle span:after { position: absolute; left: 0; display: block; height: 2px; background: #292135; border-radius: 2px; transition: .3s all ease; transition-duration: .2s, .2s; transition-delay: .2s, 0s; transition-property: top, transform, background, width; } .head-toggle span:before { top: 0; width: 100%; } .head-toggle span i { top: 6px; width: 14px; } .head-toggle span:after { top: 12px; width: 100%; } .head-toggle.active span:before, .head-toggle.active span:after { transition-delay: 0s, .3s; } .head-toggle.active span i { transition: background .2s 0s ease; background: transparent; } .head-toggle.active span:before { top: 6px; width: 18px; left: 1px; background: #292135; transform: rotate(45deg); } .head-toggle.active span i { background: transparent; } .head-toggle.active span:after { top: 6px; width: 18px; left: 1px; background: #292135; transform: rotate(-45deg); } .head-icons { align-items: center; } .head-icons-item, .head-logo { padding-bottom: 0px; } .head-popup { top: calc(100% - 0px); height: 100vh; } .head-popup-wrap { /* padding: 0 5px; */ max-width: initial; } .head-popup-nav { /* padding: 20px 17px 7px; */ padding: 20px 0 7px; } .head-popup-nav a { display: flex; align-items: center; justify-content: space-between; /* padding: 15px 18px 17px 23px; */ padding: 15px 18px 17px 0px; } .head-popup-nav a .h-icon { display: block; } .head-bottom-wrap { border-right: 1px solid #eee; width: 100%; /* padding-left: 28px; */ padding-left: 15px; border-top: 1px solid #eee; padding-top: 20px; margin-top: 0px; } .head-popup-subnav { position: absolute; top: 70px; left: 0; padding: 0; height: 100%; background: #fff; overflow: unset; } .head-popup-subnav.active { display: none; } .head-popup-subnav.open { display: block; left: 415px; width: auto; } @media (max-width: 768px) { .head-popup-subnav.open { display: block; left: 0; width: 100%; } } .head-popup-subnav-mobile { display: block; } .head-popup-subnav-mobile__back { display: none; } .head-popup-subnav-brands { display: none !important; } .head-popup-subnav-top { display: block; padding: 19px 30px; max-height: 85vh; } .head-popup-subnav-top ul { margin: 0; padding: 0; margin-top: 17px; } .head-popup-subnav-top ul li { margin-bottom: 22px; padding: 0 15px; } .head-popup-subnav-top ul .parent { display: flex; justify-content: space-between; align-items: center; font-size: 16px; cursor: pointer; } .head-popup-subnav-top ul.open { padding-bottom: 10px; } .head-popup-subnav-top ul.open .parent { margin-bottom: 14px; } .head-popup-subnav-top ul .parent .h-icon { display: block; margin-left: 15px; transform: rotate(90deg); } .head-popup-subnav-top ul.open .parent .h-icon { transform: rotate(-90deg); } .head-popup-nav a.active, .head-popup-nav a:hover { background: #F4F4F4; border: none; color: #292135; border-radius: 8px; } } /* Общий стиль для мобильных устройств */ @media (max-width: 768px) { .head-popup-subnav { display: none; /* Скрыть все подкатегории */ } .head-popup-subnav.active { display: block; /* Показать активную подкатегорию */ } .head-popup-nav { display: block; /* Основные категории по умолчанию */ } .head-popup-nav.hidden { display: none; /* Скрыть основные категории */ } .head-popup-subnav-mobile__back { cursor: pointer; font-weight: bold; margin-bottom: 10px; } } @media (max-width: 1550px) { .promopage-calibration:after { right: -80px; } } @media (max-width: 1450px) { .promopage-steps-item-wrap { padding: 20px 20px 0; } .promopage-calibration__title { max-width: 520px; } .promopage-calibration__text { max-width: 470px; } .promopage-calibration:after { right: -140px; } } @media (max-width: 1409px) { .card-l--photo { width: 160px; height: 160px; } .card--badges { top: 10px; left: 15px; } .card--badges .card--badge { padding: 0 12px; height: 25px; font-size: 12px; } .card-l--box { padding-left: 50px; } .card-l--title { font-size: 18px; } .catalog--list.cards.is-list .item--number { margin-bottom: 5px; font-size: 13px; } .card-l--tools { flex: 0; padding-right: 25px; } .card-l--price, .card-l--price span, .catalog--list.cards.is-list .ssec.ssec-grid2, .card-l--btn .btn.is-block { white-space: nowrap; } .card-l--price span { flex: 0 0 100%; margin-right: 0; } } @media (max-width: 1350px) { .promopage-slider { overflow: hidden; } .promopage-slider__img { right: -270px; } } @media (max-width: 1250px) { .promopage-steps { flex-wrap: wrap; } .promopage-steps-item { flex: 0 0 50%; margin-bottom: 30px; } .promopage-calibration { padding-bottom: 0; height: auto; text-align: center; } .promopage-calibration__title { max-width: 100%; } .promopage-calibration__text { max-width: 100%; } .promopage-calibration:before { display: none; } .promopage-calibration:after { position: relative; top: auto; right: auto; margin: 40px auto 0; padding-top: 78%; width: auto; height: auto; background-size: contain; } } @media (max-width: 1080px) { .card-l { padding: 34px 20px 20px; } .card-l--photo { order: 0; } .card-l--box { flex: 0 0 100%; order: 2; padding-left: 0; } .card-l--tools { order: 1; } .card-l .card--badges { order: 3; } } @media (max-width: 767px) { .card--badges { top: 6px; left: 5px; } .card--badges .card--badge { height: 20px !important; font-size: 12px !important; border-radius: 5px !important; } } /*@media (min-width: 992px) { .b24-widget-button-wrapper { display: block !important; } }*/ .b24-widget-button-wrapper { display: block !important; } @media (max-width: 992px) { .head-p-r{ display: none; } .promopage-slider { margin-bottom: 80px; padding: 80px 80px 0; height: auto; border-radius: 0 0 30px 30px; } .promopage-slider-info { max-width: 100%; } .promopage-slider-info__title { text-align: center; font-size: 25px; line-height: 130%; } .promopage-slider-info ul li { margin-bottom: 10px; padding: 0 0 0 24px; font-size: 16px; line-height: 23px; } .promopage-slider-info ul li:before { top: 9px; } .promopage-slider__img { position: relative; top: auto; right: auto; margin-top: 40px; text-align: center; } .promopage-slider__img--desctop { display: none; } .promopage-slider__img--mobile { display: block; } .promopage-content h2 { margin-bottom: 25px; font-size: 25px; line-height: 35px; } .promopage-subtext { margin-top: -15px; } .promopage-steps { margin-bottom: 60px; } .promopage-steps-item-wrap { padding: 15px; height: 335px; } .promopage-steps-item__title { font-size: 22px; line-height: 26px; } .promopage-text { margin-bottom: 60px; } .promopage-calibration { padding: 20px 15px 0; } .promopage-calibration__title { font-size: 25px; line-height: 32px; } } @media (max-width: 768px) { body.white .breadcrumbs { position: relative; z-index: 3; } body.white .breadcrumbs li:last-child { color: #fff; } .container-slider { padding: 0; } .promopage-content { padding: 0 20px; } .promopage-slider { margin-top: -67px; padding: 67px 0 0; } .promopage-slider-info { padding: 0 15px; } .promopage-steps { margin-left: -15px; } .promopage-steps-item { flex: 0 0 100%; margin-bottom: 15px; padding-left: 15px; } .promopage-carousel .owl-dots { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-top: 15px; } .promopage-carousel .owl-dots .owl-dot { margin: 0 7.5px; width: 13px; height: 13px; background: #E1E1E1; border-radius: 100%; } .promopage-carousel .owl-dots .owl-dot.active { background: #2B2036; } } .head-popup__top-wrap { padding-top: 15px; padding-bottom: 15px; background-color: #F1F1F1; font-weight: 500; font: normal normal 14px / 20px 'CeraPRO', arial, sans-serif; font-size: 14px; color: #62636A; } @media (min-width:1080px) { .head-popup-wrap { padding-left: 15px; } } .head-popup__top-info { display: flex; align-items: center; gap: 20px; width: 100%; overflow: hidden; } .head-popup__top-location { border-right: 1px solid #C3C3C8; min-width: 0; /* flex: 1; */ height: 100%; padding-right: 20px; overflow: hidden; max-width: 100%; display: flex; align-items: center; } .head-popup__top-location-link { display: flex; align-items: center; position: relative; color: #62636A; text-decoration: none; width: 100%; overflow: hidden; } .head-popup__top-location-link:hover .head-location__top-city { color: #FF2E38 } .head-popup__top-location-link:hover svg { fill: #FF2E38 } .head-popup__top-location-link-icon { position: absolute; left: 0; width: 17px; height: 17px; } .head-location__top-city { padding-left: 25px; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; min-width: 0; } .head-popup__top-phone { display: flex; flex-direction: column; max-width: 100%; flex-shrink: 0; flex-shrink: 0; } .head-popup__top-phone-link { white-space: nowrap; color: #292135; text-decoration: none; } .head-popup__top-phone-link:hover { color: #FF2E38; } .head-popup__top-phone-time { white-space: nowrap; font-weight: 400; } .cookieNotificator_toast__W5qWR { position:fixed; display:flex; flex-direction:column; bottom: 30px; left: 30px; width:406px; color:var(--text-color); background-color: rgba(255, 255, 255, 1); box-shadow:0 0 15px -5px #353535; border-radius:15px; margin:6px; z-index:600; padding: 15px 20px; } @media (max-width:992px) { .cookieNotificator_toast__W5qWR { bottom: 98px; } } @media (max-width:700px) { .cookieNotificator_toast__W5qWR { width:calc(100% - 12px); left:0; right:0 } }.cookieNotificator_content__uqqH8 { display:flex; flex-direction:column; flex:1 1; padding-bottom: 20px; } .cookieNotificator_description__xDDZ4,.cookieNotificator_title__ZNK4c { font-size:14px; font-weight:400; color:var(--text-color-second) } .cookieNotificator_description__xDDZ4 a{ color: #ff2e38; text-decoration: none; } .cookieNotificator_btn__nHnYe { width: 100%; font-size:16px; font-weight: bold; color: #FFFFFF; padding: 13px; background:#FF2E38; border-radius:12px; height:min-content; cursor:pointer; text-align:center } .cookieNotificator_link__c5jKv { font-size:14px; font-weight:400; text-decoration:underline } .y-n-field { display: flex; flex-wrap: nowrap; } input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid #BFBFBF !important; border-radius: 4px; cursor: pointer; position: relative; vertical-align: middle; transition: background-color 0.2s; background-color: #FFFF; } input[type="checkbox"]:checked { background-color: #FF2E38; border: 1px solid #FF2E38 !important; } /* Галочка — по центру */ input[type="checkbox"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: translate(-50%, -60%) rotate(45deg); } a { color: #ff2e38; text-decoration: none; } a:hover { color: #2b2036; } .form-field ._error { border: 1px solid #ff2e38 !important; } .policy_checkbox_text { margin: 5px 0px; font-size: 10px; text-transform: none; } .policy_checkbox_text input[type="checkbox"] { width: 15px; height: 15px; } /* End */ /* Start:/local/templates/4k-monitors/fonts/cerapro/style.css?17270313604794*/ @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin.svg') format('svg'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light.svg') format('svg'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium.svg') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold.svg') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black.svg') format('svg'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Regular-Italic.svg') format('svg'); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Thin-Italic.svg') format('svg'); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Light-Italic.svg') format('svg'); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Medium-Italic.svg') format('svg'); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Bold-Italic.svg') format('svg'); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'CeraPRO'; src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black-Italic.eot'); src: url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black-Italic.eot?#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black-Italic.woff') format('woff'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black-Italic.ttf') format('truetype'), url('/local/templates/4k-monitors/fonts/cerapro/fonts/CeraPRO-Black-Italic.svg') format('svg'); font-weight: 900; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/4k-monitors/fonts/icomoon2/style.css?17270313601650*/ @font-face { font-family: 'icomoon'; src: url('/local/templates/4k-monitors/fonts/icomoon2/fonts/icomoon.eot?39zy4q'); src: url('/local/templates/4k-monitors/fonts/icomoon2/fonts/icomoon.eot?39zy4q#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/icomoon2/fonts/icomoon.ttf?39zy4q') format('truetype'), url('/local/templates/4k-monitors/fonts/icomoon2/fonts/icomoon.woff?39zy4q') format('woff'), url('/local/templates/4k-monitors/fonts/icomoon2/fonts/icomoon.svg?39zy4q#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-whatsapp1:before { content: "\e900"; } .icon-whatsapp:before { content: "\ea93"; } [class^="icon-"], [class*=" icon-"], .ic-whats, .ic-teleg { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-whatsapp1:before, .ic-whats:before{ content: "\e900"; } .icon-whatsapp:before, .ic-whats:before { content: "\ea93"; } a.awc{ font-size: 19px; margin-top: 9px; margin-left: 1px; } .icon-telegram:before, .ic-teleg:before { content: "\ea95"; } /* End */ /* Start:/local/templates/4k-monitors/fonts/4k-monitor/style.css?17270313602637*/ @font-face { font-family: '4k-monitor'; src: url('/local/templates/4k-monitors/fonts/4k-monitor/fonts/4k-monitor.eot'); src: url('/local/templates/4k-monitors/fonts/4k-monitor/fonts/4k-monitor.eot#iefix') format('embedded-opentype'), url('/local/templates/4k-monitors/fonts/4k-monitor/fonts/4k-monitor.ttf?ngemgx') format('truetype'), url('/local/templates/4k-monitors/fonts/4k-monitor/fonts/4k-monitor.woff?ngemgx') format('woff'), url('/local/templates/4k-monitors/fonts/4k-monitor/fonts/4k-monitor.svg?ngemgx#4k-monitor') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: '4k-monitor' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-trash:before { content: "\e922"; } .icon-star:before { content: "\e923"; } .icon-number-02:before { content: "\e91c"; } .icon-number-06:before { content: "\e91d"; } .icon-number-05:before { content: "\e91e"; } .icon-number-04:before { content: "\e91f"; } .icon-number-03:before { content: "\e920"; } .icon-number-01:before { content: "\e921"; } .icon-feature-08:before { content: "\e90e"; } .icon-feature-07:before { content: "\e915"; } .icon-feature-06:before { content: "\e916"; } .icon-feature-03:before { content: "\e917"; } .icon-feature-05:before { content: "\e918"; } .icon-feature-04:before { content: "\e919"; } .icon-feature-02:before { content: "\e91a"; } .icon-feature-01:before { content: "\e91b"; } .icon-dev:before { content: "\e914"; } .icon-a-right:before { content: "\e913"; } .icon-burger:before { content: "\e912"; } .icon-close:before { content: "\e911"; color: #fa4451; } .icon-check:before { content: "\e910"; } .icon-a-up:before { content: "\e90f"; } .icon-youtube:before { content: "\e900"; } .icon-vkontakte:before { content: "\e901"; } .icon-up:before { content: "\e902"; } .icon-search:before { content: "\e903"; } .icon-right:before { content: "\e904"; } .icon-left:before { content: "\e905"; } .icon-twitter:before { content: "\e906"; } .icon-compare:before { content: "\e907"; } .icon-cart:before { content: "\e908"; } .icon-point:before { content: "\e909"; } .icon-phone:before { content: "\e90a"; } .icon-instagram:before { content: "\e90b"; } .icon-facebook:before { content: "\e90c"; } .icon-clock:before { content: "\e90d"; } .icon-twitch:before { content: "\e924"; } /* End */ /* Start:/local/templates/4k-monitors/css/custom.css?174872442034861*/ .header--socials{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; float: left; } .header--socials .footer--social{ width: 30px; } .header--socials .footer--social i{ font-size: 15px; line-height: 39px; } .footer--social svg { fill: #fff; transition: 200ms all ease; } .footer--social:hover svg { fill: #ff2e38; } .item--btns{ padding: 10px 0; } .item--btn{ width:32%; } .btn-zone{ padding: 6px 15px; font: 700 16px/20px 'CeraPRO'; } .item--numbers{ padding-left: 113px; } .btn-first, .item--btn.is-cart{width:36%} .item--btn.is-cart{ padding-top: 7px; } .btn-red.is-block{ padding: 6px 15px; font: 700 16px/20px 'CeraPRO'; } .row.features{ margin-top: 22px; width: 99%; padding-left: 18px; } .basket-buy-credit{ margin-top: 12px; } /* .icon-feature-03:before{ background-image:url(/local/templates/4k-monitors/img/inclined-rocket.png); content:""; }*/ /* Detail page, addit service */ /* Detail desc */ .item--desc._tmst{ } .item--desc._tmst .item--btn__add-to-cart{ display: flex; align-items: center; justify-content: center; } .item--desc._tmst .item--btn__ic-btn-add-to-cart{ margin-right: 10px; } .item--desc._tmst .item--numbers { /*padding-left: 5%;*/ padding: 30px 0 10px; text-align: center; } @media (max-width: 1499px){ .item--desc._tmst .item--btn { width: 100%; padding: 7px 6px 8px 6px; margin: 0; } .item--desc._tmst .btn-first, .item--desc._tmst .item--btn.is-cart, .item--desc._tmst .item--btn--btn-bot { width: 100%; padding: 7px 6px 8px 6px; margin: 0; } } @media (max-width: 1409px) and (min-width: 1080px){ .item--desc._tmst .item--btns-in { margin: 0 -6px; } .item--desc._tmst .item--btn { padding-left: 6px; padding-right: 6px; } } @media (max-width: 1079px){ .item--number { width: 100%; text-align: left; } } @media (max-width: 767px){ .item--desc._tmst .item--btn a{ padding: 5px 5px; display: flex; align-items: center; justify-content: center; min-height: 40px; font-size: 14px; } .item--numbers { padding: 15px 0 0; } .item--number { width: 100%; text-align: left; } .item--desc._tmst .item--btns-in { margin: 0 -6px; } } /* top features */ .features._tmst._header{ display: flex; flex-wrap: wrap; margin: 25px -15px 0; align-items: center; width: auto; padding: 0; } .features._tmst._header._center { justify-content: center; } .features._tmst._header:after, .features._tmst._header:before{ display: none; } .features._tmst._header .item--feature{ display: flex; align-items: center; margin: 0 0 25px; padding: 0 15px; position: static; /* font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 14px;*/ line-height: 1.4; font-weight: 400; text-decoration: none; width: 25%; } .features._tmst._header .item--feature a{ color: #2b2036; text-decoration: none; border-bottom: 1px solid transparent; transition: .2s all; display: inline; } .features._tmst._header .item--feature a:visited{ color: #2b2036; } .features._tmst._header .item--feature i { color: #ff2e38; text-align: center; display: block; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 40px; line-height: 50px; width: 50px; height: 50px; margin-right: 15px; overflow: hidden; flex-shrink: 0; } .features._tmst._header .item--feature i.icon-feature-07, .features._tmst._header .item--feature i.icon-feature-03{ font-size: 25px; } .features._tmst._header .item--feature i.icon-feature-05, .features._tmst._header .item--feature i.icon-feature-04{ font-size: 35px; } .features._tmst .item--feature i.icon-feature-03 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/inclined-rocket-new.png) 50% 50% / 38px auto no-repeat; } .features._tmst .item--feature i.icon-feature-099 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/bg-feat-storage.png) 50% 50% / 38px auto no-repeat; } .features._tmst .item--feature i.icon-feature-098 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/bg-feat-keeper2.png) 50% 50% / 38px auto no-repeat; } .features._tmst .item--feature i.icon-feature-03:before{ display: none; } @media (max-width: 1409px){ .features._tmst._header .item--feature { width: 50%; } } @media (max-width: 1200px){ .features._tmst._header { display: none; } } @media (min-width: 991px){ /* .features._tmst._header .item--feature a:hover{ border-bottom: 1px solid #ff2e38; }*/ } @media (max-width: 1199px){ .features._tmst._header .item--feature{ width: 50%; } } @media (max-width: 767px){ .features._tmst._header { margin: 5px -15px 0; } .features._tmst._header { display: flex; } } @media (max-width: 350px){ .features._tmst._header .item--feature i { width: 40px; margin-right: 12px; } .features._tmst._header .item--feature { font-size: 13px; } } /* side features */ .features-wrap.is_stuck { padding-top: 110px; } .features._tmst._side{ display: block; margin: 0; width: auto; padding: 0; } .features._tmst._side .item--feature{ display: flex; align-items: center; margin: 0 0 25px; padding: 0 15px; position: static; /* font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 16px;*/ line-height: 1.4; font-weight: 400; text-decoration: none; width: auto; } .features._tmst._side .item--feature a{ color: #2b2036; text-decoration: none; border-bottom: 1px solid transparent; transition: .2s all; } .features._tmst._side .item--feature a:visited{ color: #2b2036; } .features._tmst._side .item--feature i { color: #ff2e38; text-align: center; display: block; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; font-size: 40px; line-height: 50px; width: 50px; height: 50px; margin-right: 15px; overflow: hidden; flex-shrink: 0; } .features._tmst._side .item--feature i.icon-feature-07, .features._tmst._side .item--feature i.icon-feature-03{ font-size: 25px; } .features._tmst._side .item--feature i.icon-feature-02, .features._tmst._side .item--feature i.icon-feature-05, .features._tmst._side .item--feature i.icon-feature-04{ font-size: 35px; } @media (min-width: 991px){ .features._tmst._side .item--feature a:hover{ /*border-bottom: 1px solid #ff2e38;*/ } } /*@media (max-width: 1199px){ .features._tmst._side .item--feature{ width: 50%; } }*/ @media (max-width: 350px){ .features._tmst._side .item--feature i { width: 40px; margin-right: 12px; } .features._tmst._side .item--feature { font-size: 13px; } } /* basket credit btn */ .basket-buy-credit .btn-white.is-block{ text-align: center; /* Горизонтальное выравнивание текста */ display: flex; /* Делаем контейнер flexbox, чтобы обеспечить выравнивание */ justify-content: center; /* Горизонтальное центрирование содержимого */ align-items: center; border-radius: 12px; transition: .2s all; border: 0; background: #2B2036; color: #ffffff; font-size: 16px; font-weight: 700; padding: 7px 5px; } .basket-buy-credit .btn-white.is-block:hover{ background-color: #2A2034; } /* InnerPAGES */ .k4-inner-page__title{ color: #2b2036; text-transform: uppercase; letter-spacing: -1.5px; margin: 0 0 50px; font-size: 50px; line-height: 1.2; font-weight: 700; } .k4-inner-page__desc{ background: #ffffff; padding: 50px 30px; margin-bottom: 30px; font-size: 16px; line-height: 1.5; } .k4-inner-page__desc li, .k4-inner-page__desc p{ font-size: 16px; line-height: 1.5; } .k4-inner-page__desc p{ margin-bottom: 15px; } .k4-inner-page__desc .k4-inner-page__subtitle { text-transform: uppercase; margin: 0 0 13px; font-size: 25px; line-height: 30px; font-weight: 700; } .k4-inner-page__desc h3 { text-transform: uppercase; margin: 0 0 13px; font-size: 18px; line-height: 30px; font-weight: 700; } .k4-inner-page__desc section{ margin-bottom: 30px; } @media (max-width: 400px){ .k4-inner-page__title{ font-size: 32px; margin: 0 0 20px; } } .main-page .item--feature i.icon-feature-03 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/inclined-rocket-new.png) 50% 50% / 38px auto no-repeat; min-height: 48px; } .main-page .item--feature i.icon-feature-099 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/bg-feat-storage.png) 50% 50% / 38px auto no-repeat; min-height: 48px; } .main-page .item--feature i.icon-feature-098 { font-size: 0; background: transparent url(/local/templates/4k-monitors/css/../img/bg-feat-keeper3.png) 50% 50% / 38px auto no-repeat; min-height: 48px; } .main-page .item--feature._item--feature-03 { display: flex; align-items: center; min-height: 47px; margin-bottom: 0 !important; } .row._flex{ display: flex; /* flex-wrap: wrap;*/ } .row._mw1500{ max-width: 1500px; margin: 0 auto; } .row._flex._h-space-around{ justify-content: space-around; } .row._flex:after, .row._flex:before{ display: none; } .row._flex._h-space-around .item--free-width{ width: auto !important; } .row._flex._h-space-around .item--free-width .item--feature{ display: flex; align-items: center; min-height: 45px; } .home--words.main-page { padding: 27px 0 5px; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0; } .modals--item.modal-buy .panel { box-shadow: 0 0 30px 5px rgba(0,0,0,0.12); border: 2px solid #ff2e38; } /* Правки 23.08.2018 */ @media (min-width: 1080px) and (max-width: 1680px){ .header--in .header--body { /* padding-top: 60px;*/ } .header--in .header--btns { /* position: absolute;*/ top: 0; right: 0; } .header--in .header--nav-i > a { /* padding: 5px 15px 18px;*/ } } @media (min-width: 1080px) and (max-width: 1480px){ .header--nav-i > a, .header--nav-i > span { padding-left: 6px; padding-right: 6px; } } @media (max-width: 1130px){ .header--nav-l { margin-left: 0; } } @media (min-width: 1080px) and (max-width: 1240px){ .header--in .header--nav-i > a{ font-size: 12px; padding-right: 4px; /* padding: 0px 6px 18px;*/ } .header--nav-i > ul li a{ font-size: 12px; } } /* Слайдер обзоров с главной страницы */ .home--features { margin: 0 0 30px; } .main-feed-slider-4k{ background: #1d1723; color: #ffffff; padding: 50px 0 30px; margin-bottom: 60px; } .main-feed-slider-4k .header_grey{ color: #ffffff; text-transform: uppercase; letter-spacing: -0.7px; font-size: 30px; line-height: 40px; font-weight: 700; margin-bottom: 25px; } .main-feed-slider-4k .name_video{ color: #ffffff; } .main-feed-slider-4k .prev { background-position: -16px -16px; } .main-feed-slider-4k .next { background-position: 0px -16px; } @media (max-width: 767px){ .home--features { margin: 0 0 60px; } .main-feed-slider-4k { padding: 25px 0 5px; } .main-feed-slider-4k .header_grey { font-size: 23px; margin-bottom: 0; } } .feature-over-slider .home--features, .feature-over-slider .home--intro, .feature-over-slider .home--intro .slick-dotted.slick-slider{ margin-bottom: 0 !important; } .inner-page--arrows{ padding: 5px; float: left; margin: 7px 0 0 30px; font-size: 0; line-height: 0; overflow: hidden; width: 60px; height: 30px; position: relative; } .inner-page--arrows .slick-arrow { position: absolute; top: 0; } .inner-page--arrows .js-slider-prev{ left: 0; right: auto; } .inner-page--arrows .js-slider-next{ right: 0; left: auto; } /* Стрелки большого слайдера на главной */ .home--intro-in.slick-slider .slick-prev:before, .home--intro-in.slick-slider .slick-next:before { display: none; } .home--intro-in.slick-slider .prev{ background: url(/local/templates/4k-monitors/img/uni-slider-buttons.png) no-repeat; background-position: -16px 0; left: -12px; } .home--intro-in.slick-slider .next { background: url(/local/templates/4k-monitors/img/uni-slider-buttons.png) no-repeat; background-position: 0px 0px; right: -20px; } /* body{ overflow-x: hidden; } */ .slick-dots { width: auto; right: 0; } .header-menu-multilevel{ position: relative; } .header-menu-multilevel .top-sub-level{ position: absolute; top: 100%; left: 0; background: #2b2036; width: 100%; } .header-menu-multilevel .top-sub-level{ margin: 0; padding: 0 15px; z-index: 1000; display: none; } .header-menu-multilevel .top-sub-level.inline li{ display: inline-block; } .home--features-in .card-p.as-card { width: auto; height: auto; padding-top: 56%; background-size: cover; min-height: 0; background-color: #000; border-radius: 10px; } @media (max-width: 767px){ .home--features { padding: 30px 0 30px; background: #1d1723; } .home--features-in .card-p.as-card { padding-top: 48%; } .main-feed-slider-4k { padding: 0 30px 0px !important; } } .recomended-in-cart .inner-page--section { padding: 21px 0 32px !important; border-radius: 10px; color: none !important; } @media (max-width: 520px){ .news-adaptive-table-wrp{ width: 100% !important; overflow-x: scroll; } .news-adaptive-table-wrp > table{ width: 520px !important; } } /*financing.css*/ .ssec { cursor: pointer; font-weight: bold; color: #ff2e38; } .ssec-bold { font-weight: bold; color: #ff2e38; } .ssec-question-icon, .ssec-question-icon2{ height: 20px; position: relative; top: 4px; display: inline-block !important; } .ic2 { margin-left: 10px; } .ssec.ssec-grid { /*font: 700 20px/30px arial, sans-serif;*/ font-weight: 700; font-size: 20px; line-height: 30px; text-align: left; clear: both; display: block; font-size: 17px; } .ssec.ssec-grid2 { /*font: 700 20px/30px arial, sans-serif;*/ text-align: left; font-weight: 700; font-size: 20px; line-height: 30px; clear: both; display: block; font-size: 16px; position: relative; top: 4px; } .ssec.ssec-page { font-size: 18px; clear: both; display: block; text-transform: lowercase; } .ssec-instant-checkout { display: inline-block; background-color: #0F68B1; color: #fff !important; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.27); font-size: 13px; padding: 0px 12px; height: 30px; margin: 2px 5px 15px 2px; font-weight: bold; } .ssec-bulletlist p:before{ background-image: url(/financing/point.png); background-size: 12px 12px; display: inline-block; width: 12px; margin-right: 6px; height: 12px; content: ""; } .ssec-bulletlist p { margin: 0; } .popup-7seconds-frame-container { display: block; z-index: 111111; position: fixed; background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; top: 0; padding: 5% 0; } .popup-7seconds-frame-box { max-width: 500px; background-color: white; max-height: 100%; border-radius: 5px; padding: 0; overflow-y: auto; overflow-x: hidden; margin: 0 auto; } .popup-7seconds-frame-box img { width: 100%; } .btn-ssec-cta { background: #ff2e38; color: #ffffff; } .btn-ssec-cta-popup { background: #ff2e38; color: #ffffff; width: 250px !important; margin: 0 auto; } .popup-frame-button { width:100%; text-align: center; margin-bottom: 32px; } .popup-7seconds-loading { padding: 32px; font-size: 24px; text-align: center; } .recomended-in-cart .in-basket .card { height: calc(100% - 10px); } /* .catalog--list.cards .card { height: 504px; } */ /* .home--list .card-a, .home--list .card { height: 480px; } */ .home--accessories .card { height: calc(100% - 10px); } @media (max-width: 1079px) and (min-width: 768px) { .home--accessories .card, .home--list .card-a, .home--list .card { height: calc(100% - 10px) ; } /* .catalog--list.cards .card { height: 420px; } */ } @media (max-width: 767px) { .card-a, .card,.home--list .card { height: calc(100% - 10px) !important; } .catalog--list.cards .card { height: calc(100% - 10px) !important; } } @media (max-width: 550px) { .home--accessories .card { height: calc(100% - 10px) !important; } } /*Респонсив видео */ .video-responsive { position: relative; padding: 0 0 56.25% 0; height: 0; overflow: hidden; background-size:cover; background-position:50% 50%; } .video-responsive span.video_span, .video-responsive iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-width: 0px; border: none; } .video-responsive span.video_span { display: block; background: url(/local/templates/4k-monitors/css/../img/video_play_small.png) 50% 50% no-repeat; cursor: pointer; opacity: 0.85; -webkit-transition: opacity 0.3s ease; -transition: opacity 0.3s ease; } .video-responsive span.video_span:hover { opacity:1 } /*Респонсив видео --- конец*/ .bid-register { display: none; } .bid-register._active { display: block; } .bid-error { color: red; } .bid-error p { margin-bottom: 10px; } .resend-btn { color: #ff2e38; text-decoration: underline; } .resend-btn:hover { text-decoration: none; } .resend-timer { color: #757575; } .bid-register .policity-text { margin: 20px 0 0; } .form-field-descr { margin-bottom: 20px; } .bid-register .good { padding: 40px; } .popup#oneclick, .popup#oneclickCart, .popup#register, .CatalogSubscribe { top: 15%; padding: 0; width: 350px; margin-left: -175px; box-shadow: 0 0 30px 5px rgba(0,0,0,0.12); border: 2px solid #ff2e38; } .popup#oneclick { top: 5%; } .popup#oneclick .panel--head p, .popup#oneclickCart .panel--head p, .popup#register .panel--head p, .CatalogSubscribe .panel--head p{ font-size: 0.8em; opacity: 0.6; } .popup#oneclick .panel--body, .popup#oneclickCart .panel--body, .popup#register .panel--body { padding-left: 30px; } .popup#oneclick .mfp-close, .popup#oneclickCart .mfp-close, .popup#register .mfp-close { color: #2b2036; opacity: 1; -webkit-transition: 200ms color ease; -moz-transition: 200ms color ease; -o-transition: 200ms color ease; transition: 200ms color ease; } .popup#oneclick input[type=text], .popup#oneclickCart input[type=text], .popup#register input[type=text], .CatalogSubscribe input[type=text]{ border: 1px solid #bbbbbb; padding: 10px 15px; margin: 0; width: 100%; height: 45px; font-size: 16px; line-height: 23px; -webkit-transition: 200ms all ease; -moz-transition: 200ms all ease; -o-transition: 200ms all ease; transition: 200ms all ease; } .popup#oneclick input[type=text]:hover, .popup#oneclickCart input[type=text]:hover, .popup#register input[type=text]:hover { border-color: #ff2e38; } .popup#oneclick input[type=text]:focus, .popup#oneclickCart input[type=text]:focus, .popup#register input[type=text]:focus { border-color: #2b2036; } .popup#oneclick input[type=text]:focus, .popup#oneclickCart input[type=text]:focus, .popup#register input[type=text]._error { border-color: red; background: #fdd; } .popup#oneclick .panel--tools, .popup#oneclickCart .panel--tools, .popup#register .panel--tools { margin-left: 30px; border-top: 0px; padding-top: 0px; } .CatalogSubscribe { color: #2b2036; text-transform: uppercase; } .CatalogSubscribe .popup-window-titlebar-text, .CatalogSubscribe .popup-window-titlebar-text-version{ color: #2b2036; } .CatalogSubscribe .bx-catalog-subscribe-form-container-label{ text-transform: uppercase; margin: 0 0 15px; font-size: 12px; line-height: 20px; font-weight: 700; color: #2b2036; } .CatalogSubscribe .popup-window-buttons .btn-red{ margin-right: 15px; } .tags-list a { margin: 0 10px 10px 0; } .tags-list p { margin: 0 10px 10px 0; background: #ff2e38; color: #fff; cursor: default; } .header--nav-i { position: relative; } .header--nav-i > ul { min-width: 310px; } .header--nav-i > ul li { float: none; } .header--nav-i-brands { position: unset; } .header--nav-i-brands > ul li { float: left; } .hide{ display:none; } .item--tag{ font-size: 14px; } .availible--info{ width:100%; overflow:hidden; font-size: 14px; } .markdown--info { position: relative; float: left; margin: 20px 0 0; padding: 20px 20px 20px 70px; width: 100%; background: #fff; border-radius: 3px; font-size: 14px; line-height: 16px; } .markdown--info p + p { margin-top: 15px; } .markdown--info a { color: #2b2036; text-decoration: underline; } .markdown--info a:hover { text-decoration: none; } .markdown--info__icon { position: absolute; top: 20px; left: 20px; display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; border-radius: 3px; background-color: #ff2e38; font-weight: bold; font-size: 28px; color: #fff; } .news--body-min-margin { margin: 0; padding: 0; } .news--body-min-margin .card-r { margin: 0; } /* Демо зона */ .main-content{ background: #fff; margin: 50px 0 0; padding: 0 0 60px; } .main-content--nomargin { margin-top: 0; margin-bottom: 0; } .block-bannerImgBig { max-width: 1920px; margin: -60px auto 0; background: #fff; } .inner-page .block-bannerImgBig:first-child { margin-top: 0; } .block-bannerImgBig-img { } .block-bannerImgBig-img img { max-width: 1920px; margin: auto; width: 100%; } .infopage .block-bannerImgBig { max-width: 1920px; margin: 100px auto 0; background: transparent; } .block-bannerImgBig-content { max-width: 985px; padding: 70px 80px; margin: -60px auto 0; border-radius: 10px; background: #fff; color: #000000; } .block-bannerImgBig-content__black { background: #2B2036; color: #fff; border-radius: 10px; } .block-bannerImgBig-content__adding { margin-bottom: 120px; background: transparent; padding: 103px 0 0; margin-top: 0; color: #000000; } .block-bannerImgBig-content-title { } .block-bannerImgBig-content-title * { font-style: normal; font-weight: 700; font-size: 50px; line-height: 120%; margin-bottom: 20px; } .block-bannerImgBig-content-text { margin-bottom: 25px; font-weight: 400; font-size: 16px; line-height: 150%; } .block-bannerImgBig-content-text p { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 15px; } .block-bannerImgBig-content-text p i { margin-right: 18px; vertical-align: middle; color: #ff2e38; } .block-bannerImgBig-content-text blockquote { border-left: 3px solid #644880; padding-left: 20px; font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 20px; } .block-bannerImgBig-content-text ul { } .block-bannerImgBig-content-text ul li { font-weight: 400; font-size: 16px; line-height: 150%; margin-bottom: 15px; } .block-bannerImgBig-content-btn { margin-top: 40px; } .block-bannerImgBig-content-btn a { display: block; cursor: pointer; background: #FF2E38; border-radius: 3px; text-align: center; font-weight: 700; font-size: 16px; color: #fff; text-decoration: none; padding: 12px 12px 15px; } @media (max-width: 992px) { .infopage .block-bannerImgBig--full { margin-top: 0; } .infopage .block-bannerImgBig--full .block-bannerImgBig-content { margin-top: 0; } } @media (max-width: 767px) { .main-content { padding: 0 0 40px; margin: 20px 0 0; } .block-bannerImgBig { margin-top: -30px; } .block-bannerImgBig-content-title * { font-size: 25px; line-height: 23px; } .block-bannerImgBig-content { margin-top: -30px; padding: 30px 40px; } .block-bannerImgBig-content__adding { margin-top: 33px; margin-bottom: 60px; } } @media (max-width: 500px) { .main-content { padding: 0; } } /* Теги */ .tags-list-wrap { position: relative; } #tags-list.tags-list { position: relative; align-items: center; background: #ffffff; border-radius: 10px; padding: 15px 170px 5px 15px; box-sizing: content-box; overflow: hidden; max-height: 40px; } #tags-list.tags-list.active { max-height: none; padding-right: 15px; } #tags-list.tags-list a, #tags-list.tags-list span { display: inline-block; margin-right: 10px; margin-bottom: 15px; color: #2B2036; } #tags-list.tags-list a svg, #tags-list.tags-list span svg { fill: #ff2e38; } #tags-list.tags-list a:hover svg, #tags-list.tags-list span:hover svg { fill: #fff; } #tags-list.tags-list a:hover, #tags-list.tags-list span:hover { background: #ff2e38; color: #ffffff; } #tags-list.tags-list a.disable, #tags-list.tags-list span.disable { display: none; } #tags-list.tags-list span { color: #ffffff; background: #ff2e38; cursor: default; } .tags-list-btn-all { display: none; color: #2b2036; position: absolute; right: 15px; top: 15px; } .tags-list-btn-all span { color: #2b2036; background: transparent; margin: 0; } .tags-list-btn-all.show { display: inline-block; } .tags-list-btn-all:hover span { color: #fff; } .tags-list-btn-all:hover svg { fill: #fff; } .tags-list-btn-all svg { margin-left: 5px; margin-bottom: 1px; fill: #ff2e38; } .tags-list-btn-all.active { display: block; position: relative; right: auto; top: auto; fill: #ff2e38; } .tags-list-btn-all.active svg { fill: #ff2e38; transform: rotateX(180deg) translate3d(0, 5%, 0); } @media (max-width: 767px) { #tags-list.tags-list { display: flex; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; margin-top: 15px; padding-right: 15px; max-height: 33px; } #tags-list.tags-list.active { display: block; overflow-x: auto; overflow-y: auto; white-space: normal; } #tags-list.tags-list a, #tags-list.tags-list span { display: inline-block!important; } .tags-list-btn-all { display: block!important; position: relative; right: auto; top: auto; } } /* Файлы */ .files-group__title { color: #333; font-size: 18px; font-weight: 700; line-height:23px } .files-group__content { margin-top:25px } .files-group-items { padding-left:0; } .files-group-item { display: inline-block; height: 65px; padding: 0!important; margin: 0 20px 20px 0!important; vertical-align: middle; width:100% } .files-group-item:before { display: none!important; } .files-group-item__content-wrapper { display:flex; align-items: center; padding-left: 60px; } .files-group-item__link { color: #333; font-size:13px } .files-group-item__link:hover { text-decoration:none } .files-group-item__link:active, .files-group-item__link:focus, .files-group-item__link:hover { color: #2b2036 } .files-group-item__icon-wrapper { position: absolute; top: 12px; left: 30px; align-items: center; background-color: #f2f2f2; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.546 32.864H7.364a3.5 3.5 0 0 1-3.5-3.5V4.635a3.5 3.5 0 0 1 3.5-3.5h15.793l7.889 7.89v20.337a3.5 3.5 0 0 1-3.5 3.5Z' fill='%23fff' stroke='%23D5DDE0'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; border-radius: 8px; display: flex; height: 60px; justify-content: center; width:60px } .files-group-item__icon-wrapper_type-pdf { background-color: #fbe9e9; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.364 33.364h20.181a4 4 0 0 0 4-4V8.818L23.364.636h-16a4 4 0 0 0-4 4v24.728a4 4 0 0 0 4 4Z' fill='%23D61A1A'/%3E%3Cpath d='M20.476 17.925c-.631-.497-1.23-1.007-1.63-1.407-.52-.52-.983-1.023-1.385-1.502.628-1.938.903-2.938.903-3.47 0-2.264-.818-2.728-2.046-2.728-.933 0-2.045.485-2.045 2.793 0 1.017.557 2.252 1.662 3.688-.27.825-.588 1.777-.945 2.85-.172.514-.358.99-.556 1.431-.16.072-.316.144-.466.22-.542.27-1.057.514-1.534.74-2.178 1.031-3.616 1.713-3.616 3.06 0 .977 1.062 1.582 2.046 1.582 1.267 0 3.182-1.693 4.58-4.546 1.451-.572 3.256-.996 4.68-1.262 1.141.877 2.402 1.717 3.012 1.717 1.69 0 2.046-.977 2.046-1.797 0-1.612-1.842-1.612-2.727-1.612-.275 0-1.013.081-1.979.243Zm-9.612 5.893c-.39 0-.654-.183-.682-.219 0-.483 1.441-1.166 2.836-1.827l.27-.127c-1.025 1.485-2.038 2.173-2.424 2.173Zm4.772-12.207c0-1.429.444-1.429.682-1.429.482 0 .682 0 .682 1.364 0 .287-.192 1.006-.543 2.129-.535-.824-.82-1.53-.82-2.064Zm.523 7.328c.043-.118.084-.238.124-.36l.684-2.054c.283.311.588.63.915.957.127.128.444.416.866.776-.84.183-1.734.41-2.589.681Zm7.66.355c0 .306 0 .433-.633.438-.186-.04-.616-.293-1.146-.654.193-.022.335-.032.415-.032 1.007 0 1.293.098 1.363.248Z' fill='%23fff'/%3E%3C/svg%3E") } .files-group-item__icon-wrapper_type-zip { background-color: #f7f7f7; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='34' height='34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.546 32.864H7.364a3.5 3.5 0 0 1-3.5-3.5V4.636a3.5 3.5 0 0 1 3.5-3.5h15.793l7.889 7.89v20.338a3.5 3.5 0 0 1-3.5 3.5Z' fill='%23fff' stroke='%23D5DDE0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.592 2h-2.66v.822h2.66V2Zm2.66 1.488h-2.66v1.097h2.66V3.488Zm-5.32 1.642h2.66v1.098h-2.66V5.13Zm5.32 1.797h-2.66v1.098h2.66V6.927Zm-2.66 3.469h2.66v1.097h-2.66v-1.097Zm0-1.763h-2.66V9.73h2.66V8.633Zm-2.78 7.167c0-1.884.896-3.41 2.78-3.41 1.883 0 2.78 1.526 2.78 3.41L17 21.512a3.41 3.41 0 1 1-6.818 0l.63-5.712Zm1.652 7.625h2.258v-4.769h-2.258v4.77Z' fill='%234E4E4E'/%3E%3C/svg%3E") } .files-group-item__icon-wrapper_type-link { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.535 6.444a2.25 2.25 0 0 0-3.183 0l-4.242 4.241a2.25 2.25 0 0 0 0 3.183.75.75 0 0 1-1.06 1.06 3.75 3.75 0 0 1 0-5.303l4.242-4.242a3.75 3.75 0 1 1 5.303 5.304l-.655.654a.75.75 0 0 1-1.06-1.062l.655-.653a2.25 2.25 0 0 0 0-3.182Zm-4.69 3.628a.75.75 0 0 1 1.061 0 3.75 3.75 0 0 1 0 5.304l-4.242 4.242a3.75 3.75 0 1 1-5.303-5.304l.654-.654a.75.75 0 0 1 1.06 1.06l-.654.654a2.25 2.25 0 1 0 3.183 3.183l4.242-4.242a2.25 2.25 0 0 0 0-3.182.75.75 0 0 1 0-1.061Z' fill='%23AFAFAF'/%3E%3C/svg%3E") } /*@media (max-width: 991px) { .files-group-item__icon-wrapper { background-size: 21px auto; height: 40px; width:40px } }*/ .files-group-item__info { display: inline-block; margin-left: 15px; vertical-align: middle; flex: 1; } @media (max-width: 991px) { .files-group-item__info { margin-left:10px } } @media (max-width: 767px) { .files-group-item__info { width:calc(100% - 44px) } } @media (min-width: 768px) and (max-width: 1079px) { .files-group-item__content-wrapper { padding-left: 30px; } .files-group-item__icon-wrapper { top: 22px; left: 20px; width: 34px; height: 34px; background-color: transparent; } } .bland-all { padding-bottom: 40px; } .bland-all-list { display: flex; flex-wrap: wrap; } .bland-all-list-item { padding: 2px 15px; display: inline-block; width: 12.5%; height: auto; margin-bottom: 15px; } @media (max-width: 991px) { .bland-all-list-item { /*width: 50%;*/ } } @media (max-width: 767px) { .bland-all-list-item { width: 50%; } } .catalog-detail-articles-links { } .catalog-detail-articles-links a { color: #ff2e38; font-size: 17px; } .catalog-detail-articles-links a:hover { color: #2b2036; } @media (max-width: 767px) { .catalog-detail-articles-links { margin-bottom: 40px; } .catalog-detail-articles-links a { font-size: 15px; } } .btn-svg { display: flex; justify-content: center; align-items: center; padding: 5px; font-size: 20px; color: #2b2036; } .btn-svg.is-added .svg-stroke { fill: #ff2e38; stroke: #ff2e38; } .svg { position: relative; display: inline-block; vertical-align: middle; background-repeat: no-repeat; flex-shrink: 0; width: 1em; height: 1em; fill: currentColor; transition: fill 0.3s; } .svg-stroke { position: relative; display: inline-block; vertical-align: middle; background-repeat: no-repeat; flex-shrink: 0; width: 1em; height: 1em; fill: transparent; transition: fill 0.3s; stroke: currentColor; } .card-favorite-btn { display: flex; align-content: center; justify-content: end; float: right; height: auto; position: absolute; right: 25px; top: 40px; } .ssec.ssec-grid2 { float: left; } .ml-1 { margin-left: 0.5rem; } .about--box-link { display: none; } .about--box-link a { color: #ff2e38; font-size: 17px; } .about--box-link a:hover { color: #2b2036; } @media (max-width: 767px) { .about--box-link { display: block; } } .news-detail-products .catalog-section-list { padding-top: 30px; } .news-detail-products .catalog-section-list .cards .card { margin-bottom: 30px; height: calc(100% - 10px); } .news-detail-products .catalog-section-list .cards .card .card--box-links { display: none; } /* End */ /* /local/templates/4k-monitors/components/bitrix/breadcrumb/.default/style.css?1727031360947 */ /* /local/templates/4k-monitors/components/arturgolubev/search.title/.default/style.min.css?172837650012020 */ /* /local/templates/4k-monitors/template_styles.css?17485525208949 */ /* /local/templates/4k-monitors/lib/fancybox/jquery.fancybox.min.css?172703136010424 */ /* /local/templates/4k-monitors/css/owl.carousel.css?17270313005228 */ /* /local/templates/4k-monitors/css/style.css?1750097803377868 */ /* /local/templates/4k-monitors/fonts/cerapro/style.css?17270313604794 */ /* /local/templates/4k-monitors/fonts/icomoon2/style.css?17270313601650 */ /* /local/templates/4k-monitors/fonts/4k-monitor/style.css?17270313602637 */ /* /local/templates/4k-monitors/css/custom.css?174872442034861 */