/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ .ezfc-theme-default{ background-color: whitesmoke; padding: 20px; border-radius: 10px; } /* Калькулятор */ .ezfc-theme-aero .ezfc-price-wrapper-element .ezfc-label{padding: 10px 0px!important;} /* Лейбел */ .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: #FF7C52!important;border: none;} /* Цена */ .ezfc-form .ezfc-price {font-weight: bold;} .ezfc-form .ezfc-price-value {color: #FF7C52;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-radius: 10px;border: 1px solid #E2E2EB;padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;} .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;} .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;} .ezfc-form{padding: 10px!important;margin-bottom: 10px;} .ezfc-form .ezfc-price-value{white-space:nowrap;font-size: 50px!important;} .ezfc-element-table_order-table .ezfc-table_order-btn{padding: 5px 9px!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 .ezfc-element-radio-container{background-color: white;border-radius: 10px;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: #FF7C52;} .fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #E2E2EB;border-radius: 10px;top: 0px;left: 0px;width: 100%;height: 100%;position: absolute;} /* Радио и чек */ .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-outtransition: all .2s ease-in-out;} .fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:after {background-color: #FF7C52;} /* Чекбокс */ .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #FF7C52;} .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;} /* Да, Нет */ .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: #FF7C52!important;} /* Кнопки плюс минус у числа .fdanet .ui-spinner{overflow: visible;} .fdanet .ui-spinner-down{ border-radius: 50%; position: absolute; left: -40px; top: calc(50% - 15px); width: 30px; height: 30px; background: #FF7C52; border: none; } .fdanet .ui-spinner-down:hover{background: none!important;opacity: 1!important;box-shadow: none;} .fdanet .ui-spinner-down span{background: none;text-indent: 0;} .fdanet .ui-spinner-down span:before {content: "\f068";color: white;font: normal normal normal 14px/1 FontAwesome;} */ .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 .ezfc-element-table_order-row {display: flex;flex-direction: column;align-items: center;text-align: center;justify-content: space-between;background-color: white;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 49.5%;max-width: 49.5%;} } @media (min-width: 992px) { .fplus .ezfc-element-table_order-row{flex: 0 0 16.266666666%;max-width: 16.266666666%;} } @font-face { font-family: 'PFDinDisplayPro'; src: url('/fonts/PFDinDisplayPro-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'PFDinDisplayPro'; src: url('/fonts/PFDinDisplayPro-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'PFDinDisplayPro'; src: url('/fonts/PFDinDisplayPro-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @media (max-width:768px){ #header .inner{display: none!important;} #header h1{padding-top: 130px!important;padding-bottom: 50px!important;} #header{background-position: bottom!important;} #header .city{padding-left: 10px; line-height: 15px;} .fullscreen{text-align: center;} .fullscreen .title{padding-top: 40px;} .fullscreen select{width: 100%!important;} .fullscreen .cont{padding-top: 20px;font-size: 20px;text-align: center;} .fullscreen .cont span{display: block;} #mmenu .vb {max-width: 40px;} #mmenu{padding: 0px!important;-webkit-overflow-scrolling: touch;}   #mmenu .modal-dialog a{color: black;} #mmenu .modal-dialog {height: 100%;margin: 0;} #mmenu .modal-content {height: 100%;width: 100vw;border-radius: 0;} #mmenu .close{opacity: 1;} #mmenu .nav{display: inline-block;width: 100%;padding-top: 10vh;list-style: none;font-size: 22px;text-align: center;} #mmenu .nav ul{padding: 0px;} #mmenu .nav li{padding-bottom: 15px;} #mmenu .za{display: block;padding: 11px 17px;background: #FF7C52;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;color: white!important;text-decoration: none;text-align: center;font-size: 20px;margin-left: -16px;margin-right: -16px;bottom: 0;width: 100%;position: absolute;} #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%;} #mobile{display: flex; justify-content: space-between; padding: 20px 0px; align-items: center;} #mobile a{color: #FF7C52;font-size: 18px;font-weight: 500;text-decoration: none; flex: 1 1 0px;} #mobile a span{padding-left: 5px;} #mobile .svg-menu{float: right;} #mobile img{max-width: 150px;} .button{font-size: 18px;display: block;width: 100%;} #header .slide{padding: 40px 0px;} #header .slide span{text-transform: uppercase;font-size: 13px;} #header .slide h1{font-size: 35px;padding: 20px 0px!important;} #header .slide .st{font-size: 20px;line-height: 24px;padding-bottom: 30px;} #header .slide .bt .info{font-size: 14px;padding-top: 10px;text-align: center;} #header .slide svg{display: none;} #header .slide .phone{color: black;font-size: 30px; font-weight: bold;padding-bottom: 20px;display: block;text-align: center;} #prem .col-sm-6{background-position: right center!important;} #prem .info{padding: 20px;} #tabs .nav-item{width: 100%;} #tabs .alignright{margin-top: 15px;} #kak3 .logo{padding: 30px 0px;} #prices .list{text-align: center;} #prices .list ul{padding-left: 0px;list-style: none;} #prices .car {padding-bottom: 20px;} #kak .col-sm-6{padding-top: 20px;} #price .pr{padding-bottom: 20px;} #diag .line, #diag .line2{display: none;} .form .d-flex{display: block!important;} #tualet img{max-width: 100%;height: auto;} #tualet h3{font-size: 20px!important;} .tags-block{grid-template-columns: repeat(2, 1fr);} .newtualet{display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;} #map ul li {width: 50%;float: left;} #domcat{grid-template-columns: repeat(2, 1fr);} #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;} #footer .widget-title{padding-top: 20px;margin: 0px;} } @media (min-width: 769px) {#mobile .svg-menu{display: none;}} /* @media (max-width: 1023px) {.align-items-center {display: none!important;}} */ @media (min-width: 1023px) { #header .city a{color: #FF7C52;font-size: 18px!important;} .fullscreen .modal-body{padding-top: 50px;} .fullscreen .list li{width: 33%;float: left;} .citylist ul li {width: 33%;float: left;} #mobile{display: none!important;} h1{font-size: 55px;} #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;} #header{padding: 40px 0px;} #header .slide{padding-top: 100px;max-width: 60%;} #header .slide span{text-transform: uppercase;font-size: 14px;} #header .slide h1{font-size: 50px;padding: 30px 0px!important;} #header .slide .st{font-size: 20px;line-height: 24px;padding-bottom: 10px;} #header .slide .bt{display: flex;align-items: center;} #header .slide .bt .info{font-size: 15px;padding-left: 20px;} #header .slide .phone{display: none;} .newtualet{display: grid;grid-template-columns: repeat(4, 1fr);gap: 15px;} #map ul li {width: 25%;float: left;} #domcat{grid-template-columns: repeat(3, 1fr);} #tabs .nav-item{width: 100%;} #tabs .tab-pane.active{display: flex;} #kak .row{padding-top: 40px;} #price .pr{padding-top: 100px;} .form .poly{padding-left: 20px;} .tags-block{grid-template-columns: repeat(3, 1fr);} #footer .info{padding-top: 50px;} #footer .widget-title{padding-bottom: 20px;} } @media (min-width: 992px) { #domcat{grid-template-columns: repeat(4, 1fr);} } @media (min-width: 1200px) { .container{max-width: 1200px;} #tabs .nav{flex-wrap: nowrap;} #domcat{grid-template-columns: repeat(5, 1fr);} #soc img{max-width: 600px;} } html, body{ font-family: 'PFDinDisplayPro'!important; font-size: 16px!important; margin: 0px; padding: 0px; color: #5A647B; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: 500!important;color: #344058;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 500!important;color: #344058;font-size: 35px;} .aligncenter{display: block;margin: 5px auto 5px auto;} .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);} .page{min-height: 500px;} .page h1{padding-bottom: 40px;} .breadcrumbs{color: black;font-size: 15px;} .breadcrumbs a{color: #888888;font-size: 15px;} .alignleft{float: left;padding-right: 10px;padding-bottom: 10px;} .alignright{float: right;padding-left: 10px;padding-bottom: 10px;} .time{font-size: 14px;} .btn-back-top {opacity: 0;background: #FF7C52;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;}} .gallary{margin-right: -5px;margin-left: -5px;} .gallary .thumb{padding: 5px!important;} .bestprice{color: red;} .mt40{margin-top: 40px;} #map{padding-top: 0px;background: url(images/map.png) center top no-repeat;background-size: contain;} #map a{color: black;} table th{background-color: #FF7C52;border-color:#FF7C52;color: white;text-transform: uppercase;} .tags-block{display: grid;grid-gap: 10px;margin: 20px 0px;} .tags-block a{display: block;background-color: #FF7C52;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-block a:hover{background-color: black;color: white;} .block h2{font-size: 40px;padding-bottom: 40px!important;text-align: center;} .button{text-align: center;display: inline-block;background-color: #FF7C52;border: none;border-radius: 2px;padding: 20px 50px;color: white;font-weight: 500;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .button:hover{text-decoration: none;color: white;background-color: black;} /* Заголовок сайта */ #header{background-color: #faf9ff;} /*Навигация */ #header .nav{justify-content: space-around;} #header .nav a{color: #5A647B;text-decoration:none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;font-size: 17px;} #header .nav a:hover{color: #FF7C52;} #header .nav li{position:relative;} #header .nav .menu-item-has-children:after{content: '';position: absolute;color: #5a6e97;top: calc(50% - 2px);right: -15px;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent; } #header .nav .menu-item-has-children:hover .sub-menu{display: block;} #header .nav .sub-menu{display: none;position: absolute;z-index: 1000;padding: 0px;min-width: 160px;text-align: left;list-style: none;background-color: #fff;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);box-shadow: 0 6px 12px rgba(0,0,0,.175);} #header .nav .sub-menu a {display: block;text-decoration: none;padding: 9px 25px 11px 13px !important;color: #333;white-space: nowrap;font-weight: normal;} #header .nav .sub-menu>li:hover a, #menu .sub-menu .current_page_item a{background-color: black;color: white;} #header .city a{color: #FF7C52;font-size: 15px;} #header .cont{text-align: right;} #header .cont .phone{font-size: 20px;font-weight: 500;color: black;text-decoration: none;white-space: nowrap;} #header .slide .banner-price{font-size: 35px; padding-bottom: 25px; color: #FF7C52; font-weight: 600;} #header .slide .bt .info .t{font-weight: bold;font-size: 17px;} #header .slide svg{margin-top: 60px;} #header .slide .nap{display: block;padding-top: 5px; color: red;font-weight: bold;} #tabs{font-size: 18px;} #tabs .nav{margin-bottom: 20px;background-color: #F6F7F8;border-radius: 10px;padding: 5px;justify-content: space-between;align-items: center;} #tabs .nav a{text-align: center;padding: 15px;color: black;} #tabs .nav .active{background-color: #FF7C52;color: white;border-radius: 6px;box-shadow: 0px 10px 10px rgba(124, 127, 136, 0.08);} #tabs .tab-content{margin-top: 30px;} #tabs svg{margin-right: 10px;} svg{overflow: visible;} #kak3 .item{display: flex;padding-bottom: 15px;} #kak3 .t{font-size: 20px;margin-bottom: 10px;font-weight: bold;} #kak3 .text{line-height: 1.5;} #kak3 .item svg{overflow: visible;margin-right: 15px;} #kak3 .logo{text-align: center;} #kak3 .pulse-bg { width: 100%; padding-bottom: 100%; left: 50%; top: 50%; z-index: 1; } #kak3 h3{margin-bottom: 60px;} #stat1, #stat2{background-color: #F4F4F9;text-align: center;} #stat1 .num, #stat2 .num{font-size: 60px;font-weight: bold;} #prem{font-size: 18px;} #prem h2{text-align: center;} #prem .info{padding: 30px;} #prem .prem2{background-color: #F4F4F8} .form{background-color: #344058;} .form h2{color: white;font-size: 50px;text-align: left;} .form .st{font-size: 20px;color: #8B92A3;} .form .wpcf7-text{background-color: transparent;border: none;border-bottom: 1px solid #FFFFFF20;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;} .form .wpcf7-textarea{background-color: transparent;border: none;border-bottom: 1px solid #FFFFFF20;margin: 20px 0px;width: 100%;padding-bottom: 10px;border-radius: 0px;} .form .poly{color: #8B92A3;font-size: 12px;} .form .wpcf7-text::-webkit-input-placeholder, .form .wpcf7-textarea::-webkit-input-placeholder {color:#8B92A3;} .form .wpcf7-text::-moz-placeholder, .form .wpcf7-textarea::-moz-placeholder {color:#8B92A3;}/* Firefox 19+ */ .form .wpcf7-text:-moz-placeholder, .form .wpcf7-textarea:-moz-placeholder {color:#8B92A3;}/* Firefox 18- */ .form .wpcf7-text:-ms-input-placeholder,.form .wpcf7-textarea:-ms-input-placeholder {color:#8B92A3;} .form .soc{margin-top: 20px;} .form .soc img{margin-right: 5px;} .form .ajax-loader{display: none;} #prices .car{text-align: center;} #prices .car-img{z-index: 99;position: relative;} #prices .list li{padding-bottom: 10px;font-size: 18px;} #prices .list li:hover{color: #e6193a;cursor: pointer;font-weight: bold;} #prices .list .price span{color: #FF7C52;font-weight: bold;padding-top: 5px;font-size: 20px;} #prices .pulse-bg{width: 100%;padding-bottom: 100%;} #prices .pd{padding-bottom: 20px;} #prices .button{margin-top: 20px;margin-bottom:20px;} #domcat{display: grid;gap: 10px;text-align: center;} #domcat .price-domik{font-weight: bold;font-size: 20px;} #domcat .button{padding: 5px;display: block;margin-top: 10px;} #kak{background: url(images/kak.jpg) right center / auto 80% no-repeat, white;} #kak .st{font-size: 20px;} #kak .col-sm-6{display: flex;} #kak .num{font-size: 19px;color: #FF7C52;width: 33px;height: 33px;border: 1px solid #8B92A320;position: absolute;text-align: center;} #kak .text{padding-left: 50px;color: #8B92A3;} #snim .info{padding-top: 20px;} #snim .title{font-size: 20px;font-weight: 500;color: #344058;padding-bottom: 5px;} #snim .desc{color: #8B92A3;} #voz{background-color: #F4F4F9;} #voz .line{background-color: #8B92A320;height: 1px;position: relative;left: 44px;top: 53px;max-width: 94%;} #voz svg{margin-bottom: 30px;margin-top: 30px;} #voz .title{font-size: 20px;font-weight: 500;color: #344058;padding-bottom: 10px;} #voz .desc{color: #8B92A3;} #voz .flexslider{overflow: visible;} #voz .flex-direction-nav{position: absolute;top: -80px;right: 0;margin: 0px;} #voz .flex-control-paging{display: none;} #kak2{background: url(images/kak2.jpg) right center / auto 90% no-repeat, white;} #kak2 h2 span{color: #FF7C52;} #vig{background-color: #F4F4F9;} #vig h2{font-size: 50px;padding-top: 40px!important;} #vig .nav-item{padding: .5rem 1rem;} #vig .nav-item .nav-link{font-size: 20px;color: #8B92A3;padding: 0px;} #vig .nav-item .active{color: #FF7C52;border-bottom: 2px solid #FF7C52;} #vig .tab-content, #vig .tab-content li{margin-top: 20px;} #price .nav{width: 100%;} #price .nav a{color: #8B92A380;border: 1px solid #8B92A320;padding: 5px 15px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;} #price .nav .active{background-color: #FF7C52;color: white;} #price .pr .cena{color: #344058;font-size: 50px;line-height: 50px;padding-bottom: 10px;} #price .pr .text{color: #8B92A3;font-size: 14px;margin-bottom: 20px;} #diag{border-top: 1px solid #8B92A320;} #diag svg{margin-bottom: 30px;margin-top: 30px;} #diag .title{font-size: 18px;font-weight: 500;color: #344058;padding-bottom: 10px;} #diag .desc{color: #8B92A3;} #diag .line{background-color: #8B92A320;height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;} #diag .line2{background-color: #FF7C52;height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;} .pulse-bg { position: absolute; left: 50%; top: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; padding-bottom: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .pulse-bg-container { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-animation: pulse infinite ease-in-out 2s; animation: pulse infinite ease-in-out 2s; } .pulse-bg-circle { border: 1px solid #FF7C52; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .pulse-bg-circle1 { width: 100%; height: 100%; } .pulse-bg-circle2 { width: 85%; height: 85%; } .pulse-bg-circle3 { width: 70%; height: 70%; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes pulse { 0% { -webkit-transform: scale(0.8); transform: scale(0.8); opacity: 0; } 50% { opacity: 1; } to { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* Форма заявки сбоку */ #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 .wpcf7-text{border: none;border-bottom: 1px solid #54556020;margin-bottom: 30px;padding: 10px 0px;} #za .modal-body .poly{color: #A8A8A8;font-size: 12px;line-height: 14px;} #contacts{font-size: 20px;} #contacts br{display: none;} #contacts .ad{padding-bottom: 20px;} #contacts .time{font-size: 16px;color: #A0A1A1;padding-bottom: 20px;padding-top:10px;} #contacts .phone{display: block;font-size: 35px;color: black;font-weight: bold;} #contacts .mail{color: #4e4d4d;} #footer{color: #8B92A360;font-size: 15px;} #footer .widget-title{color: #344058;font-size: 16px;font-weight: 500;} #footer a{color: #8B92A3;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #footer a:hover{color: #FF7C52;} #footer .phone{display: block;font-size: 18px;font-weight: 500;} #footer .ad{margin-bottom: 20px;} #footer .mail{display: block;color: #FF7C52;} #footer .menu{padding: 0px;margin: 0px;list-style: none;} #footer .menu li{width: 100%;float: left;padding-bottom: 5px;} #footer .soc img{padding-right: 10px;padding-top: 10px;} #footer .info{font-size: 15px;} #footer .poly{color: #8B92A360;} .flexslider .slides > li{display: none;-webkit-backface-visibility: visible;} .slides,.slides > li,.flex-control-nav,.flex-direction-nav {margin: 0;padding: 0;list-style: none;} .flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .flexslider{overflow:hidden;position: relative;} .flex-direction-nav {display: flex;margin-top: 20px;} .flex-direction-nav .flex-nav-next{padding-left: 10px;} .flex-direction-nav svg g, .flex-direction-nav svg circle, .flex-direction-nav svg path{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .flex-direction-nav a:hover svg g{fill: #344058;opacity: 1;} .flex-direction-nav a:hover svg circle{stroke: none;} .flex-direction-nav a:hover svg path{fill: white;} .flex-control-paging{display: flex;position: absolute;bottom: 3px;left: 50px;} .flex-control-paging li a {width: 10px;height: 10px;display: block;background: #344058;cursor: pointer;text-indent: -9999px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;margin: 3px;} .flex-control-paging li a:hover {background: #FF7C52;} .flex-control-paging li a.flex-active {background: #FF7C52;cursor: default;} .fullscreen{padding: 0px!important;color: black;-webkit-overflow-scrolling: touch;} .fullscreen .container{position: relative;} .fullscreen .modal-dialog a{color: black;} .fullscreen .modal-dialog {max-width: 100%;width: 100%;height: 100%;min-height: 100%;margin: 0;padding: 0;} .fullscreen .modal-content {height: 100%;min-height: 100%;border-radius: 0;background: white;overflow:auto;} .fullscreen .modal-body{font-size: 16px;} .fullscreen .close{position: absolute; right: 15px;} .fullscreen .close .closeico{content: url(images/close.svg);} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .st{font-size: 18px;padding-bottom: 10px;} .fullscreen .list, .fullscreen .menu ul{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;} .fullscreen .list li, .fullscreen .menu li{padding-bottom: 5px;} .fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;} .fullscreen .select2-selection__rendered{line-height: 40px!important;} @media (min-width:320px) and (max-width:399px) {#reviews .review{height: 660px!important;}} @media (min-width:320px) and (max-width:767px) {#process_of_work .overflow{width: 45%;}} @media (min-width:768px) and (max-width:1023px) {#process_of_work .overflow{width: 30%;}} @media (min-width:1024px) and (max-width:1399px) {#process_of_work .overflow{width: 17%;}} @media (min-width:1400px) {#process_of_work .overflow{width: 20%;}} @media (min-width:319px) and (max-width:425px){#page-contacts .flex{padding: 10px;}} @media (min-width:425px) {#page-contacts .flex{padding: 20px;}} @media (min-width:1024px) and (max-width:1199px) {#soc img{max-width: 512px;}} @media (min-width:1400px) {#process_of_work .flex{flex-wrap: nowrap!important;}} @media (min-width:319px) and (max-width:1023px) { #header .inner{display: none!important;} .col-pc-2{grid-template-columns: none!important;} #soc .rigth-block{display: none!important;} #soc .container{padding-bottom: 20px!important;} #soc .flex-btn{width: 290px;} #soc .phone{letter-spacing: 2px!important;} #soc .phone:hover {letter-spacing: 4px!important;} #soc a{font-size: 20px!important; font-size: 20px;} #prices {padding-top: 40px;padding-bottom: 40px;} #contract .bg{display: none;} #contract {padding: 50px 0;} #contract .block-flex{align-items: center; gap: 20px!important; text-align: center;} #contract .flex{text-align: left;} #contract h2{padding-bottom: 0!important; text-align: center!important;} #contract .button{margin: 0 auto;} } @media (min-width:1024px) { #soc{padding-bottom: 0!important;} #soc .flex-btn{width: 400px;} #soc .left-block{padding-bottom: 40px;} #soc {padding-top: 40px;} .col-pc-1{grid-template-columns: 100%;} .col-pc-2{grid-template-columns: 50% 50%;} .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);} } a, button{outline: none!important;} .block{padding-top: 50px;padding-bottom: 50px;} .grid{display: grid;} #footer{padding-top: 65px;padding-bottom: 65px;} .hidden { display: none; } #reviews .aaaaa {width: 30px; height: 30px; background-color: black;} #reviews .review{padding: 15px; border: 1px solid black; flex-direction: column; height: 600px; text-align: center; justify-content: space-between;} #reviews img{width: 50px; height: 50px; margin: 0 auto;} #reviews .text{flex: 1 1 0px; height: 0;} #reviews .author{font-size: 25px;} #page-contacts p{margin: 0;} #page-contacts .flex{display: flex; flex-direction: column; background-color: #faf9ff; margin-top: 20px;} #page-contacts .light{font-size: 20px; color: #898c92;} #page-contacts .phone{font-size: 30px; text-decoration: none;} #page-contacts .time{font-size: 19px; padding-bottom: 15px;} #page-contacts .region{padding-bottom: 15px; font-size: 20px;} #page-contacts .email{font-size: 20px; color: #FF7C52;} #page-contacts a{-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; color: #5A647B;} #page-contacts a:hover{-webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; color: #FF7C52;} #page-contacts iframe{width: 100%; margin-top: 20px;} #page-contacts .col-pc-2{grid-template-columns: 30% 70%; gap: 30px;} #process_of_work .flex{display: flex; justify-content: space-evenly; flex-wrap: wrap; gap: 25px;} #process_of_work p{text-align: center; font-size: 22px; color: #5A647B; font-weight: 100;} #process_of_work .number{flex: 1 1 0px; background-color: #F6F7F8; font-size: 50px; width: 100%; font-weight: 600; border: 2px solid #FF7C52; padding: 5px; margin: 0 auto; text-align: center; color: #FF7C52;} #process_of_work img{border: 2px solid #5A647B; border-bottom: none;} #process_of_work .overflow{-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; display: flex; flex-direction: column;} #process_of_work .overflow:hover{-webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out; transform: scale(1.02); -webkit-box-shadow: 0px 5px 10px 2px #FF7C5285; -moz-box-shadow: 0px 5px 10px 2px #FF7C5285; box-shadow: 0px 5px 10px 2px #FF7C5285;} #soc{background-color: #F4F4F9;} #soc p{font-size: 30px; text-align: center;} #soc h2{font-size: 40px; text-align: center;} #soc ul{font-size: 22px; line-height: 35px;} #soc .left-block{display: flex; flex-direction: column; align-items: center;} #soc .rigth-block{align-self: end;} #soc .flex-btn{border-radius: 10px; display: inline-block; flex: 1 1 0; cursor: pointer; padding: 10px 0; text-align: center;} #soc .flex{display: flex; flex-direction: column; gap: 30px; margin: 0 auto;} #soc a{color: white; font-size: 28px; text-decoration: none; vertical-align: middle;} #soc .whatsapp{background-color: #25d366; transition: all 0.75s ease-out; letter-spacing: 4px;} #soc .whatsapp:hover{-webkit-box-shadow: 0px 5px 10px 2px #25d3657c; transition: all 1s cubic-bezier(0.78, 0.23, 0.15, 0.96); -moz-box-shadow: 0px 5px 10px 2px #25d3657c; box-shadow: 0px 5px 10px 2px #25d3657c; letter-spacing: 13px;} #soc .viber{background-color: #785299; transition: all 0.75s ease-out; letter-spacing: 4px;} #soc .viber:hover{-webkit-box-shadow: 0px 5px 10px 2px #78529983; transition: all 1s cubic-bezier(0.78, 0.23, 0.15, 0.96); -moz-box-shadow: 0px 5px 10px 2px #78529983; box-shadow: 0px 5px 10px 2px #78529983; letter-spacing: 13px;} #soc .phone{background-color: #47a5ff; transition: all 0.75s ease-out; letter-spacing: 4px;} #soc .phone:hover{-webkit-box-shadow: 0px 5px 10px 2px #47a6ff80; transition: all 1s cubic-bezier(0.78, 0.23, 0.15, 0.96); -moz-box-shadow: 0px 5px 10px 2px #47a6ff80; box-shadow: 0px 5px 10px 2px #47a6ff80; letter-spacing: 6px;} #soc .icons{width: 40px;height: 40px; margin-right: 10px;} #contract{background-color: #F4F4F9;} #contract .bg{max-width: 100%; height: auto;} #contract .grid{align-items: center;} #contract .block-flex{display: flex; flex-direction: column; gap: 40px;} #contract h2{text-align: left; font-size: 50px; padding-bottom: 0!important;} #contract p{font-size: 25px; margin: 0;} #contract .flex{display: flex; gap: 20px; align-items: center;} #contract .button{width: 214px;} #contract .icon{width: 50px; height: 50px;} #footer .cont{text-align: left!important;} .owl-nav{margin-top: 20px; display: flex; justify-content: center; gap: 25px;} #reviews svg g circle{fill: #FF7C52;} #gallary svg g circle{fill: #FF7C52;} .banner-number{padding-bottom: 10px;} .banner-tel{font-size: 28px; color: #5A647B; letter-spacing: 1px; font-weight: 500;} @media (min-width:320px) and (max-width:767px) { .snos {font-size:11.5px;} .table td, .table th{padding:5px!important;} tbody{font-size:11.5px;} } .table-overflow{overflow-x:auto;} #septic_block .grid{gap:30px;} #septic_block .item{overflow:hidden;} #septic_block .cont{border:2px solid #FF7C52;padding:20px;border-top:0;text-align:center;} #septic_block ul{text-align:left;} #septic_block .price{color:#FF7C52;font-size:25px;font-weight:600;} #top{background-color: #1D1D1F;color: white;font-size: 14px;padding: 10px 0px;} #top a{color: white;} #top .container{display: flex;align-items: center;justify-content: space-between;} #top .nav{gap: 20px;} #top .ad{display: flex;gap: 30px;} #top .ad .time{color: #FFF;} #top .ad .city{display: flex;align-items: center;gap: 5px;} #top .ad .city:before{content: ' ';background-image: url(/images/loc.svg);width: 13px;height: 13px;}