/* 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-form table{background-color: transparent!important;} .ezfc-form .button { display: inline-block; background-color: #009A9A!important; border: none; border-radius: 2px; padding: 20px 50px; color: white!important; text-decoration: none; -webkit-transition: all 0.25s ease-out; transition: all 0.25s ease-out; } /* Калькулятор */ .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: #009A9A!important;border: none;} /* Цена */ .ezfc-form .ezfc-price {font-weight: bold;} .ezfc-form .ezfc-price-value {color: #009A9A;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;} } @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%;} #slide .st { font-size: 24px; line-height: 30px; padding-bottom: 30px; } } .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: #009A9A;} .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: #009A9A;} /* Чекбокс */ .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #009A9A;} .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: #009A9A!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: #009A9A; 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: 'Geometria'; src: url('/fonts/Geometria-Light.woff') format('woff'); font-weight: 300; font-style: normal; font-display: block; } @font-face { font-family: 'Geometria'; src: url('/fonts/Geometria.woff') format('woff'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'Geometria'; src: url('/fonts/Geometria-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: block; } @font-face { font-family: 'Geometria'; src: url('/fonts/Geometria-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: block; } @media (max-width:1023px){ #top, #header .head, #headerin{display: none;} #mobile{padding: 10px;} #mobile img{width: 150px;} #mobile .city{max-width: 110px;overflow: hidden;white-space: nowrap;} #mobile .city a{color: black;font-weight: 500;} .fullscreen{text-align: center;} .fullscreen .title{padding-top: 40px;} .fullscreen select{width: 100%!important;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} #header .menu{display: none;} #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: #009A9A;-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;margin-top: 20px;} #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%;} #price-tab .grid{justify-items:center;} #price-tab img{margin-top: 30px;} .block{padding-top: 40px;padding-bottom: 40px;} .button{display: block!important;text-align: center;font-size: 18px;width: 100%;} #slide{padding: 70px 0px;} #slide h1{font-size: 35px;line-height: 45px;padding-top: 0px!important;} #slide h2{font-size: 20px;line-height: 30px;} #slide .bt1, #slide .bt2{display: block;text-align: center;margin-top: 10px;font-weight: 500;font-size: 18px;} #prem .item{display: flex;flex: 0 0 50%;align-items: center;height: 80px;font-size: 14px;} #prem .item svg{width: 50px;} #text img{padding-bottom: 20px;} #price .pr{margin-bottom: 10px;} #prog{padding-top: 0px;} #prog h2{text-align: center!important;} #prog .nav, #tarif .item, #osob .col-sm-6{margin-bottom: 20px;} #prog .block{padding-top: 20px;padding-bottom: 20px;padding-left: 15px;} .tags a{width: 100%;} #servise .nav a{margin-right: 9px!important;} #form .wpcf7{margin-bottom: 20px;} #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:320px) and (max-width:374px){#price-tab img{margin-top:0px;}} @media (min-width: 1024px) { .fullscreen .modal-body{padding-top: 50px;} .fullscreen .list li{width: 33%;float: left;} .citylist ul li {width: 33%;float: left;} #mobile{display: none!important;} .block{padding-top: 50px;padding-bottom: 50px;} .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-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} .col-pc-05-2{grid-template-columns: 1fr 3fr;} #price-tab .grid{justify-items:none;} 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;} #slide{padding: 100px 0px;} #slide h1{font-size: 55px;line-height: 1.2;} #slide h2{font-size: 28px;line-height: 36px;} #prem .item{padding: 30px;border-right: 1px solid #ffffff20;display: flex;flex: 0 0 25%;align-items: center;text-align: justify;} #servise .tab-content{max-width: 50%;} #price .pr{margin-top: 20px;max-width: 90%;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} } @media (min-width: 992px) { } @media (min-width: 1200px) { } html, body{ font-family: 'Geometria'!important; font-size: 16px!important; margin: 0px; padding: 0px; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: bold!important;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: bold!important;} .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;padding-top: 40px;} .page h1{padding-bottom: 20px;} .breadcrumbs, .breadcrumbs a{color: #ababab;font-size: 15px;} .alignleft{float: left;padding-right: 10px;padding-bottom: 10px;} .alignright{float: right;padding-left: 10px;padding-bottom: 10px;} .grid{display: grid;} .ac{align-items: center;} .citylist .grid{gap: 10px;} .citylist a{color: black;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: #009A9A;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);} @media (max-width:767px){.btn-back-top{left: 15px;right: auto;bottom: 15px;}} /* Топ акция */ .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;} /* Кнопка вотсап */ .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;}} .gallary{margin-right: -5px;margin-left: -5px;} .gallary .thumb{padding: 5px!important;} .block h2{font-size: 35px;padding-bottom: 30px!important;text-align: center;} .block h2 span{color: #009A9A;} .button{display: inline-block;background-color: #009A9A;border: none;border-radius: 2px;padding: 20px 50px;color: white;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: #009A9A;} /* Заголовок сайта */ #header {font-size: 15px;} #header .head{padding: 20px 0px;} #header .city svg, #header .calc svg{margin-right: 10px;} #header .city a{color: #009A9A;font-weight: 500;text-decoration: underline;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .calc a{color: #009A9A;font-weight: 500;text-decoration: underline;line-height: 22px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .city a:hover, #header .calc a:hover{color: #009A9A;} #header .za{padding: 12px 15px;border-radius: 2px;border: 1px solid #E6E6E6;color: #00000099;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .za:hover{background-color: #009A9A;color: white;border-color: #009A9A;} #header .tel {text-align: right;} #header .tel .phone{font-weight: bold;color:black;font-size: 22px;} #header .tel .time{font-size: 13px;color: #00000060;} /*Навигация */ #header .menu{background-color: #009A9A;} #header .menu .nav{justify-content: space-between;font-size: 14px;flex-wrap: nowrap;} #header .menu .nav li{flex-grow: 1;text-align: center;position: relative;} #header .menu .nav a{color: white;text-decoration:none;padding: 13px 0px;display: block;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out; font-size:20px;} #header .menu .nav .current-menu-item a, #header .menu .nav a:hover, #header .menu .nav > .current-menu-parent > a{background-color: #009A9A;} #header .menu .menu-item-has-children:after{content: url(/images/arr.svg);position: absolute;bottom: -1px;left: calc(50% - 4px);} #header .menu .menu-item-has-children:hover .sub-menu{display: block;} #header .menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 0px;list-style: none;z-index: 10;} #header .menu .sub-menu li a{color: black;padding: 13px; width: 400px; text-align: left;} #header .menu .sub-menu .current-menu-item a, #header .menu .sub-menu a:hover{color: white!important;} /*Баннер на главной*/ #slide{color: white;position: relative;} #slide .sh{position: relative;z-index: 3;} #slide .st{margin-top: 10px; } #slide:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #181b29a6;z-index: 2;} #slide h1{letter-spacing: -0.02em; margin-bottom: 10px;} #slide .line{padding: 20px 40px 20px 20px;background: transparent;backdrop-filter: blur(30px);--webkit-backdrop-filter: blur(30px);background-color: rgba(255, 255, 255, 0.1);margin-bottom: 10px;} #slide .line .text{display: flex;align-items: center;gap: 20px;} #slide .line .text:before{content: url(/images/icon.webp);} #slide .button, #slide .buttonw{padding: 17px 60px; text-decoration: none;} #slide .buttonw{border: 1px solid white; color: white; transition: 0.5s; text-align: center;} #slide .buttonw:hover{background-color: white; color: #009A9A;} #slide .bts{margin-top: 20px;} #slide .buttonwhite{border-radius:0 !important; background-color:transparent !important; color:white; border-color:white; text-decoration:none; padding: 17px 60px;} #slide .soc{display:flex;gap:10px; align-items:center;} #prem{background-color: #009A9A;color:white;} #prem .item svg{margin-right: 10px;} #prem .last{border: none;} @media (min-width: 992px){#prem .items{display: flex;flex-wrap: wrap;}} #textblock{background-color: #EFF3F8;} #premtext .item{border-right: 1px solid #00000052;padding-right: 20px; text-align:justify} #premtext .col-sm-3:last-child .item{border: none;} #premtext .title{font-size: 18px;padding-bottom: 10px;font-weight: bold;} table th{background-color: #009A9A;border-color:#009A9A;color: white;text-transform: uppercase;} table{background-color: white;} #voz{background-color: #EFF3F8;text-align: center;} #voz .nav{width: 100%;justify-content: center;} #voz .nav a{background-color: white;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 50px;} #voz .nav .active{background-color: #009A9A;color: white;} #voz .tab-content{margin-top: 20px;} .tags{display: flex;flex-wrap: wrap;gap: 8px;} .tags a{background: #009A9A;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: white;text-align: center;} .tags a:hover{background: #009A9A;color: white;} #prog h2{text-align: left;margin: 0!important;} #prog .nav-link{color: #666666;padding: 15px 20px;border: 1px solid #E0E0E0;margin-top: -1px;width: 100%;} #prog .nav-link:hover, #prog .nav-link.active{background-color: #009A9A;color: white;} #prog .nav-link:first-child{border-top-right-radius: 4px;border-top-left-radius: 4px;} #prog .nav-link:last-child{border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} #prog .tab-content h3{margin-bottom: 20px;} #seo .color{background-color: #009A9A;color:white;padding: 40px;} #seo h3{padding-bottom: 20px!important;} #form{background-color: #EFF3F9;padding-bottom: 0px;} #form h2{text-align: left;padding-top: 0px!important;} #form .st{color: #444444;} #form .wpcf7-text{background-color: transparent;border: none;border-bottom: 1px solid #151515;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;} #form .wpcf7-textarea{background-color: transparent;border: none;border-bottom: 1px solid #151515;margin: 20px 0px;width: 100%;padding-bottom: 10px;border-radius: 0px;} #form .poly{color: #8F919D;font-size: 12px;} #faq #accordion{display: inline-block;width: 100%;} #faq .card{border: none;border-radius: 0px;padding: 20px 0px;border-bottom: 1px solid #00000020;} #faq .card a{color: black;font-size: 18px;font-weight: 500;padding-bottom: 20px;} #accordion{display: inline-block;width: 100%;} #accordion .card{border: none;border-radius: 0px;padding: 20px 0px 10px 0px;border-bottom: 1px solid #00000020;background: transparent;} #accordion .card a{color: black;font-size: 20px;padding-bottom: 10px;display: flex;justify-content: space-between;} #accordion .card:first-letter{text-transform: capitalize;} #accordion .card .more{font-size: 16px;font-weight: bold;} #accordion .card a:after {content:"\2014";float: right;color: inherit;font-size: 30px;line-height: 30px;color: black;} #accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;} /* Любая кнопка со стрелкой */ .zabutton{display: inline-block;background-color: #009A9A;padding: 20px 25px;color: white!important;border-radius: 4px;text-decoration: none!important;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;border: none;} .zabutton:hover{background-color: black;color: white!important;} .zabutton svg{margin-left: 25px;} .zabutton svg path{fill: white;} /* Форма заявки сбоку */ #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, #za .modal-body .wpcf7-textarea{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;} #footer{color: #8B8B8B;background-color: #eff3f9;} #footer a{color: black;} #footer .phone{font-size: 18px;font-weight: 500;} #footer .mail{padding-top: 15px;} #footer .mail a{color: #009A9A;} #footer .menu{padding: 0px;margin: 0px;list-style: none;} #footer .menu li{width: 50%;float: left;padding-bottom: 15px;} #footer .soc img{padding-right: 10px;padding-top: 10px;} #footer .info{font-size: 15px;} #footer .poly{color: #8B8B8B;} .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: 20px;} .flex-control-paging{display: flex;position: absolute;bottom: 2px;left: 60px;} .flex-control-paging li a {width: 10px;height: 10px;display: block;background: black;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: #009A9A;} .flex-control-paging li a.flex-active {background: #009A9A;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;} #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: #009A9A; border-color: #009A9A;} #price-tab .nav-link.active{color: white; background-color: #009A9A; border-color: #009A9A;} #price-tab .tab-content{margin-top: 60px;} #price-tab .item-cont{ border: 2px solid #009A9A;} #price-tab .item{padding: 20px;} #price-tab h3{font-size: 21px; color: white !important; background-color:#009A9A ; 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:#009A9A ; padding: 10px; 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 .col-pc-2{text-align: center;} #price-tab img{border: 2px solid #009A9A;} #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;} } #etap{background-color: whitesmoke;} #etap .nav-link.active {color: white;background-color: #009A9A; border-color: #009A9A;} #etap .nav-link {padding: 10px 30px !important;font-size: 18px;border: 1px solid #515151;color: #515151;font-weight: 500;transition: .5s;} #etap .nav-link:hover {color: white; background-color: #009A9A;border-color: #009A9A;} #etap .nav{margin-bottom: 20px; gap: 15px;} #etap .tab-content{padding: 20px;} #etap .grid {align-items: center;} #etap .grid >p{display: none;} #etap .tab-pane>.grid{background-color: white; border-radius: 20px;border: 1px solid #ebebeb;box-shadow: 0 0 10px 2px rgb(89 89 89 / 10%)} #etap .items{padding: 25px;} #etap .item{height: 100%;} #etap img{height: 100%; border-radius: 20px 0 0 20px ;} #diag{background-color:whitesmoke;} #diag .phone{color: #009A9A; font-size: 18px;font-weight: 500; text-decoration: none; transition: all 0.5s ease-in-out 0s;} #diag .phone:hover{color: #009A9A; transition: all 0.5s ease-in-out 0s;} #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: #009A9A; 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: #009A9A!important ;height: 1px;position: relative;left: 94px;top: 50px;max-width: 70%;} #diag .soc{margin-top: 20px;} #diag .soc>br{display: none;} @media (min-width: 992px){ #textrepeat .grid:nth-child(2n) .img{grid-column: 1;grid-row: 1;} } #textrepeat img{ border-radius: 24px;} #textrepeat .text{background-color: whitesmoke; border-radius: 24px; padding: 20px;} #textblock img{border-radius: 24px;} #variant {background-color: whitesmoke;} #variant .nav-link{background-color: white; color: black; font-size: 18px; transition: .5s; border: 1px solid #c5c5c56e;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);} #variant .nav-grid{gap: ;} #variant .nav-link.active{background-color: #009A9A; color: white;box-shadow: 0 9px 5px -6px #009A9A;} #variant .nav-link:hover{color:white ; background-color: #009A9A;box-shadow: 0 9px 5px -6px #009A9A;} #variant .tab-content{margin-top: 40px;} #variant img{border-radius: 15px;box-shadow: 0px 10px 30px rgb(178 178 178 / 42%);} #variant .item{padding: 10px;} #variant li::marker{color:#009A9A; font-size: 18px;} #variant .grid {align-items: center;} #variant .nav>p{display: none;} #voda .item { padding: 20px; border-radius: 20px; background-color: whitesmoke; box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); } #voda .img-fluid {border-radius: 20px; box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); } h3 {font-size: 24px; margin-top: 20px; margin-bottom: 10px;} #voda .p {color:#515151; opacity: 0.7; margin: 0 0 10px;} #voda .button2 {text-decoration: none; padding: 12px 25px; border-radius: 0 !important; display: inline-block; vertical-align: middle; color: #009A9A !important; border: 2px solid #009A9A; font-size: 13px; font-weight: 600; text-transform: uppercase; padding: 8px 15px; margin-top: 5px; transition: 0.5s;} #voda .button2:hover {color: white !important; background-color: #009A9A;} #what_we_make {text-align: center;} #what_we_make .img-fluid {max-width: 100%; height: auto;} #what_we_make img {width: 55px; vertical-align: middle;} #what_we_make .number { font-size: 65px; font-weight: 600; padding-top: 25px; padding-bottom: 30px; color: #009A9A;} #what_we_make .text {font-size: 24px; font-weight: 600; line-height: 100%;} #what_we_make .items {padding: 35px; border: 1px solid #009A9A; border-radius: 15px;} #what_we_make h2 {color: #009A9A; font-size: 24px !important; font-weight: 600 !important; border-top: 1px solid #009A9A; border-bottom: 1px solid #009A9A; padding: 15px !important; margin-bottom: 30px !important; margin-top: 30px !important; text-align: center;} #dog svg {margin: 15px 0; } #dog .col-pc-3 {} #dog .item {box-shadow: 4px 4px 8px 0px rgb(34 60 80 / 20%); padding: 20px;} #dog .st {font-weight: 400; line-height: 1.5; color: #212529;} #dog .title {line-height: 1.5; color: #009A9A; font-size: 20px; font-weight: bold; padding-bottom: 10px;} :root { --firm-color:#009A9A; --telegram-color: #23a9ea; --whatsapp-color: #55d061; --email-color: #009A9A; --phone-color: #c1daff; --instagram-color: #fe0099; --vk-color: #0078ff; } @media (min-width:320px) and (max-width:767px){ #how_make .button{width: 290px;} #links .button{width: 290px;} #price-tab .button{width: 230px;} } @media (min-width:767px){ #how_make .button{width: 345px;} #links .button{width: 345px;} #price-tab .button{width: 345px;} } @media (min-width:768px) and (max-width:1023px){ .col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-1{grid-template-columns: none} } .lyte-wrapper{margin: 0 auto!important;} #reviews{text-align: center;} #reviews h2{} #reviews .review{display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; border: 2px solid #009A9A; padding: 10px; height: 850px;} #reviews img{width: 50px;} #reviews .owl-nav{display: flex; justify-content: center; padding-top: 25px; gap: 25px;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{outline: none!important;} #diagnostik .card{padding: 15px; border: 2px solid var(--firm-color; text-align: justify;);} #diagnostik {background-color: #EFF3F9;} #adventages .item{display: flex; flex-direction: row; padding: 10px; border: 2px solid var(--firm-color); max-width: 310px;} #adventages .flex{display: flex; flex-direction: column; padding-left: 15px;} #adventages .name{margin-top: 10px; font-size: 15px; font-weight: 500;} #adventages strong{color: var(--firm-color);} #adventages img{width: 50px;} #adventages .grid{justify-content: center; justify-items: center;} #consultation .button{width: 345px; height: 60px;} #consultation {background-color: #EFF3F9;} #consultation .flex{gap: 10px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;} #consultation p{font-size: 20px;} #steps .item{border: 2px solid var(--firm-color); flex: 1 1 0px; text-align: center;} #steps .grid{justify-content: center;} #steps .main {display: flex;} #steps p{margin: 0;} #steps .name{font-size: 20px; font-weight: 500; letter-spacing: 2px;} #steps .flex {padding: 20px; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;} #steps h2{text-align: center;} #steps img{width: 100%;} #how_make .flex{display: flex; flex-direction: column; gap: 20px;} #how_make h2{text-align: left;} #how_make .line{padding-left: 20px; border-left: 2px solid var(--firm-color);} #how_make .button{height: 60px; text-align: center;} #soc .whatsapp{color: var(--whatsapp-color);} #soc .telegram{color: var(--telegram-color);} #soc .phone{color: #769ed9;} #soc .email{color: var(--email-color);} #soc .instagram{color: var(--instagram-color);} #soc .vk{color: var(--vk-color);} #soc .whatsapp:hover{background-color: var(--whatsapp-color);} #soc .telegram:hover{background-color: var(--telegram-color);} #soc .phone:hover{background-color: #769ed9;} #soc .email:hover{background-color: var(--email-color);} #soc .instagram:hover{background-color: var(--instagram-color);} #soc .vk:hover{background-color: var(--vk-color);} #soc .whatsapp, #soc .telegram, #soc .phone, #soc .instagram, #soc .vk, #soc .email {background-color: transparent;} #soc .whatsapp:hover, #soc .telegram:hover, #soc .phone:hover, #soc .instagram:hover, #soc .vk:hover, #soc .email:hover{color: white;} #soc .whatsapp, #soc .telegram, #soc .phone, #soc .instagram, #soc .vk, #soc .whatsapp:hover, #soc .telegram:hover, #soc .phone:hover, #soc .instagram:hover, #soc .vk:hover, #soc .email:hover {transition: all 0.5s ease-in-out 0s;} #soc span{pointer-events: none;} #soc .whatsapp-color{border: 2px solid var(--whatsapp-color);} #soc .telegram-color{border: 2px solid var(--telegram-color);} #soc .phone-color{border: 2px solid #769ed9;} #soc .email-color{border: 2px solid var(--email-color);} #soc .instagram-color{border: 2px solid var(--instagram-color);} #soc .vk-color{border: 2px solid var(--vk-color);} #soc .flex{display: flex; flex-direction: column; gap: 25px;} #soc .title{font-size: 35px; font-weight: 400; letter-spacing: 2.5px; line-height: 40px; color: #3f79ac;} #soc .pre-title{font-size: 22px; color: #3f79ac; letter-spacing: 1px;} #soc .descr{font-size: 28px; line-height: 30px; letter-spacing: 1px; color: #3f79ac;} #soc .pre-descr{font-size: 30px; line-height: 30px; letter-spacing: 1px; color: #3f79ac;} #soc .links{font-size: 30px; letter-spacing: 2px; color: #3f79ac;} #soc p{margin: 0;} #soc img{max-width: 350px;} #soc .grid{align-items: center; justify-items: center;} #soc .soc-btn{display: inline-block; padding: 10px 0; width: 250px; text-align: center; font-size: 25px; text-decoration: none;} #soc .soc-btn a{text-decoration: none;} #soc .flex-btn{display: flex; flex-wrap: wrap; justify-content: space-evenly; gap: 15px; margin-top: 15px;} #soc img{max-width: 100%;} #links{background-color: #eff3f8;} #links .container{display: flex; flex-direction: column; text-align: center; align-items: center; gap: 25px;} .wp-video{display: flex; margin: 0 auto;} #price2 tr:first-child {color:#009A9A; font-weight: 500 !important;} #price2{font-weight: 500;padding-bottom: 0px;} #price2 .nav{display: inline-flex;flex-direction: column;gap: 5px;align-items: start;} #price2 .nav .nav-link{padding: 15px 30px;width: 100%;border-bottom-left-radius: 15px;border-top-right-radius: 15px; color: #515151;} #price2 .nav .nav-link.active{background: #f9f9f9; color: #009A9A;} #price2 .nav .nav-link:hover{background-color: #f9f9f9;color: #009A9A;} #price2 .table{box-shadow: 0px 0px 40px rgba(101, 106, 116, 0.05);border-radius: 24px;padding: 20px;} #price2 table{width: 100%;border-collapse: separate;border-spacing: 0 6px} #price2 th{border: none;padding: 0px 10px 9px 10px;vertical-align: top;text-align: left;text-transform: uppercase;font-size: 12px;color: #009A9A;letter-spacing: 0.12em;font-weight: 500; background-color: transparent !important;} #price2 td{border: none;padding: 15px 10px;vertical-align: top;background: #f9f9f9;} #price2 td:first-child{border-top-left-radius: 14px;border-bottom-left-radius: 14px;} #price2 td:last-child{border-top-right-radius: 14px;border-bottom-right-radius: 14px;} @media (max-width: 991px) { #price2 .nav{flex-direction: row!important;flex-wrap: wrap;justify-content: center;} #price2 .nav .nav-link{width: auto!important;padding: 15px!important;} #price2 .tab-content{display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;} #price2 .table{box-shadow: none!important;} #price2 td, #price2 th{min-width: 200px;} } #usl .item {background-color:whitesmoke; border-radius:20px; text-align:center; transition:0.5s;} #usl .item:hover{transform:scale(1.05);} #usl .item .text{padding:15px;} #usl img{border-radius:20px 20px 0 0;height:240px; object-fit:cover; width:100%;} #usl h3{color:black !important; margin:0;} #usl .text p{color:black; opacity:0.7;} #usl .desc>div{font-size:20px; font-weight:500; color:#515151;} #usl .saleon{color:#009A9A !important; font-weight: 600; margin-top: 15px; font-size: 18px;} #usl a{text-decoration:none; transition:0.5s;} #priced h3{text-transform:uppercase;} #priced .desc{ text-align:center; color:rgb(90,100,123) !important;} #priced .sale{font-size:20px; font-weight:700;} #priced .bt1{width:100%; padding:10px 0; color:white; background-color:#009A9A; display:block; text-decoration:none; transition: 0.5s;} #priced .bt1:hover{background-color:black;} @media (max-width:1023px){ #mes{text-align: center;} #mes .bts{margin-bottom: 20px;flex-direction: column;} #mes .bts .button{width: 100%;} #mes .master{justify-content: center;margin-bottom: 10px;} #mes .buttonwhite{justify-content: center;width: 100%;} #mes .soc{justify-content: center;} } @media (min-width:1024px){ #mes .container{display: flex;align-items: center;justify-content: center;gap: 40px;} #mes h2{font-size: 35px;margin: 0px!important;padding: 0px!important;max-width: 280px;} } #mes{padding: 30px 0px; background-color:whitesmoke;} #mes h2{font-weight: bold;} #mes .master{display: flex;gap: 10px;align-items: center;} #mes .master .name{font-size: 18px;line-height: 20px;font-weight: bold;} #mes .master .spec{font-size: 14px;color: #656A74;} #mes .bts{display: flex;gap: 10px;align-items: center;} #mes .button{border-radius:24px;padding: 13px 25px;} #mes .buttonwhite{display: flex;align-items: center;gap: 10px;} .buttonwhite{display: inline-block;cursor: pointer;text-align: center;background: white;border: 1px solid #1274E0;color: #1274E0;border-radius: 24px;font-weight: bold;padding: 13px 25px;white-space: nowrap;} .buttonwhite:hover{background: black;border-color: black;color: white!important;} #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;} #map{background: url(/images/map.webp) center top no-repeat;background-size: contain;} #map .grid{row-gap: 5px;} #map a{color: black;}