/* ALPLASTROY Stage 4 Speed Wave 2: homepage head bundle. Existing files concatenated in their original cascade order; selectors unchanged. */ /* BEGIN alp-home-critical-v2.css — existing homepage critical rules */ /* Original: /styles/index.css */ @font-face { font-family: "circe"; font-display: swap; src: url("/images/fonts/Circe-Regular.woff2") format("woff2"), url("/images/fonts/Circe-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; } h1{font-family:futuraPT,circe,sans-serif;margin-top:18px;font-weight:400;margin-bottom:10px;font-size:33px;} h2{font-family:futuraPT,circe,sans-serif;margin-top:18px;font-weight:400;margin-bottom:10px;font-size:29px;} h3{font-family:futuraPT,circe,sans-serif;margin-top:0px;font-weight:400;margin-bottom:0;font-size:27px;} h4{font-family:futuraPT,circe,sans-serif;margin-top:0;font-weight:400;margin-bottom:0;font-size:25px;} h5{font-family:futuraPT,circe,sans-serif;margin-top:0;font-weight:400;margin-bottom:0;font-size:23px;} .menu__item:hover .menu__inner {display: block;} .menu__item a:hover, .menubar__menu a:hover {cursor: pointer;background-image: -webkit-gradient(linear,left top, left bottom,color-stop(0, #dcedc8),to(#dcedc8));background-image: -webkit-linear-gradient(#dcedc8 0,#dcedc8 100%);background-image: -o-linear-gradient(#dcedc8 0,#dcedc8 100%);background-image: linear-gradient(#dcedc8 0,#dcedc8 100%);background-size: 1em 1.6em;} .menu__inner-item:before {background: 0 0;} p{margin:8px 0;} ul{list-style-type:none;padding-left:20px;} ul li{position:relative;} ul li:before{content:'';position:absolute;left:-15px;width:8px;height:1px;top:9px;margin:auto;background-color:#1e1e1e;opacity:.7;} .advants__box,.about__box,.base__btn-group,.cardbox__box,.cat-item__row,.cat-item__slide,.cat-list__row,.contacts__box,.content-normalize .balkony-inline-wrapper,.footer__plate--center-x,.grid,.header__box,.header__plate--center-x,.header__plate--center-y,.header__section,.header__title-row,.i_reviews__control-group,.jform__row,.layout__box,.layout__search-form--center-x,.layout__socials,.main-menu__plate--center-x,.mainside__plate--row-bw-x,.menu,.menubar__submenu,.res-item__title,.review__row,.rowscol__btn-group,.scrollontop__arrow,.search-form__row,.search-res__paging,.services__box,.services__plank--center-x,.socials__row{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;} .advants__box,.about__box,.cardbox__box,.cat-item__row,.cat-list__row,.content-normalize .footer__plate--center-x,.grid,.header__plate--center-x,.layout__box,.main-menu__plate--center-x,.menu,.menubar__submenu,.services__box{-ms-flex-wrap:wrap;flex-wrap:wrap;} .advants__box,.about__box,.cat-item__slide,.footer__plate--center-x,.header__plate--center-x,.layout__search-form--center-x,.main-menu__plate--center-x,.scrollontop__arrow,.services__box,.services__plank--center-x{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;} .services{width:100%;} .services__plank{padding-top:25px;padding-bottom:25px;text-align:center;} .services__title{margin:0;font-size:36px;} .services__box{position:relative;z-index:0;} .services__item{width:calc(100%/4);height:100%;padding:25px 30px;min-width:290px;} .layout__box--start-x,.rowscol__btn-group--start-x{-ms-flex-pack:start;-webkit-box-pack:start;justify-content:flex-start;} .cat-list__row--bw-x,.header__box--bw-x,.mainside__plate--row-bw-x,.neighbours--bw-x,.review__row--bw-x{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;} .cat-item__slide,.gallery__item a,.header__plate--center-y,.header__section,.header__title-row,.scrollontop__arrow{-ms-flex-align:center;-webkit-box-align:center;align-items:center;} .layout__contact-data{-ms-flex-align:end;-webkit-box-align:end;align-items:flex-end;} .advant,.cat-list__col,.contacts__col--center-x,.footer__info,.footer__socials,.i_reviews__back,.i_reviews__chev,.i_reviews__plate--end-x,.i_reviews__scene,.jform__group,.layout__col,.mainside__col,.menubar,.menubar__submenu .menubar__submenu,.rowscol__box,.service,.slider__content,.socials__col{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;} .menubar,.menubar__submenu .menubar__submenu{-ms-flex-wrap:wrap;flex-wrap:wrap;} .i_reviews__back,.i_reviews__chev,.i_reviews__scene,.slider__content--center-y{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;} .service,.slider__content--end-y{-ms-flex-pack:end;-webkit-box-pack:end;justify-content:flex-end;} .jform__group--start-x{-ms-flex-align:start;-webkit-box-align:start;align-items:flex-start;} .advant,.contacts__col--center-x,.i_reviews__back,.i_reviews__chev,.i_reviews__scene{-ms-flex-align:center;-webkit-box-align:center;align-items:center;} .jform__btn.size{text-align:center;} .slider__plate{padding-left:0!important;padding-right:0!important;} .base__btn,.cat-item__btn,.cat-list__btn,.content-normalize .ticket-btn,.header__btn,.i_reviews__more,.jform__btn,.rowscol__btn,.search-form__submit,.services__btn,.slider__more--btn{padding:0 21px;height:40px;text-decoration:none;font-family:circe,futuraPT;font-size:19px;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;color:#1e1e1e;-webkit-transition:.15s ease-in;-o-transition:.15s ease-in;transition:.15s ease-in;cursor:default;} .cat-item__btn,.cat-list__btn,.jform__btn,.search-form__submit,.slider__more--btn{background-color:#81c784;} .base__btn,.content-normalize .ticket-btn,.header__btn,.i_reviews__more,.rowscol__btn,.services__btn{background-color:#d4e157;} .base__btn:hover,.content-normalize .ticket-btn:hover,.header__btn:hover,.i_reviews__more:hover,.rowscol__btn:hover,.services__btn:hover,.stuffcard__order-btn:hover{background-color:#e6ee9c;} .jform__field,.search-form__field{width:100%;display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;padding:0 8px;font-family:circe,futuraPT,sans-serif;font-size:17px;color:#1e1e1e;border:2px solid #c9c9c9;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;height:40px;} .jform__field::-webkit-input-placeholder,.search-form__field::-webkit-input-placeholder{font-family:circe,futuraPT,sans-serif;font-size:17px;color:#666;-webkit-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;} .jform__field--area{min-width:100%;max-width:100%;min-height:100px;max-height:120px;} .article__more,.base__desc a,.cat-list__neighbor a,.content-normalize a,.err__more a,.footer__info a,.footer__item a,.header__title,.menu__item a,.menubar__menu a,.res-item__title a,.s-item__more,.search-res__paging a,.sidebar__more{display:-ms-inline-flexbox;display:-webkit-inline-box;display:inline-flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;padding-top:4px;text-decoration:none;color:#1e1e1e;padding-left:4px;padding-right:4px;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(0, #dcedc8),to(#dcedc8));background-image:-webkit-linear-gradient(#dcedc8 0,#dcedc8 100%);background-image:-o-linear-gradient(#dcedc8 0,#dcedc8 100%);background-image:linear-gradient(#dcedc8 0,#dcedc8 100%);background-repeat:repeat-x;background-size:0 0;background-position:0 65%;-webkit-transition:.15s ease;-o-transition:.15s ease;transition:.15s ease;border-bottom:2px solid #81c784;} .crumbs__list--inners .crumbs__item:not(:last-of-type) a,.menubar__submenu .menubar__submenu .menubar__item a{color:#a19d99;} .base__desc a,.contacts__section a,.content-normalize p a,.footer__info a,.footer__item a,.menu__item a,.menubar__menu a,.res-item__title a,.search-res__paging a{border-bottom:0;} [data-simplebar=init]{display:-ms-flexbox;display:-webkit-box;display:flex;} .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1;} .swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:-webkit-box;display:flex;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box;} .swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;} .about{width:100%;} .about__title{font-size:40px;} .about__subtitle{font-size:28px;} .about__col-2{width:50%;padding:5px 20px;} .about__content{font-size:16px;} .advants{width:100%;} .advants__title{text-align:center;font-size:36px;max-width:100%;} .advants__item{width:calc(100%/3);min-width:290px;padding:12px;} .advants__col-2{width:50%;padding:12px 20px;font-size:15px;} .advant{width:100%;height:100%;padding:20px;background-color:#efefef;border-radius:3px;} /* .advant:hover{-webkit-box-shadow:0 2px 5px rgba(0,0,0,.2);box-shadow:0 2px 5px rgba(0,0,0,.2);} */ .advant__icon{margin:18px 0;} .advant__title{max-width:100%;text-align:center;font-size:25px;line-height:28px;} .advant__content{max-width:100%;margin-top:12px;text-align:center;font-size:17px;line-height:22px;} .about__plate,.advants__plate,.banner__plate,.base__plate,.cardbox__plate,.cat-item__plate,.cat-list__plate,.contacts__plate,.content-normalize__plate,.crumbs__plate,.err__plate,.footer__plate,.gallery__plate,.header__plate,.i_reviews__plate,.layout__plate,.main-menu__plate,.mainside__plate,.rowscol__plate,.search-res__plate,.slider__plate{margin-right:auto;margin-left:auto;width:100%;max-width:1540px;padding-left:20px;padding-right:20px;} .main-menu{width:100%;background-color:#efefef;} .footer{width:100%;} .footer__links{background-color:#dbdbdb;padding:15px 0;} .footer__group{width:calc(80%/5);min-width: 290px;} .footer__about{background-color:#c9c9c9;padding:12px 0;} .footer__info{font-size:15px;} .footer__info span{padding:4px 0;} .header{width:100%;height:80px;position:fixed;top:0;left:0;right:0;background-color:#bbdefb;z-index:200;} .hamburger__inner,.hamburger__inner:after,.hamburger__inner:before{width:40px;height:4px;background-color:#333;position:absolute;transition-property:-webkit-transform;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;} .hamburger{display:inline-block;cursor:pointer;-webkit-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;max-height:24px;overflow:visible;} .hamburger:hover{opacity:.7;} .hamburger__box{width:40px;height:24px;display:inline-block;position:relative;} .hamburger__inner{display:block;top:50%;margin-top:-2px;} .hamburger__inner:before{content:"";display:block;top:-10px;} .hamburger__inner:after{content:"";display:block;bottom:-10px;} .hamburger--squeeze .hamburger__inner{-webkit-transition-duration:75ms;-o-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(.55,.055,.675,.19);-o-transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-timing-function:cubic-bezier(.55,.055,.675,.19);} .hamburger--squeeze .hamburger__inner:before{-webkit-transition:all 75ms .12s ease,opacity 75ms ease;-o-transition:all 75ms .12s ease,opacity 75ms ease;transition:all 75ms .12s ease,opacity 75ms ease;} .hamburger--squeeze .hamburger__inner:after{transition:all 75ms .12s ease,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);-webkit-transition:all 75ms .12s ease,-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);-o-transition:all 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:all 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19);transition:all 75ms .12s ease,transform 75ms cubic-bezier(.55,.055,.675,.19),-webkit-transform 75ms cubic-bezier(.55,.055,.675,.19);} .scroller__content{overflow-x:hidden;overflow-y:scroll;min-width:100%;-webkit-box-sizing:content-box;box-sizing:content-box;} .scroller__scrollbar {position: absolute;right: 0;min-height: 10px;width: 15px;background: #c9c9c9;background-clip: padding-box;z-index:1;} .content{overflow-x:scroll;overflow-y:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:100%;padding-top:55px;padding-bottom:0!important;} .jform__group{margin:15px 0;width:100%;} .jform__row .jform__field{margin-right:15px;} .jform__label{font-size:17px;} .jform__btn{cursor:pointer;font-size:19px;} .layout{background-color:#fff;position:fixed;bottom:0;left:0;right:0;height:calc(100vh - 80px);margin:auto;z-index:60;overflow-y:scroll;overflow-x:hidden;} .layout--menubar{pointer-events:none;opacity:0;-webkit-transition:.4s ease-in-out;-o-transition:.4s ease-in-out;transition:.4s ease-in-out;-webkit-transform:translateY(-20%);-ms-transform:translateY(-20%);transform:translateY(-20%);z-index:100;} .layout--menubar.layout--enabled{pointer-events:auto;opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .layout--menubar .content{padding-left:30px;padding-top:30px;} .layout--response{z-index:130;} .layout--black-overlay{z-index:120;-webkit-transition:1s ease-in-out;-o-transition:1s ease-in-out;transition:1s ease-in-out;background-color:rgba(0,0,0,.7);} .layout__pointer-overlay{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:0;} .layout--from-opacity{-webkit-transition:.35s ease-in;-o-transition:.35s ease-in;transition:.35s ease-in;pointer-events:none;opacity:0;} .layout--from-opacity.layout--enabled{pointer-events:auto;opacity:1;} .layout--from-opacity.layout--enabled .layout__wrapper{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s;} .layout--from-bottom{z-index:130;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);} .layout__close-icon{position:fixed;top:70px;right:20px;width:32px;height:32px;} .layout__wrapper{position:absolute;z-index:2;right:0;width:100%;max-width:850px;min-height:100%;background-color:#fff;-webkit-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);} .layout__wrapper--max-w-500{max-width:500px;} .layout__wrapper--padds .content{padding:50px 62px;} .layout__box--mb-30{margin-bottom:30px;} .layout__contact-data{font-size:19px;padding:0;margin:0;} .layout__contact-data li:before{display:none;} .layout__contact-data li:not(:last-of-type){margin-right:20px;} .layout__search-form{min-width:290px;width:100%;margin-top:50px;} .menu{padding-left:0;} .menu--banner{margin:12px 0;} .menu__item{padding:0 12px;} .menu__item:before{display:none;} .menu__item a{font-size:19px;} .menubar{padding-left:0;padding-bottom:30px;width:100%;} .menubar__menu{padding:0 12px;} .menubar__menu:before{display:none;} .menubar__menu .menubar__item{font-size:22px;position:relative;} .menubar__submenu{margin-bottom:20px;padding-left:0;} .menubar__submenu .menubar__item{font-size:19px;} .menubar__submenu .menubar__submenu .menubar__item{font-size:17px;} .menu__inner{padding-left:0;position:absolute;width:300px;z-index:3;background:#efefef;padding:10px;display:none;} [data-simplebar]{position:relative;z-index:0;overflow:hidden;-webkit-overflow-scrolling:touch;} [data-simplebar=init]{display:-ms-flexbox;display:-webkit-box;display:flex;} .scrollontop{position:fixed;bottom:5em;right:90px;width:50px;height:50px;padding:5px;opacity:.8;-webkit-transition:.3s ease-in;-o-transition:.3s ease-in;transition:.3s ease-in;} .scrollontop--hidden{opacity:0;pointer-events:none;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);} .scrollontop:hover{opacity:1;} .scrollontop__arrow{width:100%;height:100%;background-color:#ddd;border-radius:100%;} .search-form{width:100%;} .search-form--max-w-420{max-width:420px;} .search-form__title{font-size:21px;} .search-form__submit{margin-left:8px;cursor:pointer;} .service{height:320px;position:relative;text-decoration:none;color:#fff;overflow:hidden;} .service:before{content:'';position:absolute;z-index:1;pointer-events:none;top:0;left:0;right:0;bottom:0;border:2px solid #81c784;opacity:0;-webkit-transition:.15s ease-in-out;-o-transition:.15s ease-in-out;transition:.15s ease-in-out;} .service:hover:before{opacity:1;} .service:hover .service__more{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);} .service__bg{background-position:center;background-size:cover;position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;margin:auto;z-index:-1;} .service__plank{position:relative;padding-top:12px;padding-bottom:12px;padding-left:20px;padding-right:100px;background-color:rgba(0,0,0,.6);} .service__title{color:#fff;margin:0;font-size:24px;line-height:24px;} .slider__back{position:absolute;top:0;left:0;right:0;bottom:0;} .slider__slide .slider__plate{height:auto;margin-top:10px;} .slider__more{-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;} .slider{width:100%;padding-bottom:50px;position:relative;} .slider__wrapper{max-height:250px;} .slider__inline-form{position:absolute;z-index:5;max-width:600px;bottom:20px;} .slider__content{padding:0 20px;max-width:600px;height:100%;} .slider__content--back{background-color:rgba(255,255,255,.6);} .slider__title{font-size:48px;margin-bottom:15px;line-height:48px;} .slider__description{font-size:24px;line-height:30px;padding-right:140px;margin-bottom:10px;} .no-webp .slider__parallax-bg { background: url(/images/slide_bg-min.jpg); position:absolute;left:-10%;top:0;width:150%;height:100%;background-size:cover;background-position:center 55%;-webkit-transition-duration:.6s!important;-o-transition-duration:.6s!important;transition-duration:.6s!important;} .webp .slider__parallax-bg { background: url(/images/slide_bg-min.webp); position:absolute;left:-10%;top:0;width:150%;height:100%;background-size:cover;background-position:center 55%;} .socials__title{font-size:19px;font-weight:400;} .socials__icon{width:30px;height:30px;} .socials__icon{margin-bottom:15px;margin-right:20px;} *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;} body{font-family:circe,sans-serif;padding:0;margin:0;background-color:#fafafa;font-size:17px;} /* main{height:calc(100vh - 80px);overflow-y:scroll;overflow-x:hidden;} ::-webkit-scrollbar{width:0;} */ button.header__btn.header__btn--hidden-xs{background-color:#ef1e08;color:#fff;cursor:pointer;} button.header__btn.header__btn--hidden-xs:hover{background-color:#fe9307;} .header__subtitle.no-margin{line-height:34px;} .header__offset{height:80px;} .header__plate{height:100%;} .header__box{width:100%;height:100%;} .header__logo{width:50px;height:45px;} .header__btn{margin-right:45px;} .header__menu-wrapper{height:100%;width:80px;background-color:#d4e157;min-height:100%;-webkit-transition:.15s ease-in;-o-transition:.15s ease-in;transition:.15s ease-in;} .header__menu-wrapper:hover{background-color:#e6ee9c;} .header__feedback{width:35px;height:35px;margin-right:15px;} .header__burger-menu{width:40px;height:42px;position:relative;cursor:default;padding-top:2px;cursor:pointer;} .header__burger-menu span{position:absolute;width:100%;height:14px;left:-2px;right:0;bottom:0;text-align:center;font-size:19px;} .header__title-row{font-family:futuraPT,circe,sans-serif;margin:0 20px;} .header__title{font-size:24px;} .header__subtitle{margin-left:45px;font-size:19px;} .header__subtitle.no-margin{margin-left:0;font-size:28px;} .header a{color:#1e1e1e;text-decoration:none;} .feedback{width:100%;} .feedback__title{margin-top:0;font-size:38px;} .layout__search-form{margin-top:28px;} .layout__menubar{margin-top:-20px;} ul.layout__contact-data{margin-top:-32px;} .ajax_form .error{color:brown;} input.error{border-color:#e02222;} input[name="surname"]{display:block;width:2px;height:3px;margin-bottom:-3px;opacity:0.01;} .margin{margin:0 0;} .pfСall-two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#666;font-size:24px;line-height:2em;} .form label{font-size:14px;} .jform__group.jform__group--start-x{margin-top:40px;} input[type=checkbox]{vertical-align:top;margin:0 3px 0 0;width:17px;font-size:13px;height:17px;} input[type=checkbox] + label{cursor:pointer;} input[type=checkbox]:not(checked){position:absolute;opacity:0;} input[type=checkbox]:not(checked) + label{position:relative;padding:0 0 0 35px;;} input[type=checkbox]:not(checked) + label:before{content:'';position:absolute;top:2px;left:0;width:33px;height:17px;border-radius:13px;background:#CDD1DA;} input[type=checkbox]:not(checked) + label:after{content:'';position:absolute;top:3px;left:2px;width:14px;height:14px;border-radius:10px;background:#FFF;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;;} input[type=checkbox]:checked + label:before{background:#397099 !important;} input[type=checkbox]:checked + label:after{left:17px;} .s-message{display:none;} input[type=checkbox]:focus + label:before{;} .footer__plate.footer__plate--center-x {display: flex; flex-wrap: wrap;} @media (min-width:1280px){.slider__content{max-width:800px;}.cat-item__row--item-inline-data .cat-item__slider{width:40%;min-width:320px;}.cat-item__row--item-inline-data .cat-item__chars{width:60%;min-width:320px;}.jform__btn.size{width:100%;}} @media (max-width:1279px){.jform__row{-ms-flex-wrap:wrap;flex-wrap:wrap;}.jform__row .jform__field{width:calc(50% - 15px);margin-bottom:15px;}} @media (min-width:1200px){.slider__slide .slider__plate{margin-top:20px;}.slider__inline-form{bottom:inherit;top:100px;right:20px;}} @media (max-width:1125px){.contacts__picture img{min-width:100%;max-width:100%;}} @media (max-width:1024px){.content-normalize .catalog-wrapper .catalog-content{padding-right:0;}} @media (max-width:1023px){.scroller--sm-less-autoheight{height:auto;margin-top: 45px;}.about__plate,.advants__plate,.banner__plate,.base__plate,.cardbox__plate,.cat-item__plate,.cat-list__plate,.contacts__plate,.content-normalize__plate,.crumbs__plate,.err__plate,.footer__plate,.header__plate,.i_reviews__plate,.layout__plate,.main-menu__plate,.mainside__plate,.rowscol__plate,.search-res__plate,.slider__plate{padding-left:15px;padding-right:15px;}.header__subtitle--hidden-sm-less,.mainside__col--sm-less-hidden{display:none!important;}.service__more{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);text-decoration:underline;} .services__title{font-size:28px;line-height:30px;margin-bottom:12px;}.services__subtitle{font-size:19px;line-height:20px;}.services__item{width:calc(100%/2);}.layout__wrapper--padds{padding:20px 15px 20px 30px;}} @media (min-width:1024px){.mainside__col--md-75{width:75%;}.mainside__col--md-25{width:25%;}.search-res__list{max-width:1200px;margin-left:auto;margin-right:auto;}} @media (min-width:1024px) and (max-width:1366px){.header__subtitle.no-margin{line-height:24px;margin-left:0;font-size:24px;}} @media (min-width:991px){.cat-list__item{width:calc(100%/3);}} @media (min-width:768px) and (max-width:1199.98px){.slider{padding-bottom:150px;padding-top:55px;}.cat-list__col{padding:0 20px;}.cat-list__col--half_sm-more{width:50%;}} @media (min-width:768px){.header__feedback--hidden-sm-more{display:none!important;} .contacts__picture,.footer__plate--bw-x-xsm{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;} .footer__plate--bw-x-xsm{-ms-flex-wrap:wrap;flex-wrap:wrap;} .footer__plate--bw-x-xsm{-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;} .header__menu-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;} .header__menu-wrapper{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;} .header__menu-wrapper{-ms-flex-align:center;-webkit-box-align:center;align-items:center;} .socials__col{-ms-flex-align:end;align-items:flex-end;}.i_reviews__scene img{max-width:calc(100% + 300px);min-width:calc(100% + 200px);}} @media (max-width:768px){.simplebar--tables:before{content:'';position:absolute;top:0;bottom:0;left:0;width:20px;background:-webkit-gradient(linear,left top, right top,from(#f5f5f5),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(left,#f5f5f5,rgba(255,255,255,0));background:-o-linear-gradient(left,#f5f5f5,rgba(255,255,255,0));background:linear-gradient(90deg,#f5f5f5,rgba(255,255,255,0));} .simplebar--tables:after{content:'';position:absolute;top:0;bottom:0;right:0;width:20px;background:-webkit-gradient(linear,right top, left top,from(#f5f5f5),to(rgba(255,255,255,0)));background:-webkit-linear-gradient(right,#f5f5f5,rgba(255,255,255,0));background:-o-linear-gradient(right,#f5f5f5,rgba(255,255,255,0));background:linear-gradient(-90deg,#f5f5f5,rgba(255,255,255,0));}} @media (max-width:767px){.header__title{font-size:20px;}.header__title-row{margin:0 8px;}.header__burger-menu{height:32px;}.header__menu-wrapper{margin-right:-12px;}.header__btn--hidden-xs,.header__burger-menu span{display:none!important;}.cat-list__item{width:100%;padding:10px;} .header__menu-wrapper{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;} .header__menu-wrapper{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;} .header__menu-wrapper{-ms-flex-align:center;-webkit-box-align:center;align-items:center;}.content-normalize .catalog-wrapper .catalog-content{width:90%;} .header__burger-menu{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;} .header__burger-menu{-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;}.col-5{width:33%;min-height:270px;} .content-normalize .catalog-wrapper .catalog-content,.content-normalize .catalog-wrapper .image-wrapper,.content-normalize .catalog-wrapper a{display:block;padding:0;} .layout__box--mb-30{margin-bottom:30px;margin-top:75px;} .about__col-2{width:100%;padding:12px 0;} .advants__col-2{width:100%;padding:12px 0;} .jform__title{font-size:24px;}.layout--menubar .content{padding-left:12px;padding-right:12px;padding-top:25px;}.layout__wrapper--padds .content{padding:15px 20px;} .scrollontop{width:50px;height:50px;bottom:10px;right:10px;}.service__plank{padding-top:30px;padding-bottom:30px;}.slider__title{font-size:36px;line-height:36px;}.slider__description{font-size:19px;line-height:20px;} .about__plate,.advants__plate,.banner__plate,.base__plate,.cardbox__plate,.cat-item__plate,.cat-list__plate,.content-normalize__plate,.err__plate,.footer__plate,.header__plate,.layout__plate,.main-menu__plate,.mainside__plate,.rowscol__plate,.search-res__plate,.slider__plate{padding-left:12px;padding-right:12px;} .services__item{padding:6px 12px;width:calc(100%/2);}} @media (min-width:480px){.layout__search-form{margin-right:40px;}} @media (max-width:479px){.header__logo{width:45px;height:40px;}.header__offset{height:60px;}.header{height:60px;}.header__title-row--hidden-xs-p{display:none!important;}.layout__close-icon{top:120px;right:15px;} .scroller--sm-less-autoheight{height:auto;margin-top:95px;} .layout__wrapper--max-w-500{max-width:350px;}.jform__row .jform__field{width:100%;max-width:280px;}.layout{height:calc(100vh - 60px);} .main{height:calc(100vh - 60px);}.service__title{font-size:20px;} .service__more{position:absolute;right:20px;max-height:18px;line-height:18px;font-size:19px;bottom:18px;margin:auto;-webkit-transform:translateY(200%);-ms-transform:translateY(200%);transform:translateY(200%);opacity:0;-webkit-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;} .pfСall-one{color:black;font-size:19px;} .slider__title{font-size:28px;line-height:28px;}.slider__description{font-size:20px;line-height:22px;}.cat-item__plate--mainside{padding-left:0!important;padding-right:0!important;}} @media screen and (max-device-width: 667px) and (orientation: portrait) { .services__item{width:100%;height:100%;padding:25px 30px;min-width:290px;} .service__plank{padding-top:20px;padding-bottom:30px;} .service__title{color:#fff;margin:0;font-size:16px;line-height:15px;} .cat-list{width:100%;padding:0;} .content-normalize{width:100%;padding:0;} .layout__box--mb-30{margin-bottom:30px;margin-top:75px;}} @media screen and (max-device-width:667px) and (orientation:landscape) { .services__item{width:calc(100%/2);padding:6px 12px;} .service__plank{padding-top:20px;padding-bottom:30px;} .service__title{color:#fff;margin:0;font-size:16px;line-height:15px;}} @media all and (-ms-high-contrast:none), (-ms-high-contrast:active){img.logo{width:60px;} a.header__logo img{color:white;border:none;} .services__item{width:calc(100%/4);height:320px;padding:25px 30px;min-width:290px;} .layout{background-color:#fff;position:fixed;bottom:0;left:85%;right:0;height:calc(100vh - 80px);margin:auto;z-index:60;overflow-y:scroll;overflow-x:hidden;}} @media (min-width:280px) and (max-width:767px){.slider{padding-bottom:240px;padding-top:100px;}} @media (min-width:280px) and (max-width:450px){.content{padding-top:120px;}} span.my-link:hover { color: white; /*-цвет ссылки-*/ text-decoration: underline; /*-подчеркивание-*/ cursor: pointer; /*-указатель в виде пальца-*/ } @media (max-width:430px){ .wa-header span span { display: none; } } /* Original: /glavnaya/css/reset.css */ main { height: auto !important; } .header__offset { height: auto; } .content { padding-top: 0 !important; } .scroller__scrollbar { display: none !important; } #header-new ul li:before, #footer-new ul li:before, #page-main ul li:before { display: none; } #scroll-to-top { position: fixed; z-index:1000; right: 20px; bottom: 80px; opacity: 0.8; cursor: pointer; } #scroll-to-top-in { width:40px; height:40px; line-height: 1; background-color:#ddd; border-radius:100%; display: flex; justify-content: center; align-items: center; opacity: 0.8; } #header-new *{margin:0; padding:0; border:0; outline:0;} #header-new :focus {outline: 0;} #header-new ol, #header-new ul, #header-new li {list-style:none;} #header-new a {cursor:pointer; color:inherit; text-decoration: none;} #header-new a:hover {text-decoration: underline;} #header-new img {vertical-align:bottom;max-width:100%;} #header-new *:focus::-webkit-input-placeholder {color:transparent !important} #header-new *:focus::-moz-placeholder {color:transparent !important} #header-new *:focus:-ms-input-placeholder {color:transparent !important} #header-new *:focus::-ms-input-placeholder {color:transparent !important} #header-new input, #header-new textarea, #header-new button, #header-new select {font-family:inherit;font-size:inherit; color:inherit;background:transparent;} #footer-new *{margin:0; padding:0; border:0; outline:0;} #footer-new :focus {outline: 0;} #footer-new ol, #footer-new ul, #footer-new li {list-style:none;} #footer-new a {cursor:pointer; color:inherit; text-decoration: none;} #footer-new a:hover {text-decoration: underline;} #footer-new img {vertical-align:bottom;max-width:100%;} #page-main *{margin:0; padding:0; border:0; outline:0;} #page-main :focus {outline: 0;} #page-main ol, #page-main ul, #page-main li {list-style:none;} #page-main a {cursor:pointer; color:inherit; text-decoration: none;} #page-main a:hover {text-decoration: underline;} #page-main img {vertical-align:bottom;max-width:100%;} #page-main h1, #page-main h2, #page-main h3, #page-main h4, #page-main h5, #page-main h6 {font-weight:normal;font-size:inherit;} #page-main b, #page-main strong {font-weight:bold;} #page-main i, #page-main em {font-style:italic;} #page-main button {cursor:pointer;} body { font-family: Arial; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.5; color:#000; background: #fafafa; padding-top: 190px; } #header-new .wrap, #footer-new .wrap, #page-main .wrap { padding-left: 15px; padding-right: 15px; max-width: 1470px; margin: 70px auto; box-sizing: border-box; } #page-main .title-wrap { text-align: center; margin-bottom: 45px; } #page-main .title { font-size: 30px; text-align: center; color: #000; } #page-main .subtitle { margin-top: 20px; } #page-main .img-left { float: left; margin-right: 20px; margin-bottom: 10px; } #page-main .img-right { float: right; margin-left: 20px; margin-bottom: 10px; } #page-main .text-block ul { margin-top: 1.2em; margin-bottom: 1.2em; } #page-main .text-block ul li { margin-left: 20px; list-style-type: disc; } #page-main p { margin-top: 1.2em; margin-bottom: 1.2em; } @media only screen and (max-width: 1399px) { #header-new .wrap, #footer-new .wrap, #page-main .wrap { max-width: 1200px; } } @media only screen and (max-width: 1199px) { #header-new .wrap, #footer-new .wrap, #page-main .wrap { max-width: 1024px; } } @media only screen and (max-width: 1023px) { #header-new .wrap, #footer-new .wrap, #page-main .wrap { max-width: 800px; } } @media only screen and (max-width: 799px) { #header-new .wrap, #footer-new .wrap, #page-main .wrap { max-width: 600px; } } @media only screen and (max-width: 599px) { #header-new .wrap, #footer-new .wrap, #page-main .wrap { padding-left: 10px; padding-right: 10px; margin: 40px auto; } #page-main .title { font-size: 24px; } #page-main .title-wrap { text-align: center; margin-bottom: 20px; } } /* Original: /glavnaya/css/header-footer.css */ #leave-request-big-form-wrap { display: none; justify-content: center; align-items: flex-start; position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); overflow: auto; padding: 30px 10px; } #leave-request-big-form-wrap .leave-request-big-form { padding: 30px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.3); background: #fff; position: relative; width: 100%; max-width: 400px; } #leave-request-big-form-wrap .leave-request-big-form-close { position: absolute; z-index: 2; top: 0px; right: 0px; padding: 0 10px; font-size: 30px; cursor: pointer; line-height: 1; } #leave-request-big-form-wrap .leave-request-big-form-title { text-align: center; font-size: 30px; margin-bottom: 20px; } #leave-request-big-form-wrap .jform__btn { margin: 0 auto; } #header-new .wrap { margin: 0 auto; max-width: 1470px !important; } #header-new { position: fixed; z-index: 100; top: 0; left: 0; right: 0; line-height: 1; background: #fafafa; border-bottom: 1px solid rgba(0,0,0,0.3); display: flex; flex-direction: column; } #header-new .header-top-wrap { background: #2E7D32; } #header-new .header-top { height: 60px; display: flex; justify-content: space-between; color: #fff; position: relative; } #header-new .header-top .time-tel-mail { width: 100%; display: flex; justify-content: space-between; align-items: center; } #header-new .header-top .time, #header-new .header-top .tel, #header-new .header-top .mail, #header-new .header-top .address { width: 50%; display: flex; align-items: center; box-sizing: border-box; white-space: nowrap; } #header-new .header-top .time { } #header-new .header-top .tel { justify-content: flex-end; padding-right: 25px; box-sizing: border-box; font-size: 25px; font-weight: bold; } #header-new .header-top .mail { order: 2; justify-content: flex-end; } #header-new .header-top .address { padding-left: 25px; } #header-new .header-top .address-info { line-height: 1.2; } #header-new .header-top .time-pic-wrap, #header-new .header-top .tel-pic-wrap, #header-new .header-top .mail-pic-wrap, #header-new .header-top .address-pic-wrap { margin-right: 15px; display: flex; align-items: center; flex-shrink: 0; } #header-new .header-top .tel-pic-wrap { font-weight: bold; } #header-new .header-bot { display: flex; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; height: 130px; } #header-new .header-bot .logo { width: 195px; text-align: center; color: #2E7D32; align-self: center; text-decoration: none !important; } #header-new .header-bot .logo-pic-wrap { margin-bottom: 12px; } #header-new .header-bot .logo-text { line-height: 1.2; } #header-new .header-bot .menu-request-search-wrap { display: flex; flex-direction: column; justify-content: space-between; } #header-new .header-bot .menu-request-wrap { display: flex; justify-content: space-between; align-items: center; } #header-new .header-bot .menu { display: flex; color: #4F4F4F; margin-right: 50px; line-height: 1.2; position: relative; z-index: 5; white-space: nowrap; } #header-new .header-bot .menu > .menu-main:first-child { padding-left: 0; } #header-new .header-bot .menu-main { padding: 10px 10px; } #header-new .header-bot .menu-submain { margin-left: -20px; margin-top: 10px; position: absolute; z-index: 5; padding: 5px 20px 20px; background: #fafafa; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); display: none; } #header-new .header-bot .menu > li:hover .menu-submain { display: block; } #header-new .header-bot .menu-submain-item { margin-top: 15px; } #header-new .header-bot .request { padding: 14px 26px; font-weight: bold; /* color: #FE9307; background: #FAFAFA; border: 1px solid #FE9307; */ border-radius: 5px; text-align: center; cursor: pointer; color: #fff; background: #A84A00; } #header-new .header-bot .request-link { display: block; padding: 14px 26px; font-weight: bold; color: #A84A00; background: #FAFAFA; border: 1px solid #A84A00; border-radius: 5px; text-align: center; cursor: pointer; text-decoration: none; } #header-new .header-bot .search { position: relative; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 5px; padding-left: 55px; background: #EFEFEF; } #header-new .header-bot .search-but { position: absolute; z-index: 2; top: 0; left: 0; width: 40px; height: 40px; background: url("/glavnaya/images/icons/lupa.png") no-repeat center transparent; cursor: pointer; } #header-new .header-bot .search-field { height: 40px; width: 100%; } /*===================================================================*/ #footer-new { background: #4F4F4F; color: #fff; padding: 40px 0; } #footer-new .wrap { margin: 0 auto; max-width: 1470px !important; } #footer-new .footer-top-in { display: flex; justify-content: space-between; } #footer-new .footer-top-in-info { padding: 40px 0 30px; width: calc(100% - 410px); border-bottom: 1px solid rgba(129,199,123,1); display: flex; justify-content: space-between; flex-wrap: wrap; } #footer-new .footer-top-in-info > * { width: 50%; } #footer-new .footer-top-in-info-logo { display: block; width: 195px; text-align: center; text-decoration: none !important; } #footer-new .footer-top-in-info-logo-pic-wrap { margin-bottom: 12px; } #footer-new .footer-top-in-info-menu { display: flex; justify-content: space-between; } #footer-new .footer-top-in-info-menu-1 { margin-right: 40px; } #footer-new .footer-top-in-info-menu-1 li, #footer-new .footer-top-in-info-menu-2 li { margin-bottom: 15px; } #footer-new .footer-top-in-info-menu-1 li:last-child, #footer-new .footer-top-in-info-menu-2 li:last-child { margin-bottom: 0; } #footer-new .footer-top-in-info-contacts { display: flex; flex-direction: column; justify-content: flex-end; padding-top: 15px; } #footer-new .footer-top-in-info-contacts > div { display: flex; line-height: 1; margin-top: 15px; } #footer-new .footer-top-in-info-contacts .address { line-height: 1.2; } #footer-new .footer-top-in-info-contacts .address-pic-wrap, #footer-new .footer-top-in-info-contacts .time-pic-wrap, #footer-new .footer-top-in-info-contacts .tel-pic-wrap, #footer-new .footer-top-in-info-contacts .mail-pic-wrap { display: flex; align-self: center; margin-right: 15px; } #footer-new .footer-top-in-info-soc { display: flex; flex-direction: column; justify-content: flex-end; text-align: right; } #footer-new .footer-top-in-info-soc-title { margin-bottom: 15px; } #footer-new .footer-top-in-info-soc-link { display: flex; justify-content: flex-end; } #footer-new .footer-top-in-info-soc-link li { margin-right: 15px; } #footer-new .footer-top-in-info-soc-link li:last-child { margin-right: 0; } #footer-new .footer-top-in-form-wrap-outer { order: 2; display: flex; } #footer-new .footer-top-in-form-wrap { padding: 50px; display: flex; align-items: center; justify-content: center; border: 1px solid #FE9307; } #footer-new .footer-top-in-form { max-width: 240px; } #footer-new .footer-top-in-form-title { font-weight: bold; text-align: center; margin-bottom: 30px; font-size: 20px; } #footer-new .footer-top-in-form-chank .jform__row { display: block; } #footer-new .footer-top-in-form-chank .jform__field.jform__input { font-family: arial; display: block; padding: 14px 26px; max-width: 240px; height: 45px; background: #FAFAFA; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 5px; margin: 20px auto; font-size: 16px; font-weight: normal; width: 100%; } #footer-new .footer-top-in-form-chank .jform__btn.size { font-family: arial; display: block; margin: 30px auto 0; padding: 14px; width: 100%; height: auto; max-width: 240px; background: #FFFFFF; border: 1px solid #FE9307; box-sizing: border-box; border-radius: 5px; font-weight: bold; line-height: 1; color: #FE9307; text-align: center; font-size: 16px; cursor: pointer; } #footer-new .footer-top-in-info { order: 0; } #footer-new .footer-bot-in { display: flex; justify-content: space-between; padding-top: 40px; } @media only screen and (max-width: 1199px) { #header-new .header-top .tel { padding-right: 20px; } #header-new .header-top .address { padding-left: 0; } #header-new .header-top .time-pic-wrap, #header-new .header-top .tel-pic-wrap, #header-new .header-top .mail-pic-wrap, #header-new .header-top .address-pic-wrap { margin-right: 10px; } #footer-new { padding: 0 0 40px; } #footer-new .footer-top-in { display: block; } #footer-new .footer-top-in-form-wrap-outer { background: #fafafa; margin: 0 -15px; padding: 50px 15px 50px; display: block; } #footer-new .footer-top-in-form-wrap { margin: 0 auto; max-width: 340px; box-sizing: border-box; background: #fff; padding: 50px 0; color: #000; } #footer-new .footer-top-in-form { max-width: 240px; } #footer-new .footer-top-in-form-title { color: #000; } #footer-new .footer-top-in-info { padding: 50px 0 30px; width: auto; } } @media only screen and (min-width: 1024px) { #header-new .header-bot .menu-toggle { display: none; } #header-new .header-bot .menu { display: flex !important; } } @media only screen and (max-width: 1023px) { body { padding-top: 0px; } #header-new { position: static; } #header-new .header-bot { display: block; height: auto; position: relative; padding-top: 5px; } #header-new .header-bot .logo { display: flex; flex-direction: column; justify-content: space-between; height: 94px; margin: 0 auto; } #header-new .header-bot .logo-pic-wrap { margin-bottom: 0; } #header-new .header-bot .menu-request-wrap { display: block; } #header-new .header-bot .menu-toggle { display: block; position: absolute; top: 27px; left: 15px; width: 35px; height: 41px; cursor: pointer; } #header-new .header-bot .menu-toggle-e { background: #FE9307; width: 100%; height: 7px; position: absolute; left: 0; } #header-new .header-bot .menu-toggle-e.e1 { top: 0px; } #header-new .header-bot .menu-toggle-e.e2 { top: 11px; } #header-new .header-bot .menu-toggle-e.e3 { top: 22px; } #header-new .header-bot .menu-toggle.active .menu-toggle-e.e2 { display: none; } #header-new .header-bot .menu-toggle.active .menu-toggle-e.e1 { top: calc(50% - 8px); transform: rotate(-45deg); } #header-new .header-bot .menu-toggle.active .menu-toggle-e.e3 { top: calc(50% - 8px); transform: rotate(45deg); } #header-new .header-bot .menu-wrap { margin: 0 -15px; padding: 5px 15px; } #header-new .header-bot .menu { display: none; margin-right: 0; padding: 5px 0; } #header-new .header-bot .menu-submain { margin-left: 0; position: static; display: block; box-shadow: none; padding: 0 0 0 15px; } #header-new .header-bot .menu-main { padding: 10px 0px; } #header-new .header-bot .request { position: absolute; top: 27px; right: 15px; } #header-new .header-bot .request-link { position: absolute; top: 27px; right: 15px; } #header-new .header-top-wrap { order: 2; padding-top: 10px; padding-bottom: 10px; } #header-new .header-top { flex-wrap: wrap; height: auto; } #header-new .header-top .address { order: 0; padding-bottom: 10px; } #header-new .header-top .time{ order: 3; } #header-new .header-top .tel { order: 2; padding-right: 0; } #header-new .header-top .mail { order: 4; } } @media only screen and (max-width: 799px) { #header-new .header-bot .request { top: 27px; width: 35px; height: 35px; padding: 0; background: url("/glavnaya/images/icons/request.webp") no-repeat; color: transparent; border: 0; overflow: hidden; } #header-new .header-bot .request-link { top: 27px; width: 35px; height: 35px; padding: 0; background: url("/glavnaya/images/icons/request.webp") no-repeat; color: transparent; border: 0; overflow: hidden; } #footer-new .footer-top-in-info-logo-wrap { width: 100%; display: flex; justify-content: center; } #footer-new .footer-top-in-info-menu { width: 100%; justify-content: center; padding: 40px 0; } #footer-new .footer-top-in-info-menu-1 { margin-right: 60px; } } @media only screen and (max-width: 599px) { #header-new .header-top { text-align: center; flex-direction: column; padding-top: 10px; } #header-new .header-top .time, #header-new .header-top .tel, #header-new .header-top .mail, #header-new .header-top .address { width: auto; justify-content: center; order: 0; margin-bottom: 15px; } #header-new .header-top .address { margin-bottom: 0px; white-space: normal; text-align: left; } #header-new .header-top .address-pic-wrap { flex-shrink: 0; align-self: flex-start; } #header-new .header-top .address-info br { display: none; } #header-new .header-bot .request { right: 10px; } #header-new .header-bot .request-link { right: 10px; } #header-new .header-bot .logo { width: 170px; height: 74px; } #header-new .header-bot .logo-text { font-size: 14px; white-space: nowrap; } #header-new .header-bot .menu-toggle { left: 10px; } #header-new .header-bot .menu-wrap { margin: 0 -10px; padding: 5px 10px; } #footer-new .footer-top-in-form-wrap-outer { margin: 0 -10px; padding: 0px 10px 30px; } #footer-new .footer-top-in-form-wrap { padding: 30px 0 35px; } #footer-new .footer-top-in-info-menu { display: block; text-align: center; padding: 55px 0 30px; } #footer-new .footer-top-in-info-menu-1 li:last-child, #footer-new .footer-top-in-info-menu-2 li:last-child { margin-bottom: 15px; } #footer-new .footer-top-in-info-menu-1 { margin-right: 0; } #footer-new .footer-top-in-info-contacts { width: 100%; padding-top: 0; } #footer-new .footer-top-in-info-contacts > div { margin: 15px auto; text-align: center; } #footer-new .footer-top-in-info-contacts .address { justify-content: center; } #footer-new .footer-top-in-info-contacts .address-pic-wrap { flex-shrink: 0; align-self: flex-start; } #footer-new .footer-top-in-info-contacts .address-info { text-align: left; } #footer-new .footer-top-in-info-contacts .address-info br { display: none; } #footer-new .footer-top-in-info-soc { width: 100%; text-align: center; padding-top: 30px; } #footer-new .footer-top-in-info-soc-link { justify-content: center; } #footer-new .footer-bot-in { display: block; text-align: center; padding-top: 30px; } #footer-new .footer-bot-in-sequrity { margin-bottom: 10px; } } /*=======================================================*/ .form_with_file { position: relative; font-size: 16px; } .form_with_file .form-e.title { text-align: center; text-transform: uppercase; font-size: 20px; margin-bottom: 30px; } .form_with_file .form-e { margin-bottom: 20px; } .form_with_file .form-e-name { margin-bottom: 5px; } .form_with_file .form-e-field input { height: 40px; width: 100%; padding: 0 10px; border: 1px solid #c9c9c9; box-sizing: border-box; font-size: 14px; } .form_with_file .form-e-field textarea { height: 100px; width: 100%; padding: 10px; border: 1px solid #c9c9c9; box-sizing: border-box; font-size: 14px; font-family: inherit; } .form_with_file input[type=checkbox] { vertical-align: bottom; margin-right: 5px; width: 17px; font-size: 13px; height: 17px; position: static; opacity: 1; vertical-align: top; } .form_with_file a { color: rgb(85, 26, 139); } .form_with_file button { display: block; width: 140px; padding: 0 21px; height: 40px; line-height: 40px; cursor: pointer; font-size: 16px; text-transform: uppercase; background-color: #81c784; margin: 40px auto 0; border: none; } /* Original: /glavnaya/css/page-main.css */ .m {display:flex;justify-content: space-between;font-size: 50px;} .m-l {width:75%;height: 2000px;} .m-r {width:25%;background:#ff0;overflow:visible;} .m-r-info {color:#f00;position:sticky;top:20px;} #page-main1 .product .wrap { margin: 0 auto; max-width: 1470px !important; } #page-main1 .product { padding: 50px 0; /*background: url("/glavnaya/images/page-main/product-slider/product-slider-fon.jpg") center no-repeat; background-size: cover;*/ } #page-main1 .product-form-wrap { position: relative; margin: 0 auto; max-width: 1470px; } #page-main1 .product-form { position: absolute; z-index: 10; top: -365px; right: 20px; padding: 50px; background: #fff; height: 350px; } #page-main1 .product-form-in { width: 240px; } #page-main1 .product-form-in-title { font-weight: bold; text-align: center; margin-bottom: 30px; font-size: 20px; } #page-main1 .product-form-in-chank .jform__row { display: block; } #page-main1 .product-form-in-chank .jform__field.jform__input { font-family: arial; display: block; padding: 14px 26px; max-width: 240px; height: 45px; background: #FAFAFA; border: 1px solid #BDBDBD; box-sizing: border-box; border-radius: 5px; margin: 20px auto; font-size: 16px; font-weight: normal; width: 100%; } #page-main1 .product-form-in-chank .jform__btn.size { font-family: arial; display: block; margin: 30px auto 0; padding: 14px; width: 100%; height: auto; max-width: 240px; background: #FFFFFF; border: 1px solid #FE9307; box-sizing: border-box; border-radius: 5px; font-weight: bold; line-height: 1; color: #FE9307; text-align: center; font-size: 16px; cursor: pointer; } #page-main1 .product-slider-e { background: rgba(255,255,255,0.5); } #page-main1 .product-slider-e-in { height: 280px; display: flex; align-items: center; } #page-main1.top .product-slider-e-in { max-width: 1470px; padding: 0 15px; margin: 0 auto; } #page-main1 .product-slider-e-info { width: calc(100% - 400px); } #page-main1 .product-slider-e-info-title { font-weight: bold; font-size: 40px; line-height: 57px; } #page-main1 .product-slider-e-info-sep { width: 40px; border-top: 3px solid #000; margin: 20px 0 15px; } #page-main1 .product-slider-e-info-subtitle { font-size: 35px; } #page-main1 .product-slider-e-info-more { display: inline-block; padding: 14px 26px; background: #FE9307; border-radius: 5px; color: #fff; line-height: 1; } #page-main1 .product-slider .slick-dots { position: static; padding-left: 15px; padding-right: 15px; max-width: 1470px; margin: 20px auto 0; box-sizing: border-box; } #page-main1 .product-slider .slick-arrow { z-index: 15; top: calc(50% - 38px); } #page-main .catalog { color: #4F4F4F; } #page-main .catalog-subtitle { text-align: center; } #page-main .catalog-slider { display: flex; justify-content: space-between; } #page-main .catalog-slider-menu { flex-shrink: 0; width: 320px; } #page-main .catalog-slider-menu-list > li { height: 56px; line-height: 1.2; border: 1px solid transparent; border-bottom-color: rgba(129,199,123,1); text-align: center; cursor: pointer; position: relative; } #page-main .catalog-slider-menu-list > li:first-child { border-top-color: rgba(129,199,123,1); } #page-main .catalog-slider-menu-list > li.active { height: 58px; border-color: #FE9307; color: #FE9307; font-weight: bold; position: relative; z-index: 2; top: -1px; } .catalog-slider-menu-list-e { height: 56px; display: flex; justify-content: center; align-items: center; } #page-main .catalog-slider-menu-list > li.active .catalog-slider-menu-list-e { height: 58px; display: flex; justify-content: center; align-items: center; } .catalog-slider-menu-list-e-sub { display: none; position: absolute; z-index: 5; max-width: 200px; padding-top: 15px !important; padding-bottom: 10px !important; top: 100%; right: calc(0% - 1px); color: #000; text-align: left; background: #fff; background: #FAFAFA; border-left: 1px solid #FE9307 !important; border-right: 1px solid #FE9307 !important; border-bottom: 1px solid #FE9307 !important; } #page-main .catalog-slider-menu-list-e-sub-title { margin-top: 15px !important; padding-left: 15px !important; font-weight: bold; } #page-main .catalog-slider-menu-list-e-sub-title:first-child { margin-top: 0 !important; } .catalog-slider-menu-list-e-sub li { margin-bottom: 5px !important; padding-left: 30px !important; padding-right: 15px !important; font-weight: normal; } .catalog-slider-menu-list > li:hover > .catalog-slider-menu-list-e-sub { display: block; } /*===========================================================*/ #page-main .catalog-slider-cont { width: 960px; } #page-main .catalog-slider-cont-part { display: flex; flex-wrap: wrap; } #page-main .catalog-slider-cont-part-e { width: 240px; background: #fff; border-radius: 5px; overflow: hidden; text-align: center; text-decoration: none; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); margin-right: 120px; } #page-main .catalog-slider-cont-part-e:nth-child(n + 4) { margin-top: 45px; } #page-main .catalog-slider-cont-part-e:nth-child(3n) { margin-right: 0; } #page-main .catalog-slider-cont-part-e:hover { box-shadow: 0 0 0 1px rgba(129,199,123,1); } #page-main .catalog-slider-cont-part-e-pic-wrap { position: relative; height: 240px; overflow: hidden; } #page-main .catalog-slider-cont-part-e-pic-wrap img { min-height: 240px; width: 240px; height: 240px; } #page-main .catalog-slider-cont-part-e:hover .catalog-slider-cont-part-e-pic-wrap:after { content: 'Перейти'; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; background: rgba(129,199,123,0.7); display: flex; justify-content: center; align-items: center; font-size: 25px; font-weight: bold; } #page-main .catalog-slider-cont-part-e-name { padding: 25px 15px; color: #4F4F4F; } #page-main .catalog-slider-cont-part-e:hover .catalog-slider-cont-part-e-name { font-weight: bold; } #page-main .why-info { display: flex; flex-wrap: wrap; justify-content: space-between; } #page-main .why-info-e { width: 32%; padding: 30px 20px; box-sizing: border-box; background: #EFEFEF; border-radius: 5px; display: flex; flex-direction: column; text-align: center; } #page-main .why-info-e:nth-child(n + 4) { margin-top: 30px; } #page-main .why-info-e-pic-wrap img { height: 80px; width: 80px; /*width: auto;*/ } #page-main .why-info-e-title { margin: 30px 0 20px; } #page-main .why-info-e-desc { display: flex; align-items: flex-end; } #page-main .guarantee { display: flex; justify-content: space-between; } #page-main .guarantee-why { flex-shrink: 0; width: 32%; padding: 30px; box-sizing: border-box; background: #fff; display: flex; flex-direction: column; } #page-main .guarantee-why-title { font-size: 20px; color: #f00; } #page-main .guarantee-why-pic-wrap { flex-grow: 1; display: flex; justify-content: center; align-items: flex-end; } #page-main .guarantee-part { width: 66%; display: flex; flex-wrap: wrap; } #page-main .guarantee-part-e { width: 50%; padding: 30px; box-sizing: border-box; text-align: center; } #page-main .guarantee-part-e-pic-wrap { width: 110px; height: 110px; background: #fff; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto; } #page-main .guarantee-part-e-pic-wrap img { width: 71px; height: 68px; } #page-main .guarantee-part-e-title { margin: 30px 0 20px; } #page-main .guarantee-part-e-desc { } #page-main .stage-info { display: flex; justify-content: space-between; flex-wrap: wrap; } #page-main .stage-info-e { width: 32%; padding: 30px 20px; box-sizing: border-box; text-align: center; background: #fff; position: relative; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); } #page-main .stage-info-e:nth-child(n + 4) { margin-top: 40px; } #page-main .stage-info-e-num { position: absolute; z-index: 2; top: -20px; left: calc(50% - 20px); width: 40px; height: 40px; line-height: 40px; color: #fff; background: #81C784; border-radius: 100%; } #page-main .stage-info-e-title { margin: 30px 0 20px; } #page-main .stage-info-e-desc { margin-top: 20px; } #page-main .stage-info-e-pic-wrap img { width: 198px; height: 198px; } #page-main .about-info-e { padding: 20px; background: #fff; margin-bottom: 20px; } #page-main .about-info-e:last-child { margin-bottom: 0; } #page-main .about-info-e:after { content:''; display: block; clear: both; } #page-main .about-info-e-title { font-weight: bold; color: #FE9307; } #page-main .about-info-e p { margin-top: 20px; } .about-info-e:first-child img { height: 193px; width: 284px; } .about-info-e:last-child img { height: 206px; width: 284px; } #page-main .sertificat-slider-e { padding: 0 10px; } .sertificat-slider-e img { width: 180px; height: 255px; } #page-main .sertificat-slider .slick-arrow { top: calc(50% - 38px); } #page-main .sertificat-slider .slick-dots { position: static; padding-left: 15px; padding-right: 15px; max-width: 1470px; margin: 20px auto 0; box-sizing: border-box; justify-content: center; } #page-main .sertificat-slider .slick-dots li { margin: 0 5px; } .footer-top-in-info-soc-link img { width: 40px; height: 40px; } .header-top-wrap img, .footer-top-in-info-contacts img { height: 15px; width: 15px; } .footer-top-in-info-logo-pic-wrap img { width: 195px; height: 44px; } ._org { opacity: 0; position: absolute; } @media only screen and (max-width: 1399px) { #page-main .catalog-slider-menu { width: 240px; } #page-main .catalog-slider-cont { width: 860px; } #page-main .catalog-slider-cont-part-e { margin-right: 70px; } } @media only screen and (max-width: 1199px) { #page-main .catalog-slider-menu { width: 200px; } #page-main .catalog-slider-cont { width: 760px; } #page-main .catalog-slider-cont-part-e { margin-right: 20px; } } @media only screen and (max-width: 1023px) { #page-main1 .product-slider-e-info-sep { margin: 20px auto 15px; } #page-main1 .product-slider-e-in { justify-content: center; } #page-main1 .product-slider-e-info { width: auto; text-align: center; } #page-main1 .product-slider .slick-dots { justify-content: center; } #page-main1 .product-form-wrap { margin: 60px auto; } #page-main1 .product-form { position: static; } #page-main1 .product-form { display: flex; align-items: center; justify-content: center; border: 1px solid #FE9307; margin: 0 auto; max-width: 340px; box-sizing: border-box; background: #fff; padding: 50px 0; } #page-main .catalog-slider { display: block; justify-content: space-between; } #page-main .catalog-slider-menu { width: auto; } #page-main .catalog-slider-menu-list { display: flex; flex-wrap: wrap; justify-content: space-between; /*! height: 130px; */ margin-bottom: 30px; } #page-main .catalog-slider-menu-list li { width: 32%; padding: 0 5px; box-sizing: border-box; border: 1px solid rgba(129,199,123,1); } #page-main .catalog-slider-menu-list li.active { height: 56px; border-color: #FE9307; color: #FE9307; font-weight: bold; position: static; } #page-main .catalog-slider-cont { width: auto; } #page-main .catalog-slider-cont-part-e { margin-right: 25px; } #page-main .why-info-e { width: calc(50% - 10px); } #page-main .why-info-e:nth-child(n + 3) { margin-top: 30px; } #page-main .guarantee { display: block; } #page-main .guarantee-why { width: auto; margin-bottom: 30px; } #page-main .guarantee-why-title { font-size: 30px; text-align: center; } #page-main .guarantee-why-title br { display: none; } #page-main .guarantee-part { width: auto; } #page-main .stage-info-e { width: calc(50% - 10px); } #page-main .stage-info-e:nth-child(n + 3) { margin-top: 40px; } } @media only screen and (max-width: 799px) { #page-main .catalog-slider-menu-list li { width: 33%; } #page-main .catalog-slider-cont-part-e:nth-child(n + 3) { margin-top: 30px; } #page-main .catalog-slider-cont-part { justify-content: space-between; } #page-main .catalog-slider-cont-part-e { margin-right: 0 !important; width: calc(50% - 10px); } #page-main .guarantee-part { justify-content: space-between; } #page-main .guarantee-part-e { width: calc(50% - 20px); padding: 0; } #page-main .about-info-e img { width: 40%; } .sertificat-slider-e img { width: 170px; height: 240px; } } @media only screen and (max-width: 600px) { #page-main1 .product-slider-e-info-title { font-weight: bold; font-size: 30px; line-height: 1.2; } #page-main1 .product-slider-e-info-subtitle { font-size: 22px; } #page-main1 .product-form-wrap { margin: 45px auto; } #page-main1 .product-form { padding: 30px 0 35px; } #page-main .catalog-slider-menu-list { margin-bottom: 10px; } #page-main .catalog-slider-cont-part-e-name { padding: 15px 10px; } #page-main .catalog-slider-cont-part-e { width: calc(50% - 5px); } #page-main .catalog-slider-cont-part-e:nth-child(n + 3) { margin-top: 20px; } #page-main .catalog-slider-cont-part-e-pic-wrap { height: 160px; } #page-main .catalog-slider-cont-part-e-pic-wrap img { min-height: 160px; } #page-main .why-info-e { width: 100%; } #page-main .why-info-e:nth-child(n + 2) { margin-top: 30px; } #page-main .guarantee-why { padding: 30px 10px; } #page-main .guarantee-why-title { font-size: 24px; text-align: center; } #page-main .guarantee-part-e { width: 100%; } #page-main .guarantee-part-e:nth-child(n + 2) { margin-top: 30px; } #page-main .stage-info-e { width: 100%; } #page-main .stage-info-e:nth-child(n + 2) { margin-top: 40px; } #page-main .about-info-e { padding: 20px 10px; } #page-main .about-info-e img { display: block; float: none; width: auto; margin: 0 auto 20px; } .sertificat-slider-e img { width: 158px; height: 223px; } } @media only screen and (max-width: 374px) { #page-main .catalog-slider-menu-list li { font-size: 14px; line-height: 1.2; } #page-main .catalog-slider-cont-part-e-name { font-size: 14px; line-height: 1.2; } } /* PageSpeed: безопасные исправления контраста и пропорций логотипа */ #header-new .header-bot .logo-pic-wrap img { display: block; width: 100%; height: auto; } #page-main1 .product-form-in-chank .jform__btn.size, #footer-new .footer-top-in-form-chank .jform__btn.size { color: #A84A00; border-color: #A84A00; } #page-main .catalog-slider-menu-list > li.active, #page-main .about-info-e-title { color: #A84A00; border-color: #A84A00; } /* Original: /glavnaya/slick/slick.css */ /* 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; margin-left: auto; margin-right: auto; } .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; } #page-main .slick-arrow { position: absolute; z-index: 10; top: calc(50% - 18px); width: 35px; height: 35px; background: url("/glavnaya/slick/arrow.png") no-repeat; text-indent: 40px; overflow: hidden; cursor: pointer; } #page-main .slick-arrow.slick-prev { left: 15px; } #page-main .slick-arrow.slick-next { right: 15px; transform: scalex(-1); } #page-main .slick-dots { position: absolute; width: 100%; top: calc(100% + 10px); text-align: center; display: flex; } #page-main .slick-dots li { display: inline-block; width: 20px; height: 20px; background: #fff; border-radius: 100%; overflow: hidden; margin-right: 10px; cursor: pointer; border: 1px solid #aaa; } #page-main .slick-dots li:last-child { margin-right: 0; } #page-main .slick-dots li.slick-active { background: #1a1a1a; } #page-main .slick-dots li button { text-indent: 40px; width: 15px; height: 15px; cursor: pointer; background: transparent; } @media only screen and (max-width: 600px) { #page-main .slick-arrow.slick-prev { left: 10px; } #page-main .slick-arrow.slick-next { right: 10px; } } /* Previously injected by alp-home-hero-polish-v1.js; external for Fenom compatibility. */ /* ALPLASTROY HOME HERO POLISH V1 */ #page-main1.alp-stage2-first-screen{isolation:isolate!important;} #page-main1.alp-stage2-first-screen::before{background:linear-gradient(90deg,rgba(18,58,37,.96) 0%,rgba(26,72,47,.90) 43%,rgba(39,91,62,.56) 72%,rgba(39,91,62,.28) 100%)!important;} #page-main1 .alp-stage2-hero__inner{max-width:1320px!important;} #page-main1 .alp-stage2-hero__title{max-width:720px!important;letter-spacing:-.04em!important;text-wrap:balance;} #page-main1 .alp-stage2-hero__lead{max-width:680px!important;} #page-main1 .alp-stage2-hero__benefits li{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.08))!important;border-color:rgba(255,255,255,.24)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;} #page-main1 .alp-stage2-button--primary{border-radius:11px!important;box-shadow:0 12px 30px rgba(92,39,0,.30)!important;} #page-main1 .alp-stage2-button--secondary{border-radius:11px!important;background:rgba(255,255,255,.07)!important;backdrop-filter:blur(6px);} #page-main1 .alp-stage2-card{border:1px solid rgba(28,83,51,.10)!important;border-radius:20px!important;box-shadow:0 24px 70px rgba(10,38,24,.26)!important;} #page-main1 .alp-stage2-card__badge{font-size:11px!important;letter-spacing:.045em!important;} @media (min-width:1024px){ #page-main1 .alp-stage2-hero__inner{min-height:650px!important;padding:46px 0 52px!important;grid-template-columns:minmax(0,1fr) minmax(400px,440px)!important;gap:clamp(44px,5vw,72px)!important;} #page-main1 .alp-stage2-hero__content{max-width:730px!important;} #page-main1 .alp-stage2-hero__title{font-size:clamp(46px,3.7vw,60px)!important;line-height:1.04!important;} #page-main1 .alp-stage2-hero__lead{margin:19px 0 24px!important;font-size:18px!important;} #page-main1 .alp-stage2-hero__benefits{max-width:660px!important;margin-bottom:24px!important;} #page-main1 .alp-stage2-hero__benefits li{min-height:72px!important;padding:12px 14px!important;border-radius:12px!important;} #page-main1 .alp-stage2-card{padding:30px 28px!important;} } @media (max-width:1023px){ #page-main1.alp-stage2-first-screen::before{background:linear-gradient(180deg,rgba(18,58,37,.96) 0%,rgba(29,78,51,.88) 58%,rgba(38,91,62,.78) 100%)!important;} #page-main1 .alp-stage2-hero__inner{min-height:auto!important;grid-template-columns:1fr!important;align-items:start!important;} #page-main1 .alp-stage2-card{width:min(100%,560px)!important;} } @media (max-width:767px){ #page-main1.alp-stage2-first-screen{background-position:42% center!important;} #page-main1 .alp-stage2-hero__inner{width:calc(100% - 24px)!important;padding:22px 0 30px!important;gap:20px!important;} #page-main1 .alp-stage2-hero__content{box-sizing:border-box!important;width:100%!important;max-width:none!important;padding:20px 16px 17px!important;background:linear-gradient(180deg,rgba(14,52,33,.46),rgba(19,62,40,.30))!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:20px!important;box-shadow:0 16px 42px rgba(5,32,18,.17)!important;backdrop-filter:blur(3px);} #page-main1 .alp-stage2-hero__eyebrow{min-height:27px!important;margin:0 0 13px!important;padding:0 10px!important;font-size:10px!important;background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;} #page-main1 .alp-stage2-hero__title{max-width:100%!important;font-size:clamp(34px,9.2vw,40px)!important;line-height:1.035!important;letter-spacing:-.035em!important;} #page-main1 .alp-stage2-hero__lead{margin:15px 0 18px!important;font-size:15.5px!important;line-height:1.45!important;color:rgba(255,255,255,.90)!important;} #page-main1 .alp-stage2-hero__benefits{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;margin:0 0 18px!important;max-width:none!important;} #page-main1 .alp-stage2-hero__benefits li{min-width:0!important;min-height:72px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding:9px 8px!important;border-radius:11px!important;background:rgba(255,255,255,.10)!important;} #page-main1 .alp-stage2-hero__benefits strong{margin:0 0 3px!important;font-size:15px!important;line-height:1.12!important;white-space:nowrap!important;} #page-main1 .alp-stage2-hero__benefits span{font-size:10.5px!important;line-height:1.2!important;color:rgba(255,255,255,.76)!important;} #page-main1 .alp-stage2-hero__actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;} #page-main1 .alp-stage2-button{width:100%!important;min-height:50px!important;padding:0 15px!important;border-radius:11px!important;font-size:14.5px!important;} #page-main1 .alp-stage2-button--primary{box-shadow:0 10px 25px rgba(92,39,0,.25)!important;} #page-main1 .alp-stage2-button--secondary{background:rgba(255,255,255,.075)!important;} #page-main1 .alp-stage2-hero__note{max-width:100%!important;margin:12px auto 0!important;padding:0 2px!important;font-size:11px!important;line-height:1.35!important;text-align:center!important;white-space:normal!important;color:rgba(255,255,255,.72)!important;} #page-main1 .alp-stage2-card{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:22px 16px 18px!important;border-radius:20px!important;border:1px solid rgba(28,83,51,.09)!important;box-shadow:0 18px 46px rgba(8,35,22,.22)!important;} #page-main1 .alp-stage2-card__badge{min-height:27px!important;padding:0 10px!important;margin-bottom:11px!important;font-size:10px!important;} #page-main1 .alp-stage2-card h2{margin-bottom:8px!important;font-size:24px!important;line-height:1.12!important;letter-spacing:-.02em!important;} #page-main1 .alp-stage2-card__description{margin-bottom:16px!important;font-size:13.5px!important;line-height:1.42!important;} #page-main1 .alp-stage2-form__grid{gap:10px!important;} #page-main1 .alp-stage2-form .jform__field.jform__input{min-height:48px!important;height:48px!important;border-radius:10px!important;font-size:16px!important;} #page-main1 .alp-stage2-form textarea.jform__field.jform__input,#page-main1 .alp-stage2-form .alp-stage2-form__textarea{min-height:96px!important;height:96px!important;border-radius:10px!important;font-size:16px!important;} #page-main1 .alp-stage2-form__file-input{border-radius:10px!important;} #page-main1 .alp-stage2-form .jform__btn.size,#page-main1 .alp-stage2-form__submit{min-height:52px!important;border-radius:11px!important;font-size:15px!important;} #page-main1 .alp-stage2-card__privacy{margin-top:10px!important;font-size:9.5px!important;} } @media (max-width:360px){ #page-main1 .alp-stage2-hero__inner{width:calc(100% - 18px)!important;} #page-main1 .alp-stage2-hero__content{padding:17px 13px 15px!important;border-radius:17px!important;} #page-main1 .alp-stage2-hero__title{font-size:32px!important;} #page-main1 .alp-stage2-hero__benefits{gap:5px!important;} #page-main1 .alp-stage2-hero__benefits li{padding:8px 6px!important;} #page-main1 .alp-stage2-hero__benefits strong{font-size:13.5px!important;} #page-main1 .alp-stage2-hero__benefits span{font-size:9.5px!important;} } @media (prefers-reduced-motion:reduce){#page-main1 .alp-stage2-button{transition:none!important;}} /* END alp-home-critical-v2.css — existing homepage critical rules */ /* BEGIN alp-core-recovery-v1.css — existing shared recovery rules */ /* Existing UI recovery rules, externalized without selector changes. */ html, body { max-width: 100%; overflow-x: hidden !important; } html body #header-new, html body main.scroller, html body #footer-new { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html body .fixed-button, html body .fixed-button.alp-messenger-ready { position: fixed !important; left: auto !important; right: 16px !important; bottom: calc(68px + env(safe-area-inset-bottom, 0px)) !important; width: 0 !important; height: 0 !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; box-sizing: border-box !important; z-index: 999990 !important; } html body .fixed-button .alp-messenger-toggle, html body .fixed-button.alp-messenger-ready .alp-messenger-toggle { display: none !important; } html body .fixed-button .popup, html body .fixed-button.alp-messenger-ready .popup, html body .fixed-button.alp-messenger-ready.is-open .popup { position: absolute !important; right: 0 !important; bottom: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; gap: 6px !important; width: 42px !important; min-width: 42px !important; max-width: 42px !important; height: auto !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; overflow: visible !important; transform: none !important; transition: none !important; box-sizing: border-box !important; } html body .fixed-button .popup .popup-button, html body .fixed-button.alp-messenger-ready .popup .popup-button { display: flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; max-width: 42px !important; flex: 0 0 42px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; background-color: #ffffff !important; box-shadow: 0 4px 10px rgba(0, 0, 0, .24) !important; animation: none !important; transform: none !important; box-sizing: border-box !important; } html body .fixed-button .popup-button img, html body .fixed-button .popup-button svg, html body .fixed-button.alp-messenger-ready .popup-button img, html body .fixed-button.alp-messenger-ready .popup-button svg { width: 21px !important; height: 21px !important; } html body #scroll-to-top { position: fixed !important; right: 15px !important; bottom: calc(12px + env(safe-area-inset-bottom, 0px)) !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; cursor: pointer !important; touch-action: manipulation; box-sizing: border-box !important; z-index: 999991 !important; } html body #scroll-to-top-in { width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; box-sizing: border-box !important; } html body #scroll-to-top-in svg { width: 22px !important; height: 30px !important; } @media only screen and (max-width: 1023px) { html body main.scroller > .scroller__content, html body main.scroller > .scroller__content > .content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html body main.scroller > .scroller__content { padding-right: 0 !important; } html body main.scroller > .scroller__content > .content { margin-right: 0 !important; } html body #header-new .header-bot, html body #header-new .header-bot .menu-wrap, html body #header-new .header-bot .menu { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } html body #header-new .header-bot .menu-wrap { margin-right: 0 !important; margin-left: 0 !important; } html body .layout, html body .layout .scroller__content, html body .layout .content { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } html body .layout .scroller__content { padding-right: 0 !important; } html body .layout .content { margin-right: 0 !important; } } @media only screen and (max-width: 767px) { html body .fixed-button .popup-button .tooltiptext, html body .fixed-button.alp-messenger-ready .popup-button .tooltiptext { display: none !important; } } /* Existing form/mobile recovery rules. */ /* Полноэкранный оверлей; прокручивается только белая панель формы. */ .layout.layout--feedback.layout--enabled { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: auto !important; height: 100vh !important; height: 100dvh !important; min-height: 0 !important; overflow: hidden !important; z-index: 1000000 !important; } .layout.layout--feedback.layout--enabled > .layout__wrapper { top: 0 !important; right: 0 !important; bottom: 0 !important; height: 100% !important; min-height: 0 !important; max-height: 100% !important; overflow-x: hidden !important; overflow-y: auto !important; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: #fff !important; box-sizing: border-box !important; } .layout.layout--feedback.layout--enabled .scroller { height: auto !important; min-height: 100% !important; margin-top: 0 !important; overflow: visible !important; } .layout.layout--feedback.layout--enabled .scroller__content { height: auto !important; min-height: 0 !important; margin-bottom: 0 !important; padding-right: 0 !important; overflow: visible !important; box-sizing: border-box !important; } .layout.layout--feedback.layout--enabled .scroller__track { display: none !important; } .layout.layout--feedback.layout--enabled .content { height: auto !important; min-height: 0 !important; margin-right: 0 !important; padding-bottom: 32px !important; overflow: visible !important; box-sizing: border-box !important; } .layout.layout--feedback.layout--enabled .feedback, .layout.layout--feedback.layout--enabled .feedback__jform, .layout.layout--feedback.layout--enabled .feedback__jform form { height: auto !important; min-height: 0 !important; overflow: visible !important; } .layout.layout--feedback.layout--enabled .feedback__jform form { padding-bottom: 24px !important; } .layout.layout--feedback.layout--enabled button[type="submit"] { position: static !important; margin: 24px auto 0 !important; } body:has(.layout.layout--feedback.layout--enabled) { overflow: hidden !important; } body:has(.layout.layout--feedback.layout--enabled) .fixed-button, body:has(.layout.layout--feedback.layout--enabled) #scroll-to-top { visibility: hidden !important; pointer-events: none !important; } @media only screen and (max-width: 767px) { .layout.layout--feedback.layout--enabled .content { padding-top: 72px !important; padding-right: 20px !important; padding-left: 20px !important; padding-bottom: 32px !important; } } /* END alp-core-recovery-v1.css — existing shared recovery rules */ /* BEGIN alp-stage4-conversion-v1.css — existing conversion rules */ /* ALP Stage 4 conversion layer — 2026-09-26 */ /* Native file inputs used by the legacy feedback forms. */ .form-e > input[type="file"], .form-group > input[type="file"], .alp-stage2-form__file-input { box-sizing: border-box; width: 100%; min-height: 54px; padding: 7px; color: #33463a; font: inherit; background: #f7faf8; border: 1px dashed #9fc0aa; border-radius: 12px; cursor: pointer; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; } .form-e > input[type="file"]::file-selector-button, .form-group > input[type="file"]::file-selector-button, .alp-stage2-form__file-input::file-selector-button { min-height: 38px; margin-right: 12px; padding: 9px 15px; color: #fff; font: 700 14px/1.2 inherit; background: #1f6a3c; border: 0; border-radius: 9px; cursor: pointer; transition: background-color .2s ease, transform .2s ease; } .form-e > input[type="file"]:hover, .form-group > input[type="file"]:hover, .alp-stage2-form__file-input:hover { background: #f0f7f2; border-color: #1f6a3c; } .form-e > input[type="file"]:hover::file-selector-button, .form-group > input[type="file"]:hover::file-selector-button, .alp-stage2-form__file-input:hover::file-selector-button { background: #185530; } .form-e > input[type="file"]:focus-visible, .form-group > input[type="file"]:focus-visible, .alp-stage2-form__file-input:focus-visible { outline: 0; border-color: #1f6a3c; box-shadow: 0 0 0 3px rgba(31, 106, 60, .16); } /* Proof block for the five priority commercial pages. */ .alp-stage4-proof { margin: 36px 0; padding: 28px; color: #183024; background: linear-gradient(145deg, #f4f8f5 0%, #fff 72%); border: 1px solid #d8e6dc; border-radius: 18px; box-shadow: 0 10px 28px rgba(16, 57, 34, .07); } .alp-stage4-proof__header { max-width: 760px; margin-bottom: 22px; } .alp-stage4-proof__eyebrow { display: inline-block; margin-bottom: 7px; color: #1f6a3c; font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .alp-stage4-proof h2 { margin: 0 0 9px; color: #14291e; font-size: clamp(26px, 3vw, 36px); line-height: 1.15; } .alp-stage4-proof__header p { margin: 0; color: #4e6356; font-size: 17px; line-height: 1.55; } .alp-stage4-proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } .alp-stage4-proof__card { overflow: hidden; margin: 0; background: #fff; border: 1px solid #dce8df; border-radius: 14px; } .alp-stage4-proof__card a { display: block; color: inherit; text-decoration: none; } .alp-stage4-proof__card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #eaf1ec; transition: transform .25s ease; } .alp-stage4-proof__card a:hover img { transform: scale(1.025); } .alp-stage4-proof__card figcaption { min-height: 64px; padding: 13px 15px 15px; font-size: 15px; font-weight: 700; line-height: 1.35; } .alp-stage4-proof__facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 22px 0 0; padding: 18px 20px; list-style: none; background: #edf5ef; border-radius: 13px; } .alp-stage4-proof__facts li { position: relative; margin: 0; padding-left: 21px; color: #405448; line-height: 1.45; } .alp-stage4-proof__facts li::before { position: absolute; top: .47em; left: 0; width: 9px; height: 9px; background: #2e7d4b; border-radius: 50%; content: ""; } .alp-stage4-proof__facts strong { color: #173322; } .alp-stage4-proof__actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 20px; } .alp-stage4-proof__action, .alp-stage4-proof .ticket-btn.alp-stage4-proof__action { display: inline-flex; box-sizing: border-box; min-height: 48px; align-items: center; justify-content: center; margin: 0; padding: 11px 18px; color: #fff; font-size: 15px; font-weight: 800; line-height: 1.2; text-align: center; text-decoration: none; background: #1f6a3c; border: 1px solid #1f6a3c; border-radius: 10px; cursor: pointer; } .alp-stage4-proof__action--secondary { color: #1f6a3c; background: #fff; } .alp-stage4-proof__action:hover, .alp-stage4-proof .ticket-btn.alp-stage4-proof__action:hover { color: #fff; background: #185530; border-color: #185530; } .alp-stage4-proof__action--secondary:hover { color: #174e2d; background: #edf5ef; border-color: #8ab49a; } .alp-stage4-calculator-bridge { display: flex; gap: 18px; align-items: center; justify-content: space-between; margin: 18px 0 28px; padding: 16px 18px; color: #264233; background: #edf5ef; border: 1px solid #cfe0d4; border-radius: 12px; } .alp-stage4-calculator-bridge strong, .alp-stage4-calculator-bridge span { display: block; } .alp-stage4-calculator-bridge strong { margin-bottom: 3px; color: #163522; font-size: 17px; } .alp-stage4-calculator-bridge a { flex: 0 0 auto; padding: 10px 15px; color: #fff; font-weight: 800; text-decoration: none; background: #1f6a3c; border-radius: 9px; } @media (max-width: 760px) { .alp-stage4-proof { margin: 26px 0; padding: 20px 16px; border-radius: 15px; } .alp-stage4-proof__grid { grid-template-columns: 1fr; } .alp-stage4-proof__card { display: grid; grid-template-columns: 42% 1fr; } .alp-stage4-proof__card a { display: contents; } .alp-stage4-proof__card img { height: 100%; min-height: 132px; aspect-ratio: auto; } .alp-stage4-proof__card figcaption { display: flex; min-height: 0; align-items: center; } .alp-stage4-proof__facts { grid-template-columns: 1fr; padding: 16px; } .alp-stage4-proof__actions, .alp-stage4-proof__action, .alp-stage4-proof .ticket-btn.alp-stage4-proof__action { width: 100%; } .alp-stage4-calculator-bridge { align-items: stretch; flex-direction: column; } .alp-stage4-calculator-bridge a { text-align: center; } } @media (prefers-reduced-motion: reduce) { .alp-stage4-proof__card img, .form-e > input[type="file"], .form-group > input[type="file"], .alp-stage2-form__file-input { transition: none; } } /* END alp-stage4-conversion-v1.css — existing conversion rules */ /* BEGIN alp-stage4-wave1-hotfix-v1.css — existing Stage 4 hotfix rules */ /* ALPLASTROY Stage 4 Wave 1 hotfix v1 — 2026-09-27 */ /* 1. Calculator: remove the legacy inner frame and align the final contact step. */ .alp-stage3-calculator .calc-block-body { padding: 0 !important; border: 0 !important; box-shadow: none !important; } @media (min-width: 981px) { .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-block-body { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block, .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-btn-block { grid-column: 1 / -1 !important; } .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block .calc-elem.politics, .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block .calc-elem.politics:has(input:checked) { display: inline-flex !important; width: auto !important; min-height: 44px !important; align-items: center !important; margin: 0 !important; padding: 9px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transform: none !important; } .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block .calc-elem-title { width: auto !important; font-size: 15px !important; line-height: 1.4 !important; } /* 2. Feedback drawer: modern close control and stable spacing on desktop/mobile. */ .layout--feedback .layout__wrapper { box-shadow: -18px 0 48px rgba(18, 48, 31, .18) !important; } .layout--feedback .layout__close-icon { position: absolute !important; z-index: 20 !important; top: 14px !important; right: 16px !important; display: flex !important; width: 42px !important; height: 42px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; background: #fff !important; border: 1px solid #d5e2d9 !important; border-radius: 50% !important; box-shadow: 0 7px 20px rgba(18, 48, 31, .13) !important; cursor: pointer !important; transition: background-color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease !important; } .layout--feedback .layout__close-icon:hover, .layout--feedback .layout__close-icon:focus-visible { background: #edf5ef !important; border-color: #79a889 !important; box-shadow: 0 9px 24px rgba(18, 48, 31, .18) !important; transform: rotate(4deg) scale(1.04) !important; outline: 0 !important; } .layout--feedback .layout__close-icon svg { width: 18px !important; height: 18px !important; max-width: none !important; max-height: none !important; pointer-events: none; } .layout--feedback .layout__close-icon svg path { fill: #173b27 !important; } .layout--feedback .scroller--sm-less-autoheight { box-sizing: border-box !important; min-height: 100% !important; margin-top: 0 !important; padding-top: 72px !important; } .layout--feedback .form_with_file .form-e.title { text-transform: none !important; } /* The proof CTA must open the complete form, not the compact two-field state. */ .layout--feedback.alp-stage4-full-form .alp-stage2-form-toggle { display: none !important; } .layout--feedback.alp-stage4-full-form .alp-stage2-form-optional, .layout--feedback.alp-stage4-full-form .alp-stage2-form-optional[hidden] { display: block !important; } /* 3. File selector: stable custom surface; native filename can no longer clip. */ .alp-stage4-file-control { position: relative; display: grid; box-sizing: border-box; grid-template-columns: max-content minmax(0, 1fr); min-height: 56px; align-items: center; gap: 10px; width: 100%; padding: 7px; color: #33463a; background: #f7faf8; border: 1px dashed #9fc0aa; border-radius: 12px; overflow: hidden; transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease; } .alp-stage4-file-control:hover { background: #f0f7f2; border-color: #1f6a3c; } .alp-stage4-file-control:focus-within { border-color: #1f6a3c; box-shadow: 0 0 0 3px rgba(31, 106, 60, .16); } .alp-stage4-file-control > input[type="file"] { position: absolute !important; z-index: 2 !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; cursor: pointer !important; } .alp-stage4-file-control__button { display: inline-flex; min-height: 40px; align-items: center; justify-content: center; padding: 9px 15px; color: #fff; font-size: 15px; font-weight: 700; line-height: 1.2; text-align: center; white-space: nowrap; background: #1f6a3c; border-radius: 9px; } .alp-stage4-file-control__status { display: block; min-width: 0; color: #33463a; font-size: 15px; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 4. The old two-photo door block becomes a compact horizontal gallery. */ .alp-stage4-compact-door-glass { display: grid !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 18px !important; width: 100% !important; min-height: 0 !important; margin: 12px 0 34px !important; padding: 22px !important; background: #fff !important; border: 1px solid #dce7df !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(18, 48, 31, .06) !important; box-sizing: border-box !important; } .alp-stage4-compact-door-glass > .image-wrapper { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } .alp-stage4-compact-door-glass > .image-wrapper img { display: block !important; width: 100% !important; max-width: none !important; height: 270px !important; max-height: none !important; margin: 0 !important; padding: 8px !important; object-fit: contain !important; background: #f3f7f4 !important; border-radius: 10px !important; box-sizing: border-box !important; } .alp-stage4-compact-door-glass > .catalog-content { display: block !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; } .alp-stage4-compact-door-glass > .catalog-content p { max-width: 920px; margin: 0 0 16px !important; } .alp-stage4-compact-door-glass > .catalog-content br { display: none; } /* 5. Restore correct contrast for real buttons in the proof sections. */ html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary), html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):visited { color: #fff !important; background: #1f6a3c !important; border-color: #1f6a3c !important; opacity: 1 !important; text-decoration: none !important; background-image: none !important; } html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):hover, html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):focus-visible { color: #fff !important; background: #185530 !important; border-color: #185530 !important; } html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action--secondary, html body .content-normalize .alp-stage4-proof a.alp-stage4-proof__action--secondary:visited { color: #1f6a3c !important; background: #fff !important; border-color: #1f6a3c !important; background-image: none !important; } @media (max-width: 620px) { .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block, .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-btn-block { grid-column: auto !important; } .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block .calc-elem.politics, .alp-stage3-calculator form.ajax_form > .calc-block:last-of-type .calc-politics-block .calc-elem.politics:has(input:checked) { align-items: flex-start !important; padding: 8px 0 !important; } .layout--feedback .layout__wrapper--max-w-500 { width: min(100%, 420px) !important; max-width: 100% !important; } .layout--feedback .layout__close-icon { top: 10px !important; right: 10px !important; width: 40px !important; height: 40px !important; } .layout--feedback .scroller--sm-less-autoheight { padding-top: 62px !important; } .alp-stage4-file-control { gap: 8px; min-height: 54px; padding: 6px; } .alp-stage4-file-control__button { min-height: 40px; padding: 9px 12px; font-size: 14px; } .alp-stage4-file-control__status { font-size: 14px; } .alp-stage4-compact-door-glass { gap: 14px !important; padding: 14px !important; } .alp-stage4-compact-door-glass > .image-wrapper { gap: 8px !important; } .alp-stage4-compact-door-glass > .image-wrapper img { height: 210px !important; padding: 5px !important; } } @media (max-width: 380px) { .alp-stage4-file-control__button { padding-right: 10px; padding-left: 10px; font-size: 13px; } .alp-stage4-file-control__status { font-size: 13px; } } @media (prefers-reduced-motion: reduce) { .layout--feedback .layout__close-icon, .alp-stage4-file-control { transition: none !important; } } /* ALPLASTROY Stage 4 Wave 1 hotfix v1.2 — compact two-photo block. */ html body .alp-stage3-richtext .alp-stage4-compact-door-glass > .image-wrapper.alp-cro-multi-photo { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; place-items: stretch !important; align-content: start !important; justify-content: center !important; gap: 12px !important; width: 100% !important; max-width: 420px !important; min-width: 0 !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-sizing: border-box !important; } html body .alp-stage3-richtext .alp-stage4-compact-door-glass > .image-wrapper.alp-cro-multi-photo > img { display: block !important; width: 100% !important; max-width: none !important; height: 210px !important; max-height: 210px !important; margin: 0 !important; padding: 6px !important; object-fit: contain !important; background: #f3f7f4 !important; border: 0 !important; border-radius: 10px !important; box-sizing: border-box !important; } /* Keep calculator links readable inside rich text blocks. */ html body .alp-stage3-richtext .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary), html body .alp-stage3-richtext .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):visited { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #1f6a3c !important; border-color: #1f6a3c !important; opacity: 1 !important; filter: none !important; text-decoration: none !important; } html body .alp-stage3-richtext .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):hover, html body .alp-stage3-richtext .alp-stage4-proof a.alp-stage4-proof__action:not(.alp-stage4-proof__action--secondary):focus-visible { color: #fff !important; -webkit-text-fill-color: #fff !important; background: #185530 !important; border-color: #185530 !important; } @media (max-width: 620px) { html body .alp-stage3-richtext .alp-stage4-compact-door-glass > .image-wrapper.alp-cro-multi-photo { max-width: 360px !important; gap: 8px !important; } html body .alp-stage3-richtext .alp-stage4-compact-door-glass > .image-wrapper.alp-cro-multi-photo > img { height: 175px !important; max-height: 175px !important; padding: 4px !important; } } /* END alp-stage4-wave1-hotfix-v1.css — existing Stage 4 hotfix rules */