/* ============================================================
   blocks.css — стили контентных блоков по порядку страницы
   hero → footer. Заполняется поэтапно (этапы 3–9), каждый блок
   с комментарием-разделителем и указанием rec-исходника.

   План секций (порядок страницы):
   3.  Hero [rec730490975]
   4.  Преимущества reviews [rec730593202]
   4.  Табы акций b395 [rec730616424]
   4.  Карточки акций zero ×3 [rec730617928, 730627632, 730627972]
   5.  Подбор (заголовок) quiztitle [rec731745944]
   5.  Квиз b835 [rec731745718]
   6.  Цены: заголовок quiztitle [rec731645384], табы tabs [rec731644910]
   6.  Прайс настенные zero [rec731639803], потолочные zero [rec731686016]
   6.  Доп. услуги b812 [rec731605214]
   7.  CTA «Не знаете вид монтажа» zero [rec731702789]
   8.  «Более 12 лет» b998 [rec731708026]
   8.  «Около 4-х часов» zero [rec731717581]
   7.  Услуги b851 [rec731727547]
   7.  SEO-секция «Демонтаж…» [rec731757100]
   8.  FAQ заголовок htitle [rec731735734], аккордеон b668 [rec731735692]
   8.  SEO-текст h1 + отзывы (htitle «my», в src без rec) [.page-seo]
   9.  Контакты b574 [rec731736282], footer-order b270 [rec731756512]
   ============================================================ */
.hero{
background-color:#f8f8f8;
height:530px;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
}
.hero__canvas{
position:relative;
flex-shrink:0;
width:1200px;
height:530px;
}
.hero__img,.hero__h1>span,.hero__badge,.hero__badge-text,
.hero__bar1,.hero__bar2,.hero__bar3,.hero__dot1,.hero__dot2,.hero__dot3,
.hero__col1-cap,.hero__col1-val,.hero__col2-cap,.hero__col2-val,
.hero__col3-cap,.hero__col3-val,.hero__btn-order,.hero__btn-model{
position:absolute;
}
/* R3.4→R4.4: h1-обёртка hero-заголовка без визуального эффекта */
.hero__h1{
all:unset;
display:contents;
}
/* R4.4: SEO-заголовок — спаны вместо div. Видимые буквы рисуют ::before,
   реальный текст спрятан (color:transparent + sr-only) — для SEO и скринридеров. */
