/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Avenir Next'; font-display: block; src: url('fonts/AvenirNextCyr-Regular.woff2') format('woff2'), url('fonts/AvenirNextCyr-Regular.woff') format('woff'), url('fonts/AvenirNextCyr-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Avenir Next'; font-display: block; src: url('fonts/AvenirNextCyr-Medium.woff2') format('woff2'), url('fonts/AvenirNextCyr-Medium.woff') format('woff'), url('fonts/AvenirNextCyr-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Avenir Next'; font-display: block; src: url('fonts/AvenirNextCyr-Demi.woff2') format('woff2'), url('fonts/AvenirNextCyr-Demi.woff') format('woff'), url('fonts/AvenirNextCyr-Demi.ttf') format('truetype'); font-weight: 700; font-style: normal; } /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 921px) { .block{padding: 40px 0px;} #block3 h2, .block h2{font-size: 30px!important;} .page h1{padding: 30px 0px!important;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .col-m-3{grid-template-columns: repeat(3, 1fr);} .o1{order: 1;} .o2{order: 2;} #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;} /*#mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 22px;padding: 0px;padding-top: 0px;} #mmenu .menu li{padding-bottom: 10px;} #mmenu .menu a{color: black;} */ #mmenu .cont>a{display: block;padding: 5px 0px;} #mmenu .cont span{display: block;padding-top: 30px;} #mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 50px;list-style: none;margin-bottom: 20px;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;} #mmenu .nav .sub-menu{padding-top: 10px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} #mmenu .cont .mail{color: #00aaff;} #header{padding: 15px 0px;} #header .head{display: none;} #header img{max-width: 150px;} #slider{background-position: center!important;} #slider h1{font-size: 40px!important;text-align: center;} #slider .call .button{padding: 25px 10px!important;display: block;} #slider .call .inf{margin: 10px 0px 0px 0px!important;text-align: center;} #slider .more{margin-top: 20px;} #slider .st{padding: 20px 0px!important;} #slider ul{padding-top: 20px!important;} #slider .info{bottom: 10%!important;left: 0!important;} #slider .phones{text-align: center;margin-top: 20px;} #slider .phones .phone{display: block;color: black;font-weight: bold;font-size: 30px;margin: 5px 0px;} .fon .phones .phone{color: white!important;} #header .city{font-size: 14px;} #slider .buttons .item{margin: 10px 0px!important;} #mes .buttons .item, #slide .buttons .item{width: 100%!important;} #about .title{margin-top: 10px;} #about .prem .item{margin-bottom: 10px;} #price .item .info, #usl .item .info{padding: 20px!important;} #prem{font-size: 14px;} #gar{background-position: bottom!important;} #gar .info{padding: 30px!important;} #form{background-size: auto!important;} #kak .nums{display: none;} #kak .col-sm-3{counter-increment: stage;padding: 10px 0px 10px 80px;} #kak .col-sm-3:before { content: counter(stage); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 40px; height: 40px; border-radius: 10%; background-color: #0078c1; font-size: 20px; font-weight: 500; line-height: 1; color: #FFF; text-align: center; position: absolute; top: 29px; left: 20px; } #kak .tab-content{margin-bottom: 20px;} #pre .pad{padding-left: 15px!important;padding-right: 15px!important;padding-top: 25px;padding-bottom: 25px;} #pre .pad img{width: 100%;} #pre .button{display: block!important;} :is(#za,#mir-contact), #za1, #sale {padding: 0px!important;-webkit-overflow-scrolling: touch;} @media(max-width: 991px){ :is(#za,#mir-contact), #za1, #sale {padding: 10px!important;-webkit-overflow-scrolling: touch;} } :is(#za,#mir-contact) .modal-dialog, #za1 .modal-dialog, #sale .modal-dialog{height: 100%;margin: 0;} :is(#za,#mir-contact) .modal-content, #za1 .modal-content, #sale .modal-content {height: 100%;width: 100%;border-radius: 0;} :is(#za,#mir-contact) .modal-body .t, #za1 .modal-body .t, #sale .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;} :is(#za,#mir-contact) .modal-body .st, #za1 .modal-body .st, #sale .modal-body .st{font-size: 16px;padding-bottom: 15px;} :is(#za,#mir-contact) .info, #za1 .info, #sale .info {width: 100%;} #form, #form2{padding-bottom: 0px;} #form .form, #form2 .form{background-color: #222222;padding-top: 30px;padding-bottom: 30px;} #form .lic, #form2 .lic{padding-top: 20px;} #mes2{padding: 20px!important;} #mes2 h2{font-size: 25px!important;} .tags{grid-template-columns: 1fr!important;} #footer{padding-top: 40px;padding-bottom: 40px;text-align: center;} #footer .menu{padding-top: 30px!important;padding-bottom: 30px!important;} #footer .phone{padding-top: 20px;display: block;} #footer .info{padding-top: 20px;} } @media (min-width: 992px) { h1{font-size: 45px;} h2{font-size: 40px;} .block{padding: 40px 0px;} #slider .phones{display: none;} .fullscreen .modal-content{height: 100%;width: 100vw;} .fullscreen .modal-body{padding-top: 50px;} .fullscreen .list li{width: 33%;float: left;} .grid{gap: 30px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-6{grid-template-columns: repeat(6, 1fr);} .col-pc-2-1{grid-template-columns: 2fr 1fr;} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-07{grid-template-columns: 2fr 0.7fr;} .col-pl-1{grid-template-columns: repeat(1, 1fr);} .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);} .col-pl-4{grid-template-columns: repeat(4, 1fr);} .col-pl-60-40{grid-template-columns: auto 40%;} .col-pl-40-60{grid-template-columns: auto 60%;} .col-pl-80-20{grid-template-columns: 80% auto;gap: 0;} .col-pl-30-70{grid-template-columns: 30% auto;} .col-pl-20-80{grid-template-columns: 20% auto;} .page header{margin-top: 50px!important;margin-bottom: 30px!important;} #header{padding: 15px 0px;} #header .mobile{display: none!important;} :is(#za,#mir-contact) .modal-dialog, #za1 .modal-dialog, #sale .modal-dialog {margin: 0px;right: 0px;position: absolute;} :is(#za,#mir-contact) .modal-body, #za1 .modal-body, #sale .modal-body{padding: 40px;} :is(#za,#mir-contact) .modal-body .t, #za1 .modal-body .t, #sale .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;} :is(#za,#mir-contact) .modal-body .st,#za1 .modal-body .st , #sale .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;} :is(#za,#mir-contact) .modal-body .poly, #za1 .modal-body .poly, #sale .modal-body .poly{padding-top: 3vh;} #form .big, #form2 .big{padding-bottom: 40px;} #form:after, #form2:after{content: '';background-color: #222222;width: 53%;height: 100%;right: 0;top: 0;position: absolute;z-index: 1;} #form .lic, #form2 .lic{padding-top: 20px;} #form label, #form2 label{font-size: 10px;} #mes2{font-size: 18px;padding: 40px 50px;} #mes2 .bt{gap: 150px;} #slider .call{display: flex;margin: 20px 0px 60px 0px;} #slider ul{max-width: 70%;} #slider img{z-index: 2px;position: relative;} #block2 .etap{grid-template-columns: 0.8fr 1fr;} #kak .st{max-width: 70%;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} } @media (min-width: 1200px) { .container{max-width: 1200px;} #form .lic{padding-top: 0px;} } html, body{ font-family: 'Avenir Next', Arial, Helvetica, sans-serif!important; font-size: 18px!important; margin: 0px; padding: 0px; color: black; } h1{margin-bottom: 0px!important;margin-top: 0px!important;font-weight: 400;} h2{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;padding-bottom: 30px!important;font-weight: 400;} h3{font-size: 26px;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float: right;margin-left: 10px;margin-bottom: 10px;} .page{min-height: 500px;padding-bottom: 20px;} button:active, button:focus, input:focus {outline: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0;} .button{display: inline-block;background: #00aaff;color: white;border: none;border-radius: 4px;padding: 10px 15px;text-align: center;} .button:hover{background-color: black;color: white;text-decoration: none;} .block .title{display: flex;align-items: center;justify-content: space-between;} .block .title a{color: #0035A7;font-size: 18px;font-weight: 500;} .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);} div.wpcf7 .ajax-loader{display: none;} .h-100{height: 100%;} .grid{display: grid;} .time{font-size: 14px;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: #00aaff;border-radius: 2px;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-radius: 4px;border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before, .whatsapp-button:after {content: " ";display: block;position: absolute;border: 50%;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button {bottom: 10px!important;left: 10px;} #mmenu .nav{padding-top: 0;}} /* Топ акция */ .ntf{background-color: #f32c11;color: white;padding: 10px;} .ntf .but{color: white;font-weight: bold;} .ntf .ntf-close{color: white;text-decoration: none;font-size: 35px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .ntf .container{display: flex;gap: 15px;justify-content: space-between;align-items: center;} /* Ваш город ? */ .city{position: relative;} .citychose{position: absolute;background-color: #799511;padding: 15px 20px;top: 4.2em;left: 2em;border-radius: 10px;color: white;box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);z-index: 777;font-size: 14px;} .citychose:before{width: 1.3rem;height: 1.3rem;content: '';position: absolute;top: -.5rem;transform: rotate(45deg) skew(10deg,10deg);border-radius: .3rem;left: 2rem;background: inherit;} .citychose .chose{display: flex;gap: 15px;} .citychose .chose a{color: white;white-space: nowrap;font-weight: bold;border-bottom: dotted 1px;text-decoration: none;} .citychose .chose a:hover{border-bottom: none;} .citychose .title{margin-bottom: 5px;} .citychose .title span{font-weight: bold;} .citychose .city-close.x{position: absolute;top: 5px;right: 9px;color: white;text-decoration: none;font-size: 27px;line-height: 20px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} @media (max-width: 921px) {.citychose{left: 0;right: 0;margin: auto;max-width: 300px;top: 75px;}} :is(#za,#mir-contact) .modal-content, #za1 .modal-content, #sale .modal-content{border-radius: 0px;border: none;} :is(#za,#mir-contact) .modal-body, #za1 .modal-body,#sale .modal-body{height: 95vh;} :is(#za,#mir-contact) .modal-body .close, #za1 .modal-body .close, #sale .modal-body .close{right: 0px;} :is(#za,#mir-contact) .modal-body .t, #za1 .modal-body .t, #sale .modal-body .t{font-weight: bold;} :is(#za,#mir-contact) .modal-body .st, #za1 .modal-body .st, #sale .modal-body .st{color: #545560;} :is(#za,#mir-contact) .modal-body .poly, #za1 .modal-body .poly, #sale .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} :is(#za,#mir-contact) .modal-body .wpcf7-text, #sale .modal-body .wpcf7-text, :is(#za,#mir-contact) .modal-body .wpcf7-textarea, #sale .modal-body .wpcf7-textarea, #za1 .modal-body .wpcf7-text, #za1 .modal-body .wpcf7-textarea { border: 1px solid #545560d1; margin-bottom: 0; padding: 10px; border-radius: 6px; } :is(#za,#mir-contact) .grid, #za1 .grid , #sale .grid{ gap: 10px; } [class*="camera-"] { padding: 0px !important; -webkit-overflow-scrolling: touch; } [class*="camera-"] .modal-dialog { height: 100%; margin: 0; right: 0; position: absolute; } [class*="camera-"] .modal-content { height: 100%; width: 100%; border-radius: 0; border: none; } [class*="camera-"] .modal-body { height: 95vh; padding: 40px; } [class*="camera-"] .modal-body .t { font-size: 45px; line-height: 54px; padding-bottom: 30px; font-weight: bold; } [class*="camera-"] .modal-body .st { font-size: 22px; line-height: 34px; padding-bottom: 30px; color: #545560; } [class*="camera-"] .modal-body .poly { padding-top: 3vh; color: #A8A8A8; font-size: 12px; line-height: 14px; } [class*="camera-"] .modal-body .close { right: 0px; } [class*="camera-"] .info { width: 100%; } [class*="camera-"] .wpcf7-text, [class*="camera-"] .wpcf7-textarea { border: none; border-bottom: 1px solid #54556020; margin-bottom: 30px; padding: 10px 0px; } .bmes{background-color: red;color: white;padding: 10px;display: block;text-align: center;font-weight: bold;} .bmes:hover{text-decoration: none;background-color: black;color: white;} /* Анимация */ #header .nav a, .video .play, .button, #about .nav a, #form .call .phones a, #form .call .mail, #footer a, #faq .card a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /* Hover */ #header .nav a:hover, #header .nav .current_page_item>a, #about .nav a.active, #form .call .phones a:hover, #form .call .mail:hover, #footer a:hover, #faq .card a:hover{color: #00aaff;} /* button svg #slider a svg, #usl a svg, #sale a svg, .block .title a svg{margin-left: 5px;}*/ #header{box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.04);z-index: 2;position: relative;} #header .nav a{color: black;font} #header .phones a{display: block;white-space: nowrap;color: black;font-weight: bold;font-size: 18px;} #header .nav .menu-item-has-children>a:after{content: url(images/ad.svg);margin-left: 10px;} #header .nav .menu-item-has-children:hover .sub-menu{display: block;} #header .nav .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;} #header .nav .sub-menu li{padding: 5px 20px;} #header .city{color: #00aaff;} #slider{background: url(images/slider.jpg) center;background-size: cover;position: relative;padding-top: 50px;padding-bottom: 30px;font-weight: bold;font-size: 20px;} #slider h1{font-weight: bold;} #slider .call{align-items: center;gap: 10px;position: relative;z-index: 99;} #slider .call .button{padding: 25px 40px;white-space: nowrap;box-shadow: 0px 20px 30px #00aaff30;margin-bottom: 10px;} #slider .call .b2{background-color: #fd1717;} #slider .call .b3{background-color: #26d14b;} @media (max-width: 468px) {#slider .call .button { white-space: wrap; font-size: 16px;}} #slider ul{list-style: none;padding: 0;margin: 0;margin-top: 20px;} #slider ul li{display: flex;align-items: center;margin-bottom: 10px;} #slider ul li:before {content: url('images/check.svg');margin-right: 10px;} #slider .info{display: inline-block;background-color: #26CEBB;color: white;border-radius: 4px;padding: 15px 40px 15px 25px;font-size: 14px;line-height: 19px;position: absolute;bottom: 30%;left: -47%;} #slider .line {position: absolute;bottom: 0;width: 100%;height: 1vw;} #slider .buttons .item { display: flex; align-items: center; justify-content: center; border-width: 2px; text-align: center; color: rgb(255, 255, 255); border-color: rgb(105, 140, 200); font-size: 20px; border-style: solid; box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px; background: rgb(105, 140, 200); border-radius: 30px; height: 59px; text-decoration: none; margin: 20px 0px; } #slider .buttons .tg{background: #6194ed;border-color: #6194ed;} #slider .buttons .wa{background: #83d05b;border-color: #83d05b;} #slider .buttons .vb{background: #614d9b;border-color: #614d9b;} #slider .buttons .item img{margin-right: 10px;width: 30px;} #slider .raic {position: relative; z-index: 0;} #block1{background-color: whitesmoke; margin-top: 40px;} #block2 .etap{background-color: whitesmoke;margin-bottom: 20px;display: grid;align-items: center;grid-gap: 30px;font-size: 17px;} #block2 .etap .text{padding: 15px;} #form{position: relative;background-color: whitesmoke;line-height: 28px;} #form2{position: relative;line-height: 28px;} #form .form, #form2 .form{color: white;z-index: 2;} #form .form a, #form2 .form a{color: #ababab;} #form .big, #form2 .big{font-size: 20px;} #form a, #form2 a{color: black;border-bottom: 1px solid;white-space: nowrap;} #form .title, #form2 .title{font-size: 18px;letter-spacing: 0.12em;text-transform: uppercase;text-align: center;padding: 20px 0px;font-weight: bold;} #form label, #form2 label{letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 0px;color: #ababab;} #form .lic, #form2 .lic{font-size: 12px;color: #ababab;line-height: 16px;} span.wpcf7-list-item{margin: 0px;} #form .wpcf7-text, #form .wpcf7-date, #form .wpcf7-select, #form .wpcf7-textarea, #form2 .wpcf7-text, #form2 .wpcf7-date, #form2 .wpcf7-select, #form2 .wpcf7-textarea{background-color: transparent;border: none;color: white;border-bottom: 1px solid #FFFFFF40;width: 100%;margin-bottom: 20px;} #form .wpcf7-select option, #form2 .wpcf7-select option {color: black;} #form .wpcf7-text::placeholder, #form2 .wpcf7-text::placeholder{color: white;} #form .buttonbig, #form2 .buttonbig{width: 100%;} .ajax-loader{display: none!important;} #form .codedropz-upload-inner h3, #form .codedropz-upload-inner span, #form2 .codedropz-upload-inner h3, #form2 .codedropz-upload-inner span{display: none;} .dnd-icon-blank-file:before{color: white;} #text1 .info{background-color: whitesmoke;border-radius: 4px;padding: 30px 30px;} #text1 .info a{text-decoration: none;} #text1 .info .item{border-bottom: 1px solid #D8DDDE;padding-bottom: 20px;margin-bottom: 20px;list-style: none;position: relative;} #text1 .info .item:last-child{border:none;padding-bottom: 0px;margin-bottom: 0px;} #text1 .info .item a h3{color: black;font-size: 20px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #text1 .info .item a:hover h3{color: #00aaff;} #text1 .info .item a h3::first-letter {text-transform: uppercase;} #text1 .info .item a path{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #text1 .info .item a:hover path{fill: #00aaff;} #text1 .info .item .day{color: #777777;font-size: 14px;} #text1 .info .item .price{color: #00aaff;font-size: 14px;} #text1 .info .item svg{position:absolute;right: 0px;top: calc(50% - 10px);} #calc{background-color: whitesmoke;} #calc .thumbnail{background-color: white;} #kak .nav{width: 100%;} #kak .nav a{background-color: #EFF3F8;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;} #kak .nav .active{/*background-image: url(images/bg.jpg);background-size: cover;background-color: #4e4d4d;*/background-color: #474444;color: white;} #kak .tab-content{margin-top: 20px;padding: 40px;border: 8px solid #EAF0F9;} #kak .tab-content h3{padding-bottom: 20px;} #gar, #gar2{background-color: whitesmoke;} #gar .info{background-color: #00aaff;color: white;padding: 50px;border-radius: 4px;} #gar .info .title{font-size: 20px;font-weight: bold;margin-bottom: 20px;max-width: 70%;line-height: 25px;} #gar2 .item{background-color: white;padding: 30px;margin-bottom: 20px;} #gar2 .item .title{font-size: 20px;font-weight: bold;padding-bottom: 10px;height: 70px;} #gar2 .item .desc{height: 140px;} .tags{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 20px 0px;} .tags a{display: block;background-color: #00aaff;color: white;padding: 10px;border-radius: 10px;text-align: center;text-decoration: none;-webkit-transition: background 0.25s ease-out;transition: background 0.25s ease-out;} .tags a:hover{background-color: black;color: white;} #mes2{background-color: #00aaff;border-radius: 24px;color: white;} #mes2 h2{font-size: 40px;} #mes2 svg{place-self: center;width: 100%;} #mes2 .top{border-bottom: 1px solid #FFFFFF;padding-bottom: 20px;margin-bottom: 30px;} #mes2 .bt{font-size: 16px;} #mes2 .bt a{display: block;text-align: center;color: white;border: 2px solid white;border-radius: 34px;padding: 15px 40px;} #mes2 .bt a:hover{background-color: white;color: black;} #mes2 .bt .text{color: #FFFFFF90;font-size: 14px;text-align: center;margin-top: 5px;} #mes{font-size: 20px;} #mes .buttons .item, #slide .buttons .item{ display: flex; align-items: center; justify-content: center; border-width: 2px; text-align: center; color: rgb(255, 255, 255); border-color: rgb(105, 140, 200); font-size: 20px; border-style: solid; box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px; background: rgb(105, 140, 200); border-radius: 30px; width: 237px; height: 59px; text-decoration: none; margin: 10px 0px; } #mes .buttons .tg{background: #6194ed;border-color: #6194ed;} #mes .buttons .wa, #slide .buttons .wa{background: #83d05b;border-color: #83d05b;} #mes .buttons .vb, #slide .buttons .vb{background: #614d9b;border-color: #614d9b;} #mes .buttons .item img, #slide .buttons .item img{margin-right: 10px;width: 30px;} #mes span{color: red;font-weight: bold;} #about .nav{border-bottom: 1px solid #70707020;margin-bottom: 30px;} #about .nav li{margin-bottom: -1px;} #about .nav a{display: block;color: #00000060;padding-bottom: 10px;padding-right: 0px;margin-right: 40px;} #about .nav a:first-child{padding-left: 0px;} #about .nav a.active{border-bottom: 1px solid #00aaff;} #about .title{font-size: 25px;font-weight: bold;line-height: 32px;margin-bottom: 20px;} #about .kak{display: inline-block;font-size: 12px;margin: 20px 0px;background-color: #F2F5FA;border-radius: 2px;padding: 5px 10px;} #about .desc{font-size: 18px;} #about .more{display: inline-block;color: #00aaff;margin-top: 20px;border-bottom: 1px solid;text-decoration: none;} #about .info{padding: 15px;} .video{margin-top: 40px;position: relative;display: flex;justify-content: center;align-items: center;} .video .play{position: absolute;} .video .play:hover{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);} #about .text{font-size: 20px;margin-top: 40px;} #about .prem{justify-content: center;margin-top: 40px;} #about .prem .item{background-color: #F2F5FA;border-radius: 4px;padding: 30px;text-align: center;margin-bottom: 20px;} #about .prem .item svg{display: block;margin: 0px auto;margin-bottom: 20px;} #about .prem .item span{display: block;color: red;font-weight: bold;} #price{background-color: whitesmoke;} #price a{color: black;} #price .items, #usl .items{justify-content: center;} #price .item, #usl .item{border: 1px solid #F0F0F0;border-radius: 2px;margin-bottom: 20px;background-color: white;border-radius: 3px;} #price .item .info, #usl .item .info{padding: 20px 30px;} #price .item .info .title, #usl .item .info .title{font-size: 20px;height: 45px;} #price .item .info .price{display: inline-block;font-size: 14px;margin-top: 15px;background-color: #F2F5FA;border-radius: 2px;padding: 5px 10px;} #price .item .info .desc, #usl .item .info .desc{margin-bottom: 20px;margin-top: 15px;} #price .item .info .button, #usl .item .info .button{box-shadow: 0px 20px 30px rgba(37, 94, 203, 0.3);padding: 15px 15px;display: block;} #kk h2{text-align: center;} #kk .item{display: flex;padding-bottom: 15px;} #kk svg{margin-right: 15px;} #kk .t{font-size: 20px;margin-bottom: 10px;font-weight: bold;} #kk .text{font-size: 16px;line-height: 1.5;} #kk .logo{text-align: center;display: flex;align-items: center;justify-content: center;} #kak .st{font-size: 20px;margin-bottom: 40px;} #kak svg{margin-left: -20px;} #kak .line {background-color: #8B92A320;height: 1px;position: relative;left: 31px;top: -50px;width: 200px;} #kak .inf1{font-size: 15px;display: flex;align-items: flex-end;} #kak .inf2{font-size: 15px;} #pre{padding-bottom: 0px;} #pre .st{font-size: 20px;font-weight: 500;} #pre ul{list-style: none;padding: 0;margin: 0;margin-bottom: 20px;} #pre ul li{display: flex;align-items: center;padding-top: 15px;} #pre ul li:before {content: url('images/check.svg');margin-right: 20px;} #pre .button{display: inline-block;padding: 25px 40px;white-space: nowrap;box-shadow: 0px 20px 30px rgba(37, 94, 203, 0.3);margin-top: 40px;} #pre .pad{padding-left: 9px;padding-right: 9px;} #pre .pd{margin-bottom: 25px;} #pre .col1, #pre .col2{padding-left: 9px;padding-right: 9px;flex: 0 0 28%;max-width: 28%;} #pre .col3{padding-left: 9px;padding-right: 7px;flex: 0 0 42%;max-width: 42%;} #pre .tri{margin-top: 25px;} #faq{background-color: #F2F5FA;} #faq .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;padding: 30px;margin-bottom: 20px;} #faq .card h3{margin-bottom: 0px;font-size: 20px;} #faq .card a{color: black;font-size: 18px;font-weight: 500;} #faq .card p{margin-bottom: 0px;margin-top: 20px;} .owl-controls{display: flex;margin-top: 20px;} .owl-controls svg path{opacity: 0.5;} .owl-controls svg:hover path{opacity: 1;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 20px;} .owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #00aaff;} /*Полноэкранное меню */ .fullscreen{padding: 0px!important;-webkit-overflow-scrolling: touch;} .fullscreen .modal-dialog{background-color: white;} .fullscreen .modal-dialog a{color: black;} .fullscreen .modal-dialog {height: 100%;margin: 0;} .fullscreen .modal-content{border-radius: 0;border: 0px;} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .st{font-size: 18px;padding-bottom: 10px;} .fullscreen .list{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;} .fullscreen .list li{padding-bottom: 5px;} .fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;} .fullscreen .select2-selection__rendered{line-height: 40px!important;} #contact{padding-top: 20px;} #contact .item{font-size: 14px;color: #999999;} #contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: bold;line-height: 20px;} #footer{background-color: #F6F6F6;color: #00000090;} #footer a{color: #00000090;} #footer .mail{padding-top: 15px;} #footer .phone{display: block;} #footer .menu{padding: 0px;margin: 0px;list-style: none;} #footer .menu li{width: 50%;float: left;padding-bottom: 15px;} #footer .soc img{padding-top: 10px;} #footer .info{font-size: 16px;} /* Калькуляторы */ /* Лейбел */ .ezfc-form .ezfc-label{font-weight: bold;padding-bottom: 5px;} .ezfc-form .ezfc-text {font-size: 1.6em;font-weight: 700;padding: .3em;} .ezfc-form .ezfc-slider-element .ui-slider-handle{background: var(--c1)!important;border: none;border-radius:0px;} /* Цена */ .ezfc-form .ezfc-price {font-weight: bold;} .ezfc-form .ezfc-price-value {color: var(--c2);font-size: 60px;vertical-align: middle;} .ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;} /* Импут */ .ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border: 2px solid var(--c1); padding: 15px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important} .ezfc-element-textarea {height: 150px;} .ezfc-element-select{cursor: pointer;background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%; } /* Если есть иконка */ .ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important; } /* Кнопка */ .ezfc-form .button{padding: 15px 30px!important;} /* Сообщение ниже формы */ .ezfc-required-notification {font-size: .8em;margin-top: 1em;} /* Радио с картинками */ @media (max-width: 921px) { .fimg .ezfc-element-radio-container{display: flex!important;align-items: center;margin-bottom: 5px;} .fimg .ezfc-element-radio{max-width: 100px;padding:10px;} .fimg .ezfc-element-option-has-image img{padding-right: 10px;} .ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{text-align: left!important;} } @media (min-width: 992px) { .fimg .ezfc-element-option-container {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: -0.5%;margin-right: -0.5%;} .fimg .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 32.333333%;max-width: 32.333333%;} .fimg.two .ezfc-element-radio-container{margin-right: 0.5%;margin-left: 0.5%;flex: 0 0 48.999999%;max-width: 48.999999%;border:2px solid var(--c4);} .fimg.two .ezfc-element-radio-container.ezfc-option-wrapper-selected{border-color:var(--c1);} .fimg.mb10 .ezfc-element-radio-container{margin-bottom: 10px;} } .fimg .ezfc-element-radio-container{background-color: white;border-radius: 0px;padding: 10px!important;} .ezfc-element-option-has-image .ezfc-element-checkbox-text, .ezfc-element-option-has-image .ezfc-element-radio-text{display: block!important;} .fimg .ezfc-element-option-has-image img{opacity: 1!important;} .fimg .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option {border-color: var(--c1);} .fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid var(--c4);border-radius: 0px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;} /* Радио и чек */ .ezfc-grid-6 .ezfc-col-2{padding:0 10px;} .ezfc-element-checkbox-input, .ezfc-element-radio-input{display: none;} .ezfc-element-radio-container, .ezfc-element-checkbox-container{padding: 4px 0px;display: flex;} .ezfc-element-radio-text label, .ezfc-element-checkbox-text label{cursor: pointer;} .fcheck .ezfc-addon-label{cursor: pointer;width: 20px;height: 20px;background-color: transparent;border: #797979 1px solid;display: inline-block!important;margin: 0 5px 0 0;position: relative;vertical-align: middle;border-radius: 100%;line-height: 1em;} /* Радио */ .fcheck .ezfc-addon-label:after {content: '';width: 12px;height: 12px;background-color: transparent;display: inline-block;border-radius: 100%;position: absolute;top: 3px;left: 3px;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;} .fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: var(--c1);} /* Чекбокс */ .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--c1);} .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label:before {content: "\f00c";font-family: FontAwesome;font-size: .9em;position: relative;left: .1em;} /* Сообщение после отправки */ .ezfc-success-text{background-color: green;text-align: center;padding: 20px 0px;color: white;font-weight: bold;font-size: 20px;} /* Скрыть элемент */ .fhide{opacity:0.5!important;pointer-events:none!important;transition:var(--transition);} /* Да, Нет */ .fdanet .ezfc-text-right{flex: 0 0 80%;text-align: left;} .fdanet .ezfc-element-option-selectable-text{background-color: white;} .fdanet .ezfc-element-option-selectable-text.ezfc-selected{background-color: var(--c1)!important;} .fslide .ezfc-text-right{flex: 0 0 40%;text-align: left;} .fplus tbody{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} /*.fplus img{max-width:100%; width:100%;}*/ .fplus table{width:100%;} .fplus.fplus3 .ezfc-element-option-container {display:flex;flex-wrap:wrap;} .fplus.fplus3 .ezfc-element-option-has-image{border:2px solid var(--c4);padding:5px;margin:0.5%;transition:all 0.25s ease-in-out;} .fplus.fplus3 .ezfc-element-option-has-image.ezfc-option-wrapper-selected{border-color:var(--c1); transition:all 0.25s ease-in-out;} .fplus .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;padding: 5px;margin: 0.2%;} .fplus .ezfc-element-table_order-table .ezfc-element-table_order-image-column, .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{width: 100%;text-align: center;line-height: 20px;display: flex;justify-content: center;} .fplus .ezfc-element-table_order-table .ezfc-element-table_order-name{padding: 10px 0px;} @media (max-width: 921px) { .fplus .ezfc-element-table_order-row{flex: 0 0 48%;max-width: 48%;} .fplus.fplus4 .ezfc-element-option-has-image{flex: 0 0 49.5%;max-width: 49.5%;} .ezfc-element-table_order-price,.ezfc-element-table_order-subtotal{display: none;} .fplus.fplus3 .ezfc-element-option-has-image{width:100%!important;display:flex!important;align-items:center;} .fplus.fplus3 .ezfc-element-radio{max-width:100px;} } @media (min-width: 992px) { .fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;} .fplus.fplus3 .ezfc-element-table_order-row{flex: 0 0 24.6%;max-width: 24.6%;} .fplus.fplus3 .ezfc-element-option-has-image{flex: 0 0 32.3%;max-width: 32.3%;} } .flex{display: flex; gap: 10px;} #desc_title {background: url(images/bgprice.jpg) no-repeat right center; background-size: cover; color: white !important;} #desc_title .desc-title{color: white; font-weight: 600; } #desc_title .grid {align-items: center;} #desc_title .button-pr{padding: 15px;background-color: #009fdb; border-radius: 10px; color: white !important;transition: .5s; display: inline-block; text-decoration: none; font-size: 18px;box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); font-weight: 500;} #desc_title .button-pr:hover{background-color: black;} #prem .item .desc>p{font-size: 22px; margin-top: 10px; } #prem .item{background-color: #f4f7fc; border: 1px solid #ebebeb; padding: 30px; box-shadow: 0px 0px 10px 2px rgb(89 89 89 / 10%);} #prem .flex{ margin-bottom: 15px;} #prem .flex p{margin: 0;} #prem .item>div>img{margin-top: 20px;} #faq.septik img{margin-right: 10px; margin-bottom: 10px;} #price-tab .grid{align-items: center;} #price-tab .nav{justify-content: center; } #price-tab .nav-link{padding: 10px 30px !important; font-size: 18px; border: 1px solid #515151; color: #515151; font-weight: 500; transition: .5s;} #price-tab .nav-link:hover{color: white; background-color: #009fdb; border-color: #009fdb;} #price-tab .nav-link.active{color: white; background-color: #009fdb; border-color: #009fdb;} #price-tab .tab-content{margin-top: 60px;} #price-tab .item-cont{ border: 2px solid #009fdb;} #price-tab .item{padding: 20px;} #price-tab h3{font-size: 21px; color: white !important; background-color:#009fdb ; display: inline-block; padding: 10px;} #price-tab .item p{margin: 0;} #price-tab .sale-del{color: #949494; font-size: 22px; font-weight: 800; padding: 5px; display: inline-block;} #price-tab .sale{color: white;font-size: 22px; font-weight: 800; background-color:#009fdb ; padding: 5px; margin-top: 15px; display: inline-block;} #price-tab .flex{align-items: center; justify-content: space-between; display: block;} #price-tab form input{width: 100%; height: 48px;} #price-tab .wpcf7-spinner{display: none;} #price-tab .flex>div{margin-bottom: 20px;} #price-tab form input.phone{padding-left: 20px;} #price-tab form{margin-top: 20px;} #price-tab .soc{margin-top: 20px; text-align: center;} #price-tab .soc>div{margin-top: 10px;} #price-tab .tab-pane>div{margin-bottom: 20px;} @media (min-width: 992px){ #price-tab h3{font-size: 25px;} #price-tab .item-img{margin-left: -100px;} #price-tab .item-cont{padding: 30px; } #price-tab .flex{display: flex;} #price-tab .sale-del{font-size: 30px;} #price-tab .sale{font-size: 30px;} } #diag{background-color:whitesmoke;} #diag .number{margin-bottom: 30px;margin-top: 30px; width: 40px; height: 40px; font-size: 22px; font-weight: 500; display: grid; align-items: center; justify-content: center; background-color: #009fdb; color: white; border-radius: 50%; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);} #diag .title{font-size: 18px;font-weight: 500;color: #344058;padding-bottom: 10px;} #diag .desc{color: #8B92A3;} #diag .line{background-color: #515151;height: 1px;position: relative;left: 94px;top: 50px;max-width: 70%;} #diag .line2{background-color: #009fdb!important ;height: 1px;position: relative;left: 94px;top: 50px;max-width: 70%;} #diag .soc{margin-top: 20px;} #form-sept .item{padding: 30px; border: 1px solid #cfcbcb; box-shadow: 0px 0px 5px 1px rgb(117 117 117 / 50%);} #form-sept .flex{align-items: center; gap: 20px;} #form-sept .desc{font-size: 25px; font-weight: 500; color: #231f20; opacity: .8;} #form-sept .flex2{align-items: flex-start !important; margin-top: 20px;} #form-sept .phone{font-size: 20px; font-weight: 600; color: #231f20;} #form-sept .number>p, #form-sept .desc-soc, #form-sept .desc-time, #form-sept .mail{font-size: 15px; color: #515151; opacity: .8;} #form-sept .block-soc{align-items: center;} #form-sept .butto{background-color: white; box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); border: 1px solid #cfcbcb; padding: 15px 40px; display: inline-block; color:#323232; text-decoration: none; margin-top: 40px; border-radius: 5px; transition: .5s;} #form-sept .butto:hover{border-color: #009fdb; color: #009fdb;} #form-sept .button2{background-color: white; box-shadow: 0px 0px 10px 1px rgb(35 31 32 / 70%); border: 1px solid #cfcbcb; padding: 15px 40px; display: inline-block; color:#323232; text-decoration: none; border-radius: 5px; transition: .5s;} #form-sept .button2:hover{border-color: #009fdb; color: #009fdb;} #form-sept .wpcf7-text, #form-sept .wpcf7-tel{height: 50px; padding-left: 30px; width: 100%; border: 1px solid #323232; border-radius: 5px;} #form-sept textarea{height: 55px; width: 100%; padding-left: 30px; border: 1px solid #323232; border-radius: 5px; padding-top: 10px;} #form-sept form{margin-top: 20px;} #form-sept form>.grid{gap: 20px;} #form-sept .wpcf7-spinner{display: none;} #form-sept>.container>.grid{justify-items: center;} #form-sept>.container>.grid>.grid{justify-content: end; gap: 0;} @media (max-width: 992px){ #form-sept .grid{justify-content: center !important;} } #block1 { position: relative; padding: 80px 0; min-height: 80vh; display: flex; align-items: center; color: white; overflow: hidden; } #block1 .bg-image-back { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1; } #block1 .container { position: relative; z-index: 1; } .custom-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 50px; align-items: center; } #block1 h1 { font-size: clamp(30px, 4.5vw, 48px); font-weight: 800; margin-bottom: 20px; line-height: 1.1; } .contact-line { display: flex; align-items: center; gap: 25px; margin: 30px 0; } .contact-line .phone { font-size: clamp(24px, 2.5vw, 28px); color: white; text-decoration: none; transition: 0.3s; } .contact-line .phone:hover { opacity: 0.8; } .social-icons { display: flex; gap: 10px; } .social-icons img { width: 35px; height: 35px; transition: 0.3s; } /* Кнопки */ .buttons-row { display: flex; gap: 12px; margin: 10px 0; } #block1 .button, #block1 .button2, #block1 .button3, .block1-btn, .block1-btn2, .block1-btn3 { flex: 1; height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 10px; text-decoration: none; font-weight: 700; font-size: clamp(11px, 1.2vw, 13px); text-transform: uppercase; transition: 0.3s; color: white; padding: 0 10px; text-align: center; border: none; } #block1 .button, .block1-btn { background: #00aaff; } #block1 .button2, .block1-btn2, .block1-btn3 { background: white; border: 1px solid #00aaff; color: #00aaff;} .item-box.prem-container { background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(2px); padding: 40px; border-radius: 25px; border: 1px solid rgba(255, 255, 255, 0.1); display: grid; grid-template-columns: auto 1fr; gap: 0; } .prem-numbers { padding-right: 25px; border-right: 2px solid rgba(255, 255, 255, 0.3); display: flex; flex-direction: column; gap: 20px; align-items: flex-end; } .prem-texts { padding-left: 25px; display: flex; flex-direction: column; gap: 20px; } .n-item { font-size: 60px; font-weight: 800; color: white; height: 60px; display: flex; align-items: center; margin-bottom: 20px; } .t-item { font-size: 20px; line-height: 1.3; height: 60px; display: flex; align-items: center; margin-bottom: 20px; } .n-item:last-child, .t-item:last-child { margin-bottom: 0; } /* АДАПТИВ */ @media (max-width: 991px) { .custom-grid { gap: 30px; } .item-box.prem-container { padding: 30px 20px; } #block1 .button, #block1 .button2, #block1 .button3,.block1-btn, .block1-btn2, .block1-btn3 { font-size: clamp(14px, 1.2vw, 13px); } } @media (max-width: 991px) { .prem-texts{gap: 0;} #block1 h1{font-size: 26px;} #block1 { height: auto; padding: 60px 0; } .custom-grid { grid-template-columns: 1fr; } .buttons-row { flex-direction: column; } #block1 .button, #block1 .button2, #block1 .button3, .block1-btn, .block1-btn2, .block1-btn3 { flex: none; width: 100%; } .custom-grid { display: flex; flex-direction: column; } .contact-line{margin:0;} .items { display: contents; } #block1 h1 { order: 1; } .item-box.prem-container { order: 2; } .contact-line { order: 3; } .buttons-wrapper { order: 4; display: flex; flex-direction: column; width: 100%; } .n-item, .t-item { height: auto; } .contact-line { gap: 15px; } .n-item { font-size: 48px; height: auto; margin-bottom: 25px;} .t-item { font-size: 19px; height: auto; margin-bottom: 25px; line-height:1.5;} .prem-numbers { padding-right: 15px; gap: 30px;} .prem-texts { padding-left: 15px; justify-content: space-evenly;} .row2 {display: grid; grid-template-columns: repeat(2,auto);} } /* Виджет мессенджеров */ .msg-widget{position:fixed;right:60px;bottom:50px;z-index:9999;} .msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;} .msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;} .msg-toggle:after{animation-delay:.5s;} @keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}} .msg-toggle:hover{transform:scale(1.05);} .msg-toggle .msg-close{display:none;} .msg-widget.active .msg-toggle svg:first-child{display:none;} .msg-widget.active .msg-toggle .msg-close{display:block;} .msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;} .msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);} .msg-item{display:block;transition:transform .3s;} .msg-item:hover{transform:scale(1.1);} .msg-item img{display:block;border-radius:50%;} .msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;} .msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;} @media(max-width:768px){.msg-widget{right:15px;bottom:85px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}} @media (max-width: 767px) { #text1 .row { display: flex; flex-direction: column; } #text1 .col-sm-8, #text1 .col-sm-4 { display: contents; } #text1 p, #text1 ul, #text1 h2, #text1 .bmes { order: 1; } #text1 .info { order: 2; margin: 20px 0; } .banner-abs{display:none;} #text1 .tags { order: 3; margin-top: 20px; } } #block1 { position: relative; overflow: hidden; } .banner-abs { position: absolute; right: 70px; bottom: -10px; width: 450px; opacity: 1; z-index: 99; } .banner-wrapper { position: relative; display: inline-block; } .banner-img { position: relative; z-index: 99; display: block; max-width: 100%; } #block1 .phone { color: black; } #block1 { color: black; } #block1.fon { color: white; } #block1 .phone { color: black; } #block1.fon .phone { color: white; } #block1. .prem-numbers{color:black;} #block1 { background: url('./images/slider.jpg') no-repeat center; background-size: cover; color: black; } #block1 .n-item { color: black; } #block1 .prem-numbers{color:black;} #block1.fon .n-item { color: white; } #block1 .item-box.prem-container { background: rgba(0, 0, 0, 0.05); backdrop-filter: blur(2px); padding: 40px; border-radius: 25px; border: 1px solid rgba(0, 0, 0, 0.1); } #block1.fon .item-box.prem-container { background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.1); } #gallary .box { width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 12px; position: relative; } #gallary .box a { display: block; width: 100%; height: 100%; } #gallary .box img { width: 100%; height: 100%; object-fit: cover; display: block; } #geo .left,#geo .right{padding: 20px;overflow: hidden;} #geo .left{background-color: #00aaff;} #geo .left *{color: white;} #geo .right{border: 2px solid #00aaff;padding: 10px;} #geo .btn-out{border: 1px solid white;color: white; padding: 10px;} #geo .btn-out:hover{border-color: white;color: white;} #geo img{width: 64px;} #geo .grid{gap: 10px;} #geo .geo-hidden{ display: none; } #geo.open .geo-hidden{ display: block; } .geo-toggle-wrap{ margin-top: 15px; text-align: center; } .geo-toggle{ padding: 10px 16px; border: 1px solid #2d7cff; background: transparent; color: #2d7cff; border-radius: 10px; cursor: pointer; } .septic-price-banner { max-width: 500px; position: relative; display: flex; align-items: center; justify-content: start; padding: 15px; border-radius: 25px; margin-top: 20px; text-decoration: none; overflow: hidden; background: rgba(255, 255, 255, 0.12); border: 1px solid rgba(255, 255, 255, 0.1); backdrop-filter: blur(2px); color: #fff; font-size: 24px; font-weight: 500; line-height: 1.3; } .septic-price-banner strong { color: #9cffb8; font-weight: 700; } #price-banner, #price-banner:hover, #price-banner:visited, #price-banner:active { color: #fff !important; text-decoration: none !important; } .buttons-wrapper { margin-top: 30px; } @media (max-width: 991px) { .septic-price-banner { order: 3; width: 100%; font-size: 19px; text-align: center; border-radius: 18px; margin-top: 0; } #block1 .item-box.prem-container {padding: 20px;} .text_descr--wrapper { padding: 30px; } section#text1 { padding: 20px; } span.banner-doptext { order: 4; font-size: 20px; text-align: center; } } .tiles-section{ padding: 30px 0; } .tiles-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .tile-card { background: #fff; border: 1px solid #00aaff; border-radius: 24px; padding: 15px; display: flex; flex-direction: column; align-items: center; height: 100%; transition: 0.3s ease; } .tile-card:hover { box-shadow: 0 10px 30px rgba(0, 170, 255, 0.12); } .tile-card__title { font-size: 20px; line-height: 1.2; color: #00aaff; margin-bottom: 20px; font-weight: 700; } .tile-card__descr { color: #000; font-size: 16px; line-height: 1.7; flex: 1; text-align: center; } .tile-card__descr p:last-child { margin-bottom: 0; } .tile-card__price { display:flex; align-items: center; justify-content: space-between; margin-top: 25px; font-size: 25px; font-weight: 700; color: #00aaff; width: 100%; padding: 0 10px; } .tile-card__price a{font-size: 16px;text-decoration: none;} .tile-card__price { display: flex; flex-direction: column; align-items: center; gap: 14px; margin-top: 20px; } .tile-card__btn { display: inline-flex; align-items: center; justify-content: center; width: fit-content; height: 42px; padding: 0 28px; background: #00aaff; color: #fff; border-radius: 14px; text-decoration: none; font-weight: 600; transition: 0.3s ease; } .tile-card__btn--order{ background: transparent; border: 1px solid #00aaff; color: #00aaff; } .tile-card__btn:hover { background: #0095dd; color: #fff; } .tile-card__actions { display: flex; justify-content: space-between; width: 100%; } .tile-card__icon { aspect-ratio: 4 / 3; width: 100%; overflow: hidden; border-radius: 16px; margin-bottom: 18px; } .tile-card__icon img { width: 100%; height: 100%; object-fit: cover; display: block; } @media (max-width: 991px) { .tiles-grid { grid-template-columns: 1fr; } .tile-card { padding: 25px; } .tile-card__title { font-size: 24px; } .tile-card__price { font-size: 26px; } .tiles-section h2, .tiles-section h3{text-align:center;} } /* ========================================================= STEPS / FEATURE CARDS (#steps, #features-steps) ========================================================= */ #steps.block, #features-steps.block { position: relative; padding: 70px 0; } #steps .container, #features-steps .container { padding: 100px 50px; position: relative; z-index: 1; border-radius: 26px; overflow: hidden; background: var(--wh-b); } #steps .steps-head, #features-steps .steps-head { margin-bottom: 30px; } #steps .eyebrow, #features-steps .eyebrow { font-size: 14px; color: var(--black); opacity: .55; margin-bottom: 6px; } #steps h2, #features-steps h2 { font-size: 48px; font-weight: 600; color: var(--black); margin: 0; } #steps h2 .blue, #features-steps h2 .blue { color: var(--blue); } #steps .grid, #features-steps .grid { gap: 10px; } #steps .step-card, #features-steps .step-card { z-index: 1; background: #F4F6FC; border-radius: 26px; padding: 20px; min-height: 300px; position: relative; } #steps .top, #features-steps .top { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } #steps .step-card h3, #features-steps .step-card h3 { margin: 0 0 15px; font-size: 24px; color: var(--black); font-weight: 500; padding-top: 20px; } #steps .step-card h3.blue, #features-steps .step-card h3.blue { color: var(--blue); } #steps .step-card .badge, #features-steps .step-card .badge { font-size: 12px; color: #2B2D3B; background: #eaeaea; border-radius: 16px; padding: 6px 14px; display: inline-block; } #steps .step-card p, #features-steps .step-card p { font-size: 16px; line-height: 1.6; color: #6b7280; margin: 0; } #steps .step-card.is-image, #features-steps .step-card.is-image { padding: 0; overflow: hidden; } #steps .step-card.is-image img, #features-steps .step-card.is-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; display: block; } #steps .step-card.is-image:hover img, #features-steps .step-card.is-image:hover img { transform: scale(1.03); } /* ========================================================= FEATURES-STEPS normalize — same width as other blocks ========================================================= */ #features-steps.block {padding:70px 0;background:var(--wh-b);} #features-steps .container {padding:0 24px !important;background:transparent !important;border-radius:0 !important;overflow:visible !important;max-width:1200px !important;} #features-steps .steps-head {padding-top:0;margin-bottom:40px;} .step-card.is-image { padding: 0; overflow: hidden; } .step-card.is-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; display: block; } .step-card.is-image:hover img { transform: scale(1.03); } .b7-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 22px; } @media (max-width: 991px) { #steps.block, #features-steps.block { padding: 30px 10px; } #steps .container, #features-steps .container { padding: 60px 20px; } #steps h2, #features-steps h2 { font-size: 32px; padding-bottom: 20px; } #steps .step-card, #features-steps .step-card { min-height: auto; } #steps .step-card h3, #features-steps .step-card h3 { font-size: 18px; } #steps .last { order: 0; } #steps .first { order: 1; } .b7-grid { grid-template-columns: 1fr !important; } } .col-pc-15-1 { grid-template-columns: 1.5fr 1fr; } #inf .grid { align-items: center; } .grid { display: grid; } #inf .grid {align-items: center;} #inf .col-lg-6 { width: 100% !important; height: auto; position: relative; max-width: 100% !important; } #inf .t-dots {position: relative;} #inf .t-dots svg {position: absolute; top: 20px; left: 20px; z-index: 1;} #inf .i-dots {position: absolute; top: 20px; left: 20px;} #inf .image { width: auto; max-height: 450px; object-fit: cover;} #inf .t-dots {margin: 30px 0} #inf h3 {font-size: 18px; font-weight: 600;} #inf .col-lg-6>img{max-height: 500px; object-fit: cover;width: 100%; border-radius: 25px;} #inf h2 { font-size: 36px; font-weight: 600; margin: 0; } @media (max-width: 991px) {#inf .t-dots svg {top: 30px; left: 30px;} } @media (max-width: 991px) {#inf .grid {display: flex; flex-wrap: wrap; flex-direction: column-reverse; }} #lend2 {font-size: 20px;} #lend2 .grid {align-items: center; margin-bottom: 20px;} #lend2 .flex{gap: 10px; align-items: center; margin-bottom: 20px; flex-wrap: nowrap;} #lend2 .stitle{font-size: 28px; font-weight: 600; } #lend2 h2{text-align: center; font-weight: 600;} #lend2 img{border-radius: 25px;} #svusl.block{padding: 50px 0;} #svusl .title {display: flex; align-items: baseline; position: absolute; gap: 15px;} #svusl .title .t-dots {display: flex; } #svusl .owl-carousel {width: 65%; margin-left: 35%;} #svusl .card-item .image img {width: 100%; height: 250px; object-fit: cover; } #svusl .card-item .content { display: grid; border: 3px solid #f3f3f3; padding: 20px; } #svusl .card-item .content h3 {font-size: 18px; text-align: center; margin-bottom: 10px;} #svusl .card-item .content .t-dots img {display: block; margin: 10px auto; width: 44px;} #svusl .card-item .content .price {font-size: 18px; font-weight: 600; color: #004dff; text-align: center; } #svusl .owl-nav {position: absolute; display: flex; left: -53.5%; top: 125px; gap: 20px;} #svusl .owl-nav button, #cases .owl-nav button {width: 45px; height: 35px; display: flex; align-items: center; justify-content: center;} #svusl .owl-nav button.owl-prev, #cases .owl-nav button.owl-prev{background: url(images/left.svg);} #svusl .owl-nav button.owl-next, #cases .owl-nav button.owl-next{background: url(images/right.svg);} #svusl .owl-dots {display: none;} @media (max-width: 991px) {#svusl .title {flex-direction: column; align-items: center; position: relative; margin-bottom: 90px;} #svusl h2 {width: 100%; padding: 0 !important; } #svusl .owl-carousel {width: 100%; margin-left: 0;} #svusl .owl-nav {top: -60px;} #svusl .owl-nav {left: 15%; transform: translateX(-50%);} #svusl .owl-controls .owl-dots {margin: 0 auto;} #svusl .owl-dots {display: flex; margin-top: 20px;} #mmenu { top: 80px !important; }} #svusl .owl-item { display: flex; } #svusl p {margin: 0 !important;} #svusl .card-item { height: 100%; display: flex; flex-direction: column; } #svusl .card-item .content { flex-grow: 1; } .phone_header{ font-size: 14px; color: black !important; } #header .nav a{ color: black !important; } #price-button { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 900px; margin: 0 auto; padding: 24px 32px; border-radius: 20px; background: linear-gradient(135deg, #1f8bff 0%, #00c2ff 100%); color: #fff; text-decoration: none; text-align: center; font-size: 24px; font-weight: 500; line-height: 1.4; overflow: hidden; box-shadow: 0 10px 30px rgba(31, 139, 255, .3); transition: transform .3s ease, box-shadow .3s ease; } /* переливающийся блик */ #price-button::before { content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent ); transform: skewX(-25deg); animation: buttonShine 4s infinite; } /* пульс */ #price-button::after { content: ''; position: absolute; inset: 0; border-radius: inherit; animation: buttonPulse 2s infinite; } #price-button:hover { transform: translateY(-4px) scale(1.02); box-shadow: 0 18px 40px rgba(31, 139, 255, .45); } #price-button strong { display: inline-block; margin-left: 6px; font-weight: 700; color: #fff; background: rgba(255,255,255,.15); padding: 4px 10px; border-radius: 8px; } @keyframes buttonPulse { 0% { box-shadow: 0 0 0 0 rgba(31,139,255,.5); } 70% { box-shadow: 0 0 0 22px rgba(31,139,255,0); } 100% { box-shadow: 0 0 0 0 rgba(31,139,255,0); } } @keyframes buttonShine { from { left: -150%; } to { left: 200%; } } @media (max-width: 991px) { #price-button { font-size: 16px; padding: 18px; } #price-button strong { display: block; margin: 8px 0 0; } } #button_raschet { scroll-margin-top: 100px; } /* сброс счётчика */ #inf .col-lg-6 { counter-reset: info-box; } /* карточка */ #inf .content-box { position: relative; counter-increment: info-box; padding: 30px; margin-bottom: 24px; background: #fff; border: 1px solid #e5e7eb; border-radius: 18px; box-shadow: 0 4px 20px rgba(0,0,0,.04); transition: transform .3s ease, box-shadow .3s ease; overflow: hidden; } #inf .content-box:hover { transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,.08); } #inf .content-box h3 { margin-bottom: 16px; } #inf .content-box::before { content: counter(info-box, decimal-leading-zero); position: absolute; right: 18px; top: 20%; transform: translateY(-50%); font-size: 92px; font-weight: 800; line-height: 1; color: rgba(31,139,255,.07); pointer-events: none; z-index: 0; } #inf .content-box h3, #inf .content-box .wysiwyg { position: relative; z-index: 1; } @media(max-width:991px){ #lend2 .col-pc-2 { position: relative; padding-bottom: 100px; /* твой отступ оставляем */ } #lend2 .col-pc-2::after { content: ""; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); width: 90px; height: 4px; background: linear-gradient(90deg, #1f8bff, #00c2ff); border-radius: 10px; box-shadow: 0 0 12px rgba(31,139,255,.5); } } #all_var .container{ display: flex; justify-content: center; } #all-variants { display: inline-flex; align-items: center; justify-content: center; padding: 18px 28px; border-radius: 14px; background: #00aaff; color: #fff; text-decoration: none; font-size: 18px; font-weight: 500; line-height: 1.3; text-align: center; box-shadow: 0 6px 18px rgba(31,139,255,.25); transition: all .25s ease; } #all-variants span { display: inline-block; } @media (max-width: 768px) { #all-variants { width: 100%; font-size: 16px; padding: 16px 20px; } } /* новый баннер */ #pricetext{ padding: 60px 0; } .pricetext_grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .pricetext_card{ border-radius: 16px; box-shadow: 0px 0px 50px rgba(34, 60, 80, 0.15); padding: 20px; display: flex; flex-direction: column; background: #fff; } .pricetext_card__labels{ display: flex; gap: 10px; margin-bottom: 10px; flex-wrap: wrap; } .label_item{ border-radius: 12px; padding: 5px 10px; font-size: 14px; font-weight: 600; background: #eef4ff; color: #2b5cff; } .pricetext_card__img img{ width: 100%; border-radius: 12px; aspect-ratio: 1/1; object-fit: contain; margin-bottom: 10px; } .pricetext_card h3{ font-size: 22px; font-weight: 600; margin-bottom: 10px; } .header_card__ul1, .header_card__ul2{ color: green; font-size: 16px; margin-top: 10px; font-weight: 600; display: flex; align-items: center; gap: 10px; } .header_card__ul2{ color: blue; } .pricetext_card ul{ margin: 5px 0 10px; padding-left: 35px; } .pricetext_card__action{ margin-top: auto; border: 1px solid #eee; padding-top: 15px; display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 10px; border-radius: 16px; } .pricetext_card__action p{ font-size: 18px; font-weight: 600; } .pricetext_card__action a{ padding: 12px 18px; background-color: green; color: white; border-radius: 12px; text-decoration: none; width: 100%; text-align: center; } .pricetext_grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px; } .pricetext_card__action .price{ font-size: 34px; font-weight: 700; margin-bottom: 10px; color: #111; } .catalog-tabs { display: flex; gap: 10px; margin: 20px 0 30px; flex-wrap: wrap; } .tab-btn { padding: 15px; flex: 1; border-radius: 16px; border: 1px solid #ddd; background: #fff; cursor: pointer; font-size: 20px; transition: 0.3s; } .tab-btn.active { background: #00aaff; color: #fff; border:none; } @media (max-width: 992px){ .pricetext_grid{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 576px){ .pricetext_grid{ grid-template-columns: 1fr; } } .list-icon img { width: 23px; } .label_item1{ background:#eaf8ee; color:#198754; } .label_item2{ background:#eef4ff; color:#2563eb; } .label_item3{ background:#fff3e8; color:#ea580c; } .header_card__ul1{ color:#198754; } .header_card__ul2{ color:#2563eb; } .header_card__ul3{ color:#ea580c; } .price-card-rub{ font-size: 18px; } .new-banner{ position:relative; background-image:var(--bg); background-size:cover; background-position:center; background-repeat:no-repeat; padding:80px 0; } .new-banner .container{ position:relative; z-index:2; display: flex; flex-direction: column; justify-content: center; } .new-banner__content{ max-width:700px; display:flex; flex-direction:column; align-items:flex-start; gap:18px; } .new-banner__mobile-image{ display:none; } .new-banner__mobile-image img{ width:100%; border-radius:12px; display:block; } .new-banner__contacts{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; } .new-banner__phone{ display:flex; align-items:center; gap:8px; color:#fff; text-decoration:none; } .new-banner__buttons{ display:flex; gap:12px; flex-wrap:wrap; width: 100% } @media (max-width: 768px){ .new-banner{ background:none; padding:40px 0; } .new-banner::before{ display:none; } .new-banner__mobile-image{ display:block; } } .new-banner{ height: 75vh; min-height: 700px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: center; } .new-banner .container{ position: relative; z-index: 2; height: 100%; } .new-banner__grid{ height: 100%; display: flex; align-items: center; } .new-banner__content{ max-width: 650px; color: #fff; display: flex; flex-direction: column; gap: 14px; } .new-banner h1{ font-size: clamp(28px, 3vw, 54px); line-height: 1.2; margin: 0; font-weight: 600; letter-spacing: -1px; } .glass-price{ display: inline-block; padding: 10px 16px; border-radius: 12px; background: rgba(255,255,255,0.15); backdrop-filter: blur(8px); color: #fff; text-decoration: none; } .descr{ font-size: clamp(14px, 1.2vw, 18px); opacity: 0.9; } .contact-line{ display: flex; align-items: center; gap: 20px; flex-wrap: wrap; } .phone{ display: flex; align-items: center; gap: 8px; color: #fff; text-decoration: none; font-weight: 600; } .social-icons{ display: flex; gap: 10px; } .social-icons img{ width: 28px; height: 28px; } .buttons-row{ display: flex; gap: 12px; margin-top: 10px; } .dop-text{ font-size: 14px; opacity: 0.7; } @media (max-width: 768px){ .new-banner{ height: auto; min-height: 100vh; background-image: none !important; } .new-banner{ background: none; } .new-banner__doptext { order: 3; } .new-banner{ background: none; } .new-banner::before{ display: none; } .new-banner{ display: block; } .new-banner__grid{ display: block; } } .septic-price-newbanner { max-width: 520px; position: relative; display: flex; align-items: center; justify-content: flex-start; padding: 16px 18px; border-radius: 22px; margin-top: 18px; text-decoration: none; overflow: hidden; background: rgba(255, 255, 255, 0.10); border: 1px solid rgba(255, 255, 255, 0.18); backdrop-filter: blur(10px); color: #fff; font-size: 22px; font-weight: 500; line-height: 1.3; transition: 0.25s ease; } .septic-price-newbanner::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at top left, rgba(255,255,255,0.25), transparent 60% ); opacity: 0.6; pointer-events: none; } .septic-price-newbanner strong { margin-left: 6px; font-weight: 700; color: #fff; } .septic-price-newbanner:hover { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.25); } .new-banner__descr { width: 75%; font-size: 20px; } .contact-line .phone img { width: 30px; } @media (max-width: 991px) { .septic-price-newbanner { font-size: 18px; padding: 14px; max-width: 100%; background: rgba(57, 142, 254, 1); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.3); box-shadow: 0 0 49px -2px rgba(245, 248, 255, 0.3); } .new-banner__descr { width: 100%; font-size: 16px; color: black; } .new-banner h1,.new-banner__doptext, .newbanner-phone { color: black !important; } .new-banner__buttons{order: 5} .contact-line { order: 4; } } .st-price{ color: #00aaff; font-size: 36px; font-weight: 600; } /* страница все статьи */ .articles-page__title{ text-align:center; margin-bottom:50px !important; } .articles-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } .article-card{ background:#fff; border-radius:20px; overflow:hidden; box-shadow:0 10px 30px rgba(0,0,0,.08); transition:.3s; } .article-card:hover{ transform:translateY(-5px); } .article-card__image{ display:block; } .article-card__image img{ width:100%; height:250px; object-fit:cover; display:block; } .article-card__content{ padding:25px; } .article-card h2{ font-size:22px; line-height:1.3; margin-bottom:15px; } .article-card h2 a{ color:#222; text-decoration:none; } .article-card__excerpt{ color:#666; line-height:1.6; margin-bottom:20px; } .article-card__more{ display:inline-flex; align-items:center; gap:10px; font-weight:600; color:#1d7cf2; text-decoration:none; } .article-card__more:hover{ text-decoration:underline; } @media(max-width:991px){ .articles-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:991px){ .articles-grid{ grid-template-columns:1fr; } .article-card__image img{ height:220px; } } #prem_new { padding: 40px 0; } .prem_new__grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; } .prem_new__item{ background:#fff; border-radius:20px; padding:25px; border:2px solid var(--prem-color); color:#000; display: flex; align-items: center; gap: 20px; } .prem_new__icon{ display:flex; flex-direction:column; align-items:center; margin-bottom:15px; height: 100%; justify-content: space-between; } .prem_new__icon img{ width:120px; height:120px; object-fit:contain; } .prem_new__line{ display:block; width:60px; height:3px; margin-top:8px; background:var(--prem-color); border-radius:10px; } .prem_new__text{ font-size:16px; line-height:1.6; font-weight: 500; } .mobile-prem{ display: none; } @media(max-width: 992px){ .prem_new__grid{ grid-template-columns:1fr; } .mobile-prem{ display: block; } .bdisplay{ display: none; } .prem_new__icon img{ width: 70px; height: 70px; } .prem_new__icon { justify-content: center; gap: 10px; } .prem_new__item{ padding: 15px; } .contact-line{ gap: 8px; } #prem_new .container{ padding: 0; } .prem_new__grid{ gap: 15px; } #prem_new { padding: 10px 0; } .allbtn{ order: 4; } } .accordion-statia { display: flex; flex-direction: column; gap: 10px; } .geo-accordion{ border:1px solid #e5e5e5; border-radius:12px; overflow:hidden; } .geo-accordion__head{ width:100%; display:flex; justify-content:space-between; align-items:center; padding:18px 24px; border:0; background:#fff; cursor:pointer; font-size:20px; font-weight:600; } .geo-accordion__body{ display:none; padding:0 24px 24px; } .geo-accordion.active .geo-accordion__body{ display:block; } .geo-accordion.active .geo-accordion__icon{ transform:rotate(45deg); } .geo-list{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 20px; } .geo-list a{ text-decoration:none; } .geo-list--limited{ max-height:320px; overflow:hidden; transition:.3s; } .geo-list--limited.open{ max-height:5000px; } .geo-toggle{ margin-top:20px; cursor:pointer; } p.geo-statia-text { font-size: 20px !important; font-weight: 500; } h2.geo-statia-title { font-size: 39px; } .grid-statia{grid-template-columns: repeat(4,1fr)} #prem_new_2 .prem_new__item { display: flex; } #prem_new_2 .prem_new__text { display: flex; flex-direction: column; height: 100%; } #prem_new_2 .prem_new__text p { margin-bottom: auto; } #prem_new_2 .prem_new__line { margin-top: 15px; } #prem_new_2 .tile-card__btn { margin-top: 30px; } #prem_new_2{display: block; padding: 60px 0;} #prem_new_2 .container{padding: 0;} .prem_new__title{text-align: center;} @media(max-width:991px){ .geo-list{ grid-template-columns:repeat(2,minmax(0,1fr)); } .grid-statia{grid-template-columns: 1fr} } @media(max-width:767px){ .geo-list{ grid-template-columns:1fr; } } .footer-office { margin-top: 1rem; } #contact .contact-row { display: flex; align-items: center; justify-content: space-between; gap: 30px; flex-wrap: nowrap; margin-bottom: 30px; } #contact .item { display: flex; flex-direction: column; gap: 4px; } #contact .title { font-weight: 600; line-height: 1.2; } #contact .item { font-size: 18px; color: black; } #contact .subtitle { font-size: 14px; opacity: .7; line-height: 1.2; } #contact .social-icons { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }