/* Start:/local/templates/aspro_next/components/bitrix/catalog/main/style.min.css?16963339719426*/ .flexbox--row{flex-direction:row!important}.table-view__item{padding:23px 24px 18px}.table-view__item-wrapper{align-items:normal}.table-view .item-foto{flex-basis:60px;position:relative;z-index:1}.table-view .item-info{flex-grow:1;padding:0 20px}.table-view .item-actions{flex-shrink:0;width:47%}.table-view .item-icons.s_2{width:99px;margin-top:3px}.table-view .item-icons{flex-shrink:0;padding-left:19px;text-align:center}.table-view .item-info .item-title{margin-bottom:-3px;color:#1d2029}.table-view .properties__item.properties__item--compact{margin-top:-2px;line-height:22px}.table-view .properties__item.properties__item--compact:first-of-type{padding-top:4px}.bordered{border:1px solid #eee}.item-title.font_sm{font-size:.933em;line-height:1.5em}.item-foto__picture{width:60px;height:60px;line-height:60px;text-align:center;position:relative}.item-foto__picture img{display:inline-block}.stores-icons{flex-basis:62px;flex-shrink:0;text-align:right}.properties.list{margin:0}.properties__item--inline{display:inline;color:#333}.list-offers .quantity_block_wrapper{padding:1px 0!important}.list-offers .tab-pane .btn{margin-right:0}.list-offers .props_list .props_item{font-size:12px;color:#555}.list-offers .offer_stores{margin-top:15px}.list-offers div.total_summ{margin:auto!important;padding:9px 0 0}.list-offers .counter_block input[type=text]{width:100%!important;padding:7px 24px 7px}.list-offers .counter_wrapp.list{margin:0 -4px}.list-offers .counter_wrapp.list .to-cart{padding-left:4px;padding-right:4px;width:100%}.list-offers .counter_wrapp{padding:0!important}.list-offers .counter_wrapp .counter_block{width:100%;position:relative}.list-offers .counter_block .minus,.list-offers .counter_block .plus{position:absolute}.list-offers .counter_block .plus{right:0}.list-offers .item:hover{box-shadow:0 0 20px rgba(0,0,0,.15);border-color:#fff}.list-offers .quantity_block_wrapper>div{font-size:12px}.list-offers .muted.article{line-height:15px;margin:5px 0 2px}.list-offers .opener.top{margin-top:3px}.list-offers .sale_block .text{margin:1px 0 1px 0}.list-offers .sale_block .value{margin:3px 3px 3px 0}.list-offers .button_block .btn{margin-right:0}.list-offers .prices .price_matrix_block .price_wrapper_block .price.discount{display:none}.catalog_detail .list-offers .props_list .hint{position:relative;top:3px;left:0}.catalog_detail .list-offers .props_list .properties__title{position:relative}.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .icon{top:3px}.catalog_detail.element_4 .sku_props .bx_item_section_name.char_name .hint .tooltip{top:26px}.counter_wrapp.list>div{width:50%;float:left;margin:0;padding:0 4px;position:relative}.wrapp-one-click{margin-top:8px}.wrapp-one-click .btn{width:100%}.table-view .item-actions .item-buttons .text-form{margin:8px 0 0}.like_icons.list span{opacity:1;visibility:visible}.like_icons.list>div{display:inline-block;vertical-align:top;padding:0 4px 0 0}.tabs .tab-content .item{margin-top:-1px!important}.tabs .stores_block_wrap .item-stock>span{font-size:13px!important}.tabs .item-stock>span{font-size:12px!important}.counter_wrapp .counter_block{position:relative}.like_icons span.added{opacity:1!important}.counter_block{position:relative}.catalog_detail .tabs div.prices_tab{overflow-y:inherit!important}body .stores_wrapper h4{position:relative;text-align:left;padding-right:180px}body .tab-pane .stores_wrapper h4{margin-top:0}body .store.LIST_AMOUNT .tab-pane .stores_wrapper h4{display:none}.stores-title{position:absolute;top:4px;right:0}.stores-title .stores-title__list{opacity:.5;transition:opacity .3s ease;font-size:13px;font-weight:400}.stores-title .stores-title__list:last-of-type{padding-left:24px}.stores-title .stores-title__list:not(.stores-title--active):hover{cursor:pointer}.stores-title .stores-title__list.stores-title--active,.stores-title .stores-title__list:hover{opacity:1}.stores-title .stores-title__list .svg{margin-right:4px;top:-1px}.stores_block_wrap.combine .contacts_map_list{padding-bottom:0}.tab-pane.stores .stores_tab .stores_block_wrap.combine{position:relative}.tab-pane.stores .stores_tab .stores_block_wrap .stores-title{top:-12px}.tab-pane.stores{position:relative}.tab-pane.reviews #reviews_content{margin-top:0}.tab-pane.reviews.active #reviews_content{display:block}.wrapper_block.title_left+.contacts_map_list{padding-left:311px}.stores-amount-list:not(.stores-amount-list--active){display:none}.with_title .block_container{position:absolute;z-index:1;background:#fff;display:block;border-right-width:0;box-shadow:12px 0 12px -12px rgba(0,0,0,.2)}.wrapper_block.title_left .block_container{left:0;width:312px;height:500px}.with_title .block_container .items{overflow:auto;height:100%}.with_title .block_container .items .item{padding:21px 29px;border-bottom:1px solid #f1f1f1;cursor:pointer}.with_title .block_container .items .item:hover{background:#fafafa;cursor:pointer}.with_title .block_container .items .item .item-stock{margin:7px 0 0}.with_title .block_container .detail_items{display:none;position:absolute;top:0;z-index:1;background:#fff;height:100%;left:0;width:312px;overflow:auto}.with_title .block_container .detail_items div.item{display:none}.with_title .block_container .detail_items .map_info_store{padding:29px 34px 15px}.with_title .block_container .detail_items .top-close{position:absolute;top:15px;right:15px;cursor:pointer;opacity:1}.with_title.title_left .block_container .detail_items .top-close svg{width:10px;height:10px}.with_title.title_left .block_container .detail_items .top-close svg:hover path{fill:#000}.drag_block_detail .tabs{margin-top:25px}.catalog_detail .drag_block_detail.tabs_section{margin-top:0}body .drag_block_detail .bottom_slider.custom_type.tab_slider_wrapp .slider_navigation{top:-41px!important}.drag_block_detail.gifts .bx_item_list_you_looked_horizontal ul.slider_navigation.top_big{top:31px}.drag_block_detail.gifts .bx_item_list_you_looked_horizontal .common_product h4.title_block{margin-top:16px;margin-bottom:9px}.catalog_detail .drag_block_detail.set_block{border-bottom:1px solid #e7e7e7;margin:25px 0;padding-bottom:26px}body .bx-set-constructor{border:1px solid #f2f2f2;margin:25px 0}.catalog_detail .tabs_section .wraps.drag_block_detail ul.tabs_content>li{padding:0}.drag_block_detail.ask{margin-bottom:25px}.drag_block_detail.tizers_block_detail.tizers_block{border-bottom:1px solid #f2f2f2;margin-top:40px}.catalog_detail .wraps.podborki:empty{padding:0}@media (min-width:768px){.table-view .item-actions .item-buttons,.table-view .item-actions .item-price{width:50%}.like_icons.list{position:static}}@media all and (min-width:601px){.table-view{display:block!important}}@media (max-width:768px){.list-offers .offer_stores{display:none}.opener.top{display:none}}@media screen and (max-width:767px),projection and (max-width:767px),tv and (max-width:767px),handheld and (max-width:767px){.with_title .block_container .detail_items,.with_title .block_container .items,body .wrapper_block.with_title .block_container{height:auto;max-height:300px}body .wrapper_block.with_title .block_container,body .wrapper_block.with_title .block_container .detail_items{position:static;width:100%}.wrapper_block.with_title+.contacts_map_list{padding-left:0;padding-right:0}}@media(min-width:601px) and (max-width:767px){.table-view .item-actions{flex-wrap:wrap}.like_icons.list>div{display:block}}@media (max-width:600px){.table-view .item-foto__picture{width:auto;height:250px;line-height:250px}body .item .item_info.catalog-adaptive>div{width:100%;padding:15px 0 0}body .item .item_info.catalog-adaptive{display:block;padding:30px 25px;height:100%;bottom:-1px;position:relative}body .table-view .table-view__item{padding:0;width:100%}.wrapper1:not(.compact-catalog) .ajax_load .table-view{flex-wrap:wrap}.table-view .item-actions{flex-direction:column!important}.table-view .item-actions .item-buttons .text-form{display:none!important}.table-view .table-view__item-wrapper .item-icons{display:none}body .item .item_info.catalog-adaptive .adaptive{display:block}.wrapp-one-click{display:none}body .ce_cmp .table-view .table-view__item{width:50%}.ce_cmp .table-view .item-foto__picture{width:auto;height:140px;line-height:140px}.ce_cmp .tabs .tab-content .item+.item{padding-top:0}.ce_cmp .tab_slider_wrapp .sale_block{display:none}.ce_cmp .list-offers .item_info.catalog-adaptive{padding:15px 14px 63px 15px}.ce_cmp .list-offers .counter_wrapp.list{position:absolute;left:11px;right:11px;margin:0;z-index:5;padding:0;bottom:16px}.ce_cmp .list-offers .prices .price_matrix_block .price_wrapper_block>div{font-size:12px!important}.list-offers .item_info.catalog-adaptive{text-align:center}.list-offers .table-view__item.item.bordered.table-view__item--has-stores{padding-top:0}.list-offers .sale_block{margin-bottom:10px}.catalog_detail .list-offers .props_list .hint{position:static;display:inline}.catalog_detail .list-offers .props_list .hint .icon{position:static}.catalog_detail .list-offers .props_list .hint+span{padding-left:2px}.ce_cmp .like_icons.list{position:inherit}.like_icons{top:2px!important;right:1px!important}}@media (max-width:500px){.wrapper_inner .cost.prices .price{display:inline-block;vertical-align:middle}.ce_cmp .price_matrix_wrapper{margin-bottom:0}.counter_wrapp .more_text{display:none}}@media (max-width:460px){.ce_cmp .counter_block_inner{display:none}.ce_cmp .counter_wrapp.list>div{width:100%}} /* End */ /* Start:/local/templates/.default/css/catalog.css?161433379418477*/ /******Общее*********/ .prod-list h1 { margin-bottom: 40px; } .prod-list__title { font-size: 36px; line-height: 38px; color: #333B8C; text-align: center; margin-bottom: 24px; font-weight: bold; } .prod-list>div { margin: 64px auto; /*padding: 0 85px;*/ } .mini-feedback__desc { margin-bottom: 32px; font-size: 16px; line-height: 25px; color: #43464D; text-align: center; } .prod-list__line { width: 100%; height: 2px; background: url(/local/templates/.default/css/../img/line.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; padding: 0!important; } .prod-list__line.reverse { background: url(/local/templates/.default/css/../img/line_r.svg) center center no-repeat; } .prod-list__line+div { padding-top: 64px!important; } .prod-list__line{ display: block; content: ''; } .toggle-block.shown .toggle-block__content { max-height: none; } .toggle-block.shown .toggle-block__content:after { display: none; } .toggle-block__content { max-height: 6.25em; line-height: 1.25em!important; overflow: hidden; position: relative; font-size: 16px; } .toggle-block__content:after { background: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(#fff)); background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: -o-linear-gradient(top,rgba(255,255,255,0) 0,#fff 100%); background: linear-gradient(to bottom,rgba(255,255,255,0) 0,#fff 100%); content: ''; display: block; height: 2.5em; left: 0; position: absolute; top: 3.75em; width: 100%; z-index: 3; } .toggle-block__trigger { background: #F3F3F3; border: none; color: #333; cursor: pointer; display: block; font-size: 16px; line-height: 1.25; margin-top: 16px; padding: 18px 22px; text-align: center; width: 100%; } .toggle-block__trigger:hover { background: #e9e9e9; } @media (max-width:767.98px) { .prod-list__title { font-size: 32px; line-height: 34px; } .prod-list>div { margin: 40px auto; padding: 0 10px; } .prod-list__line+div { padding-top: 40px !important; } } /********Формы********/ .prod-list>div.afd-form__wrap.alone,.prod-list>div.serts { margin: 0 auto; padding: 64px 85px; } .afd-form__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; background-color: #F3F3F3 } .afd-form__wrap.alone { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F5F6FA } .afd-form__wrap__form { width: 38.5%; } @media screen and (max-width: 991px), projection and (max-width: 991px), tv and (max-width: 991px), handheld and (max-width: 991px) { .afd-form__wrap__form { width: auto; } } .afd-form__wrap__img { content: ''; display: -webkit-box; display: -ms-flexbox; display: flex; width: 61.5%; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center } @media (max-width: 1439.98px) { .afd-form__wrap { -webkit-box-pack:center; -ms-flex-pack: center; justify-content: center; background-color: #F3F3F3 } .afd-form__wrap .afd-form__wrap__img { display: none } .afd-form__wrap .afd-theme-simple { max-width: 480px; background-color: transparent; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .afd-form__wrap .afd-theme-simple .afd-title { font-size: 36px; line-height: 45px; font-weight: 800; text-align: center } .afd-form__wrap .afd-theme-simple .afd-sub-title { text-align: center } } @media (max-width:767.98px) { .prod-list>div.afd-form__wrap.alone,.prod-list>div.serts { margin: 0 auto; padding: 40px 27px; } } /******* Стрелочки в слайдере ********/ .prod-list .flexslider .flex-control-paging{ display: none !important; } .prod-list .flexslider .flex-direction-nav li { position: absolute; top: 50%; margin-top: -21px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; z-index: 2; transition: .3s; right: 32px } .prod-list .flexslider .flex-direction-nav li { background: #F3F3F3; } .prod-list .flexslider .flex-direction-nav li:hover { color: #FFF; background: #313989; } .prod-list .flexslider .flex-direction-nav li, .prod-list .flexslider .flex-direction-nav li a { height: 42px; width: 42px; } .prod-list .flexslider .flex-direction-nav li a { background-image: url(/local/templates/aspro_next/images/arrows.png); } .prod-list .flexslider .flex-direction-nav li.flex-nav-next a.flex-next { background-position: -19px -95px; } .prod-list .flexslider .flex-direction-nav li.flex-nav-prev a.flex-prev { background-position: 15px -95px; } .prod-list .flexslider .flex-direction-nav li.flex-nav-next:hover a.flex-next { background-position: -19px 11px; } .prod-list .flexslider .flex-direction-nav li.flex-nav-prev:hover a.flex-prev { background-position: 15px 11px; } .prod-list .flexslider .flex-direction-nav li:first-child { left: 32px; } /******* Баннеры ********/ .prod-list__slider-wrap.flexslider:not(.flexslider-init){ display: block; } .prod-list__slider { margin-bottom: 0px !important; margin-top: 0px !important; } .prod-list__slider .btn{ margin-top: 20px; padding: 10px 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; position: absolute; right: 80px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .prod-list__slider .flexslider:not(.flexslider-init) { min-height: 100px; } .prod-list__slider-wrap { position: relative; } .prod-list__slider-slide-img { display: block; width: 100%; height: auto; } @media (max-width:767.98px) { .prod-list__slider { margin-bottom: 32px!important; } .prod-list__slider .btn{ right: 27px; } } @media (max-width:575.98px) { .prod-list__slider { margin-bottom: 28px!important; } } @media (max-width:479.98px) { .prod-list__slider { margin-bottom: 24px!important; } } /*******Остались вопросы*********/ .mini-feedback { background: #F5F6FA; padding: 64px 85px!important; } .mini-feedback__wrap { padding: 64px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mini-feedback__title { font-size: 36px; line-height: 38px; color: #333B8C; text-align: center; margin-bottom: 24px; font-weight: bold; } @media (max-width:767.98px) { .mini-feedback { padding: 40px 27px!important; } .mini-feedback__wrap { padding: 30px 24px; } .mini-feedback__title { font-size: 24px; line-height: 30px; } } /******Описание*******/ .text-block { margin: 0; width: 100%; } .text-block__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; } .text-block__text { font-size: 16px; line-height: 25px; color: #43464D; flex: 1; } .text-block__text p { margin: 0 0 24px; } .text-block__img { width:243px; margin-left: 35px; -ms-flex-negative: 0; flex-shrink: 0; } .text-block__img a, .text-block__img img { width: 100%; display: block; } .text-block__img a img { margin: 0; } .text-block img { max-width: 100%; height: 100%; object-fit: contain; } .text-block.reverse .text-block__wrap { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .text-block.reverse .text-block__img { margin-left: 0; margin-right: 35px; } @media (max-width:1439.98px) { .text-block__img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 0 23px; /*width: 100%; height: 250px;*/ } .text-block__img a { height: 100%; overflow: hidden; } .text-block.reverse .text-block__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row; } .text-block.reverse .text-block__img { margin: 0 0 23px; } } @media (max-width:1439.98px) { .text-block__wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row-reverse; } .text-block__text { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } @media (max-width:800px) { .text-block.reverse .text-block__wrap,.text-block .text-block__wrap { flex-direction: column; align-items: center; } } @media (max-width:767.98px) { .text-block__img { height: auto; } } /******Сертификаты********/ .serts { background: #F5F6FA; } .serts__wrap { position: relative; } .about-dev__text,.about-prod__text { font-size: 16px; line-height: 25px; color: #43464D; } .about-prod__img,.about-prod__video .fancy { -webkit-background-size: cover; background-color: #F3F3F3; background-repeat: no-repeat; background-position: center center; } .serts__block { display: block; height: auto; margin-right: 20px; } .serts__block img { display: block; max-width: 100%; margin: 0 auto; } /***** Рельные объекты *******/ .prod-examples__slider { position: relative; } .prod-examples__item,.prod-item__img-mini__slide { display: -webkit-box!important; display: -ms-flexbox!important; } .prod-examples__fancy { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; height: 0; padding: 100% 0 0; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; width: 100%; } .prod-examples__fancy:nth-child(n+2) { display: none; } .prod-examples__fancy { -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; display: block; height: 0; padding: 100% 0 0; position: relative; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; width: 100%; } .prod-examples__fancy:nth-child(n+2) { display: none; } .prod-examples__count { background-color: #fff; bottom: 24px; padding: 7px 14px; position: absolute; right: 24px; } .prod-examples__count span { font-size: 16px; line-height: 20px; color: #43464D; } @media (max-width:1439.98px) { .prod-examples__count { bottom: 16px; right: 16px; } } /*********Видео отзывы**********/ .prod-reviews__slider { position: relative; } .prod-reviews__fancy { width: 100%; height: 302px; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 16px; } .prod-item__head,.prod-reviews__fancy { display: -webkit-box; display: -ms-flexbox; } .prod-reviews__fancy:hover .prod-reviews__play { -webkit-transition: .4s; -o-transition: .4s; transition: .4s; opacity: 1; } .prod-reviews__play { height: 64px; width: 64px; content: ''; display: block; background: url(/local/templates/.default/css/../img/play-slick.svg) center center no-repeat; -webkit-background-size: contain; background-size: contain; opacity: .5; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .prod-reviews__item-name { font-size: 20px; line-height: 25px; color: #43464D; height: 50px; } @media (max-width:1300px) { .prod-reviews { padding-left: 2%!important; padding-right: 2%!important; } } @media (max-width:767.98px) { .prod-reviews__item { height: 230px; } .prod-reviews__item-name { height: 75px; } .prod-reviews__fancy { height: 131px; margin-bottom: 24px; } } /*********О компании**********/ .about-dev__top { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .about-dev__text { margin-bottom: 24px; width: 100%; } .about-dev__text .prod-list__title { text-align: left; } .about-prod__text .prod-list__title { text-align: left; } .about-dev__video { -ms-flex-negative: 0; flex-shrink: 0; height: 320px; margin-left: 32px; width: 578px; } .about-dev__video .fancy { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #F3F3F3; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; } .about-prod__top { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 32px; } .about-prod__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; } .about-prod__img { height: 149px; width: calc(100% / 4 - 15px); margin-right: 24px; content: ''; display: block; background-size: cover; } .about-prod__img:nth-child(4n) { margin-right: 0; } .about-prod__img:nth-child(n+5) { display: none; } .about-prod__video { width: 578px; height: 320px; margin-right: 32px; -ms-flex-negative: 0; flex-shrink: 0; } .about-prod__video .fancy { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; } .about-prod__text { margin-bottom: 24px; width: 100%; } @media (max-width:1439.98px) { .about-prod__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .about-prod__video { width: 100%; margin-right: 0; margin-bottom: 24px; position: absolute; top: 52px; } .about-prod__text .prod-list__title { text-align: center; margin-bottom: 360px; } .about-prod__bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; } .about-prod__img { width: calc(50% - 12px); margin-bottom: 24px; } .about-prod__img:nth-child(2n) { margin-right: 0; } .about-prod__img:nth-child(n+3) { margin-bottom: 0; } } @media (max-width:767.98px) { .about-prod__text .prod-list__title { margin-bottom: 173px; } .about-prod__video { height: 133px; } .about-prod__img { width: 100%; margin-right: 0!important; } .about-prod__img:nth-child(n+3) { margin-bottom: 24px; } } @media (max-width:1439.98px) { .about-dev__text .prod-list__title { text-align: center; margin-bottom: 360px; } .about-dev__video { width: 100%; margin-left: 0; margin-bottom: 24px; position: absolute; top: 52px; } .about-dev__top { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } } @media (max-width:767.98px) { .about-dev__text .prod-list__title { margin-bottom: 173px; } .about-dev__video { height: 133px; } } /********Контакты******/ .prod-list__map { padding: 0!important; } .prod-list__map-block { position: absolute; top: 4px; left: 85px; padding: 40px; background-color: #fff; width: 410px; } .prod-list__map-block .prod-list__title { color: #5B5B5B; text-align: left; } .prod-list__map-contacts__line { display: block; margin-bottom: 34px; } .prod-list__map-contacts__line:last-child { margin-bottom: 0; } .prod-list__map-contacts__line div,.prod-list__map-contacts__line span { display: block; font-size: 20px; line-height: 25px; color: #43464D; } .prod-list__map,.prod-list__map-wrap { position: relative; } .prod-list__map-contacts__line div { font-weight: 600; margin-bottom: .3em; width: auto; } .prod-list__map-contacts__line span { width: auto; } .prod-list__map-contacts__line span p:last-child { margin-bottom: 0; } .prod-list__phone { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 32px; line-height: 40px; margin-bottom: 24px; } .prod-list__phone span { color: #8F8F8F; margin-right: 12px; } .prod-list__phone span:last-child { margin-right: 0; color: #5B5B5B; } @media (max-width:767.98px) { .prod-list__map-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .prod-list__map-wrap .map>ymaps { height: 200px !important; } .prod-list__map-block { position: static; width: 100%; padding: 64px 27px; } .prod-list__map-contacts__line div, .prod-list__map-contacts__line span { font-size: 16px; line-height: 21px; } } .mini-feedback > .mini-feedback__wrap > .btn.btn-default.btn-lg { background: #F39314; -webkit-box-shadow: 0 4px 10px rgba(243,147,20,.2); box-shadow: 0 4px 10px rgba(243,147,20,.2); border-radius: 2px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 20px; margin: 0 auto; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; border: none; } .mini-feedback > .mini-feedback__wrap > .btn.btn-default.btn-lg:hover { background: #ea8c14; -webkit-box-shadow: 0 4px 15px rgba(243,147,20,.5); box-shadow: 0 4px 15px rgba(243,147,20,.5); -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .mini-feedback > .mini-feedback__wrap > .btn.btn-default.btn-lg > div { content: ''; display: block; width: 24px; height: 12px; -webkit-background-size: contain; background-size: contain; background-position: left center; background-repeat: no-repeat; background-image: url(/local/templates/.default/css/../img/phone.svg); padding-right: 12px; margin-right: 12px; border-right: 1px solid #fff; } .text-block__text ul li { padding-left: 30px !important; } .text-block__text ul li:before { content: '—' !important; color: #F39314!important; } /* End */ /* Start:/local/templates/.default/components/rootmedia/super.d7/franchise-banner/style.css?17623472683087*/ /* Обёртка всего блока */ .franchise-banner-wrapper { position: relative; display: block; overflow: hidden; } /* Кликабельный баннер */ .franchise-banner { display: block; position: relative; z-index: 1; } .franchise-banner img { width: 100%; height: auto; } /* Десктопная картинка */ .franchise-banner__img { display: block; } /* Мобильная картинка */ .franchise-banner__img-mobile { display: none; } /* Скрытие десктопного изображения на мобильных */ @media (max-width: 768px) { .franchise-banner__img { display: none; } .franchise-banner__img-mobile { display: block; } } /* Контейнер для формы (новый элемент) */ .franchise-banner-wrapper__form-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: flex; align-items: center; justify-content: flex-end; /* форма прижата к правому краю */ padding: 40px; /* ←←← одинаковые отступы сверху и снизу (и по горизонтали) */ box-sizing: border-box; } /* Сама форма */ .franchise-banner-wrapper__form .form_head, .franchise-banner-wrapper__form button[type='reset'], .franchise-banner-wrapper__form .form_footer .form-control { display: none !important; } .franchise-banner-wrapper__form { scale: 0.9; width: 460px; max-width: 90%; transform-origin: right center; } .franchise-banner-wrapper__form .bx-form { margin: 0; } .franchise-banner-wrapper__form input[type="submit"], .franchise-banner-wrapper__form button { width: 100%; margin-top: 12px; padding: 12px; background: #ff6b00; color: #fff; border: none; border-radius: 8px; font-weight: 600; cursor: pointer; transition: background 0.3s; } .franchise-banner-wrapper__form input[type="submit"]:hover, .franchise-banner-wrapper__form button:hover { background: #e55a00; } /* Новые стили для <1200px: форма под баннером */ @media (max-width: 1199px) { .franchise-banner-wrapper__form-container { position: relative; height: auto; display: block; padding: 40px 20px; background: none; /* если нужно убрать наложение */ } .franchise-banner-wrapper__form { width: 100%; max-width: 100%; scale: 1; transform-origin: center; margin: 0 auto; } /* Убедимся, что баннер не обрезается при relative-родителе */ .franchise-banner-wrapper { overflow: visible; } } /* Мобильная адаптация уже есть, можно оставить как есть или немного скорректировать */ @media (max-width: 768px) { .franchise-banner-wrapper__form-container { padding: 20px; } } /* End */ /* Start:/local/templates/aspro_next/css/menu-list.min.css?1696333971245*/ .menu-list{background:#fff}.menu-list__link{display:block;padding:11px 25px 10px 15px;white-space:nowrap;font-size:13px;overflow:hidden}.menu-list__link--current,.menu-list__link:hover{background:#f8f9fb}.menu-list__link--current{cursor:default} /* End */ /* Start:/local/templates/aspro_next/css/dropdown-select.min.css?1696333971792*/ .dropdown-select{cursor:pointer;position:relative}.dropdown-select__title{padding:5px 0;font-size:13px}.dropdown-select__title .svg{margin:0 0 0 4px;min-width:auto;min-height:auto}.dropdown-select__drawer{position:absolute;top:100%;left:0;display:none;z-index:107;box-shadow:0 1px 12px 1px rgb(0 0 0 / 12%);overflow:hidden;border-radius:3px}.dropdown-select__drawer--to-top{top:-6px;left:-15px}.dropdown-select__drawer .menu-list{max-height:251px;overflow:auto}@media (max-width:520px){.dropdown-select .dropdown-select__title{white-space:nowrap;overflow:hidden;max-width:160px;text-overflow:ellipsis;position:relative;padding-right:10px}.dropdown-select .dropdown-select__title .svg{position:absolute;right:0;top:50%;margin-top:-1px}.dropdown-select__drawer--mobile-right{right:0;left:auto}} /* End */ /* Start:/local/templates/aspro_next/components/bitrix/catalog.smart.filter/main/style.css?15834132861133*/ /*BIZ*/ .bx_filter .bx_filter_parameter_biz{ font-size:15px; display:inline-block; margin-right:10px; text-decoration:none; color:#215968; border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz:hover{ text-decoration:none; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active{ position:relative; padding-left:20px; color:#d54a4a; border-bottom:1px solid; } .bx_filter .bx_filter_parameter_biz.active:hover{ border-bottom:1px dashed; } .bx_filter .bx_filter_parameter_biz.active:before{ position:absolute; top:4px; left:1px; display:block; width:13px; height:13px; content:' '; background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABFElEQVQoz2NgIBJcl+Qzui7J33Vdgo+RWA38NxQknwDp/zekhRoIarghyc94Q15iC5D+f1NJ5v/n7dumE7ZFWqgYbANQ08c1a37+///fAL8GCT7L6zLCf0CaXjbUAdX/j0aWdAJKTACaxookJnJTUeoFyIaHIYH////8ORHZzdw35MTegyRvSAkeAdISYH8oSu4Fid0x0f//5/nzo0BbWOCagBzur0ePvrujp/kf5Aygc54DbZkDYt9UkPj/7czpl0A1ohhuBwra/Lp//809Zwewh8GagfSHpUt+A+VMcXoaKKn45+PHK0/iY8EaX1SUgzyeRDB4gYp4//3+veX9/Hn//379OpPY1ALSyAzEOUDMhksNAKf2po+AEPuKAAAAAElFTkSuQmCC') no-repeat center left; } /* End */ /* Start:/local/templates/aspro_next/css/landings.min.css?16963339711675*/ .langing_title_block{margin-bottom:40px}.items.landings_list--grid{margin:0 0 23px}.landings_list--padding{padding:20px 0 20px 0}.landings_list--grid .title_block{padding:10px 0 20px}.landings_list--grid .landings__item{margin:0 0 4px}.landings_list--grid .landings__item:before{content:"\25CF";display:inline-block;left:0;margin-left:0;padding:0;position:absolute;top:0;vertical-align:top;width:20px}.landings_list--grid .landings__show-all{margin-top:10px}.landings_list--links-list a{padding:2px 0 0 0;margin-bottom:9px;margin-right:26px}.landings_list--links-list a.active{color:#1d2029}.landings_list--chip .landings__section-title{margin-bottom:7px;margin-right:7px;padding:3px 11px 4px 0}.landings_list--chip a{background-color:#f5f5f5;border-radius:4px;color:#666;font-size:.9286em;margin-bottom:7px;margin-right:7px;padding:3px 11px 4px}.landings_list--chip a:hover{color:#fff;background-color:var(--theme-base-color)}.landings_list--chip a.active{color:#fff}.landings__section:not(:last-child){margin-bottom:13px}.landings__section-title--bold{color:#383838;font-size:18px;font-weight:700;margin:40px 0 26px}.landings__section-items{align-items:flex-start;display:flex;flex-wrap:wrap}.landings_list .hidden_items{display:none}.landings__show-all{align-items:center;background-color:transparent;border-radius:4px;border-style:solid;border-width:1px;cursor:pointer;display:inline-flex;font-size:.9286em;padding:2px 11px 3px;transition:background-color .3s ease}.landings__show-all:hover{color:#fff}.landings__show-all:focus-visible{box-shadow:0 0 3px #555}.landings__show-all:after{content:"\f107";padding:1px 0 0 5px}.landings__show-all.opened:after{content:"\f106"} /* End */ /* Start:/bitrix/components/star/calculatorpro/templates/.default/style.css?176165257847748*/ .start_calculator button, .start_calculator textarea, .start_calculator select, .start_calculator input {font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-size: 16px; line-height: 1.0; color: #36394c; outline: none !important;} .start_calculator button, .start_calculator input[type="button"], .start_calculator input[type="submit"] {-webkit-appearance: none; box-shadow: none;} .start_calculator ul, .start_calculator ol, .start_calculator li { list-style-type:none; padding: 0; margin: 0; } .start_calculator a, .start_calculator a:focus, .start_calculator a:hover {text-decoration: none; outline: none; box-shadow: none;} .start_calculator .button {display: inline-block; vertical-align: top; position: relative; text-align: center; border: 0; margin: 0; line-height: 1.0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .button:hover {cursor: pointer;} .start_calculator .hidden {display: none !important;} .start_calculator .phone {white-space: nowrap;} .start_calculator .phone:hover {cursor: default;} .start_calculator .spacer {clear:both;} .start_calculator ::-webkit-input-placeholder {color: #7e818c; line-height: 1.0;} .start_calculator :-ms-input-placeholder {color: #7e818c; line-height: 1.0;} .start_calculator :-moz-placeholder {color: #7e818c; line-height: 3.3;} .start_calculator ::-moz-placeholder {color: #7e818c; line-height: 3.3;} .start_calculator header {position: static; height: auto; width: auto; min-height: auto; padding: 0; margin: 0;} .start_calculator .ui-helper-hidden {display: none;} .start_calculator .ui-helper-hidden-accessible {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .start_calculator .ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;} .start_calculator .ui-helper-clearfix:before, .start_calculator .ui-helper-clearfix:after {content: ""; display: table; border-collapse: collapse;} .start_calculator .ui-helper-clearfix:after {clear: both;} .start_calculator .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0);} .start_calculator .ui-front {z-index: 100;} .start_calculator .ui-state-disabled {cursor: default !important; pointer-events: none;} .start_calculator .ui-icon {display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;} .start_calculator .ui-widget-icon-block {left: 50%; margin-left: -8px; display: block;} .start_calculator .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;} .start_calculator .calc_slider .ui-slider {position: relative; text-align: left;} .start_calculator .calc_slider .ui-slider .ui-slider-handle {position: absolute; z-index: 994; width: 16px; height: 16px; border: 2px solid #FFF; cursor: default; box-shadow: 0 0 10px 1px rgba(0,0,0,0.11) !important; -ms-touch-action: none; touch-action: none; border-radius: 50%; outline: none !important;} .start_calculator .calc_slider .ui-slider .ui-slider-handle:before {display: none !important;} .start_calculator .calc_slider .ui-slider .ui-slider-handle:hover {cursor: pointer;} .start_calculator .calc_slider .ui-slider .ui-slider-range {position: absolute; z-index: 991; margin-top: -1px; margin-left: -1px; display: block; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;} .start_calculator .calc_slider .ui-slider.ui-state-disabled .ui-slider-handle, .start_calculator .calc_slider .ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;} .start_calculator .calc_slider .ui-slider-horizontal {height: 8px;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-handle {top: -7px; margin-left: -10px;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range {top: 0; height: 100%;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range-min {left: 0;} .start_calculator .calc_slider .ui-slider-horizontal .ui-slider-range-max {right: 0;} .start_calculator .calc_slider .ui-slider.ui-widget-content {border: 1px solid #e0e0e0; background: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; box-sizing: border-box;} .start_calculator .calc_slider.calc_number .ui-slider {display: none;} .start_calculator .calc_spinner .ui-spinner {position: relative; display: block; width: 150px; background: none;} .start_calculator .calc_spinner .ui-spinner-input {display: block; margin: 0 auto; width: 50px; height: 50px; padding: 0 0 1px; background: #f7f7f7; font-size: 15px; color: #000; text-align: center; border: 1px solid #e0e0e0; border-left: 0; border-right: 0; box-sizing: border-box;} .start_calculator .calc_spinner .ui-button {position: absolute; width: 50px; height: 50px;} .start_calculator .calc_spinner .ui-button:before {position: absolute; color: #FFF; font-family:'Arial';} .start_calculator .calc_spinner .ui-button:hover {cursor: pointer;} .start_calculator .calc_spinner .ui-spinner-down {left: 0; top: 0; -moz-border-radius: 50px 0 0 50px; -webkit-border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;} .start_calculator .calc_spinner .ui-spinner-down:before {content: ""; left: 50%; top: 50%; width: 7px; height: 2px; margin: -1px 0 0 -2px; background: #FFF;} .start_calculator .calc_spinner .ui-spinner-up {right: 0; top: 0; -moz-border-radius: 0 50px 50px 0; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0;} .start_calculator .calc_spinner .ui-spinner-up:before {content: "+"; font-size: 16px; left: 50%; top: 50%; margin: -8px 0 0 -5px; font-weight: 700;} .start_calculator .selectize-dropdown-header {position: relative;} .start_calculator .selectize-dropdown, .start_calculator .selectize-input, .start_calculator .selectize-input input {color: #000; font-family: inherit; font-size: 13px; line-height: 1.0;} .start_calculator .selectize-input input {height: 48px; box-sizing: border-box; width: 100% !important; display: block; padding: 0 0 3px;} .start_calculator .selectize-input, .start_calculator .selectize-control.single .selectize-input.input-active {background: #f7f7f7; cursor: text; display: block; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .selectize-input {border: 1px solid #e0e0e0; padding: 0 40px 0 15px; box-sizing: border-box; height: 50px; display: block; width: 100%; overflow: hidden; position: relative; z-index: 994; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .start_calculator .selectize-input.disabled, .start_calculator .selectize-input.disabled * {cursor: default !important;} .start_calculator .selectize-input.dropdown-active {-webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; z-index: 999;} .start_calculator .selectize-input > * {vertical-align: baseline; border: 0; padding: 0; margin: 0; background: transparent; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;} .start_calculator .selectize-input::after {content:""; display: block; clear: left;} .start_calculator .selectize-input.dropdown-active {z-index: 999; background: #f7f7f7;} .start_calculator .selectize-input.dropdown-active::before {content:""; display: block; position: absolute; background: #f7f7f7; height: 0; bottom: 0; left: 0; right: 0;} .start_calculator .selectize-dropdown {position: absolute; z-index: 999; background: #FFF; border: 1px solid #e0e0e0; margin: -1px 0 0 0; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .start_calculator .selectize-dropdown [data-selectable] {cursor: pointer; border: 0; border-top: 0; box-sizing: border-box; overflow: hidden;} .start_calculator .selectize-dropdown [data-selectable] .highlight {background: #f7f7f7;} .start_calculator .selectize-dropdown [data-selectable] {padding: 16px 15px 18px;} .start_calculator .selectize-dropdown [data-selectable]:last-of-type {-moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;} .start_calculator .selectize-dropdown .active {background-color: #f7f7f7;} .start_calculator .selectize-dropdown .active.create {color: #000;} .start_calculator .selectize-dropdown-content {overflow-y: auto; overflow-x: hidden; max-height: 200px; -webkit-overflow-scrolling: touch;} .start_calculator .selectize-control .selectize-input .item {position: absolute; left: 15px; top: 16px;} .start_calculator .selectize-control .selectize-input, .start_calculator .selectize-control .selectize-input input {cursor: pointer;} .start_calculator .selectize-control .selectize-input.input-active, .start_calculator .selectize-control .selectize-input.input-active input {cursor: text;} .start_calculator .selectize-control .selectize-input:after {content: ""; position: absolute; right: 14px; top: 50%; margin-top: -3px; width: 8px; height: 6px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/arrow.svg') 0 0 no-repeat; background-size: 100% auto; z-index: 992; border: none; transform: none;} .start_calculator .selectize-control .selectize-input.dropdown-active:after {transform: rotate(180deg); margin-top: -4px;} .start_calculator .selectize-input:before {content:""; position: absolute; right: 0; top: 0; width: 40px; height: 100%; background: #f7f7f7; z-index: 992;} .start_calculator .selectize-control ::-webkit-input-placeholder {color: #36394c; line-height: 1.0;} .start_calculator .selectize-control :-ms-input-placeholder {color: #36394c; line-height: 1.0;} .start_calculator .selectize-control :-moz-placeholder {color: #36394c; line-height: 3.6;} .start_calculator .selectize-control ::-moz-placeholder {color: #36394c; line-height: 3.6;} .calc_container {margin: 0 auto; position: relative; font-family: 'Montserrat','Helvetica','Tahoma','Arial', sans-serif; font-weight: 400; font-size: 15px; line-height: 1.0; color: #36394c;} .start_calculator .calc_header {position: relative; padding: 40px 50px 42px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_header .calc_header_box {position: relative; padding: 0 0 0 60px; min-height: 59px;} .start_calculator .calc_header img {position: absolute; left: 0; top: 5px; width: 40px;} .start_calculator .calc_header .calc_header_title {position: relative; font-size: 28px; line-height: 1.2; color: #FFF; font-weight: 700; margin: 0 0 6px;} .start_calculator .calc_header .calc_header_subtitle {position: relative; font-size: 13px; line-height: 1.5; color: #fff;} .start_calculator .calc_header .calc_header_subtitle a, .start_calculator .calc_header .calc_header_subtitle span {white-space: nowrap; position: relative; color: #FFF;} .start_calculator .calc_header .calc_header_subtitle a:before, .start_calculator .calc_header .calc_header_subtitle span:before {content:""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: #c9c9ec; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_header .calc_header_subtitle a:hover, .start_calculator .calc_header .calc_header_subtitle span:hover {cursor: pointer;} .start_calculator .calc_header .calc_header_subtitle a:hover:before, .start_calculator .calc_header .calc_header_subtitle span:hover:before {opacity: 0;} .start_calculator .calc_fields {position: relative; padding: 20px 20px 20px; margin: 0 0 20px; background: #FFF; box-shadow: 0 0 10px 0 rgba(0,0,0,0.12);} .start_calculator .calc_row {position: relative; border: 1px solid #e0e0e0; border-bottom: 0; padding: 24px 180px 30px 30px;} .start_calculator .calc_row.calc_row_main {padding-right: 320px; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;} .start_calculator .calc_row.calc_row_last {border-bottom: 1px solid #e0e0e0; margin: 0 0 20px; -moz-border-radius: 0 0 2px 2px; -webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px;} .start_calculator .calc_row_price {position: absolute; right: 50px; top: 50%; height: 16px; font-weight: 700; margin-top: -8px; font-size: 16px;} .start_calculator .calc_row_price:before {content:"+ ";} .start_calculator .calc_row_price i {font-style: normal; display: inline-block; padding: 0; margin: 0; font-size: inherit; background: none; line-height: normal;} .start_calculator .calc_row_price.price_main {height: 26px; margin-top: -13px; font-size: 26px;} .start_calculator .calc_row_price.price_main:before {display: none;} .start_calculator .calc_row_label {position: relative; font-size: 16px; line-height: 1.4; font-weight: 700; margin: 0 0 18px;} .start_calculator .calc_row_instruction {position: relative; font-size: 13px; line-height: 1.5; top: -15px; margin: 0 0 7px; color: #7e818c;} .start_calculator .calc_row_instruction a {white-space: nowrap; position: relative; color: #5050c3;} .start_calculator .calc_row_instruction a:before {content:""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: #8686d6; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_row_instruction a:hover {cursor: pointer;} .start_calculator .calc_row_instruction a:hover:before {opacity: 0;} .start_calculator .calc_row_instruction.calc_row_instruction_for_checkbox{margin-bottom: 0px; top: 5px;} .start_calculator .calc_radio_button {display: inline-block; vertical-align: top; margin: 0 6px 11px 0; position: relative;} .start_calculator .calc_radio_button input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_radio_button input:hover {cursor: pointer;} .start_calculator .calc_radio_button button {border: 1px solid #e0e0e0; padding: 0 20px 2px; height: 50px; font-size: 13px; color: #000; z-index: 990; background: transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 250px; margin: 0 0 15px; padding: 0 20px 0 30px;} .start_calculator .calc_radio input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_radio input:hover {cursor: pointer;} .start_calculator .calc_radio .calc_radio_icon {position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio .calc_radio_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; margin: -5px 0 0 -5px; opacity: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_radio .calc_radio_label {font-size: 14px; position: relative; line-height: 1.4;} .start_calculator .calc_radio.checked .calc_radio_icon:before {opacity: 1;} .start_calculator .calc_checkbox {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 250px; margin: 0 0 15px; padding: 0 20px 0 30px;} .start_calculator .calc_checkbox.calc_checkbox_single {margin: 0; top: 3px; width: auto;} .start_calculator .calc_checkbox input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_checkbox input:hover {cursor: pointer;} .start_calculator .calc_checkbox .calc_checkbox_icon {position: absolute; left: 0; top: 0; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_checkbox .calc_checkbox_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 9px; margin: -4px 0 0 -5px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/check.svg') 0 0 no-repeat; background-size: 100% auto; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_checkbox .calc_checkbox_label {font-size: 14px; position: relative; line-height: 1.4;} .start_calculator .calc_checkbox .calc_checkbox_label.checkbox_label_large {font-weight: 700; font-size: 16px;} .start_calculator .calc_checkbox.checked .calc_checkbox_icon:before {opacity: 1;} .start_calculator .calc_slider {position: relative;} .start_calculator .calc_slider .calc_slider_outputs {display: inline-block; vertical-align: top; width: 200px;} .start_calculator .calc_slider .calc_slider_field {display: inline-block; vertical-align: top; width: 110px; padding: 0 10px 1px; margin: 0 12px 0 0; height: 50px; border: 1px solid #e0e0e0; text-align: right; box-sizing: border-box; background: #f7f7f7; color: #000; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_slider .calc_slider_field_label {display: inline-block; position: relative; vertical-align: top; top: 19px; font-size: 13px;} .start_calculator .calc_slider .calc_form_slider {width: 250px; display: inline-block; vertical-align: top; position: relative; top: 22px;} .start_calculator .calc_text .calc_text_field {display: inline-block; position: relative; vertical-align: top; padding: 0 10px 1px; margin: 0 12px 0 0; font-size: 14px; height: 50px; border: 1px solid #e0e0e0; background: #f7f7f7; color: #000; border-radius: 4px; box-sizing: border-box; width: 100%;} .start_calculator .calc_customselect {display: inline-block; vertical-align: top; width: 300px;} .start_calculator .calc_customselect_output {top: 10px; position: relative;} .start_calculator .calc_customselect_output button {height: 30px; display:none; margin: 0 5px 10px 0; padding: 0 35px 1px 10px; white-space: nowrap; font-size: 12px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_customselect_output button:hover {cursor: pointer;} .start_calculator .calc_customselect_output button:before {content:""; position: absolute; right: 14px; top: 50%; width: 7px; height: 7px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/close.svg') 0 0 no-repeat; margin-top: -3px; background-size: 100% auto;} .start_calculator .calc_customselect_output button.checked {display: inline-block;} .start_calculator .calc_totals {position: relative; height: 100px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} .start_calculator .calc_totals_top {margin-bottom: 20px;} .start_calculator .calc_totals_top + .calc_totals_hint {padding-top: 0; margin-bottom: 10px;} .start_calculator .calc_totals .calc_totals_title {position: absolute; left: 30px; top: 42px; color: #FFF; font-size: 16px; font-weight: 700;} .start_calculator .calc_totals .calc_total {position: absolute; right: 50px; top: 38px; color: #FFF; font-size: 26px; font-weight: 700;} .start_calculator .calc_totals .calc_total i {font-style: normal; display: inline-block; padding: 0; margin: 0; font-size: inherit; background: none; line-height: normal;} .start_calculator .calc_totals .calc_total u {position: relative; text-decoration: none; top: -10px; font-size: 14px;} .start_calculator .calc_totals_hint {font-size: 12px; line-height: 1.4; margin: 0 0 0 30px; padding: 18px 0 15px; color: #7e818c;} .start_calculator .form_wrap {position: relative;} .start_calculator .contact_fields {position: relative; border: 1px solid #e0e0e0; padding: 44px 40px 22px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; background: #fff;} .start_calculator .contact_fields_title {margin: 0 0 30px; font-size: 24px; font-weight: 700;} .start_calculator .form_left {position: relative; float:left; width: 73.771%;} .start_calculator .contact_fields .field_wrap {float:left; width: 30.93333%; margin-bottom: 18px;} .start_calculator .contact_fields .field_wrap2 {margin: 0 3.6% 10px;} .start_calculator .contact_fields .field_label {margin: 0 0 8px; font-size: 13px; position: relative;} .start_calculator .contact_fields .form_field {display: block; width: 100%; box-sizing: border-box; padding: 0 10px 2px; height: 50px; font-size: 14px; line-height: 1.0; background: #f7f7f7; border: 1px solid #e0e0e0; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .start_calculator .contact_fields .field_wrap_textarea {width: 100%;} .start_calculator .contact_fields textarea.form_field {padding-top: 8px; line-height: 1.6; height: 70px;} .start_calculator .contact_fields .field_wrap_file {position: relative;} .start_calculator .contact_fields .field_wrap_file .field_label { cursor: pointer; font-size: 15px; color: #504fc4; z-index: 2; border-bottom: 2px dotted #504fc4; line-height: 1.1; display: inline-block; transition: .4s; } .start_calculator .contact_fields .field_wrap_file .field_label:hover { opacity: .7; border-bottom: 2px dotted transparent !important; } .start_calculator .contact_fields .field_wrap_file input {position: absolute; left: 0; top: 0; opacity: 0;} .start_calculator .form_right {position: relative; float:right; width: 21.858%;} .start_calculator .form_agreement {position: relative; padding: 17px 0 0 35px; margin: 0 0 21px; text-align: left;} .start_calculator .form_agreement .checkbox_icon {cursor:pointer; position: absolute; left: 0; top: 20px; width: 18px; height: 18px; background: #f7f7f7; border: 1px solid #e1e1e1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .form_agreement .checkbox_icon:before {content:""; position: absolute; left: 50%; top: 50%; width: 10px; height: 9px; margin: -4px 0 0 -5px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/check.svg') 0 0 no-repeat; background-size: 100% auto; opacity: 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .form_agreement input {position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; z-index: 991; opacity: 0; padding: 0; margin: 0;} .start_calculator .form_agreement input:hover {cursor: pointer;} .start_calculator .form_agreement .checkbox_label {font-size: 13px; line-height: 1.4; z-index: 990; position: relative;} .start_calculator .form_agreement .checkbox_label:hover {cursor: default;} .start_calculator .form_agreement a .checkbox_label:hover {cursor: pointer; color: #36394c;} .start_calculator .form_agreement a .checkbox_label{color: #36394c;} .start_calculator .form_agreement.checked .checkbox_icon:before {opacity: 1;} .start_calculator .button_wrap {position: relative;} .start_calculator .submit {position: relative; display: block; width: 100%; height: 70px; border: 0; font-size: 12px; font-weight: 700; text-transform: uppercase; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .submit:hover {opacity: 0.8;} .start_calculator .form_cover {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 995;} .start_calculator .form_cover:hover {cursor: default;} .with_sidebar .sidebar {position: absolute; left: 0; top: 100px; width: 278px; height: 400px; background: #f3f3fd;} .with_sidebar .start_calculator {margin-left: 300px;} .with_sidebar .start_calculator .calc_row {padding-right: 160px;} .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 200px;} .start_calculator .calc_form_hint{color:#7e818c;} .start_calculator .calc_open_form{width: 200px; margin: 0 auto;} .start_calculator input[type=number]::-webkit-inner-spin-button, .start_calculator input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; margin: 0;} .start_calculator input[type=number] {-moz-appearance:textfield;} .start_calculator .calc_radio_button button {position: static;} .start_calculator .calc_radio_button:hover, .start_calculator .calc_radio:hover {z-index: 994;} .start_calculator .calc_customselect_output {white-space: nowrap;} .start_calculator .selectize-input .item {display: none;} .start_calculator .selectize-input .item:last-of-type {display: block;} .start_calculator .calc_popup_back {position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; background: #36394c; opacity: 0.7; z-index: 998;} .start_calculator .calc_popup_back:hover {cursor: pointer;} .start_calculator .calc_popup {position: fixed; display: none; left: 50%; top: 50%; width: 380px; height: 220px; margin: -110px 0 0 -190px; box-shadow: -10px 10px 16px 1px rgba(0,0,0,0.12); background: #FFF; z-index: 999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup:before {content:""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 990; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup .calc_popup_close {position: absolute; right: 20px; top: 20px; width: 22px; height: 22px; background: url('/bitrix/components/star/calculatorpro/templates/.default/images/close2.svg') 0 0 no-repeat; background-size: 100% auto; z-index: 992;} .start_calculator .calc_popup .calc_popup_close:hover {cursor: pointer;} .start_calculator .calc_popup .calc_popup_content {position: relative; padding: 0 40px; z-index: 991;} .start_calculator .calc_popup .pseudo_table {display: table; border-collapse: collapse; width: 100%;} .start_calculator .calc_popup .pseudo_td {display: table-cell; vertical-align: middle; height: 220px;} .start_calculator .calc_popup .calc_popup_title {font-size: 24px; font-weight: bold; color: #36394c; text-align: center;} .start_calculator .calc_popup .calc_popup_subtitle {font-size: 13px; line-height: 1.5; color: #36394c; text-align: center;} .start_calculator .calc_popup_alert:before {border: 8px solid #f28379;} .start_calculator .calc_popup_alert .calc_popup_title {padding: 13px 0 28px;} .start_calculator .calc_popup_alert .calc_popup_errors {font-size: 13px; padding: 15px 20px 16px; background: #ffe8e5; line-height: 1.5; color: #36394c; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_popup_success:before {border: 8px solid #5050c3;} .start_calculator .calc_popup_success .calc_popup_title {padding: 5px 0 0;} .start_calculator .calc_popup_success .calc_popup_subtitle {padding: 11px 0 0 0;} .start_calculator .calc_hint {position: relative; display: inline; z-index: 991;} .start_calculator .calc_hint:before {content:""; position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin: -25px 0 0 -25px; z-index: 990; display: none;} .start_calculator .calc_hint .calc_hint_in {display: inline-block; vertical-align: top; width: 15px; height: 15px; color: #FFF; font-size: 11px; padding: 2px 0 0 0; z-index: 991; box-sizing: border-box; line-height: 1.0; text-align: center; background: #acace6; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .start_calculator .calc_hint .calc_hint_in:hover {cursor: pointer;} .start_calculator .calc_hint .calc_hint_in:before {content:"?"; -webkit-font-smoothing: subpixel-antialiased;} .start_calculator .calc_hint .calc_hint_content {position: absolute; display: none; box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.3); left: 0; bottom: 100%; margin-bottom: 10px; width: 240px; z-index: 992; padding: 12px 15px 11px; font-size: 11px; line-height: 1.4; color: #585b68; box-sizing: border-box; background: #fcfcfc; -moz-border-radius: 10px 10px 10px 0; -webkit-border-radius: 10px 10px 10px 0; border-radius: 10px 10px 10px 0; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_hint:hover {z-index: 991;} .start_calculator .calc_hint:hover .calc_hint_content {display: block;} .start_calculator .contact_fields_subtitle {font-size: 13px; line-height: 1.5; margin: 0 0 10px; position: relative; top: -17px;} .start_calculator .contact_fields_short .field_wrap {width: 23.125%; margin: 0;} .start_calculator .contact_fields_short .field_wrap1, .start_calculator .contact_fields_short .field_wrap2, .start_calculator .contact_fields_short .field_wrap3 {margin-right: 2.5%;} .start_calculator .contact_fields_short .field_wrap4 {margin-right: 0;} .start_calculator .contact_fields_short .form_agreement {padding: 13px 0 0 35px; top: -6px;} .start_calculator .contact_fields_short .submit {height: 50px;} .start_calculator .calc_img_options {position: relative;} .start_calculator .calc_img_options:after {content:""; position: relative; clear: both; display: block;} .start_calculator .calc_img_radio {margin: 15px 1.617% 0 0; padding: 0; float:left; border: 1px solid #e0e0e0; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_img_radio:before {content:""; position: absolute; opacity: 0; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 991; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_img_radio_imgbox {position: relative; overflow: hidden; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_img_radio_imgbox img {display: block; width: 100%; margin: 0; padding: 0;} .start_calculator .calc_img_radio_labelbox {position: relative; padding: 0 0 0 30px; margin: 12px 9px 12px; z-index: 992; box-sizing: border-box;} .start_calculator .calc_img_radio .calc_hint {top: 2px; margin: 0 0 0 5px;} .start_calculator .calc_img_radio:hover {cursor: pointer;} .start_calculator .calc_img_radio:hover:before {opacity: 1;} .start_calculator .calc_img_options.in_row_2 .calc_img_radio {width: 41.22%;} .start_calculator .calc_img_options.in_row_3 .calc_img_radio {width: 26.94%;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 19.81%;} .start_calculator .calc_img_checkboxes {position: relative;} .start_calculator .calc_img_checkboxes:after {content:""; position: relative; clear: both; display: block;} .start_calculator .calc_img_checkbox {margin: 21px 2.3% 0 0; padding: 0; float:left; border: 1px solid #e0e0e0; box-sizing: border-box; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .start_calculator .calc_img_checkbox:before {content:""; position: absolute; opacity: 0; left: -1px; top: -1px; right: -1px; bottom: -1px; z-index: 991; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.2s; transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s;} .start_calculator .calc_img_checkbox_imgbox {position: relative; overflow: hidden; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .start_calculator .calc_img_checkbox_imgbox img {display: block; width: 100%; margin: 0; padding: 0;} .start_calculator .calc_img_checkbox_labelbox {position: relative; padding: 0 0 0 30px; margin: 12px 9px 12px; z-index: 992; box-sizing: border-box;} .start_calculator .calc_img_checkbox .calc_hint {top: 2px; margin: 0 0 0 5px;} .start_calculator .calc_img_checkbox:hover {cursor: pointer;} .start_calculator .calc_img_checkbox:hover:before {opacity: 1;} .start_calculator .calc_img_checkboxes.in_row_2 .calc_img_checkbox {width: 41.1%;} .start_calculator .calc_img_checkboxes.in_row_3 .calc_img_checkbox {width: 26.65%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 19.397%;} .start_calculator .calc_radio .calc_hint {top: 2px; margin: 0 0 0 4px;} .start_calculator .calc_switches .calc_hint {top: 2px; margin: 0 0 0 4px;} .start_calculator .calc_radio_button .calc_hint {top: 0; margin: 0 0 0 11px; right: -3px;} .start_calculator .calc_radio_button.checked .calc_hint .calc_hint_in {color: #504fc4;} .start_calculator .calc_checkbox .calc_hint {top: 2px; margin: 0 0 0 6px;} .start_calculator .calc_customselect {position: relative;} .start_calculator .calc_customselect .calc_customselect_output {position: static; padding: 10px 0 0 0;} .start_calculator .calc_customselect .button {position: static;} .start_calculator .calc_customselect .calc_hint {position: absolute; left: 100%; margin: 0 0 0 10px; top: 18px;} .start_calculator .calc_customselect_output button {padding: 0 10px 1px 10px;} .start_calculator .calc_customselect_output button:before {position: relative; right: 0; top: auto; margin: 3px 4px 0 15px; float: right;} .start_calculator .calc_customselect.single_option .calc_customselect_output {top: 0; padding: 0; height: 1px;} .start_calculator .calc_customselect.single_option .calc_customselect_output button {font-size: 0; height: 1px; background: transparent; padding: 0; margin: 0;} .start_calculator .calc_customselect.single_option .calc_customselect_output button:before {display: none;} .start_calculator .alert_in {display: inline-block; vertical-align: top; margin: 0 20px 130px;} .start_calculator .alert_in:hover {cursor: pointer;} .start_calculator .success_in {display: inline-block; vertical-align: top; margin: 0 20px 130px;} .start_calculator .success_in:hover {cursor: pointer;} .start_calculator .calc_switch {display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; width: 49%; margin: 8px 0 10px; padding: 0 10px 0 100px;} .start_calculator .calc_switch .calc_switch_icon {position: absolute; left: 0; top: 0; width: 80px; height: 50px; box-sizing: border-box; box-shadow: inset 3px 3px 6px -1px rgba(63,63,153,0.3); background: #f7f7f7; border: 1px solid #e0e0e0; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;} .start_calculator .calc_switch .calc_switch_button {position: absolute; width: 38px; height: 38px; top: 5px; left: 5px; background: #f7f7f7; box-shadow: 0 2px 5px 1px rgba(63,63,153,0.35); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.4s; transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s;} .start_calculator .calc_switch .calc_switch_label_wrap {display: table; width: 100%; border-collapse: collapse; position: relative; top: -1px;} .start_calculator .calc_switch .calc_switch_label {font-size: 13px; position: relative; line-height: 1.4; color: #36394c; display: table-cell; vertical-align: middle; height: 50px;} .start_calculator .calc_switch input {position: absolute; left: 0; top: 0; width: 100%; height:100%; opacity: 0; padding: 0; margin: 0; z-index: 991;} .start_calculator .calc_switch input:hover {cursor: pointer;} .start_calculator .calc_switch.switch_bold {margin: 6px 0 0 0;} .start_calculator .calc_switch.switch_bold .calc_switch_label {font-size: 16px; font-weight: bold;} .start_calculator .calc_switch.checked .calc_switch_button {background: #5050c3; left: auto; right: 5px;} @media screen and (max-width: 750px) { .start_calculator .calc_switch {display: block; width: 100%; margin: 8px 0 5px; padding: 0 0 0 80px;} .start_calculator .calc_switch .calc_switch_icon {width: 64px; height: 38px; box-shadow: inset 2px 2px 4px -1px rgba(63,63,153,0.3);} .start_calculator .calc_switch .calc_switch_button {width: 26px; height: 26px; box-shadow: 0 1px 3px 1px rgba(63,63,153,0.35);} .start_calculator .calc_switch .calc_switch_label {height: 38px;} } @media screen and (max-width: 1250px) { .calc_container {width: auto; margin-left: 30px; margin-right: 30px;} } @media screen and (max-width: 1100px) { body {-webkit-text-size-adjust:none; text-size-adjust:none; -ms-text-size-adjust:none;} .start_calculator .calc_header {padding: 28px 50px 30px;} .start_calculator .form_left {width: 71%;} .start_calculator .form_right {width: 25%;} .start_calculator .form_agreement {padding: 17px 0 0 30px;} .start_calculator .form_agreement .checkbox_label {font-size: 12px; line-height: 1.4;} .with_sidebar .start_calculator .calc_slider .calc_slider_outputs {width: 180px;} .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 220px;} .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: 49.5%;} .with_sidebar .start_calculator .form_left {width: 100%; float:none;} .with_sidebar .start_calculator .form_right {width: 100%; float:none; margin: 0 0 20px;} } @media screen and (max-width: 1000px) { .calc_container {padding: 50px 0;} .start_calculator .calc_row {padding: 24px 30px 30px;} .start_calculator .calc_row.calc_row_main {padding-right: 30px;} .start_calculator .calc_row_price {position: relative; right: auto; top: auto; height: auto; margin-top: 0; padding: 22px 0 0 0; display: inline-block; vertical-align: top;} .start_calculator .calc_row_price.price_main {height: auto; margin-top: 0; padding: 14px 0 0 0;} .start_calculator .calc_radio_button button {padding: 0 12px 2px;} .start_calculator .calc_row_single .calc_row_price {padding: 8px 0 0 0;} .start_calculator .calc_row_single .calc_spinner, .start_calculator .calc_row_single .calc_customselect, .start_calculator .calc_row_single .calc_checkboxes {display: inline-block; vertical-align: top; margin: 0 30px 0 0;} .start_calculator .calc_slider .calc_slider_outputs, .with_sidebar .start_calculator .calc_slider .calc_slider_outputs {width: 200px;} .start_calculator .calc_slider .calc_form_slider, .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 250px;} .start_calculator .calc_radio, .start_calculator .calc_checkbox, .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: 32%;} .start_calculator .form_left {width: 100%; float:none;} .start_calculator .form_right {width: 100%; float:none; margin: 0 0 20px;} .with_sidebar .sidebar {display: none;} .with_sidebar .start_calculator {margin-left: 0;} .with_sidebar .start_calculator .calc_row, .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 30px;} } @media screen and (max-width: 750px) { .start_calculator .ui-spinner {width: 120px;} .start_calculator .ui-spinner-input {width: 40px; height: 40px;} .start_calculator .ui-button {width: 40px; height: 40px;} .calc_container {margin-left: 0; margin-right: 0; padding: 0;} .start_calculator .calc_header {padding: 22px 16px 23px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_header .calc_header_box {padding: 0;} .start_calculator .calc_header img {top: 4px; width: 31px; float:left; position: relative; margin: 0 16px 0 0;} .start_calculator .calc_header .calc_header_title {font-size: 20px; margin: 0 0 6px;} .start_calculator .calc_header .calc_header_subtitle {font-size: 13px; line-height: 1.55;} .start_calculator .calc_fields {padding: 0; /* margin: 0; */ box-shadow: none;} .start_calculator .calc_row {padding: 16px 16px 30px; border-left: 0; border-right: 0;} .start_calculator .calc_row.calc_row_main {padding-right: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_row.calc_row_last {margin: 0; border-bottom: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_row_label {font-size: 14px;margin: 0 0 12px;} .start_calculator .calc_row_instruction {font-size: 12px; top: -10px; margin: 0 0 4px;} .start_calculator .calc_radio_button {margin: 0 2% 10px 0; width: 47.2%;} .start_calculator .calc_radio_button button {padding: 0 0 2px; height: 36px; display: block; width: 100%;} .start_calculator .calc_text .calc_text_field {height: 36px;} .start_calculator .calc_slider .calc_slider_field {height: 36px;} .start_calculator .calc_slider .calc_slider_field_label {top: 12px;} .start_calculator .calc_slider .calc_slider_outputs {margin: 0 0 20px;} .start_calculator .calc_slider .calc_form_slider {top: auto;} .start_calculator .calc_radio, .start_calculator .calc_checkbox, .with_sidebar .start_calculator .calc_radio, .with_sidebar .start_calculator .calc_checkbox {width: auto; display: block;} .with_sidebar .start_calculator .calc_row, .with_sidebar .start_calculator .calc_row.calc_row_main {padding-right: 16px;} .start_calculator .calc_slider .calc_form_slider, .with_sidebar .start_calculator .calc_slider .calc_form_slider {width: 100%;} .start_calculator .calc_totals {height: auto; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; text-align: center; padding: 22px 0 18px;} .start_calculator .calc_totals .calc_totals_title {position: relative; left: auto; top: auto; margin: 0 0 10px;} .start_calculator .calc_totals .calc_total {position: relative; right: auto; top: auto;} .start_calculator .calc_totals_hint {margin: 0 20px; padding: 18px 0 15px; text-align: center;} .start_calculator .calc_row_single .calc_row_price {padding: 6px 0 0 0;} .start_calculator .calc_row_single .calc_spinner, .start_calculator .calc_row_single .calc_customselect, .start_calculator .calc_row_single .calc_checkboxes {margin: 0 20px 15px 0;} .start_calculator .contact_fields {padding: 20px 16px 22px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .contact_fields_title {margin: 0 0 12px; font-size: 20px; text-align: center;} .start_calculator .contact_fields .field_wrap {float:none; width: auto; margin-bottom: 10px;} .start_calculator .contact_fields .field_wrap2 {margin: 0 0 10px;} .start_calculator .contact_fields .form_field {padding: 0 10px 1px; height: 36px;} .start_calculator .form_agreement {padding: 5px 0 0 32px; margin: 0 0 16px} .start_calculator .form_agreement .checkbox_icon {top: 8px;} .start_calculator .submit {height: 50px;} } @media screen and (max-width: 1150px) { .start_calculator .calc_hint:before {display: block;} .start_calculator .contact_fields_short .field_wrap1 {width: 23.75%;} .start_calculator .contact_fields_short .field_wrap2 {width: 23.75%;} .start_calculator .contact_fields_short .field_wrap3 {width: 25%;} .start_calculator .contact_fields_short .field_wrap4 {width: 20%;} .start_calculator .calc_img_radio {margin: 15px 2.3% 0 0;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 22.7%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 22.3%;} } @media screen and (max-width: 1000px) { .start_calculator .contact_fields_short .field_wrap1 {width: 48%; margin-right: 4%;} .start_calculator .contact_fields_short .field_wrap2 {width: 48%; margin-right: 0;} .start_calculator .contact_fields_short .field_wrap3 {width: 48%; margin-right: 4%; margin-top: 16px;} .start_calculator .contact_fields_short .field_wrap4 {width: 48%; margin-right: 0; margin-top: 16px;} .start_calculator .contact_fields_short .form_agreement {padding: 17px 0 0 35px; top: -9px;} .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 26.94%;} .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 26.65%;} } @media screen and (max-width: 750px) { .start_calculator .calc_popup {width: 320px; margin-left: -160px;} .start_calculator .calc_popup .calc_popup_close {width: 18px; height: 18px;} .start_calculator .calc_popup .calc_popup_content {padding: 0 25px;} .start_calculator .calc_popup .calc_popup_title {font-size: 20px;} .start_calculator .calc_popup_alert:before {border: 6px solid #f28379;} .start_calculator .calc_popup_alert .calc_popup_title {padding: 8px 0 20px;} .start_calculator .calc_popup_success:before {border: 6px solid #5050c3;} .start_calculator .calc_hint .calc_hint_content {position: fixed; left: 0; right: 0; bottom: 0; margin-bottom: 0; width: auto; background: #504fc4; box-shadow: none; color: #FFF; font-size: 12px; padding: 20px 16px 18px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;} .start_calculator .calc_customselect_output {white-space: normal;} .start_calculator .contact_fields_subtitle {margin: 0 0 20px; top: -2px;} .start_calculator .contact_fields_short .field_wrap1, .start_calculator .contact_fields_short .field_wrap2, .start_calculator .contact_fields_short .field_wrap3, .start_calculator .contact_fields_short .field_wrap4 {width: 100%; margin-right: 0; margin-bottom: 10px; margin-top: 0;} .start_calculator .contact_fields_short .form_agreement {padding: 5px 0 0 32px; top: 0;} .start_calculator .calc_img_radio {margin: 15px 4% 0 0;} .start_calculator .calc_img_radio .calc_radio_label {font-size: 13px;} .start_calculator .calc_img_options.in_row_2 .calc_img_radio, .start_calculator .calc_img_options.in_row_3 .calc_img_radio, .start_calculator .calc_img_options.in_row_4 .calc_img_radio {width: 45.67%;} .start_calculator .calc_img_checkbox {margin: 15px 4% 0 0;} .start_calculator .calc_img_checkbox .calc_radio_label {font-size: 13px;} .start_calculator .calc_img_checkboxes.in_row_2 .calc_img_checkbox, .start_calculator .calc_img_checkboxes.in_row_3 .calc_img_checkbox, .start_calculator .calc_img_checkboxes.in_row_4 .calc_img_checkbox {width: 45.67%;} .start_calculator .calc_radio_button .calc_hint {margin: 0 0 0 3px; right: 0;} .start_calculator .calc_img_options_row {padding-right: 0;} .start_calculator .calc_img_options_row .calc_row_label, .start_calculator .calc_img_options_row .calc_row_instruction {margin-right: 16px;} .start_calculator .calc_img_checkboxes_row {padding-right: 0;} .start_calculator .calc_img_checkboxes_row .calc_row_label, .start_calculator .calc_img_checkboxes_row .calc_row_instruction {margin-right: 16px;} .start_calculator .calc_customselect .calc_hint {left: 0; margin: 0; top: auto; bottom: -24px;} .start_calculator .selectize-input {z-index: 990;} } .start_calculator .calc_popup_errors span {font-weight: bold;} .star_calculator_error {display: block; background: #fff; border: 2px solid red; padding: 20px 40px;} .star_calculator_error span {display: inline-block; vertical-align: middle; font-size: 18px; color: black;} .star_calculator_error span.star_calculator_attention {background-color: red; border-radius: 50%; width: 48px; height: 48px; padding: 20px; margin-right: 40px; color: white; font-size: 40px; font-weight: bold; text-align: center; display: inline-flex; align-items: center; justify-content: center;} .start_calculator .calc_row_text { line-height: 1.6; } .start_calculator .calc_row_text p { font-size: 16px; line-height: 1.6; margin: 0 0 5px 0;} .start_calculator .calc_row_text ol, .start_calculator .calc_row_text ul { list-style-position: initial; list-style-image: initial; margin: 0 0 10px 20px; padding: 0;} .start_calculator .calc_row_text ul { list-style-type: disc; } .start_calculator .calc_row_text ol { list-style-type: decimal; } .start_calculator .calc_row_text ul li, .start_calculator .calc_row_text ol li { font-size: 16px; line-height: 1.6; padding: 0; margin: 0 0 5px 0; list-style-position: inside; } .start_calculator .calc_row_text ol li:before, .start_calculator .calc_row_text ul li:before { display: none; } .start_calculator .calc_row_text ul li { list-style-type: disc; } .start_calculator .calc_row_text ol li { list-style-type: decimal; } /* End */ /* /local/templates/aspro_next/components/bitrix/catalog/main/style.min.css?16963339719426 */ /* /local/templates/.default/css/catalog.css?161433379418477 */ /* /local/templates/.default/components/rootmedia/super.d7/franchise-banner/style.css?17623472683087 */ /* /local/templates/aspro_next/css/menu-list.min.css?1696333971245 */ /* /local/templates/aspro_next/css/dropdown-select.min.css?1696333971792 */ /* /local/templates/aspro_next/components/bitrix/catalog.smart.filter/main/style.css?15834132861133 */ /* /local/templates/aspro_next/css/landings.min.css?16963339711675 */ /* /bitrix/components/star/calculatorpro/templates/.default/style.css?176165257847748 */