/* 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: #F08543;} #header{padding: 15px 0px;} #header .head{display: none;} #header img{max-width: 180px;} #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;} #za {padding: 0px!important;-webkit-overflow-scrolling: touch;} #za .modal-dialog{height: 100%;margin: 0;} #za .modal-content {height: 100%;width: 100%;border-radius: 0;} #za .modal-body .t{font-size: 35px;line-height: 40px;padding-bottom: 15px;} #za .modal-body .st{font-size: 16px;padding-bottom: 15px;} #za .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;} .page header{margin-top: 50px!important;margin-bottom: 30px!important;} #header{padding: 15px 0px;} #header .mobile{display: none!important;} #za .modal-dialog{margin: 0px;right: 0px;position: absolute;} #za .modal-body{padding: 40px;} #za .modal-body .t{font-size: 45px;line-height: 54px;padding-bottom: 30px;} #za .modal-body .st{font-size: 22px;line-height: 34px;padding-bottom: 30px;} #za .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: #F08543;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: #F08543;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;}} /* Топ акция */ .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;}} #za .modal-content{border-radius: 0px;border: none;} #za .modal-body{height: 100vh;} #za .modal-body .close{right: 0px;} #za .modal-body .t{font-weight: bold;} #za .modal-body .st{color: #545560;} #za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} #za .modal-body .wpcf7-text, #za .modal-body .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: #F08543;} /* 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: #F08543;} #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 #F0854330;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: #F08543;} #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: #F08543;} #text1 .info .item .day{color: #777777;font-size: 14px;} #text1 .info .item .price{color: #F08543;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: #F08543;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: #F08543;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: #F08543;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 #F08543;} #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: #F08543;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: #F08543;} /*Полноэкранное меню */ .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: #006262; 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: #006262; border-color: #006262;} #price-tab .nav-link.active{color: white; background-color: #006262; border-color: #006262;} #price-tab .tab-content{margin-top: 60px;} #price-tab .item-cont{ border: 2px solid #006262;} #price-tab .item{padding: 20px;} #price-tab h3{font-size: 21px; color: white !important; background-color:#006262 ; 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:#006262 ; 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: #006262; 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: #006262!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: #006262; color: #006262;} #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: #006262; color: #006262;} #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; text-transform: uppercase; 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(20px, 2.5vw, 28px); color: white; text-decoration: none; transition: 0.3s; } .contact-line .phone:hover { opacity: 0.8; } .social-icons { display: flex; gap: 15px; } .social-icons img { width: 26px; height: 26px; transition: 0.3s; } /* Кнопки */ .buttons-row { display: flex; gap: 12px; margin: 10px 0; } #block1 .button, #block1 .button2, #block1 .button3 { 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 { background: #F08543; } #block1 .button2 { background: white; border: 1px solid #F08543; color: #F08543;} .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; align-items: flex-end; } .prem-texts { padding-left: 25px; display: flex; flex-direction: column; } .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; } } @media (max-width: 991px) { #block1 h1{font-size: 30px;} #block1 { height: auto; padding: 60px 0; } .custom-grid { grid-template-columns: 1fr; } .buttons-row { flex-direction: column; } #block1 .button, #block1 .button2, #block1 .button3 { 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: 32px; height: auto; margin-bottom: 25px;} .t-item { font-size: 15px; height: auto; margin-bottom: 25px; line-height:1.5;} .prem-numbers { padding-right: 15px; } .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:15px;}.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); } #geo .left,#geo .right{padding: 20px;overflow: hidden;} #geo .left{background-color: #F08543;} #geo .left *{color: white;} #geo .right{border: 2px solid #F08543;} #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;}