/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Noto Sans SemiBold'; src: url('/fonts/Noto-Sans-SemiBold.woff2') format('woff2'), url('/fonts/Noto-Sans-SemiBold.woff') format('woff'), url('/fonts/Noto-Sans-SemiBold.ttf') format('truetype'), url('/fonts/Noto-Sans-SemiBold.svg') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Noto Sans'; src: url('/fonts/NotoSans.woff') format('woff'), url('/fonts/NotoSans.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Noto Sans Display SemiBold'; src: url('/fonts/noto-sans-display-semi-bold.woff2') format('woff2'), url('/fonts/noto-sans-display-semi-bold.woff') format('woff'); font-weight: bold; font-style: normal; } *, ::after, ::before {box-sizing: border-box;} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} body {margin: 0;line-height: 1.5;font-family:'Noto Sans', sans-serif!important;background-color: white;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: var(--main-color); text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} img, svg{vertical-align: middle;} label {display: inline-block;margin-bottom: .5rem;} button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;/*background-color: #f3f3f3;*/} button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} button.close{border: none;} p {margin-top: 0; text-align:justify} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: bold;;line-height: 1.2;} h1{font-size:55px;margin-bottom: 30px;} h2{font-size:32px;margin-bottom: 15px;} h3{font-size: 26px;margin-bottom: 15px;} /* iPad */ @media (min-width: 768px){ .col-pl-2{grid-template-columns: repeat(2, 1fr);} #slide .flex{justify-content:center;} } @media (max-width: 1200px) { .modal .modal-dialog{width: 100%;padding: 15px 20px;} .block{padding: 40px 0px;} .block h2, .block h3{font-size: 25px;line-height: 33px;} .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;} .form img{margin: 0px auto;} .form, .form4{padding: 20px 20px 0px 20px!important;} .form .wpcf7-form, .form2 .wpcf7-form{display: grid!important;gap: 5px;} .form .wpcf7-submit, .form2 .wpcf7-submit{margin: 0px!important;padding: 15px 20px!important;border-radius: 12px!important;} #block7 h3, .form2 h2{font-size: 25px;} #tabs{padding: 20px!important;} } @media (max-width: 992px) { #mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 15px; } #mobile .container{display: flex;align-items: center;justify-content: space-between;} #mobile .logo{display: flex;align-items: center;gap: 10px;line-height: 18px;} #mobile .text {max-width: 170px; font-size: 14px; color: #707070;} #mobile .nav a {font-size: 15px; font-weight: 600; justify-content: center; display: flex; align-items: center;} #mobile.mobr .container {display: flex; flex-direction: column; gap: 10px;} .mobd {display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 20px 0px;} #header, #menu, #top{display: none!important;} #za{background-color: #f3f3f3 !important;} #za .poly{margin-bottom: 20px;} #mmenu{background-color: #f3f3f3;} #mmenu .modal-dialog{background-color: #f3f3f3;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 15px;list-style: none;margin-bottom: 10px;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{display: flex; justify-content: center; align-items: flex-end;} #mmenu .nav.mobusl>li>a {font-weight: 600;} #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{display: grid;} #mmenu .cont .phone{font-weight: bold;font-size: 20px;margin: 10px 0px;} #mmenu .cont .ad{margin: 10px 0px;} #mmenu .cont .mail{color: #fd5354;margin-top: 10px;} #mmenu .soc{margin-top: 20px;} #mmenu .kvart{margin-top: 20px;} h1{font-size:30px;} h2{font-size:25px;} h3{font-size: 22px;} } /* iPhone 5 */ @media (max-width: 321px){ .modal .modal-dialog {width: 100%;padding: 20px 15px 20px 0px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;} #mobile .text {font-size: 10px!important;} .block h2, .block h3{font-size: 26px;line-height: 28px;} } @media (min-width: 991px) { .container{max-width: 1260px;} #mobile{display: none!important;} .modal .modal-dialog{max-width: 500px; height: 110%; padding: 30px; position: absolute; right: 0; margin: 0px; background: #f3f3f3;} .wpcf7 .wpcf7-form .wpcf7-response-output {display: block!important; padding-top: 20px;} .block{padding: 50px 0px;} .block h2{font-size: 30px;margin-bottom: 30px;} .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-7{grid-template-columns: repeat(7, 1fr);} .col-pc-1-2{grid-template-columns: 1fr 2fr;} .col-pc-07-2{grid-template-columns: 0.7fr 2fr;} .col-pc-2-07{grid-template-columns: 2fr 0.7fr;} .col-pc-2-1 {grid-template-columns: 2fr 1fr;} .col-pc-2-3 {grid-template-columns: 2fr 3fr;} .col-pc-3-7 {grid-template-columns: 3fr 7fr;} .col-pc-15-1 {grid-template-columns: 1.5fr 1fr;} .col-pc-15-25 {grid-template-columns: 1.5fr 2.5fr;} .col-pc-1-01-2{grid-template-columns: 1fr 0.1fr 2fr;} #slide {padding: 40px 0;} } :root{ --main-color: #000; --hover-color: #EB4C42; --gray-color: #6C6F71; } /* Дата для мобильного */ input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} input[type="date"]:focus:before {content: '' !important;} /* Кнопка вверх */ .btn-back-top{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background: linear-gradient(90deg, #00AAB1, #EB4C42);color:#fff;border-radius:2px;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .btn-back-top:hover{opacity:1!important;transform:translateY(0);color:white!important} .btn-back-top.visible{opacity:0.8;visibility:visible;transform:translateY(0)} @media(max-width:768px){.btn-back-top{width:40px;height:40px;bottom:10px;left:10px}} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 60px;bottom: 60px;background: #25D366;border-radius: 50%;width: 60px;height: 60px;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: 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;right: 10px;width:50px;height:50px;}.whatsapp-button svg{width: 30px;}} /* Кнопка телеги */ .tg-button{position: fixed;right: 60px;bottom: 130px;background: #27a7e7;border-radius: 50%;width: 60px;height: 60px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px #27a7e7,;} .tg-button:before, .tg-button:after {content: " ";display: block;position: absolute;border: 1px solid #27a7e7;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .tg-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) {.tg-button{bottom: 70px;right: 10px; width:50px;height:50px;}.tg-button svg{width: 30px;}} .img-fluid { max-width: 100%; border-radius: 25px;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float:right;padding-left: 10px;padding-bottom: 10px;} .table {width: 100%;margin-bottom: 1rem;color: #212529;border-collapse: collapse;} .table td, .table th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-striped tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .ac{align-items: center;} /* Табы */ .nav {display: flex;flex-wrap: wrap;padding: 0;margin: 0;list-style: none;outline: none;} .nav-link:focus, .nav-link:hover {text-decoration: none;} .nav-link {display: block;} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Пролистывание на мобильном */ .scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;} .scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;} .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} .scroll::-webkit-scrollbar-thumb {background: #AAC375;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} /* Модальное */ .modal {position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0;} .modal-body {padding: 0!important;} .modal-content {background-color: #f3f3f3!important; border: none!important; } .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .full {background-color: #f3f3f3; max-width: 100%!important;} .modal .close{cursor: pointer;position: absolute;top: -10px; right: 5px;border: none; background-color: #f3f3f3;} .modal .grid{gap: 20px;} .modal .title{font-size: 30px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} .modal .uk {background-color: #dedede; padding: 10px 30px 10px 185px; font-weight: 600; margin-left: -155px; border-radius: 0 30px 30px 0;} .modal p {font-weight: 600; padding-bottom: 10px;} .modal div.st {padding: 10px 0;} .modal-dialog.h100 {background-color: #f3f3f3;} /* Анимация при наведении на картинку */ .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.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} /* Хлебные */ .breadcrumbs {color: var(--main-color);font-size: 14px;padding-bottom: 10px;} .breadcrumbs a{color: var(--main-color);border-bottom: 1px solid;} /* Слайдер */ .owl-nav .disabled{display: none;} .owl-controls{display: flex; justify-content: center; 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: 30px;} .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: #EB4C42;} .owl-nav button {opacity: 0.85;} .owl-nav button:hover {opacity: 1;} /* Форма связи */ .wpcf7{position: relative;} /*.wpcf7 .wpcf7-form{display: grid;gap: 20px;}*/ .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .wpcf7-spinner, .wpcf7 .wpcf7-form .wpcf7-response-output, .wpcf7 .wpcf7-form .hidden-fields-container{display: none;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border: 1px solid red!important;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%;outline: none;} .wpcf7 .wpcf7-form.submitting .wpcf7-spinner {display: block;background-image: url(/images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;} .wpcf7 .wpcf7-submit{cursor: pointer;border: none;} /* Другое */ .ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;} .phone{white-space: nowrap;} .h100{display: flex;align-items: center;} /* Кнопка */ .grad-button {position: relative; display: inline-flex; align-items: center; text-align: center; width: 222px; margin-right: 15px;} .grad-button__link {width: 200px; padding: 10px 25px; background: linear-gradient(90deg, #00AAB1, #EB4C42); border-radius: 30px; color: white; font-weight: 600; } .grad-button__link:hover {background: linear-gradient(90deg, #EB4C42, #00AAB1); transform: translateY(-2px);} .grad-button::after { content: ""; display: grid; gap: 6px; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); width: 27px; height: 44px; background: url('data:image/svg+xml;utf8,') no-repeat center; } /* Круги */ .green {background-color: #b5ff8b;} .d-green {background-color: #03A9AD;} .blue {background-color: #EB4C42;} .citylist a:hover{color: var(--hover-color);} .citylist ul{gap: 0px 20px;} /* Анимация */ a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /*HOVER*/ #top a:hover, #header .phone:hover, #footer .menu a:hover, #menu .nav a:hover, #cont .con a:hover, a.phone:hover, #form2 a.phone:hover{color: var(--hover-color)!important;} .grad-button, button, #form2 .grad-button__link {transition: all 0.5s;} h1 span, h2 span, h3 span{color: var(--hover-color);display: block;} .prob{height: 40px;} a.phone {color: var(--title-color); font-size: 18px; font-weight: 600; display: flex; align-items: center; gap: 5px;} .time{font-size: 15px;color: #0c0c0c; font-weight: 600;} #top{background-color: #F3F3F3;font-size: 15px;padding: 15px 0px;} #top .container{display: flex;align-items: center;justify-content: space-between;} #top .nav{gap: 55px;} #top .ad{display: flex;gap: 30px;} #top .ad .city:before, #mmenu .city:before{content: ' ';background-image: url(/images/loc.svg);width: 14px;height: 14px;} #header{padding: 20px 0px;} #header .container{display: flex;align-items: center; justify-content: space-between;} #header .logo{display: flex;align-items: center;gap: 30px;line-height: 18px; height: 110px;} .logo img {border-radius: 0;} #header .text {max-width: 350px; font-size: 20px; line-height: 1.1; color: #707070; cursor: pointer;} #header span.uli {color: #05A8AE;} #header span.uli:hover {color: #EB4C42;} #header .r{display: flex;align-items: center;gap: 20px;} #header .zvon{color: var(--hover-color);border-bottom: 1px solid #F7E56520;} #header .zvon:hover{color: var(--main-color)!important;} #menu {background-color: #f3f3f3;} #menu .container {display: flex; align-items: center; gap: 60px;} #menu .uk {background-color: #dedede; padding: 15px 30px 0 100%; margin-left: -100%; border-radius: 0 30px 30px 0; font-weight: 600; flex-shrink: 0; } #menu div p {font-weight: 600; margin-bottom:13.5px;} #menu .nav {display: flex; flex-grow: 1; justify-content: space-between; } #menu .nav li {display: inline;} #menu .nav a {font-size: 15px; font-weight: 600; justify-content: center; display: flex; align-items: center;} .menu-burenie a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-kopka a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-remont a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-chistka a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-uglublenie a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-vodosnabzhenie a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} .menu-pipe a:before {content: ''; display: inline-block; width: 22px; height: 22px; background: url('/images/strelka.webp') no-repeat center; margin-right: 8px;} #menu .nav li { display: inline; position: relative; } /* Стили для подменю */ #menu .sub-menu { display: none; position: absolute; top: 100%; left: 0; background-color: #f3f3f3; min-width: 220px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); z-index: 9999; list-style: none; padding: 10px 0; margin: 0; } #menu .menu-item-has-children:hover > .sub-menu { display: block; } #menu .sub-menu li { display: block; width: 100%; } #menu .sub-menu a { display: flex; align-items: center; justify-content: flex-start; padding: 10px 25px; text-decoration: none; color: inherit; font-size: 15px; font-weight: 600; white-space: nowrap; transition: all 0.3s ease; } #menu .sub-menu a:hover { background-color: #dedede; padding-left: 30px; } #menu .menu-item-has-children > a:after { content: '▼'; display: inline-block; margin-left: 8px; font-size: 10px; line-height: 1; transform: translateY(-1px); } #menu .menu-item-has-children:hover > a:after { transform: translateY(-1px) rotate(180deg); transition: transform 0.3s ease; } #slide {background: url('/images/header.webp') no-repeat center; background-size: cover; color: white;} #slide .content p {margin-bottom: 40px;} #slide .buttons {display: flex; flex-direction: column; gap: 25px; flex-wrap: wrap;} #slide .buttons .rv .grad-button{margin-right: 25px;} #slide .cards .owl-carousel .card {background: white; color: #333; border-radius: 25px; padding: 30px 60px 14px 30px; margin-top: 20px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative;} #slide .cards .card .cont-1, #slide .cards .card .cont-2, #slide .cards .card .cont-3 {padding-right: 15px;} #slide .cards .card .cont-1::after {content: ""; position: absolute; right: 30px; top: 24%; width: 27px; height: 44px; background: url('/images/prem1.svg') no-repeat center;} #slide .cards .card .cont-2::after {content: ""; position: absolute; right: 30px; top: 24%; width: 27px; height: 44px; background: url('/images/prem2.svg') no-repeat center;} #slide .cards .card .cont-3::after {content: ""; position: absolute; right: 30px; top: 24%; width: 27px; height: 44px; background: url('/images/prem3.svg') no-repeat center;} #slide .cards .card h3 {font-size: 16px; font-weight: 600; color: #05A8AD;} #slide .mbuts {display: none;} #slide::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); z-index: 1; } #slide .container { position: relative; z-index: 2; } @media (max-width: 991px) {#slide .grid {display: block;} #slide .content {max-width: 100%; } #slide .buttons {display: none;} #slide .cards .owl-carousel .card {padding: 30px 30px 14px; text-align: center;} #slide .cards .card .cont-1, #slide .cards .card .cont-2, #slide .cards .card .cont-3 {padding-right: 0;} #slide .cards .owl-carousel .card .cont-1::after, #slide .cards .owl-carousel .card .cont-2::after, #slide .cards .owl-carousel .card .cont-3::after {background: transparent; } #slide .mbuts {display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 25px;} #slide .owl-dots{margin: 0 auto;}} #inf .grid {align-items: center;} #inf .col-lg-6 {width: 100%; height: auto; position: relative;} #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: 16px;} @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; }} #poch { position: relative; } #poch::before {content: ""; position: absolute; bottom: 0;width: 100%; height: 30%; background: linear-gradient(to right, #03A9AD, #EB4C42); z-index: -2; } #poch div.pm {display: flex; justify-content: space-between; align-items: baseline;} #poch .premt { width: 85%; margin-bottom: 40px;} #poch .poly { margin-bottom: 30px;} #poch .card {height: 100%; background-color: #fff; border: 3px solid #f3f3f3; padding: 20px; border-radius: 25px; } #poch .card .icon { display: flex; text-align: center; gap: 15px; align-items: center; flex-direction: column;} #poch h3 {font-size: 16px; margin-bottom: 0; font-weight: 600;} @media (max-width: 991px) {#poch::before {height: 46%; } #poch .poly { margin-bottom: 20px;} #poch h2 {width: 80%;} #poch .premt { width: 100%; margin-bottom: 10px;} #poch .cards {gap: 0}} #map .container, .citylist {background: url(/images/map.png) right top no-repeat;background-size: 450px;} #map h2 {text-align: center; margin-bottom: 20px;} #map .t-dots img {display: block; margin: 0 auto 50px;} #map .city a, .citylist a{color: black; font-weight: 600;} #map .city a:hover, .citylist a:hover{color: #03A9AD;} #map .city, .citylist {gap: 5px;} #map .bc{display: flex; justify-content: center; margin-top: 30px;} @media (max-width: 576px) {#map .container {background: url(/images/map.png) center no-repeat; padding-bottom: -50px; background-size: 375px; }} #services h2 {text-align: center; margin-bottom: 20px;} #services .t-dots img {display: block; margin: 0 auto 30px;} #services .card-item {gap: 0; margin-bottom: 30px;} #services .image {width: 100%; height: 100%; overflow: hidden; } #services .image img {width: 100%; height: 100%; object-fit: cover; } #services .content {border: 3px solid #f3f3f3; padding: 25px; border-radius: 25px;} #services .content h3 {font-size: 18px; margin-bottom: 20px; font-weight: 600;} #services .advantages {list-style: none; padding: 0; margin: 0;} #services .advantages li {display: flex; align-items: center; margin-bottom: 15px;} #services .advantages li p {width: 90%; margin-bottom: 0;} #services .description span {color: #707070;} #services .description p {margin-top: 10px;} #services .dot {width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 10px;} #services .pb {display: flex; justify-content: flex-end; align-items: center; gap: 20px;} #services .pb .price {font-size: 18px; font-weight: 600;} @media (max-width: 991px) {#services .image img { height: 250px;} #services .content h3 {text-align: center;} #services .details {padding: 0 20px;} #services .description p {margin-bottom: 30px;} #services .pb {gap: 20px; flex-direction: column;}} #svusl .title {display: flex; align-items: baseline; position: absolute;} #svusl h2 {width: 50%;} #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; border-radius: 25px;} #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: #EB4C42; text-align: center; } #svusl .owl-nav {position: absolute; display: flex; left: -53.5%; top: 125px;} #svusl .owl-nav button {width: 45px; height: 35px; display: flex; align-items: center; justify-content: center;} #svusl .owl-nav button.owl-prev{background: url(/images/left.svg);} #svusl .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%; text-align: center;} #svusl .owl-carousel {width: 100%; margin-left: 0;} #svusl .owl-nav {top: -60px;} #svusl .owl-nav {left: 50%; transform: translateX(-50%);} #svusl .owl-controls .owl-dots {margin: 0 auto;} #svusl .owl-dots {display: flex;}} #prim h2 {text-align: center; margin-bottom: 20px;} #prim .t-dots img {display: block; margin: 0 auto 30px;} #prim .example-card .image {margin-bottom: 15px;} #prim .example-card .image img {width: 100%; height: 300px; object-fit: cover; border-radius: 25px;} #prim .example-card .tr {display: flex; gap: 15px; align-items: flex-end;} #prim .content .t-dots img {display: block; margin: 5px auto 15px;} #prim .example-card .content h3 {font-size: 18px;} #prim .example-card .content p {color: #707070;} #prim .owl-nav {position: absolute; width: 100%; top: 30%; transform: translateY(-50%); display: flex; justify-content: space-between; pointer-events: none;} #prim .owl-nav button {background-color: #fff; width: 55px; height: 55px; border-radius: 50%; cursor: pointer; align-items: center; justify-content: center; pointer-events: all; } #prim .owl-nav .owl-prev:before, #prim .owl-nav .owl-next:before {color: #000;} #prim .owl-nav button.owl-prev{background-image: url(/images/g-left.svg);} #prim .owl-nav button.owl-next{background-image: url(/images/g-right.svg);} #prim .owl-controls .owl-dots {margin: 0 auto;} #prim .owl-nav {opacity: 0; transition: opacity 0.3s ease-in-out;} #prim:hover .owl-nav {opacity: 1;} @media (max-width: 768px) {#prim .example-card .image img {height: 250px;} #prim .example-card .content h3 {font-size: 18px;}} #video h2 {text-align: center; margin-bottom: 20px;} #video .t-dots img {display: block; margin: 0 auto 30px;} #calc .container {background: url(/images/calc.png) left top no-repeat;background-size: 1250px;} #calc h2 {text-align: center; margin-bottom: 20px;} #calc .t-dots img {display: block; margin: 0 auto 30px;} #s2 h2 {text-align: center; margin-bottom: 20px;} #s2 .t-dots img {display: block; margin: 0 auto 30px;} #s2 .card-item {gap: 0; margin-bottom: 30px;} #s2 .image img {width: 100%; height: 250px; object-fit: cover; border-radius: 25px;} #s2 .content {border: 3px solid #f3f3f3; padding: 25px; border-radius: 25px;} #s2 .container h3 {font-size: 16px; text-align: center; margin-bottom: 10px; font-weight: 600;} #s2 .advantages {list-style: none; padding: 0; margin: 0;} #s2 .advantages li {display: flex; align-items: center; margin-bottom: 15px;} #s2 .advantages li p {width: 90%; margin-bottom: 0;} #s2 .dot {width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 10px;} #s2 .pb {display: flex; flex-direction: column; align-items: center;} #s2 .pb .price {font-size: 22px; font-weight: 600; text-align: center; margin: 25px 0 10px; color: #EB4C42;} @media (max-width: 991px) {#s2 .image img { height: 250px;} #s2 .details {padding: 0 20px;} #s2 .description p {margin-bottom: 30px;}} @media (max-width: 992px) {#s2 .grid {grid-template-columns: repeat(2, 1fr); }} @media (max-width: 768px) {#s2 .grid {grid-template-columns: 1fr; }} #pricing .container {background: url(/images/table.png) left top no-repeat;background-size: 430px;} #pricing .title { display: flex; gap: 20px; justify-content: space-between; align-items: baseline;} #pricing .title .t-dots {display: flex; } /* Таблицы */ .price-table {width: 100%; border-spacing: 0;} .price-table thead tr {background-color: #f3f3f3;} .price-table th, .price-table td {padding: 20px; font-size: 18px; text-align: center; border: 3px solid #f3f3f3; border-radius: 25px;} .price-table th {font-weight: 600; color: #333;} .price-table tbody tr {background-color: #fff;} .price-table tbody tr td.free {color: #EB4C42; font-weight: bold;} .price-table tbody tr:hover {background-color: #f9f9f9;} @media (max-width: 991px) {#pricing .container {background: none} #pricing .title { align-items: baseline; position: relative;} .price-table {width: 100%; margin-left: 0;} } @media (max-width: 768px) {.price-table th, .price-table td {font-size: 16px;padding: 15px;}} #cons .grid {align-items: center; gap: 0;} #cons .title {text-align: center; margin-bottom: 40px;} #cons .right-content {background: url(/images/cont.svg); background-repeat: no-repeat; background-position: -30px -26px; height: 100%; background-color: #f3f3f3; align-content: center; padding: 20px; border-radius: 25px;} #cons .right-content h3 {font-size: 30px; padding: 0 115px;} #cons .pb, .sv, .tw, .ve {display: flex; gap: 15px; align-items: center;} #cons .contact-info {display: flex; justify-content: space-around; gap: 15px;} #cons .sv img {width: 45px;} #cons .phone-number {display: block; font-size: 18px; margin-bottom: 10px; color: #333;} @media (max-width: 991px){#cons .title {text-align: center; margin-bottom: 20px;} #cons .left-content {margin-top: -38px;} #cons .right-content {background-image: none; grid-row: 1; border-radius: 25px 25px 0 0;} #cons .right-content h3 {font-size: 20px; padding: 0; margin-bottom: 0;} #cons .pb, .sv, .tw, .ve {flex-direction: column;} #cons .tw, .ve {flex-direction: row;} #cons .contact-info {flex-direction: column-reverse; gap: 15px;} } #faq .title {display: flex; gap: 20px; align-items: baseline; margin-top: 22px; transition: 1s;} #faq .title .t-dots {display: flex; } #faq .form-wrapper { background-color: #f3f3f3; padding: 30px; border-radius: 25px; height: max-content; display: flex; align-items: center; flex-direction: column; } #faq .form-wrapper p { font-weight: bold; margin-bottom: 30px; } .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea {border-radius: 25px; padding: 20px!important; margin-top: 10px;} .form-group { margin-bottom: 25px; } .form-group label { font-size: 18px; font-weight: bold; } .form-group textarea { resize: none; height: 180px; } #faq .bw {display: flex; justify-content: center;} @media(max-width: 991px) {#faq .faq {grid-row: 1;}} #accordion .card { margin-bottom: 10px; } #accordion .card > a { font-weight: bold;display: flex; justify-content: space-between; padding: 25px 30px; border: 3px solid #f3f3f3; border-radius: 25px;} #accordion .card .collapsed:after { content: url('/images/arr.svg'); } #accordion .tr { padding: 20px; height: max-content; transition: cubic-bezier(1, 0, 0, 1);} @media (max-width: 991px) {#faq .title {justify-content: space-between;} #accordion .tr {padding: 20px 0;}} #text .container {background: url(/images/s-text.png) right bottom no-repeat; background-size: 430px; min-height: 280px;} #text .title {display: flex; gap: 20px; align-items: baseline; margin-top: 22px;} #text .title .t-dots {display: flex; } #text h2 { padding-top: 10px;} #text h3 { font-size: 18px; padding: 10px 0;} #text p { margin: 20px 0; width: 70%;} #text ul { list-style-type: none; padding-left: 0; } #text ul li { position: relative; padding-left: 15px; margin-bottom: 10px; } #text ul li::before { content: ""; position: absolute; left: 0; top: 9px; width: 5px; height: 5px; background-color: #EB4C42; border-radius: 50%; } @media (max-width: 991px) {#text p {width: 100%;}} #ti h2 {text-align: center;} #ti .grid { gap: 5px; } #ti .grid.reverse {direction: rtl;} #ti .text {padding: 20px; display: flex; flex-direction: column; justify-content: flex-start;} #ti .text .dots {margin-bottom: 15px;} #ti .text h3 { font-size: 16px; margin: 20px 0;} #ti .img img {height: 350px; width: 100%; object-fit: cover; } @media (max-width: 991px) {#ti .text {grid-row: 1;}} #p-descr{margin-top: 10px;} #rews { position: relative; } #rews::before { content: ""; position: absolute; bottom: 0; width: 100%; height: 40%; background: linear-gradient(to right, #03A9AD, #EB4C42); z-index: -2; } #rews h2 {text-align: center; margin-bottom: 20px;} #rews .t-dots img {display: block; margin: 0 auto 30px;} #rews .poly { margin-bottom: 30px; } #rews .card { background-color: #fff; border: 2px solid #f3f3f3; border-radius: 25px;} #rews .card .user { height: 110px; display: flex; align-items: center; gap: 10px; background-color: #f3f3f3; padding: 30px 30px 40px; border-radius: 25px 25px 0 0;} #rews .card .user img { width: 45px; height: 45px;} #rews .card .user div { font-size: 18px; font-weight: bold; } #rews .card .p-text { padding: 30px 30px 10px; background-color: #fff; border-radius: 25px; position: relative; margin-top: -20px; } #rews h2 { font-size: 24px; font-weight: 600; margin-bottom: 20px; } #rews .owl-nav {position: absolute; width: 100%; transform: translateY(-50%); display: flex; justify-content: center; gap: 90px; margin-top: 10px;} #rews .owl-nav button { background-color: #fff; width: 55px; height: 55px; border-radius: 50%; cursor: pointer; align-items: center; justify-content: center; pointer-events: all; } #rews .owl-nav .owl-prev:before, #rews .owl-nav .owl-next:before { color: #000; font-size: 24px; } #rews .owl-nav button.owl-prev { background-image: url('/images/g-left.svg'); } #rews .owl-nav button.owl-next { background-image: url('/images/g-right.svg'); } #rews .owl-controls .owl-dots { margin: 0 auto; } @media (max-width: 991px) {#rews::before { content: ""; background: none;} #rews .owl-nav { justify-content: space-between;}} #kak .title {display: flex; gap: 20px; justify-content: space-between; align-items: baseline; margin-top: 22px; transition: 1s;} #kak .title .t-dots {display: flex; } #kak .num {display: flex; gap: 20px; align-items: flex-end; margin-bottom: 20px;} #kak .step h3 {font-size: 16px; font-weight: bold;} @media (max-width: 768px) {#kak .steps {grid-template-columns: 1fr 1fr; gap: 15px;} #kak .step {width: 100%;} #kak .step-number {font-size: 26px;} #kak .step p {font-size: 16px;} #kak .step-description {font-size: 12px;}} @media (max-width: 480px) {#kak .title { justify-content: space-between;} #kak .steps {grid-template-columns: 1fr;} #kak .step {width: 100%;} #kak .step-number {font-size: 22px;}} #form2.block { padding-bottom: 0!important; } #form2 .title {text-align: center; margin-bottom: 20px;} #form2 p {padding: 0 30%;} #form2 .t-dots img {display: block; margin: 0 auto 30px;} #form2 .form-wrapper {background: linear-gradient(to right, #03A9AD, #EB4C42); padding: 50px 0;max-width: 100%; } #form2 .form-title { font-size: 24px; font-weight: 600; text-align: center; margin-bottom: 0; } #form2 .form-description { font-size: 16px; text-align: center; } #form2 .wpcf7 .wpcf7-text, #form2 .wpcf7 .wpcf7-mask, #form2 .wpcf7 .wpcf7-textarea {border-radius: 25px; padding: 20px !important; margin: 10px 0 20px;} #form2 .left-grid input { width: 100%; padding: 15px; } #form2 .left-grid label, .right-grid label {font-size: 20px; font-weight: bold; margin-bottom: 0;} #form2 .right-grid textarea { width: 100%; min-height: 180px; resize: none;} #form2 .form-footer { display: flex; justify-content: center; gap: 20px; margin-top: 80px; } #form2 a.phone {color: #fff;} #form2 .grad-button__link {background: #fff; color: #000;} #form2 .grad-button::after {background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='44' viewBox='0 0 27 44'%3E%3Cg transform='translate(-1692 185)'%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1692 -185)' fill='%23fff'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1709 -185)' fill='%23fff'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1692 -168)' fill='%23fff'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1709 -168)' fill='%23fff'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1692 -151)' fill='%23fff'/%3E%3Ccircle cx='5' cy='5' r='5' transform='translate(1709 -151)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");} #form2 .pb, .sv, .tw, .ve {display: flex; gap: 20px; align-items: center;} #form2 .contact-info {display: flex; justify-content: space-around; gap: 20px;} #form2 .phone-number {display: block; font-size: 18px; margin-bottom: 10px; color: #333;} @media (max-width: 991px){#form2 .title {text-align: center; margin-bottom: 20px;}#form2 p {padding: 0 10%;} #form2 .pb, .sv, .tw, .ve {flex-direction: column-reverse;} #form2 .pb {flex-direction: column;} #form2 .tw, .ve {flex-direction: row;} #form2 .contact-info {flex-direction: column; gap: 20px;} } #footer { background-color: #fff; } #footer .c {grid-template-columns: 1fr 1fr 2fr;} #footer .logo { display: block; margin-bottom: 10px; } #footer .lb {gap: 0px;} #footer .lt { display: grid; gap: 15px; align-items: start;} #footer .lt.d {display: none;} #footer .buttons.b2.d {display: none;} #footer .title { font-size: 13px; line-height: 1.1; text-align: left;} #footer .buttons { margin-top: 20px; display: flex; flex-direction: column; gap: 10px; } #footer .buttons .grad-button { margin-bottom: 10px; } #footer .phone { font-size: 18px; font-weight: 600; display: flex; justify-content: flex-end; } #footer .time { padding-left: 15px; } #footer .mail { color: #EB4C42; font-weight: 600; display: block; } #footer .f-cont { text-align: right; gap: 10px; } #footer .soc { display: flex; justify-content: flex-end; gap: 15px; } #footer .soc img { height: 40px; } #footer ul { padding: 0; list-style: none; margin: 0; } #footer ul li { padding: 5px 0; } #footer ul li a { text-decoration: none; font-weight: 600;} #footer .poly:hover {color: #EB4C42;} @media (max-width: 991px) { #footer .c {grid-template-columns: none;} #footer .container { text-align: center; } #footer .soc { justify-content: center; } #footer .lb.d {display: none;} #footer .buttons.b2.d { display: grid; margin: 5px 0 15px;} #footer .f-cont { justify-items: center; } #footer .mail { margin: 10px 0 ; } #footer .lt.d {display: grid; grid-template-columns: 0.3fr 0.5fr; justify-content: center; align-items: stretch;} } #contpage {padding: 0 0 50px;} #contpage .bold{ font-size: 25px;white-space: nowrap;display: block;font-weight: 600; } #contpage h3{ font-size:30px;margin-bottom:10px; font-weight: 500; } #contpage .item{ margin-bottom:15px; } /* Калькуляторы */ /* Лейбел */ .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); border-radius: 25px; 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%; border-radius: 25px;} /* Если есть иконка */ .ezfc-form .ezfc-element.ezfc-has-icon {padding-left: 50px!important; border-radius: 25px;} /* Кнопка */ .ezfc-theme-default .ezfc-element-submit {padding: 10px!important;} .ezfc-form .button{position: relative; display: inline-flex; align-items: center; text-align: center; width: 222px; margin-right: 10px;width: 195px; padding: 10px 25px; background: linear-gradient(90deg, #00AAB1, #EB4C42); border-radius: 30px; color: white; font-weight: 600; border: none; } .ezfc-form .button:hover{background: linear-gradient(90deg, #EB4C42, #00AAB1); transform: translateY(-2px);} /* Сообщение ниже формы */ .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%;} } .fplusone table tbody .ezfc-element-table_order-row{display:flex; align-items:center;} .fdanet .ezfc-element-option-selectable-text{background-color: transparent!important;border: 2px solid var(--c1)!important;} .ezfc-element-table_order-table input.ezfc-element-table_order-quantity-input[type=text]{border: 2px solid var(--c1)!important;} .ezfc-element-option-has-image .ezfc-element-icon-wrapper:hover, .ezfc-element-option-has-image .ezfc-element-option-selectable-text:hover{background-color: var(--c1)!important;color: white!important;} /*Выравнивание сетки*/ @media (max-width: 991px) {#map .city, #map .citylist{justify-items:start;}} /* Калькуляторы */ #calc{background-color:var(--c3);} /* Блок анкорных ссылок */ #anchors .anchors-grid {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 30px;} #anchors .anchors-card {flex: 1 1 calc(25% - 10px); /* максимум 4 */display: flex;} #anchors .anchors-item {flex: 1;display: flex;align-items: center;justify-content: center;padding: 15px;font-size: 15px;text-align: center;border: 3px solid #f3f3f3;border-radius: 25px;text-decoration: none;color: #333;transition: all 0.2s;} #anchors .anchors-item:hover {background-color: #d8eaff;border-color: #EB4C42;color: #000;} #anchors .anchors-item h2 {margin: 0; font-size: 22px; line-height: 1.2;} /* Блок анкорных ссылок адаптив */ @media (max-width: 992px) {#anchors .anchors-card {flex: 1 1 calc(50% - 10px);}} @media (max-width: 576px) {#anchors .anchors-card {flex: 1 1 100%;}} #block17 .grid{align-items: center; gap: 0; margin-bottom: 30px;} #block17 .items{ position: relative;z-index: 100; background: linear-gradient(to right, #03A9AD, #EB4C42); color: white; box-shadow: 0 20px 27px 0 hsla(0, 0%, 62%, 0.45);padding: 35px;} #block17 .text{ margin-bottom: 15px;} #block17 .ntext{color: #515151;} #block17 .title{position: absolute; background-color: #515151b7 ; bottom: 0; padding: 10px; width: 100%; display: block; font-size: 22px; color: white !important; font-weight: 500; z-index: 2;} #block17 .item{position: relative;} #block17 .titl{font-size: 22px !important; text-align: left !important; padding: 0 !important; margin-bottom: 20px !important;} @media (min-width: 992px) {#block17 .items{margin-left: -60px;max-width: 540px;} #block17 img{min-width: 690px; min-height: 500px; max-height: 500px; object-fit: cover;} #block17 .grid:nth-child(2n) .img {grid-column: 1;grid-row: 1;}#block17 .grid:nth-child(odd) .img{margin-left: -60px; margin-right: 60px;}#block17 .grid:nth-child(odd) .img .title{text-align: right;}} @media (max-width: 921px) {#block17 .items{padding: 20px !important;}} /*Блок стоимости в Hero-блоке*/ .slide__subtitle {display: inline-block;padding: 15px 20px; font-weight: 600; color: white;text-align: center; border-radius: 20px;position: relative; z-index: 0;overflow: hidden; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);background-image: linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.4) 20%,rgba(255,255,255,0.1) 40%,rgba(255,255,255,0.1) 100%); background-size: 200% 100%; animation: shine 8s linear infinite; box-shadow: 0 4px 15px rgba(0,0,0,0.1);} @keyframes shine {0% { background-position: 200% 0;} 100% { background-position: -200% 0; }} .slide__subtitle .price-number {font-weight: 700; font-size: 22px; color: #00AAB1;} html {scroll-behavior: smooth;} input.wpcf7-form-control.wpcf7-submit.has-spinner.grad-button__link { width: 95% ; padding: 15px ; } .grad-button.new { width: 95% ; } :root{ --c1:#b8b8b8; --c2:#EB4C42; --c4:#00AAB1; }