.hero__h1>span:nth-child(1){
position:absolute;
top:-67.1px;
left:-10px;
width:1160px;
display:table;
white-space:nowrap;
text-align:center;
}
.hero__h1>span:nth-child(1)::before{
content:"УСТАНОВКА";
display:table-cell;
vertical-align:middle;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:148px;
line-height:170px;
font-weight:900;
}
.hero__h1>span:nth-child(2){
position:absolute;
top:85.2px;
left:-14px;
width:1228px;
display:table;
text-align:center;
}
.hero__h1>span:nth-child(2)::before{
content:"КОНДИЦИОНЕРОВ В ВЕЛИКОМ НОВГОРОДЕ";
display:table-cell;
vertical-align:middle;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:41px;
line-height:62px;
font-weight:700;
padding-top:10px;
}
.hero__h1>span{
color:transparent;
/* Фикс: реальные текстовые ноды спанов («Установка», «Кондиционеров…»)
   внутри display:table заводят собственную анонимную ячейку и ломают
   геометрию (span2 раздувался до 134px вместо 72px, переносили строки
   ::before). font-size:0 нейтрализует их, не убирая из DOM — ::before
   рисует видимый текст с собственными метриками. Без nowrap:
   ::before обязан переноситься как в src (мобильные ширины). */
font-size:0;
line-height:0;
}
.hero__h1 .sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}
.hero__img img{
display:block;
width:100%;
}
.hero__badge{
background-color:#196a9c;
border-radius:40px;
transform:rotate(359deg);
}
.hero__badge-text{
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-size:24px;
line-height:37px;
font-weight:700;
}
.hero__badge-text .hero__t{display:block;transform:rotate(359deg);}
.hero__bar1,.hero__bar2,.hero__bar3{
background-color:#0e8054;
}
.hero__dot1,.hero__dot2,.hero__dot3{
background-color:#0e8054;
border-radius:3000px;
}
.hero__col1-cap,.hero__col2-cap,.hero__col3-cap{
text-align:center;
color:#000;
font-family:'Roboto',Arial,sans-serif;
font-size:20px;
line-height:31px;
font-weight:700;
}
.hero__col1-cap{font-size:20px;}
@media (max-width:1199px){
.hero__col1-cap,.hero__col2-cap,.hero__col3-cap{font-size:18px;line-height:28px;}
}
@media (max-width:959px){
.hero__col1-cap,.hero__col2-cap,.hero__col3-cap{font-size:16px;line-height:25px;}
}
@media (max-width:359px){
.hero__col1-cap,.hero__col2-cap,.hero__col3-cap{font-size:14px;line-height:22px;}
}
.hero__col1-val,.hero__col2-val,.hero__col3-val{
text-align:center;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:18px;
line-height:28px;
font-weight:900;
}
@media (max-width:1199px){
.hero__col1-val,.hero__col2-val,.hero__col3-val{font-size:17px;line-height:26px;}
}
@media (max-width:959px){
.hero__col1-val,.hero__col2-val,.hero__col3-val{font-size:15px;line-height:23px;}
}
@media (max-width:359px){
.hero__col1-val,.hero__col2-val,.hero__col3-val{font-size:14px;line-height:22px;}
}
.hero__val-accent{color:#d40000;}
.hero__col2-cap{text-align:center;}
.hero__btn-order,.hero__btn-model{
display:table;
text-align:center;
}
.hero__btn-order a,.hero__btn-model a{
display:table-cell;
vertical-align:middle;
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-size:18px;
line-height:28px;
font-weight:600;
border-width:2px;
border-radius:30px;
border-style:solid;
text-decoration:none;
transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
}
.hero__btn-order a{
background-color:#0e8054;
border-color:#0e8054;
}
.hero__btn-model a{
background-color:#000;
border-color:#000;
}
@media (hover:hover){
.hero__btn-order a:hover{
background-color:transparent;
border-color:#0e8054;
color:#0e8054;
}
.hero__btn-model a:hover{
background-color:transparent;
border-color:#000;
color:#000;
}
}
@media (max-width:959px){
.hero__btn-order a,.hero__btn-model a{font-size:15px;line-height:23px;}
}
@media (max-width:639px){
.hero__btn-order a,.hero__btn-model a{font-size:12px;line-height:19px;}
}
@media (max-width:959px){
.hero__badge-text{font-size:18px;line-height:28px;}
}
@media (max-width:639px){
.hero__badge-text{font-size:14px;line-height:22px;}
}
@media (max-width:359px){
.hero__badge-text{font-size:12px;line-height:19px;}
}
@media (max-width:1199px){
.hero__h1>span:nth-child(1)::before{font-size:112px;line-height:129px;}
.hero__h1>span:nth-child(2)::before{font-size:38px;line-height:59px;}
}
@media (max-width:959px){
.hero__h1>span:nth-child(1)::before{font-size:72px;line-height:83px;}
.hero__h1>span:nth-child(2)::before{font-size:24px;line-height:37px;}
}
@media (max-width:639px){
.hero__h1>span:nth-child(1)::before{font-size:54px;line-height:62px;}
.hero__h1>span:nth-child(2)::before{font-size:16px;line-height:25px;padding-top:19px;}
}
@media (max-width:479px){
.hero__h1>span:nth-child(1)::before{font-size:44px;line-height:51px;}
.hero__h1>span:nth-child(2)::before{line-height:21px;}
}
@media (max-width:359px){
.hero__h1>span:nth-child(1)::before{font-size:30px;line-height:35px;}
.hero__h1>span:nth-child(2)::before{line-height:22px;}
}
.hero__img{top:-262px;left:-168px;width:1536px;}
@media (max-width:1199px){.hero__img{top:-85px;left:-27.8px;width:1017.6px;}}
@media (max-width:959px){.hero__img{top:-21px;left:-41.4px;width:716.8px;}}
@media (max-width:639px){.hero__img{top:73px;left:-27.8px;width:537.6px;}}
@media (max-width:479px){.hero__img{top:54px;left:-40.6px;width:439.2px;}}
@media (max-width:359px){.hero__img{top:70px;left:-27.4px;width:380.8px;}}
.hero__h1>span:nth-child(1){top:-67.1px;left:-10px;width:1160px;}
@media (max-width:1199px){.hero__h1>span:nth-child(1){top:0.6px;left:15px;width:930px;}}
@media (max-width:959px){.hero__h1>span:nth-child(1){top:12.6px;left:10px;width:620px;}}
@media (max-width:639px){.hero__h1>span:nth-child(1){top:107.9px;left:10px;width:460px;}}
@media (max-width:479px){.hero__h1>span:nth-child(1){top:39.7px;left:-19.5px;width:401px;}}
@media (max-width:359px){.hero__h1>span:nth-child(1){top:27.8px;left:10px;width:300px;}}
.hero__h1>span:nth-child(2){top:85.2px;left:-14px;width:1228px;}
@media (max-width:1199px){.hero__h1>span:nth-child(2){top:81.1px;left:9px;width:942px;}}
@media (max-width:959px){.hero__h1>span:nth-child(2){top:66.8px;left:10px;width:620px;}}
@media (max-width:639px){.hero__h1>span:nth-child(2){top:160.1px;left:10px;width:460px;}}
@media (max-width:479px){.hero__h1>span:nth-child(2){top:67.7px;left:50px;width:260px;}}
@media (max-width:359px){.hero__h1>span:nth-child(2){top:59.1px;left:10px;width:300px;}}
.hero__badge{top:158px;left:795px;width:413px;height:40px;}
@media (max-width:1199px){.hero__badge{top:180px;left:573px;width:367px;height:40px;}}
@media (max-width:959px){.hero__badge{top:133px;left:330px;width:277px;height:40px;}}
@media (max-width:639px){.hero__badge{top:200px;left:252px;width:212px;height:32px;}}
@media (max-width:479px){.hero__badge{top:135px;left:143px;width:212px;height:32px;}}
@media (max-width:359px){.hero__badge{top:142px;left:126px;width:183px;height:27px;}}
.hero__badge-text{top:160px;left:847px;width:344px;}
@media (max-width:1199px){.hero__badge-text{top:182px;left:603px;width:315px;}}
@media (max-width:959px){.hero__badge-text{top:138px;left:353px;width:230px;}}
@media (max-width:639px){.hero__badge-text{top:205px;left:269px;width:183px;}}
@media (max-width:479px){.hero__badge-text{top:140px;left:160px;width:183px;}}
@media (max-width:359px){.hero__badge-text{top:146px;left:141px;width:157px;}}
.hero__bar1{top:383px;left:168px;width:4px;height:30px;}
@media (max-width:1199px){.hero__bar1{top:342px;left:168px;width:4px;height:30px;}}
@media (max-width:959px){.hero__bar1{top:280px;left:168px;width:4px;height:30px;}}
@media (max-width:639px){.hero__bar1{top:302px;left:614px;width:4px;height:30px;}}
@media (max-width:359px){.hero__bar1{top:302px;left:614px;width:4px;height:30px;}}
.hero__dot1{top:399px;left:162px;width:16px;height:16px;}
@media (max-width:1199px){.hero__dot1{top:358px;left:162px;width:16px;height:16px;}}
@media (max-width:959px){.hero__dot1{top:296px;left:162px;width:16px;height:16px;}}
@media (max-width:639px){.hero__dot1{top:318px;left:608px;width:16px;height:16px;}}
@media (max-width:359px){.hero__dot1{top:318px;left:608px;width:16px;height:16px;}}
.hero__bar2{top:383px;left:598px;width:4px;height:30px;}
@media (max-width:1199px){.hero__bar2{top:342px;left:478px;width:4px;height:30px;}}
@media (max-width:959px){.hero__bar2{top:279px;left:478px;width:4px;height:30px;}}
@media (max-width:639px){.hero__bar2{top:303px;left:676px;width:4px;height:30px;}}
@media (max-width:359px){.hero__bar2{top:303px;left:676px;width:4px;height:30px;}}
.hero__dot2{top:399px;left:592px;width:16px;height:16px;}
@media (max-width:1199px){.hero__dot2{top:358px;left:472px;width:16px;height:16px;}}
@media (max-width:959px){.hero__dot2{top:295px;left:472px;width:16px;height:16px;}}
@media (max-width:639px){.hero__dot2{top:319px;left:670px;width:16px;height:16px;}}
@media (max-width:359px){.hero__dot2{top:319px;left:670px;width:16px;height:16px;}}
.hero__bar3{top:381px;left:1028px;width:4px;height:30px;}
@media (max-width:1199px){.hero__bar3{top:340px;left:782px;width:4px;height:30px;}}
@media (max-width:959px){.hero__bar3{top:279px;left:307px;width:4px;height:115px;}}
@media (max-width:639px){.hero__bar3{top:236px;left:648px;width:4px;height:115px;}}
@media (max-width:359px){.hero__bar3{top:236px;left:648px;width:4px;height:115px;}}
.hero__dot3{top:397px;left:1022px;width:16px;height:16px;}
@media (max-width:1199px){.hero__dot3{top:356px;left:776px;width:16px;height:16px;}}
@media (max-width:959px){.hero__dot3{top:385px;left:301px;width:16px;height:16px;}}
@media (max-width:639px){.hero__dot3{top:342px;left:642px;width:16px;height:16px;}}
@media (max-width:359px){.hero__dot3{top:342px;left:642px;width:16px;height:16px;}}
.hero__col1-cap{top:432px;left:0px;width:340px;}
@media (max-width:1199px){.hero__col1-cap{top:393px;left:29px;width:281px;}}
@media (max-width:959px){.hero__col1-cap{top:332px;left:29px;width:281px;}}
@media (max-width:639px){.hero__col1-cap{top:335px;left:99px;width:281px;}}
@media (max-width:479px){.hero__col1-cap{top:259px;left:39px;width:281px;}}
@media (max-width:359px){.hero__col1-cap{top:254px;left:28px;width:263px;}}
.hero__col1-val{top:465px;left:0px;width:340px;}
@media (max-width:1199px){.hero__col1-val{top:426px;left:29px;width:281px;}}
@media (max-width:959px){.hero__col1-val{top:361px;left:29px;width:281px;}}
@media (max-width:639px){.hero__col1-val{top:364px;left:99px;width:281px;}}
@media (max-width:479px){.hero__col1-val{top:288px;left:39px;width:281px;}}
@media (max-width:359px){.hero__col1-val{top:276px;left:28px;width:263px;}}
.hero__col2-cap{top:432px;left:430px;width:340px;}
@media (max-width:1199px){.hero__col2-cap{top:393px;left:310px;width:340px;}}
@media (max-width:959px){.hero__col2-cap{top:332px;left:310px;width:340px;}}
@media (max-width:639px){.hero__col2-cap{top:411px;left:70px;width:340px;}}
@media (max-width:479px){.hero__col2-cap{top:335px;left:10px;width:340px;}}
@media (max-width:359px){.hero__col2-cap{top:322px;left:1px;width:319px;}}
.hero__col2-val{top:465px;left:430px;width:356px;}
@media (max-width:1199px){.hero__col2-val{top:426px;left:310px;width:356px;}}
@media (max-width:959px){.hero__col2-val{top:361px;left:310px;width:356px;}}
@media (max-width:639px){.hero__col2-val{top:440px;left:70px;width:356px;}}
@media (max-width:479px){.hero__col2-val{top:364px;left:10px;width:356px;}}
@media (max-width:359px){.hero__col2-val{top:339px;left:1px;width:319px;}}
.hero__col3-cap{top:432px;left:860px;width:340px;}
@media (max-width:1199px){.hero__col3-cap{top:393px;left:650px;width:268px;}}
@media (max-width:959px){.hero__col3-cap{top:405px;left:170px;width:268px;}}
@media (max-width:639px){.hero__col3-cap{top:487px;left:106px;width:268px;}}
@media (max-width:479px){.hero__col3-cap{top:411px;left:46px;width:268px;}}
@media (max-width:359px){.hero__col3-cap{top:385px;left:35px;width:251px;}}
.hero__col3-val{top:465px;left:860px;width:340px;}
@media (max-width:1199px){.hero__col3-val{top:426px;left:650px;width:268px;}}
@media (max-width:959px){.hero__col3-val{top:434px;left:170px;width:268px;}}
@media (max-width:639px){.hero__col3-val{top:516px;left:106px;width:268px;}}
@media (max-width:479px){.hero__col3-val{top:440px;left:46px;width:268px;}}
@media (max-width:359px){.hero__col3-val{top:402px;left:35px;width:251px;}}
.hero__btn-order{top:544px;left:233px;width:320px;height:55px;}
@media (max-width:1199px){.hero__btn-order{top:498px;left:130px;width:320px;height:55px;}}
@media (max-width:959px){.hero__btn-order{top:493px;left:80px;width:210px;height:55px;}}
@media (max-width:639px){.hero__btn-order{top:571px;left:40px;width:180px;height:55px;}}
@media (max-width:479px){.hero__btn-order{top:503px;left:88px;width:180px;height:55px;}}
@media (max-width:359px){.hero__btn-order{top:452px;left:69px;width:180px;height:45px;}}
.hero__btn-model{top:544px;left:613px;width:320px;height:55px;}
@media (max-width:1199px){.hero__btn-model{top:498px;left:510px;width:320px;height:55px;}}
@media (max-width:959px){.hero__btn-model{top:493px;left:350px;width:210px;height:55px;}}
@media (max-width:639px){.hero__btn-model{top:571px;left:260px;width:180px;height:55px;}}
@media (max-width:479px){.hero__btn-model{top:582px;left:88px;width:180px;height:55px;}}
@media (max-width:359px){.hero__btn-model{top:513px;left:69px;width:180px;height:45px;}}
@media (max-width:1199px){.hero{height:530px;}}
@media (max-width:959px){.hero{height:560px;}}
@media (max-width:639px){.hero{height:670px;}}
@media (max-width:479px){.hero{height:620px;}}
@media (max-width:359px){.hero{height:590px;}}
@media (max-width:1199px){.hero__canvas{height:530px;width:960px;}}
@media (max-width:959px){.hero__canvas{height:560px;width:640px;}}
@media (max-width:639px){.hero__canvas{height:670px;width:480px;}}
@media (max-width:479px){.hero__canvas{height:620px;width:360px;}}
@media (max-width:359px){.hero__canvas{height:590px;width:320px;}}
.audience{
padding-top:90px;
padding-bottom:0;
background-color:#fff;
}
@media screen and (max-width:480px){
.audience{padding-top:45px;}
}
.audience__title{
text-align:center;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:42px;
line-height:1.23;
margin:0 20px 90px;
}
@media screen and (max-width:1200px){
.audience__title{font-size:38px;margin-left:10px;margin-right:10px;}
}
@media screen and (max-width:960px){
.audience__title{margin:0 20px 45px;}
}
@media screen and (max-width:640px){
.audience__title{font-size:30px;}
}
.audience .container{max-width:1200px;padding:0;}
@media screen and (max-width:1200px){
.audience .container{max-width:960px;}
}
@media screen and (max-width:960px){
.audience .container{max-width:640px;}
}
.audience__cards{
display:flex;
flex-wrap:wrap;
}
.audience__col{margin-bottom:0;}
.audience__col_first{margin-bottom:40px;}
@media screen and (max-width:960px){
.audience__col{margin-bottom:20px;}
.audience__col_first{margin-bottom:40px;}
}
.audience__card{
position:relative;
overflow:hidden;
isolation:isolate;
border-radius:40px;
}
.audience__row{display:flex;}
.audience__imgwrap{
position:relative;
width:240px;
height:auto;
flex-shrink:0;
background-image:none;
}
.audience__imgwrap:after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
height:var(--card-h,100%);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.bg-home-444:after{background-image:url(/images/dlya-doma.webp);}
.bg-biz-222:after{background-image:url(/images/dlya-biznesa.webp);}
@media screen and (max-width:460px){
.audience__row{flex-direction:column;}
.audience__imgwrap{width:100%;min-height:150px;}
}
.audience__contentwrap{
box-sizing:border-box;
}
@media screen and (max-width:960px){
.audience__contentwrap{padding-bottom:30px;}
}
@media screen and (max-width:460px){
.audience__contentwrap{padding:20px;}
}
.audience__content{
box-sizing:border-box;
padding:30px 30px 40px;
}
@media screen and (max-width:640px){
.audience__content{padding:0;}
}
.audience__card-title{
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:24px;
line-height:1.35;
margin-bottom:15px;
}
@media screen and (max-width:480px){
.audience__card-title{font-size:22px;}
}
@media screen and (max-width:960px){
.audience__card-title{margin-bottom:10px;}
}
.audience__card-descr{
color:#000;
font-family:'Roboto',Arial,sans-serif;
font-weight:300;
font-size:20px;
line-height:1.55;
}
@media screen and (max-width:480px){
.audience__card-descr{font-size:18px;}
}
@media screen and (max-width:640px){
.audience__card-descr{line-height:1.45;}
}
.audience__card-descr .card-list-lg{font-size:18px;}
.audience__separator{width:100%;margin-top:100px;}
@media screen and (max-width:960px){
.audience__separator{margin-top:0;}
}
.section-spacer{width:100%;}
.offers-tabs{
padding-top:60px;
padding-bottom:60px;
background-color:#fff;
}
@media screen and (max-width:480px){
.offers-tabs{padding-top:15px;padding-bottom:15px;}
}
.offers-tabs__col{
max-width:360px;
margin:0 auto;
}
@media screen and (max-width:1200px){
.offers-tabs__col{max-width:300px;}
}
@media screen and (max-width:960px){
.offers-tabs__col{padding:0 20px;box-sizing:border-box;}
}
.offers-tabs .offers-tabs__list{
display:table;
width:100%;
text-align:center;
margin:0;
padding-left:0;
list-style:none;
}
.offers-tabs__tab{
display:table-cell;
vertical-align:middle;
position:relative;
min-width:fit-content;
width:33.3%;
border:1px solid #222;
border-right:none;
background-color:#fff;
cursor:pointer;
}
.offers-tabs__tab.is-active{
background-color:#222;
border-color:#222;
}
.offers-tabs__tab:last-child,
.offers-tabs__tab.is-active:last-child{border-right:1px solid #222;}
.offers-tabs__tab:first-child{
border-top-left-radius:40px;
border-bottom-left-radius:40px;
}
.offers-tabs__tab:last-child{
border-top-right-radius:40px;
border-bottom-right-radius:40px;
}
.offers-tabs__btn{
display:inline-block;
width:100%;
height:100%;
padding:14px 22px;
box-sizing:border-box;
color:#000;
background-color:transparent;
border:none;
font-family:'Unbounded',Arial,sans-serif;
font-weight:400;
font-size:14px;
line-height:1.35;
text-align:inherit;
text-align:center;
cursor:pointer;
transition:font-weight,color 0.3s ease;
outline:none;
}
.offers-tabs__tab.is-active .offers-tabs__btn{
color:#fff;
font-weight:600;
cursor:default;
}
.offers-tabs__mobile{
position:relative;
display:none;
border:1px solid #222;
border-radius:40px;
overflow:hidden;
}
.offers-tabs__mobile:after{
content:' ';
width:0;
height:0;
border-style:solid;
border-width:5px 4px 0 4px;
border-color:#fff transparent transparent;
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
}
.offers-tabs__firefoxfix{
width:16px;
position:absolute;
top:1px;
right:1px;
bottom:1px;
background-color:#222;
pointer-events:none;
}
.offers-tabs__select{
-webkit-appearance:none;
padding:16px 20px;
padding-right:40px;
width:100%;
box-sizing:border-box;
border:0;
border-radius:0;
outline:none;
margin:0;
font-size:16px;
color:#fff;
background-color:#222;
background-image:none;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
cursor:pointer;
}
@media screen and (max-width:960px){
.offers-tabs__mobile{display:block;}
.offers-tabs .offers-tabs__list{display:none;}
}
@media screen and (max-width:400px){
.offers-tabs__select{font-size:12px;}
}
.offer{
position:relative;
overflow:hidden;
background-color:#fff;
}
.offer__canvas{
position:relative;
margin:0 auto;
width:1200px;
height:700px;
}
.offer__plate,.offer__label,.offer__model,.offer__btn,.offer__panel,
.offer__descr,.offer__title,.offer__img,.offer__badge,.offer__price{
position:absolute;
box-sizing:content-box;
display:table;
text-align:left;
}
.offer__img{display:block;}
.offer__img img{display:block;width:100%;}
.offer__plate{border-radius:40px;}
.offer-basic .offer__plate{background-color:#f4f6e8;}
.offer-comfort .offer__plate{background-color:#bfdff9;}
.offer-premium .offer__plate{background-color:#282525;}
.offer__label{
color:#000;
font-family:'Roboto',Arial,sans-serif;
font-size:20px;
line-height:1;
font-weight:400;
}
.offer-premium .offer__label{color:#fff;}
.offer__model{
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:32px;
line-height:1;
font-weight:700;
}
.offer-premium .offer__model{color:#fff;}
.offer__btn{text-align:center;}
.offer__btn a{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%;
font-family:'Unbounded',Arial,sans-serif;
font-size:16px;
line-height:1.55;
font-weight:600;
border-width:2px;
border-radius:30px;
border-style:solid;
text-decoration:none;
transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
}
.offer-basic .offer__btn a{color:#fff;background-color:#1c553f;border-color:#1c553f;}
.offer-comfort .offer__btn a{color:#fff;background-color:#0e8054;border-color:#0e8054;}
.offer-premium .offer__btn a{color:#000;background-color:#bacc20;border-color:#bacc20;}
@media (hover:hover){
.offer-basic .offer__btn a:hover{
background-color:transparent;border-color:#1c553f;color:#1c553f;
}
.offer-comfort .offer__btn a:hover{
background-color:transparent;border-color:#0e8054;color:#0e8054;
}
.offer-premium .offer__btn a:hover{
background-color:transparent;border-color:#bacc20;color:#bacc20;
}
}
.offer__panel{border-radius:40px;}
.offer-basic .offer__panel,
.offer-comfort .offer__panel{background-color:#fff;}
.offer-premium .offer__panel{background-color:#443f3f;}
.offer__descr{
color:#000;
font-family:'Roboto',Arial,sans-serif;
font-size:22px;
line-height:1.55;
font-weight:400;
}
.offer-premium .offer__descr{color:#fff;}
.offer__title{
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:60px;
line-height:1.2;
font-weight:700;
}
.offer-premium .offer__title{color:#fff;}
.offer__img{z-index:9;}
.offer__badge{z-index:10;border-radius:40px;}
.offer__price{z-index:11;}
.offer-basic .offer__badge{background-color:#313233;}
.offer-comfort .offer__badge{background-color:#196a9c;}
.offer-premium .offer__badge{background-color:#bacc20;}
.offer__price{
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-size:20px;
line-height:1.55;
font-weight:400;
}
.offer-premium .offer__price{color:#000;}
.offer__sup{
color:#d40000;
font-weight:400;
font-family:'Roboto',Arial,sans-serif;
}
.offer-basic .offer__plate{top:0;left:-100px;width:1400px;height:650px;}
@media (max-width:1199px){.offer-basic .offer__plate{left:-32px;width:1024px;}}
@media (max-width:959px){.offer-basic .offer__plate{left:0;width:640px;height:977px;}}
@media (max-width:639px){.offer-basic .offer__plate{top:1px;left:0;width:511px;height:815px;}}
@media (max-width:479px){.offer-basic .offer__plate{top:0;left:0;width:360px;height:756px;}}
@media (max-width:359px){.offer-basic .offer__plate{top:0;left:0;width:320px;height:676px;}}
.offer-basic .offer__label{top:487px;left:589px;width:250px;}
@media (max-width:1199px){.offer-basic .offer__label{top:487px;left:435px;}}
@media (max-width:959px){.offer-basic .offer__label{top:472px;left:20px;}}
@media (max-width:639px){.offer-basic .offer__label{top:393px;left:20px;font-size:14px;}}
@media (max-width:479px){.offer-basic .offer__label{top:358px;left:20px;}}
@media (max-width:359px){.offer-basic .offer__label{top:320px;left:20px;}}
.offer-basic .offer__model{top:526px;left:589px;width:577px;}
@media (max-width:1199px){.offer-basic .offer__model{top:526px;left:432px;width:438px;}}
@media (max-width:959px){.offer-basic .offer__model{top:529px;left:20px;}}
@media (max-width:639px){.offer-basic .offer__model{top:439px;left:20px;font-size:24px;}}
@media (max-width:479px){.offer-basic .offer__model{top:404px;left:20px;width:330px;}}
@media (max-width:359px){.offer-basic .offer__model{top:360px;left:15px;width:292px;font-size:22px;}}
.offer-basic .offer__btn{top:533px;left:0;width:281px;height:55px;}
@media (max-width:1199px){.offer-basic .offer__btn{top:533px;left:10px;}}
@media (max-width:959px){.offer-basic .offer__btn{top:888px;left:20px;}}
@media (max-width:639px){.offer-basic .offer__btn{top:728px;left:20px;width:230px;}.offer-basic .offer__btn a{font-size:14px;}}
@media (max-width:479px){.offer-basic .offer__btn{top:672px;left:65px;}.offer-basic .offer__btn a{font-size:12px;}}
@media (max-width:359px){.offer-basic .offer__btn{top:588px;left:45px;}}
.offer-basic .offer__panel{top:234px;left:0;width:610px;height:226px;}
@media (max-width:959px){.offer-basic .offer__panel{top:626px;left:20px;width:437px;}}
@media (max-width:639px){.offer-basic .offer__panel{top:523px;left:20px;height:164px;}}
@media (max-width:479px){.offer-basic .offer__panel{top:488px;left:20px;width:328px;height:144px;}}
@media (max-width:359px){.offer-basic .offer__panel{top:425px;left:10px;width:283px;height:139px;}}
.offer-basic .offer__descr{top:273px;left:40px;width:394px;}
@media (max-width:959px){.offer-basic .offer__descr{top:670px;left:39px;}}
@media (max-width:639px){.offer-basic .offer__descr{top:547px;left:39px;font-size:18px;}}
@media (max-width:479px){.offer-basic .offer__descr{top:512px;left:34px;width:295px;font-size:16px;}}
@media (max-width:359px){.offer-basic .offer__descr{top:444px;left:23px;width:269px;font-size:16px;}}
.offer-basic .offer__title{top:59px;left:0;width:790px;text-align:center;}
@media (max-width:1199px){.offer-basic .offer__title{top:59px;left:10px;}}
@media (max-width:959px){.offer-basic .offer__title{top:60px;left:20px;width:517px;text-align:left;font-size:40px;}}
@media (max-width:639px){.offer-basic .offer__title{top:60px;left:20px;width:402px;font-size:32px;}}
@media (max-width:479px){.offer-basic .offer__title{top:61px;left:20px;width:323px;font-size:26px;}}
@media (max-width:359px){.offer-basic .offer__title{top:61px;left:15px;width:291px;font-size:24px;}}
.offer-basic .offer__img{top:235px;left:510px;width:691px;}
@media (max-width:1199px){.offer-basic .offer__img{top:254px;left:397px;width:582px;}}
@media (max-width:959px){.offer-basic .offer__img{top:226px;left:28px;width:582px;}}
@media (max-width:639px){.offer-basic .offer__img{top:199px;left:6px;width:498px;}}
@media (max-width:479px){.offer-basic .offer__img{top:191px;left:-6px;width:376px;}}
@media (max-width:359px){.offer-basic .offer__img{top:177px;width:331px;}}
.offer-basic .offer__badge{top:207px;left:933px;width:245px;height:41px;}
@media (max-width:1199px){.offer-basic .offer__badge{top:227px;left:715px;}}
@media (max-width:959px){.offer-basic .offer__badge{top:199px;left:349px;}}
@media (max-width:639px){.offer-basic .offer__badge{top:160px;left:246px;}}
@media (max-width:479px){.offer-basic .offer__badge{top:166px;left:150px;width:200px;height:40px;}}
@media (max-width:359px){.offer-basic .offer__badge{top:148px;left:111px;}}
.offer-basic .offer__price{top:212px;left:959px;width:188px;}
@media (max-width:1199px){.offer-basic .offer__price{top:232px;left:741px;}}
@media (max-width:959px){.offer-basic .offer__price{top:204px;left:375px;}}
@media (max-width:639px){.offer-basic .offer__price{top:165px;left:272px;}}
@media (max-width:479px){.offer-basic .offer__price{top:174px;left:173px;width:151px;font-size:16px;}}
@media (max-width:359px){.offer-basic .offer__price{top:156px;left:132px;}}
.offer-comfort .offer__plate{top:0;left:-100px;width:1400px;height:650px;}
@media (max-width:1199px){.offer-comfort .offer__plate{left:-32px;width:1023px;}}
@media (max-width:959px){.offer-comfort .offer__plate{left:0;width:640px;height:978px;}}
@media (max-width:639px){.offer-comfort .offer__plate{top:0;left:0;width:480px;height:815px;}}
@media (max-width:479px){.offer-comfort .offer__plate{top:0;left:0;width:360px;height:794px;}}
@media (max-width:359px){.offer-comfort .offer__plate{top:0;left:0;width:319px;height:794px;}}
.offer-comfort .offer__label{top:487px;left:589px;width:250px;}
@media (max-width:1199px){.offer-comfort .offer__label{top:494px;left:390px;}}
@media (max-width:959px){.offer-comfort .offer__label{top:472px;left:20px;}}
@media (max-width:639px){.offer-comfort .offer__label{top:393px;left:20px;font-size:14px;}}
@media (max-width:479px){.offer-comfort .offer__label{top:336px;left:20px;}}
@media (max-width:359px){.offer-comfort .offer__label{top:336px;left:15px;}}
.offer-comfort .offer__model{top:526px;left:589px;width:660px;}
@media (max-width:1199px){.offer-comfort .offer__model{top:528px;left:390px;width:561px;}}
@media (max-width:959px){.offer-comfort .offer__model{top:529px;left:20px;}}
@media (max-width:639px){.offer-comfort .offer__model{top:439px;left:20px;width:427px;font-size:24px;}}
@media (max-width:479px){.offer-comfort .offer__model{top:382px;left:20px;width:324px;}}
@media (max-width:359px){.offer-comfort .offer__model{top:382px;left:15px;width:290px;}}
.offer-comfort .offer__btn{top:533px;left:0;width:281px;height:55px;}
@media (max-width:1199px){.offer-comfort .offer__btn{top:533px;left:10px;}}
@media (max-width:959px){.offer-comfort .offer__btn{top:888px;left:20px;}}
@media (max-width:639px){.offer-comfort .offer__btn{top:728px;left:100px;}.offer-comfort .offer__btn a{font-size:14px;}}
@media (max-width:479px){.offer-comfort .offer__btn{top:707px;left:65px;width:230px;}.offer-comfort .offer__btn a{font-size:12px;}}
@media (max-width:359px){.offer-comfort .offer__btn{top:707px;left:45px;}}
.offer-comfort .offer__title{top:59px;left:0;width:790px;}
@media (max-width:1199px){.offer-comfort .offer__title{top:59px;left:10px;}}
@media (max-width:959px){.offer-comfort .offer__title{top:59px;left:20px;width:544px;font-size:40px;}}
@media (max-width:639px){.offer-comfort .offer__title{top:60px;left:20px;width:402px;font-size:32px;}}
@media (max-width:479px){.offer-comfort .offer__title{top:60px;left:20px;width:326px;font-size:26px;}}
@media (max-width:359px){.offer-comfort .offer__title{top:60px;left:15px;width:290px;font-size:24px;}}
.offer-comfort .offer__panel{top:234px;left:0;width:610px;height:226px;}
@media (max-width:959px){.offer-comfort .offer__panel{top:626px;left:10px;width:421px;}}
@media (max-width:639px){.offer-comfort .offer__panel{top:523px;left:10px;height:186px;}}
@media (max-width:479px){.offer-comfort .offer__panel{top:518px;left:10px;width:340px;height:165px;}}
@media (max-width:359px){.offer-comfort .offer__panel{top:518px;left:10px;width:300px;height:165px;}}
.offer-comfort .offer__descr{top:262px;left:40px;width:437px;}
@media (max-width:959px){.offer-comfort .offer__descr{top:654px;left:38px;width:301px;}}
@media (max-width:639px){.offer-comfort .offer__descr{top:546px;left:38px;font-size:18px;}}
@media (max-width:479px){.offer-comfort .offer__descr{top:538px;left:33px;width:242px;font-size:16px;}}
@media (max-width:359px){.offer-comfort .offer__descr{top:538px;left:30px;width:213px;font-size:16px;}}
.offer-comfort .offer__img{top:215px;left:507px;width:696px;}
@media (max-width:1199px){.offer-comfort .offer__img{top:238px;left:367px;width:564px;}}
@media (max-width:959px){.offer-comfort .offer__img{top:195px;left:38px;width:564px;}}
@media (max-width:639px){.offer-comfort .offer__img{top:191px;left:22px;width:439px;}}
@media (max-width:479px){.offer-comfort .offer__img{top:167px;left:22px;width:316px;}}
@media (max-width:359px){.offer-comfort .offer__img{top:188px;left:12px;width:295px;}}
.offer-comfort .offer__badge{top:213px;left:980px;width:245px;height:41px;}
@media (max-width:1199px){.offer-comfort .offer__badge{top:233px;left:706px;}}
@media (max-width:959px){.offer-comfort .offer__badge{top:194px;left:374px;}}
@media (max-width:639px){.offer-comfort .offer__badge{top:177px;left:227px;}}
@media (max-width:479px){.offer-comfort .offer__badge{top:152px;left:140px;width:200px;height:40px;}}
@media (max-width:359px){.offer-comfort .offer__badge{top:170px;left:110px;}}
.offer-comfort .offer__price{top:218px;left:1006px;width:188px;}
@media (max-width:1199px){.offer-comfort .offer__price{top:238px;left:732px;}}
@media (max-width:959px){.offer-comfort .offer__price{top:199px;left:400px;}}
@media (max-width:639px){.offer-comfort .offer__price{top:182px;left:253px;}}
@media (max-width:479px){.offer-comfort .offer__price{top:161px;left:161px;width:158px;font-size:16px;}}
@media (max-width:359px){.offer-comfort .offer__price{top:179px;left:131px;}}
.offer-premium .offer__plate{top:0;left:-100px;width:1400px;height:650px;}
@media (max-width:1199px){.offer-premium .offer__plate{left:-32px;width:1023px;}}
@media (max-width:959px){.offer-premium .offer__plate{left:0;width:640px;height:990px;}}
@media (max-width:639px){.offer-premium .offer__plate{top:0;left:0;width:480px;height:863px;}}
@media (max-width:479px){.offer-premium .offer__plate{top:0;left:0;width:360px;height:778px;}}
@media (max-width:359px){.offer-premium .offer__plate{top:0;left:0;width:320px;height:775px;}}
.offer-premium .offer__label{top:487px;left:589px;width:250px;}
@media (max-width:1199px){.offer-premium .offer__label{top:485px;left:390px;}}
@media (max-width:959px){.offer-premium .offer__label{top:439px;left:20px;}}
@media (max-width:639px){.offer-premium .offer__label{top:384px;left:20px;}}
@media (max-width:479px){.offer-premium .offer__label{top:313px;left:20px;font-size:14px;}}
@media (max-width:359px){.offer-premium .offer__label{top:313px;left:15px;}}
.offer-premium .offer__model{top:526px;left:589px;width:660px;}
@media (max-width:1199px){.offer-premium .offer__model{top:526px;left:390px;width:521px;}}
@media (max-width:959px){.offer-premium .offer__model{top:499px;left:20px;}}
@media (max-width:639px){.offer-premium .offer__model{top:432px;left:20px;width:401px;font-size:24px;}}
@media (max-width:479px){.offer-premium .offer__model{top:359px;left:20px;width:303px;}}
@media (max-width:359px){.offer-premium .offer__model{top:359px;left:15px;}}
.offer-premium .offer__btn{top:533px;left:0;width:281px;height:55px;}
@media (max-width:959px){.offer-premium .offer__btn{top:878px;left:20px;}}
@media (max-width:639px){.offer-premium .offer__btn{top:773px;left:20px;}}
@media (max-width:479px){.offer-premium .offer__btn{top:690px;left:65px;width:230px;}.offer-premium .offer__btn a{font-size:12px;}}
@media (max-width:359px){.offer-premium .offer__btn{top:690px;left:45px;}}
.offer-premium .offer__panel{top:234px;left:0;width:610px;height:226px;}
@media (max-width:959px){.offer-premium .offer__panel{top:603px;left:20px;width:522px;height:225px;}}
@media (max-width:639px){.offer-premium .offer__panel{top:516px;left:20px;width:416px;}}
@media (max-width:479px){.offer-premium .offer__panel{top:471px;left:20px;width:325px;height:195px;}}
@media (max-width:359px){.offer-premium .offer__panel{top:471px;left:10px;width:300px;height:195px;}}
.offer-premium .offer__descr{top:245px;left:40px;width:434px;}
@media (max-width:959px){.offer-premium .offer__descr{top:614px;left:55px;width:454px;}}
@media (max-width:639px){.offer-premium .offer__descr{top:542px;left:43px;width:362px;font-size:18px;}}
@media (max-width:479px){.offer-premium .offer__descr{top:492px;left:38px;width:288px;font-size:16px;}}
@media (max-width:359px){.offer-premium .offer__descr{top:492px;left:18px;width:281px;font-size:16px;}}
.offer-premium .offer__img{top:207px;left:467px;width:738px;}
@media (max-width:1199px){.offer-premium .offer__img{top:246px;left:418px;width:546px;}}
@media (max-width:959px){.offer-premium .offer__img{top:200px;left:58px;width:523px;}}
@media (max-width:639px){.offer-premium .offer__img{top:182px;left:24px;width:431px;}}
@media (max-width:479px){.offer-premium .offer__img{top:150px;left:14px;width:332px;}}
@media (max-width:359px){.offer-premium .offer__img{top:155px;left:13px;width:295px;}}
.offer-premium .offer__title{top:59px;left:0;width:790px;}
@media (max-width:959px){.offer-premium .offer__title{top:60px;left:20px;width:468px;font-size:40px;}}
@media (max-width:639px){.offer-premium .offer__title{top:60px;left:20px;width:367px;font-size:32px;}}
@media (max-width:479px){.offer-premium .offer__title{top:60px;left:20px;width:293px;font-size:26px;}}
@media (max-width:359px){.offer-premium .offer__title{top:60px;left:15px;width:274px;font-size:24px;}}
.offer-premium .offer__badge{top:213px;left:947px;width:245px;height:41px;}
@media (max-width:1199px){.offer-premium .offer__badge{top:237px;left:715px;}}
@media (max-width:959px){.offer-premium .offer__badge{top:204px;left:356px;}}
@media (max-width:639px){.offer-premium .offer__badge{top:168px;left:217px;}}
@media (max-width:479px){.offer-premium .offer__badge{top:146px;left:149px;width:200px;height:40px;}}
@media (max-width:359px){.offer-premium .offer__badge{top:139px;left:102px;}}
.offer-premium .offer__price{top:218px;left:973px;width:188px;}
@media (max-width:1199px){.offer-premium .offer__price{top:242px;left:741px;}}
@media (max-width:959px){.offer-premium .offer__price{top:209px;left:382px;}}
@media (max-width:639px){.offer-premium .offer__price{top:173px;left:243px;}}
@media (max-width:479px){.offer-premium .offer__price{top:154px;left:175px;width:156px;font-size:16px;}}
@media (max-width:359px){.offer-premium .offer__price{top:147px;left:128px;}}
.offer-basic{height:700px;}
@media (max-width:959px){.offer-basic{height:1000px;}}
@media (max-width:639px){.offer-basic{height:840px;}}
@media (max-width:479px){.offer-basic{height:790px;}}
@media (max-width:359px){.offer-basic{height:700px;}}
.offer-comfort{height:700px;}
@media (max-width:959px){.offer-comfort{height:1010px;}}
@media (max-width:639px){.offer-comfort{height:840px;}}
@media (max-width:479px){.offer-comfort{height:820px;}}
@media (max-width:359px){.offer-comfort{height:820px;}}
.offer-premium{height:700px;}
@media (max-width:959px){.offer-premium{height:1020px;}}
@media (max-width:639px){.offer-premium{height:900px;}}
@media (max-width:479px){.offer-premium{height:810px;}}
@media (max-width:359px){.offer-premium{height:810px;}}
.offer__canvas{width:1200px;}
@media (max-width:1199px){.offer__canvas{width:960px;}}
@media (max-width:959px){.offer__canvas{width:640px;}}
@media (max-width:639px){.offer__canvas{width:480px;}}
@media (max-width:479px){.offer__canvas{width:360px;}}
@media (max-width:359px){.offer__canvas{width:320px;}}
.offer.is-hidden{
opacity:0;
height:0 !important;
max-height:0 !important;
min-height:0 !important;
pointer-events:none !important;
overflow:hidden !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
.price-wall.is-hidden,
.price-ceiling.is-hidden{
opacity:0;
height:0 !important;
max-height:0 !important;
min-height:0 !important;
pointer-events:none !important;
overflow:hidden !important;
padding-top:0 !important;
padding-bottom:0 !important;
}
.extra-services.is-hidden{display:none !important;}
.selector-intro{
padding-top:90px;
padding-bottom:90px;
background-color:#f8f8f8;
}
@media screen and (max-width:480px){
.selector-intro{padding-top:30px;padding-bottom:30px;}
}
.selector-intro__title{
text-align:center;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:42px;
line-height:1.23;
margin:0 auto 40px;
}
@media screen and (max-width:1200px){.selector-intro__title{font-size:38px;}}
@media screen and (max-width:640px){.selector-intro__title{font-size:30px;}}
.selector-intro__descr{
max-width:560px;
text-align:center;
font-family:'Roboto',Arial,sans-serif;
font-weight:300;
color:#000;
font-size:24px;
line-height:1.5;
margin:0 auto;
}
@media screen and (max-width:1200px){.selector-intro__descr{font-size:22px;}}
@media screen and (max-width:640px){.selector-intro__descr{font-size:20px;line-height:1.4;}}
@media screen and (max-width:650px){.selector-intro__descr{font-size:16px !important;}}
.prices-desc{
padding-top:90px;
padding-bottom:90px;
background-color:#f8f8f8;
}
@media screen and (max-width:480px){
.prices-desc{padding-top:30px;padding-bottom:30px;}
}
.prices-desc__title{
text-align:center;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:42px;
line-height:1.23;
margin:0 auto 40px;
}
@media screen and (max-width:1200px){.prices-desc__title{font-size:38px;}}
@media screen and (max-width:640px){.prices-desc__title{font-size:30px;}}
.prices-desc__descr{
max-width:560px;
text-align:center;
font-family:'Unbounded',Arial,sans-serif;
font-weight:300;
color:#000;
font-size:24px;
line-height:1.5;
margin:0 auto;
}
@media screen and (max-width:1200px){.prices-desc__descr{font-size:22px;}}
@media screen and (max-width:640px){.prices-desc__descr{font-size:20px;line-height:1.4;}}
@media screen and (max-width:480px){.prices-desc__descr{font-size:16px;}}
.prices-tabs{
padding-top:30px;
padding-bottom:60px;
}
@media screen and (max-width:480px){
.prices-tabs{padding-top:15px;padding-bottom:30px;}
}
.prices-tabs__col{
max-width:560px;
margin:0 auto;
}
@media screen and (max-width:1200px){
.prices-tabs__col{max-width:460px;}
}
@media screen and (max-width:960px){
.prices-tabs__col{padding:0 20px;box-sizing:border-box;}
}
.prices-tabs .prices-tabs__list{
display:table;
width:100%;
text-align:center;
margin:0;
padding-left:0;
list-style:none;
}
.prices-tabs__tab{
display:table-cell;
vertical-align:middle;
cursor:pointer;
min-width:fit-content;
width:33.3%;
border-bottom:1px solid #eee;
}
.prices-tabs__tab.is-active{
border-bottom:1px solid #222;
cursor:default;
}
.prices-tabs__btn{
display:inline-block;
width:100%;
height:100%;
padding:0 10px 18px;
box-sizing:border-box;
color:#777;
background-color:transparent;
border:none;
font-family:'Unbounded',Arial,sans-serif;
font-weight:400;
font-size:16px;
line-height:1.35;
text-align:inherit;
text-align:center;
cursor:pointer;
transition:font-weight,color 0.3s ease;
outline:none;
}
.prices-tabs__tab.is-active .prices-tabs__btn{
color:#222;
font-weight:600;
}
@media screen and (max-width:1200px){
.prices-tabs__btn{font-size:14px;}
}
@media screen and (max-width:640px){
.prices-tabs__btn{font-size:12px;}
}
@media screen and (max-width:480px){
.prices-tabs__btn{font-size:14px;}
}
.prices-tabs__mobile{
position:relative;
display:none;
}
.prices-tabs__mobile:after{
content:' ';
width:0;
height:0;
border-style:solid;
border-width:5px 4px 0 4px;
border-color:#222 transparent transparent;
position:absolute;
top:50%;
right:20px;
transform:translateY(-50%);
}
.prices-tabs__firefoxfix{
width:16px;
position:absolute;
top:1px;
right:1px;
bottom:1px;
pointer-events:none;
}
.prices-tabs__select{
-webkit-appearance:none;
padding:16px 40px 16px 20px;
width:100%;
box-sizing:border-box;
background-color:transparent;
border-radius:0;
border:1px solid #222;
color:#222;
outline:none;
margin:0;
font-size:16px;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
cursor:pointer;
}
@media screen and (max-width:960px){
.prices-tabs__mobile{display:block;}
.prices-tabs .prices-tabs__list{display:none;}
}
@media screen and (max-width:480px){
.prices-tabs__select{font-size:14px;}
}
.price-wall,.price-ceiling{
position:relative;
overflow:hidden;
background-color:#fff;
}
.price-wall__canvas,.price-ceiling__canvas{
position:relative;
margin:0 auto;
width:1200px;
}
.price-wall__title,.price-wall__subtitle,.price-wall__kw,.price-wall__val,
.price-wall__btn,.price-wall__empty,.price-wall__val-empty,
.price-ceiling__title,.price-ceiling__subtitle,.price-ceiling__kw,
.price-ceiling__val,.price-ceiling__btn{
position:absolute;
box-sizing:content-box;
display:table;
text-align:left;
}
.price-wall__btn,.price-ceiling__btn{
text-align:center;
}
.price-wall__btn a,.price-ceiling__btn a{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%;
font-family:'Unbounded',Arial,sans-serif;
font-size:16px;
line-height:1.55;
font-weight:600;
border-width:2px;
border-radius:30px;
border-style:solid;
text-decoration:none;
transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
}
.price-wall__btn-more a,.price-ceiling__btn-more a{
color:#fff;background-color:#0e8054;border-color:#0e8054;
}
.price-wall__btn-order a,.price-ceiling__btn-order a{
color:#fff;background-color:#000;border-color:#000;
}
@media (hover:hover){
.price-wall__btn-more a:hover,.price-ceiling__btn-more a:hover{
background-color:transparent;border-color:#0e8054;color:#0e8054;
}
.price-wall__btn-order a:hover,.price-ceiling__btn-order a:hover{
background-color:transparent;border-color:#000;color:#000;
}
}
.price-wall__title,.price-ceiling__title{
text-align:center;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:38px;
line-height:1.55;
font-weight:600;
}
.price-ceiling__title{line-height:1.2;}
@media (max-width:1199px){
.price-wall__title,.price-ceiling__title{font-size:32px;}
}
@media (max-width:959px){
.price-ceiling__title{line-height:1.2;}
}
@media (max-width:639px){
.price-wall__title,.price-ceiling__title{font-size:24px;}
}
.price-wall__subtitle,.price-ceiling__subtitle{
text-align:center;
color:#000;
font-family:'Roboto',Arial,sans-serif;
font-size:22px;
line-height:1.5;
font-weight:400;
}
@media (max-width:1199px){
.price-wall__subtitle,.price-ceiling__subtitle{font-size:20px;}
}
@media (max-width:639px){
.price-wall__subtitle,.price-ceiling__subtitle{font-size:18px;line-height:1.45;}
}
@media (max-width:359px){
.price-wall__subtitle,.price-ceiling__subtitle{line-height:1.4;}
}
.price-wall__kw,.price-ceiling__kw{
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:20px;
line-height:1.15;
font-weight:600;
}
@media (max-width:639px){
.price-wall__kw{font-size:18px;line-height:1.2;}
.price-ceiling__kw{font-size:16px;line-height:1.2;}
}
@media (max-width:479px){
.price-wall__kw,.price-ceiling__kw{font-size:16px;}
}
.price-wall__val,.price-ceiling__val{
text-align:right;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-size:24px;
line-height:1.2;
font-weight:700;
}
@media (max-width:639px){
.price-wall__val,.price-ceiling__val{font-size:18px;line-height:1.2;}
}
.price-wall__canvas{height:750px;}
@media (max-width:1199px){.price-wall__canvas{width:960px;height:720px;}}
@media (max-width:959px){.price-wall__canvas{width:640px;height:685px;}}
@media (max-width:639px){.price-wall__canvas{width:480px;height:741px;}}
@media (max-width:479px){.price-wall__canvas{width:360px;height:721px;}}
@media (max-width:359px){.price-wall__canvas{width:320px;height:680px;}}
.price-wall__title{top:15px;left:20px;width:1160px;}
@media (max-width:1199px){.price-wall__title{top:45px;left:10px;width:940px;}}
@media (max-width:959px){.price-wall__title{top:45px;left:20px;width:600px;}}
@media (max-width:639px){.price-wall__title{top:30px;left:10px;width:460px;}}
@media (max-width:479px){.price-wall__title{left:0;width:360px;}}
@media (max-width:359px){.price-wall__title{top:30px;left:10px;width:300px;}}
.price-wall__subtitle{top:80px;left:320px;width:560px;}
@media (max-width:1199px){.price-wall__subtitle{top:103px;left:200px;}}
@media (max-width:959px){.price-wall__subtitle{top:103px;left:40px;}}
@media (max-width:639px){.price-wall__subtitle{top:75px;left:10px;width:460px;}}
@media (max-width:479px){.price-wall__subtitle{left:-50px;}}
@media (max-width:359px){.price-wall__subtitle{top:75px;left:10px;width:300px;}}
.price-wall__kw-29{top:217px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__kw-29{top:193px;left:90px;width:180px;}}
@media (max-width:959px){.price-wall__kw-29{top:193px;left:50px;width:180px;}}
@media (max-width:639px){.price-wall__kw-29{top:161px;left:10px;width:180px;}}
@media (max-width:359px){.price-wall__kw-29{top:140px;left:10px;width:120px;}}
.price-wall__val-29{top:217px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-29{top:193px;left:720px;width:150px;}}
@media (max-width:959px){.price-wall__val-29{top:193px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-29{top:161px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-29{top:161px;left:170px;}}
@media (max-width:359px){.price-wall__val-29{top:140px;left:220px;width:100px;text-align:left;}}
.price-wall__kw-59{top:281px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__kw-59{top:256px;left:90px;width:180px;}}
@media (max-width:959px){.price-wall__kw-59{top:248px;left:50px;width:180px;}}
@media (max-width:639px){.price-wall__kw-59{top:215px;left:10px;width:180px;}}
@media (max-width:479px){.price-wall__kw-59{top:212px;}}
@media (max-width:359px){.price-wall__kw-59{top:191px;left:10px;width:120px;}}
.price-wall__val-59{top:281px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-59{top:256px;left:720px;width:150px;}}
@media (max-width:959px){.price-wall__val-59{top:248px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-59{top:215px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-59{top:212px;left:170px;}}
@media (max-width:359px){.price-wall__val-59{top:191px;left:220px;width:100px;text-align:left;}}
.price-wall__kw-7{top:345px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__kw-7{top:319px;left:90px;width:180px;}}
@media (max-width:959px){.price-wall__kw-7{top:303px;left:50px;width:180px;}}
@media (max-width:639px){.price-wall__kw-7{top:269px;left:10px;width:180px;}}
@media (max-width:479px){.price-wall__kw-7{top:263px;}}
@media (max-width:359px){.price-wall__kw-7{top:242px;left:10px;width:120px;}}
.price-wall__val-7{top:345px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-7{top:319px;left:720px;width:150px;}}
@media (max-width:959px){.price-wall__val-7{top:303px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-7{top:269px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-7{top:263px;left:170px;}}
@media (max-width:359px){.price-wall__val-7{top:242px;left:220px;width:100px;text-align:left;}}
.price-wall__kw-10{top:409px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__kw-10{top:382px;left:90px;width:180px;}}
@media (max-width:959px){.price-wall__kw-10{top:358px;left:50px;width:180px;}}
@media (max-width:639px){.price-wall__kw-10{top:323px;left:10px;width:180px;}}
@media (max-width:479px){.price-wall__kw-10{top:314px;}}
@media (max-width:359px){.price-wall__kw-10{top:293px;left:10px;width:120px;}}
.price-wall__val-10{top:409px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-10{top:382px;left:720px;width:150px;}}
@media (max-width:959px){.price-wall__val-10{top:358px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-10{top:323px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-10{top:314px;left:170px;}}
@media (max-width:359px){.price-wall__val-10{top:293px;left:220px;width:100px;text-align:left;}}
.price-wall__kw-height{top:473px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__kw-height{top:445px;left:90px;width:307px;}}
@media (max-width:959px){.price-wall__kw-height{top:413px;left:50px;width:260px;}}
@media (max-width:639px){.price-wall__kw-height{top:377px;left:10px;width:288px;}}
@media (max-width:479px){.price-wall__kw-height{top:365px;width:174px;}}
@media (max-width:359px){.price-wall__kw-height{top:344px;left:9px;width:129px;}}
.price-wall__val-height{top:473px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-height{top:445px;left:710px;width:150px;}}
@media (max-width:959px){.price-wall__val-height{top:468px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-height{top:431px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-height{top:435px;left:170px;}}
@media (max-width:359px){.price-wall__val-height{top:344px;left:220px;width:100px;text-align:left;}}
.price-wall__empty{top:537px;left:50px;width:500px;}
@media (max-width:1199px){.price-wall__empty{top:508px;left:90px;width:420px;}}
@media (max-width:959px){.price-wall__empty{top:468px;left:50px;width:325px;}}
@media (max-width:639px){.price-wall__empty{top:431px;left:10px;width:244px;}}
@media (max-width:479px){.price-wall__empty{top:435px;width:189px;}}
@media (max-width:359px){.price-wall__empty{top:414px;left:10px;width:165px;}}
.price-wall__val-empty{top:537px;left:970px;width:180px;}
@media (max-width:1199px){.price-wall__val-empty{top:508px;left:710px;width:150px;}}
@media (max-width:959px){.price-wall__val-empty{top:413px;left:440px;width:150px;}}
@media (max-width:639px){.price-wall__val-empty{top:377px;left:290px;width:180px;}}
@media (max-width:479px){.price-wall__val-empty{top:365px;left:170px;}}
@media (max-width:359px){.price-wall__val-empty{top:414px;left:220px;width:100px;text-align:left;}}
.price-wall__btn-more{top:630px;left:320px;width:270px;height:60px;}
@media (max-width:1199px){.price-wall__btn-more{top:617px;left:225px;}}
@media (max-width:959px){.price-wall__btn-more{top:577px;left:65px;}}
@media (max-width:639px){.price-wall__btn-more{top:557px;left:125px;width:230px;}.price-wall__btn-more a{font-size:14px;}}
@media (max-width:479px){.price-wall__btn-more{top:552px;left:65px;width:230px;height:55px;}.price-wall__btn-more a{font-size:12px;}}
@media (max-width:359px){.price-wall__btn-more{top:511px;left:45px;width:230px;}}
.price-wall__btn-order{top:630px;left:650px;width:200px;height:60px;}
@media (max-width:1199px){.price-wall__btn-order{top:614px;left:535px;}}
@media (max-width:959px){.price-wall__btn-order{top:577px;left:375px;}}
@media (max-width:639px){.price-wall__btn-order{top:641px;left:125px;width:230px;}.price-wall__btn-order a{font-size:14px;}}
@media (max-width:479px){.price-wall__btn-order{top:631px;left:65px;width:230px;height:55px;}.price-wall__btn-order a{font-size:12px;}}
@media (max-width:359px){.price-wall__btn-order{top:590px;left:45px;width:230px;}}
.price-ceiling__canvas{height:780px;}
@media (max-width:1199px){.price-ceiling__canvas{width:960px;height:707px;}}
@media (max-width:959px){.price-ceiling__canvas{width:640px;height:705px;}}
@media (max-width:639px){.price-ceiling__canvas{width:480px;height:741px;}}
@media (max-width:479px){.price-ceiling__canvas{width:360px;height:731px;}}
@media (max-width:359px){.price-ceiling__canvas{width:320px;height:721px;}}
.price-ceiling__title{top:15px;left:20px;width:1160px;}
@media (max-width:1199px){.price-ceiling__title{top:45px;left:10px;width:940px;}}
@media (max-width:959px){.price-ceiling__title{top:45px;left:20px;width:600px;}}
@media (max-width:639px){.price-ceiling__title{top:30px;left:10px;width:460px;}}
@media (max-width:479px){.price-ceiling__title{left:0;width:360px;}}
@media (max-width:359px){.price-ceiling__title{top:30px;left:0;width:320px;}}
.price-ceiling__subtitle{top:80px;left:320px;width:560px;}
@media (max-width:1199px){.price-ceiling__subtitle{top:103px;left:200px;}}
@media (max-width:959px){.price-ceiling__subtitle{top:129px;left:40px;}}
@media (max-width:639px){.price-ceiling__subtitle{top:96px;left:10px;width:460px;}}
@media (max-width:479px){.price-ceiling__subtitle{top:125px;left:0;width:360px;}}
@media (max-width:359px){.price-ceiling__subtitle{top:125px;left:10px;width:300px;}}
.price-ceiling__kw-69{top:345px;left:50px;width:500px;}
@media (max-width:1199px){.price-ceiling__kw-69{top:319px;left:90px;width:180px;}}
@media (max-width:959px){.price-ceiling__kw-69{top:329px;left:50px;width:180px;}}
@media (max-width:639px){.price-ceiling__kw-69{top:294px;left:10px;width:180px;}}
@media (max-width:359px){.price-ceiling__kw-69{top:292px;left:10px;width:120px;}}
.price-ceiling__val-69{top:345px;left:950px;width:180px;}
@media (max-width:1199px){.price-ceiling__val-69{top:319px;left:690px;width:180px;}}
@media (max-width:959px){.price-ceiling__val-69{top:329px;left:440px;width:180px;}}
@media (max-width:639px){.price-ceiling__val-69{top:294px;left:290px;width:180px;}}
@media (max-width:479px){.price-ceiling__val-69{left:170px;}}
@media (max-width:359px){.price-ceiling__val-69{top:292px;left:220px;width:100px;text-align:left;}}
.price-ceiling__kw-99{top:409px;left:50px;width:500px;}
@media (max-width:1199px){.price-ceiling__kw-99{top:382px;left:90px;width:180px;}}
@media (max-width:959px){.price-ceiling__kw-99{top:384px;left:50px;width:180px;}}
@media (max-width:639px){.price-ceiling__kw-99{top:350px;left:10px;width:180px;}}
@media (max-width:359px){.price-ceiling__kw-99{top:343px;left:10px;width:120px;}}
.price-ceiling__val-99{top:409px;left:950px;width:180px;}
@media (max-width:1199px){.price-ceiling__val-99{top:382px;left:690px;width:180px;}}
@media (max-width:959px){.price-ceiling__val-99{top:384px;left:440px;width:180px;}}
@media (max-width:639px){.price-ceiling__val-99{top:350px;left:290px;width:180px;}}
@media (max-width:479px){.price-ceiling__val-99{left:170px;}}
@media (max-width:359px){.price-ceiling__val-99{top:343px;left:220px;width:100px;text-align:left;}}
.price-ceiling__kw-16{top:473px;left:50px;width:500px;}
@media (max-width:1199px){.price-ceiling__kw-16{top:445px;left:90px;width:180px;}}
@media (max-width:959px){.price-ceiling__kw-16{top:439px;left:50px;width:180px;}}
@media (max-width:639px){.price-ceiling__kw-16{top:406px;left:10px;width:180px;}}
@media (max-width:359px){.price-ceiling__kw-16{top:394px;left:10px;width:120px;}}
.price-ceiling__val-16{top:473px;left:950px;width:180px;}
@media (max-width:1199px){.price-ceiling__val-16{top:445px;left:690px;width:180px;}}
@media (max-width:959px){.price-ceiling__val-16{top:439px;left:440px;width:180px;}}
@media (max-width:639px){.price-ceiling__val-16{top:406px;left:290px;width:180px;}}
@media (max-width:479px){.price-ceiling__val-16{left:170px;}}
@media (max-width:359px){.price-ceiling__val-16{top:394px;left:220px;width:100px;text-align:left;}}
.price-ceiling__kw-alp{top:537px;left:50px;width:500px;}
@media (max-width:1199px){.price-ceiling__kw-alp{top:508px;left:90px;width:501px;}}
@media (max-width:959px){.price-ceiling__kw-alp{top:494px;left:50px;width:325px;}}
@media (max-width:639px){.price-ceiling__kw-alp{top:462px;left:10px;width:253px;}}
@media (max-width:479px){.price-ceiling__kw-alp{width:160px;}}
@media (max-width:359px){.price-ceiling__kw-alp{top:454px;left:10px;width:165px;}}
.price-ceiling__val-alp{top:537px;left:950px;width:180px;}
@media (max-width:1199px){.price-ceiling__val-alp{top:508px;left:690px;width:180px;}}
@media (max-width:959px){.price-ceiling__val-alp{top:494px;left:440px;width:180px;}}
@media (max-width:639px){.price-ceiling__val-alp{top:462px;left:290px;width:180px;}}
@media (max-width:479px){.price-ceiling__val-alp{left:170px;}}
@media (max-width:359px){.price-ceiling__val-alp{top:454px;left:220px;width:100px;text-align:left;}}
.price-ceiling__btn-more{top:630px;left:320px;width:270px;height:60px;}
@media (max-width:1199px){.price-ceiling__btn-more{top:591px;left:225px;}}
@media (max-width:959px){.price-ceiling__btn-more{top:600px;left:65px;}}
@media (max-width:639px){.price-ceiling__btn-more{top:560px;left:125px;width:230px;}.price-ceiling__btn-more a{font-size:14px;}}
@media (max-width:479px){.price-ceiling__btn-more{top:559px;left:65px;height:55px;}.price-ceiling__btn-more a{font-size:12px;}}
@media (max-width:359px){.price-ceiling__btn-more{top:551px;left:45px;width:230px;height:55px;}}
.price-ceiling__btn-order{top:630px;left:650px;width:200px;height:60px;}
@media (max-width:1199px){.price-ceiling__btn-order{top:591px;left:534px;}}
@media (max-width:959px){.price-ceiling__btn-order{top:603px;left:375px;}}
@media (max-width:639px){.price-ceiling__btn-order{top:644px;left:125px;width:230px;}.price-ceiling__btn-order a{font-size:14px;}}
@media (max-width:479px){.price-ceiling__btn-order{top:638px;left:65px;height:55px;}.price-ceiling__btn-order a{font-size:12px;}}
@media (max-width:359px){.price-ceiling__btn-order{top:630px;left:45px;width:230px;height:55px;}}
.extra-services{padding-top:15px;padding-bottom:90px;}
.extra-services__top{text-align:center;margin-bottom:105px;}
@media screen and (max-width:960px){
.extra-services__top{margin-bottom:45px;}
}
.extra-services__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:42px;
line-height:1.23;
margin-bottom:40px;
}
.extra-services__title-inner{font-size:38px;}
@media screen and (max-width:1200px){.extra-services__title{font-size:38px;}}
@media screen and (max-width:960px){.extra-services__title{margin-bottom:20px;}}
@media screen and (max-width:640px){.extra-services__title{font-size:30px;}}
@media screen and (max-width:400px){.extra-services__title{font-size:24px;}}
@media screen and (max-width:960px){
.extra-services__col{width:100%;max-width:100%;margin:0;}
.extra-services__col_first{margin-bottom:30px;}
}
.extra-services__item + .extra-services__item{margin-top:30px;}
.extra-services__row1{
display:flex;
justify-content:space-between;
align-items:flex-start;
padding-bottom:10px;
}
.extra-services__row2{padding-top:8px;}
.extra-services__name{
text-align:left;
max-width:90%;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:16px;
line-height:1.35;
}
.extra-services__price{
text-align:right;
white-space:nowrap;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:18px;
line-height:1.35;
}
@media screen and (max-width:1200px){
.extra-services__price{font-size:16px;}
}
@media screen and (max-width:640px){
.extra-services__price{font-size:14px;}
}
.extra-services__name-descr{
text-align:right;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:18px;
line-height:1.35;
}
@media screen and (max-width:1200px){.extra-services__name-descr{font-size:16px;}}
@media screen and (max-width:640px){.extra-services__name-descr{font-size:14px;}}
.extra-services__descr{
text-align:left;
color:#000;
font-family:'Unbounded',Arial,sans-serif;
font-weight:300;
font-size:16px;
line-height:1.55;
}
@media screen and (max-width:1200px){
.extra-services__descr{font-size:14px;}
}
@media screen and (max-width:640px){
.extra-services__descr{font-size:12px;line-height:1.45;}
}
.extra-services__line{
border-top:1px solid #000;
width:100%;
opacity:.1;
}
.cta-mount{
position:relative;
overflow:hidden;
background-color:#fff;
}
.cta-mount__canvas{
margin:0 auto;
width:1200px;
height:450px;
}
.cta-mount__bg,
.cta-mount__filter{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.cta-mount__bg{
background-image:url(/images/fon-montazha.webp);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.cta-mount__filter{
background-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6));
}
.cta-mount__title,
.cta-mount__btn{
position:absolute;
box-sizing:content-box;
display:table;
text-align:center;
}
.cta-mount__title span,
.cta-mount__btn a{
display:table-cell;
vertical-align:middle;
width:100%;
height:100%;
}
.cta-mount__title{
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:42px;
line-height:50px;
top:97px;
left:calc(50% - 600px + 67px);
width:1067px;
z-index:2;
}
.cta-mount__btn a{
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-size:14px;
line-height:1.55;
font-weight:600;
border-width:2px;
border-radius:30px;
border-style:solid;
background-color:#0e8054;
background-position:center center;
border-color:#0e8054;
text-decoration:none;
transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
}
@media (hover:hover){
.cta-mount__btn a:hover{
background-color:transparent;
background-image:none;
border-color:#fff;
color:#fff;
}
}
.cta-mount__btn-tg{
top:294px;
left:calc(50% - 600px + 287px);
width:270px;
height:55px;
z-index:2;
}
.cta-mount__btn-max{
top:294px;
left:calc(50% - 600px + 610px);
width:240px;
height:55px;
z-index:2;
}
@media screen and (max-width:1199px){
.cta-mount__canvas{width:960px;}
.cta-mount__title{left:calc(50% - 480px + -32px);width:1024px;font-size:36px;line-height:47px;}
.cta-mount__btn-tg{left:calc(50% - 480px + 215px);}
.cta-mount__btn-max{left:calc(50% - 480px + 505px);}
}
@media screen and (max-width:959px){
.cta-mount__canvas{width:640px;}
.cta-mount__title{left:calc(50% - 320px + 0px);width:640px;}
.cta-mount__btn-tg{left:calc(50% - 320px + 55px);}
.cta-mount__btn-max{left:calc(50% - 320px + 345px);}
}
@media screen and (max-width:639px){
.cta-mount__canvas{width:480px;height:340px;}
.cta-mount__title{top:58px;left:calc(50% - 240px + 0px);width:480px;font-size:24px;line-height:37px;}
.cta-mount__btn-tg{top:200px;left:calc(50% - 240px + 120px);width:240px;}
.cta-mount__btn-max{top:271px;left:calc(50% - 240px + 120px);width:240px;}
}
@media screen and (max-width:479px){
.cta-mount__canvas{width:360px;}
.cta-mount__title{top:33px;left:calc(50% - 160px + 0px);width:320px;}
.cta-mount__btn-tg{top:183px;left:calc(50% - 160px + 45px);width:230px;}
.cta-mount__btn-max{top:254px;left:calc(50% - 160px + 45px);width:230px;}
.cta-mount__btn a{font-size:12px;}
}
@media screen and (max-width:359px){
.cta-mount__canvas{width:320px;}
}
.fact-12years{
padding-top:135px;
padding-bottom:135px;
}
@media screen and (max-width:480px){
.fact-12years{padding-top:60px;padding-bottom:30px;}
}
.fact-12years__row{display:flex;align-items:center;}
@media screen and (max-width:960px){
.fact-12years__row{display:block;}
}
.fact-12years__title{margin-bottom:35px;}
.fact-12years__descr{font-family:'Roboto',Arial,sans-serif;}
@media screen and (max-width:960px){
.fact-12years__textwrap{margin-bottom:60px;}
}
.fact-12years__items,
.page-body .fact-12years__items{
display:flex;
flex-wrap:wrap;
flex-grow:0;
flex-shrink:0;
margin-top:0;
margin-bottom:0;
}
.fact-12years__items.prefix-1{padding-left:100px;}
@media screen and (max-width:1200px){
.fact-12years__items.prefix-1{padding-left:80px;}
}
@media screen and (max-width:960px){
.fact-12years__items.prefix-1{padding-left:0;}
}
.fact-12years__col{
flex-basis:50%;
flex-grow:1;
flex-shrink:0;
display:inline-flex;
justify-content:flex-start;
list-style:none;
}
.fact-12years__col:nth-child(even){justify-content:flex-end;}
.fact-12years__col:not(:nth-last-child(-n+2)){margin-bottom:40px;}
@media screen and (max-width:960px){
.fact-12years__col{
width:100%;
max-width:100%;
padding-bottom:40px;
justify-content:center;
}
.fact-12years__col:nth-child(even){justify-content:center;}
}
.fact-12years__item{
flex-shrink:0;
flex-grow:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background-color:#ebebeb;
border-radius:50%;
width:258px;
height:258px;
overflow:hidden;
}
@media screen and (max-width:1200px){
.fact-12years__item{width:220px;height:220px;}
}
@media screen and (max-width:960px){
.fact-12years__item{width:190px;height:190px;}
}
@media screen and (max-width:640px){
.fact-12years__item{width:140px;height:140px;margin:0 10px;}
}
.fact-12years__item-img{
width:100px;
height:100px;
max-width:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center;
}
@media screen and (max-width:960px){
.fact-12years__item-img{width:61px;height:61px;}
}
.fact-12years__item-text{padding-top:14px;font-size:18px;}
@media screen and (max-width:480px){
.fact-12years__item-text{font-size:14px;}
}
.fact-4hours__artboard{
position:relative;
margin:0 auto;
width:100%;
height:400px;
background-color:#fff;
overflow:hidden;
}
.fact-4hours__carrier{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/images/ustanovka-na-fasade.webp);
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
}
.fact-4hours__filter{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6));
}
.fact-4hours__elem{
position:absolute;
color:#fff;
text-align:center;
z-index:3;
}
.fact-4hours__elem-1{
top:148px;
left:calc(50% - 600px + 20px);
width:460px;
font-family:'Unbounded',Arial,sans-serif;
font-size:42px;
line-height:1;
font-weight:700;
z-index:3;
}
.fact-4hours__elem-2{
top:215px;
left:calc(50% - 600px + 25px);
width:450px;
font-family:'Roboto',Arial,sans-serif;
font-size:20px;
line-height:1.55;
font-weight:400;
z-index:4;
}
.fact-4hours__elem-3{
top:148px;
left:calc(50% - 600px + 720px);
width:460px;
font-family:'Unbounded',Arial,sans-serif;
font-size:42px;
line-height:1;
font-weight:700;
z-index:5;
}
.fact-4hours__elem-4{
top:215px;
left:calc(50% - 600px + 725px);
width:450px;
font-family:'Roboto',Arial,sans-serif;
font-size:20px;
line-height:1.55;
font-weight:400;
z-index:6;
}
@media screen and (max-width:1199px){
.fact-4hours__artboard{width:100%;}
.fact-4hours__elem-1{top:67px;left:calc(50% - 480px + 44px);}
.fact-4hours__elem-2{top:130px;left:calc(50% - 480px + 49px);}
.fact-4hours__elem-3{top:227px;left:calc(50% - 480px + 0px);}
.fact-4hours__elem-4{top:294px;left:calc(50% - 480px + 5px);}
}
@media screen and (max-width:959px){
.fact-4hours__artboard{width:100%;}
.fact-4hours__elem-1{top:89px;left:calc(50% - 320px + 90px);font-size:36px;}
.fact-4hours__elem-2{top:141px;left:calc(50% - 320px + 95px);font-size:18px;}
.fact-4hours__elem-3{top:249px;left:calc(50% - 320px + 90px);font-size:36px;}
.fact-4hours__elem-4{top:301px;left:calc(50% - 320px + 95px);font-size:18px;}
}
@media screen and (max-width:639px){
.fact-4hours__artboard{width:100%;height:310px;}
.fact-4hours__elem-1{top:84px;left:calc(50% - 240px + 10px);font-size:24px;}
.fact-4hours__elem-2{top:116px;left:calc(50% - 240px + 15px);font-size:16px;}
.fact-4hours__elem-3{top:183px;left:calc(50% - 240px + 10px);font-size:24px;}
.fact-4hours__elem-4{top:215px;left:calc(50% - 240px + 15px);font-size:16px;}
}
@media screen and (max-width:479px){
.fact-4hours__artboard{width:100%;}
.fact-4hours__elem-1{top:55px;left:calc(50% - 160px + 12px);width:300px;}
.fact-4hours__elem-2{top:87px;left:calc(50% - 160px + 71px);width:182px;}
.fact-4hours__elem-3{top:198px;left:calc(50% - 160px + 10px);width:300px;}
.fact-4hours__elem-4{top:230px;left:calc(50% - 160px + 15px);width:300px;}
}
@media screen and (max-width:359px){
.fact-4hours__artboard{width:100%;}
}
.services-cards{
padding-top:135px;
padding-bottom:165px;
background-color:#f2f2f2;
}
@media screen and (max-width:480px){
.services-cards{padding-top:60px;padding-bottom:90px;}
}
.services-cards__top{text-align:center;margin-bottom:90px;}
@media screen and (max-width:960px){
.services-cards__top{margin-bottom:45px;}
}
.services-cards__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:42px;
line-height:1.23;
margin:0 auto 40px;
}
@media screen and (max-width:1200px){.services-cards__title{font-size:38px;}}
@media screen and (max-width:960px){.services-cards__title{margin-bottom:20px;}}
@media screen and (max-width:640px){.services-cards__title{font-size:30px;margin-bottom:20px;}}
.services-cards__descr{
max-width:560px;
text-align:center;
font-family:'Roboto',Arial,sans-serif;
font-weight:300;
color:#000;
font-size:20px;
line-height:1.5;
margin:0 auto;
}
@media screen and (max-width:650px){
.services-cards__descr{font-size:16px;line-height:1.4;}
}
.services-cards__grid{
display:table;
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1200px;
padding:0;
}
@media screen and (max-width:1200px){
.services-cards__grid{max-width:960px;padding:0;}
}
@media screen and (max-width:960px){
.services-cards__grid{max-width:640px;font-size:0;}
}
@media screen and (max-width:640px){
.services-cards__grid{padding:0 10px;box-sizing:border-box;}
}
.services-cards__col{
width:100%;
float:left;
margin-left:20px;
margin-right:20px;
max-width:360px;
text-align:center;
overflow:hidden;
}
@media screen and (max-width:1200px){
.services-cards__col{margin-left:10px;margin-right:10px;max-width:300px;}
}
@media screen and (max-width:960px){
.services-cards__col{
float:none;
display:inline-block;
width:50%;
max-width:100%;
vertical-align:top;
padding-left:20px;
padding-right:20px;
margin:0;
margin-bottom:60px;
box-sizing:border-box;
}
.services-cards__col:last-child{margin-bottom:0;}
}
@media screen and (max-width:640px){
.services-cards__col{padding-left:10px;padding-right:10px;}
}
@media screen and (max-width:480px){
.services-cards__col{width:100%;display:block;}
}
.services-cards__card{
display:table;
width:100%;
height:320px;
position:relative;
overflow:hidden;
border-radius:40px;
}
.services-cards__cell{
display:table-cell;
width:100%;
height:100%;
vertical-align:middle;
text-align:center;
}
.services-cards__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
transition:all ease-in-out .25s;
}
@media (hover:hover){
.services-cards__cell:hover .services-cards__bg{transform:scale(1.05);}
}
.services-cards__overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transition:all ease-in-out .25s;
}
@media (hover:hover){
.services-cards__cell:hover .services-cards__overlay{opacity:.8;}
}
.services-cards__textwrap{
padding:20px 40px;
position:relative;
transition:all ease-in-out .25s;
}
@media screen and (max-width:640px){
.services-cards__textwrap{padding:20px;}
}
.services-cards__content{
margin:30px auto;
position:relative;
transition:all ease-in-out .2s;
}
.services-cards__inner{
transform:translate3d(0,45px,0);
transition:all ease-in-out .2s;
}
@media (hover:hover){
.services-cards__cell:hover .services-cards__inner{transform:translate3d(0,0,0);}
}
.services-cards__name{
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:24px;
line-height:1.35;
word-break:break-word;
}
@media screen and (max-width:1200px){.services-cards__name{font-size:22px;}}
@media screen and (max-width:640px){.services-cards__name{font-size:20px;}}
.services-cards__link{
display:block;
color:inherit;
text-decoration:none;
}
.services-cards__name .services-cards__link{
color:#fff;
}
.services-cards__btnwrap{
transform:translate3d(0,-40px,0);
opacity:0;
transition:all ease-in-out .2s;
}
@media (hover:hover){
.services-cards__cell:hover .services-cards__btnwrap{
transform:translate3d(0,0,0);
opacity:1;
}
}
.services-cards__btnbox{
display:inline-block;
margin-top:40px;
}
.services-cards__btn{
text-align:center;
vertical-align:middle;
display:table-cell;
color:#fff;
font-family:'Unbounded',Arial,sans-serif;
font-weight:700;
font-size:14px;
height:45px;
padding-left:30px;
padding-right:30px;
border:1px solid #fff;
border-radius:30px;
background:none;
white-space:normal;
cursor:pointer;
box-sizing:border-box;
}
@media screen and (max-width:640px){
.services-cards__btn{padding-left:20px;padding-right:20px;}
}
@media screen and (max-width:480px){
.services-cards__btn{height:50px;}
}
@media screen and (max-width:400px){
.services-cards__btn{font-size:12px;}
}
@media screen and (max-width:960px){
.services-cards__overlay{opacity:1;}
.services-cards__inner{
opacity:1;
transform:translate3d(0,0,0);
position:initial;
}
.services-cards__btnwrap{
opacity:1;
transform:translate3d(0,0,0) !important;
position:initial;
}
}
.seo-services{
padding-top:90px;
padding-bottom:90px;
background-color:#f8f8f8;
}
@media screen and (max-width:480px){
.seo-services{padding-top:30px;padding-bottom:15px;}
}
.seo-services__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:28px;
line-height:1.25;
color:#000;
text-align:center;
margin:0 0 16px;
}
.seo-services__subtitle{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:19px;
line-height:1.3;
color:#000;
margin:0 0 12px;
}
.seo-services__text{
font-family:'Roboto',Arial,sans-serif;
font-size:17px;
line-height:1.6;
color:#333;
margin:0 0 24px;
}
.seo-services__lead{
font-family:'Roboto',Arial,sans-serif;
font-size:17px;
line-height:1.6;
color:#333;
text-align:center;
margin-bottom:36px;
}
.seo-services__cta{
display:flex;
align-items:center;
justify-content:center;
gap:16px;
flex-wrap:wrap;
margin:8px 0 0;
text-align:center;
}
.seo-services__cta-text{
font-family:'Roboto',Arial,sans-serif;
font-size:17px;
color:#333;
}
.page-body .seo-services__btn{
display:inline-block;
color:#fff;
font-size:16px;
font-family:'Unbounded',Arial,sans-serif;
line-height:1.55;
font-weight:600;
border:2px solid #0e8054;
border-radius:30px;
background-color:#0e8054;
padding:14px 34px;
text-decoration:none;
transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;
}
@media (hover:hover){
.page-body .seo-services__btn:hover{
background-color:transparent;
background-image:none;
border-color:#0e8054;
color:#0e8054;
}
}
.faq-intro{
padding-top:60px;
padding-bottom:60px;
background-color:#fff;
}
.faq-intro__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
font-size:52px;
line-height:1.23;
padding-top:8px;
padding-bottom:3px;
margin:0;
text-align:center;
}
@media screen and (max-width:1200px){
.faq-intro__title{font-size:48px;}
}
@media screen and (min-width:900px){
.faq-intro__title{font-size:42px;}
}
@media screen and (max-width:640px){
.faq-intro__title{font-size:30px;}
}
@media screen and (max-width:480px){
.faq-intro{padding-top:30px;padding-bottom:30px;}
}
.faq-list{
padding-top:90px;
padding-bottom:90px;
background-color:#eeeeee;
}
@media screen and (max-width:480px){
.faq-list{padding-top:30px;padding-bottom:30px;}
}
.faq-list__col{
margin-bottom:2px;
}
.faq-list__col:last-child{margin-bottom:0 !important;}
.faq-item{
background-color:#fff;
}
.faq-item__header{
position:relative;
cursor:pointer;
}
.faq-item__trigger{
position:relative;
width:100%;
padding:25px 30px;
text-align:left;
background-color:transparent;
border:none;
box-sizing:border-box;
cursor:pointer;
font:inherit;
color:inherit;
}
.faq-item__trigger:focus-visible{outline-offset:-2px;}
.faq-item__title{
display:inline-block;
padding-right:30px;
font-size:18px;
line-height:1.35;
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
color:#000;
}
@media screen and (max-width:400px){
.faq-item__title{font-size:16px;}
}
.faq-item__icon{
position:absolute;
top:50%;
right:18px;
width:24px;
height:24px;
display:inline-block;
padding:8px;
transform:translateY(-50%);
transition:opacity ease-in-out 0.2s;
box-sizing:content-box;
}
.faq-item__icon-hover{opacity:0;}
@media (hover:hover){
.faq-item__header:hover .faq-item__icon{opacity:0;}
.faq-item__header:hover .faq-item__icon-hover{opacity:1;}
}
.faq-item__trigger:focus-visible .faq-item__icon{opacity:0;}
.faq-item__trigger:focus-visible .faq-item__icon-hover{opacity:1;}
@media screen and (max-width:960px){
.faq-item__header:hover .faq-item__icon{opacity:1;}
.faq-item__header:hover .faq-item__icon-hover{opacity:0;}
}
.faq-item__circle{
position:absolute;
top:0;
left:0;
width:40px;
height:40px;
border-radius:100px;
background-color:transparent;
}
.faq-item__icon-hover .faq-item__circle{background-color:#eee;}
.faq-item__lines{
position:relative;
z-index:1;
display:block;
width:100%;
height:100%;
transition:all ease-in-out 0.3s;
transform:rotate(0);
}
.faq-item__header.is-opened .faq-item__lines{
z-index:1;
transform:rotate(-45deg);
transition:all ease-in-out 0.3s;
}
.faq-item__content{
display:none;
padding:0 30px;
overflow:hidden;
transition:max-height ease-in-out 0.3s,opacity ease-in-out 0.3s;
}
.faq-item__textwrapper{padding:0 0 20px;}
.faq-item__text{
font-size:16px;
line-height:1.55;
font-family:'Unbounded',Arial,sans-serif;
font-weight:300;
color:#000;
}
@media screen and (max-width:1200px){
.faq-item__text{font-size:14px;}
}
@media screen and (max-width:640px){
.faq-item__text{font-size:12px;line-height:1.45;}
}
@media screen and (max-width:640px){
.faq-item__trigger{padding:20px !important;}
.faq-item__content{padding-right:20px !important;padding-left:20px !important;}
.faq-item__icon{right:8px !important;}
}
.page-seo{
padding-top:0;
padding-bottom:0;
}
.page-seo__text{
margin:20px 0;
}
/* R3.3: заголовки и параграфы SEO-блока после FAQ — в стиле
   секции «Демонтаж, перенос и обслуживание» (.seo-services) */
.page-seo__title{
font-family:'Unbounded',Arial,sans-serif;
font-weight:600;
font-size:28px;
line-height:1.25;
color:#000;
text-align:center;
margin:0 0 16px;
}
.page-seo__text p{
font-family:'Roboto',Arial,sans-serif;
font-size:17px;
line-height:1.6;
color:#333;
margin:0 0 24px;
}
.page-seo__reviews{
width:100%;
max-width:762px;
border:1px solid #fff;
box-sizing:border-box;
}
.contacts{
padding-top:90px;
padding-bottom:60px;
background-color:#212121;
}
@media screen and (max-width:480px){
.contacts{padding-top:30px;}
}
.contacts__title{
margin-bottom:45px;
font-family:'Unbounded',Arial,sans-serif;
color:#fff;
}
.contacts__text{
font-family:'Roboto',Arial,sans-serif;
color:#fff;
}
.contacts__text p{
text-align:center;
color:#fff;
}
.contacts__social{
margin-top:20px;
}
ul.contacts__social-list{
display:flex;
justify-content:center;
gap:10px;
margin-bottom:0;
padding-left:0;
list-style:none;
}
.contacts__social-item{
display:inline-block;
margin:4px 1px 0;
}
.contacts__social-link{
display:inline-block;
width:30px;
height:30px;
}
.contacts__social-item_max a{overflow:hidden;}
.contacts__badge{margin-top:25px;}
.contacts__copyright{
color:#9a9a9a;
font-family:Arial,Helvetica,sans-serif;
text-align:center;
}
.footer-order{width:100%;}
.footer-promo{width:100%;height:0;overflow:hidden;}
.footer-promo__watch{position:absolute;left:-9999px;}
