/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-MediumItalic.eot'); src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-MediumItalic.woff') format('woff'), url('fonts/Roboto-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Italic.eot'); src: local('Roboto Italic'), local('Roboto-Italic'), url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Italic.woff') format('woff'), url('fonts/Roboto-Italic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: local('Roboto Bold'), local('Roboto-Bold'), url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: local('Roboto'), local('Roboto-Regular'), url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: local('Roboto Medium'), local('Roboto-Medium'), url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-BoldItalic.eot'); src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-BoldItalic.woff') format('woff'), url('fonts/Roboto-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-ThinItalic.eot'); src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-ThinItalic.woff') format('woff'), url('fonts/Roboto-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Black.eot'); src: local('Roboto Black'), local('Roboto-Black'), url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Light.eot'); src: local('Roboto Light'), local('Roboto-Light'), url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-LightItalic.eot'); src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-LightItalic.woff') format('woff'), url('fonts/Roboto-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-BlackItalic.eot'); src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-BlackItalic.woff') format('woff'), url('fonts/Roboto-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Thin.eot'); src: local('Roboto Thin'), local('Roboto-Thin'), url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @media (max-width:767px){ #header .head{display: none!important;} #header h1{padding-top: 130px!important;padding-bottom: 50px!important;} #header{background-position: bottom!important;} #header .city{padding: 0px 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: #0089d2;-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;padding: 20px 0px;justify-content: space-between;align-items: center;} #mobile a{color: #0089d2;font-size: 18px;font-weight: 500;text-decoration: none;display: flex;align-items: center;} #mobile a span{padding-left: 5px;} #mobile img{max-width: 150px;} .button{font-size: 18px;display: block;width: 100%;} .block{padding-top: 40px;padding-bottom: 40px;} #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: white;font-size: 30px; font-weight: bold;padding-bottom: 20px;display: block;text-align: center;} #premstat .item{display: flex;flex: 0 0 49%;align-items: center;height: 80px;font-size: 14px;} #premstat .item svg{width: 50px;} #stat1 .num, #stat2 .num{font-size: 40px!important;} .kolocalc .thumbnails .thumbnail .pr{padding-bottom: 10px;} #prem .col-sm-6{background-position: right center!important;} #prem .info{padding: 20px!important;} #vig h2{font-size: 40px!important;} #kak2{padding-top: 20px;padding-bottom: 20px;} #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;} #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: 768px) { .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;} 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: 60px;padding: 30px 0px!important;} #header .slide .st{font-size: 20px;line-height: 24px;padding-bottom: 50px;} #header .slide .bt{display: flex;align-items: center;} #header .slide .bt .info{font-size: 15px;padding-left: 20px;} #header .slide .phone{display: none;} #premstat .item{padding: 30px;border-right: 1px solid #ffffff20;display: flex;flex: 0 0 25%;align-items: center;} #kak .row{padding-top: 40px;} #price .pr{padding-top: 100px;} #form .poly{padding-left: 20px;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} #footer .widget-title{padding-bottom: 20px;} } @media (min-width: 992px) { } @media (min-width: 1200px) { .container{max-width: 1200px;} } html, body{ font-family: 'Roboto'!important; font-size: 16px!important; margin: 0px; padding: 0px; color: #353535; } h1{margin-bottom: 0px!important;margin-top: 0px!important; padding-top: 20px!important;font-weight: bold!important;color: #353535;} h2{margin-bottom: 0px!important;margin-top: 0px!important; padding-bottom: 20px!important;padding-top: 20px!important;font-weight: 500!important;color: #353535;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;} .gallary{margin-right: -5px;margin-left: -5px;} .gallary .thumb{padding: 5px!important;} table th{background-color: #0089d2;border-color:#0089d2;color: white;text-transform: uppercase;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: black;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);} /* Виджет мессенджеров */ .msg-widget{position:fixed;right:60px;bottom:60px;z-index:9999;} .msg-toggle{width:56px;height:56px;border-radius:50%;border:0;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(102,126,234,.4);transition:transform .3s;position:relative;} .msg-toggle:before,.msg-toggle:after{content:"";display:block;position:absolute;border:1px solid #667eea;left:-20px;right:-20px;top:-20px;bottom:-20px;border-radius:50%;animation:msg-pulse 1.5s linear infinite;opacity:0;backface-visibility:hidden;} .msg-toggle:after{animation-delay:.5s;} @keyframes msg-pulse{0%{transform:scale(0.5);opacity:0;}50%{opacity:1;}100%{transform:scale(1.2);opacity:0;}} .msg-toggle:hover{transform:scale(1.05);} .msg-toggle .msg-close{display:none;} .msg-widget.active .msg-toggle svg:first-child{display:none;} .msg-widget.active .msg-toggle .msg-close{display:block;} .msg-list{position:absolute;bottom:65px;right:0;display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s;} .msg-widget.active .msg-list{opacity:1;visibility:visible;transform:translateY(0);} .msg-item{display:block;transition:transform .3s;} .msg-item:hover{transform:scale(1.1);} .msg-item img{display:block;border-radius:50%;} .msg-phone{width:55px;height:55px;border-radius:50%;background:#ff6b6b;display:flex;align-items:center;justify-content:center;} .msg-email{width:55px;height:55px;border-radius:50%;background:#2196F3;display:flex;align-items:center;justify-content:center;} @media(max-width:768px){.msg-widget{right:15px;bottom:15px;}.msg-toggle{width:50px;height:50px;}.msg-item img,.msg-phone,.msg-email{width:48px;height:48px;}.msg-list{bottom:58px;}} .block h2{font-size: 40px;padding-bottom: 40px!important;text-align: center;} .button{text-align: center;display: inline-block;background-color: #0089d2;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;} /* Отзывы */ #rews .comment{background-color: #f9f9f9;padding: 20px;border-radius: 10px;} #rews .top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} #rews .name{font-size: 18px;} #rews .time{color: gray;font-size: 14px;} #rews .text{font-size: 14px;} #rews .text .dco-attachment{margin-left: 15px;} #rews .stars{margin: 10px 0px;} #rews .dashicons-star-filled:before{color: #0089d2;} #rews img, #reviews img{max-width: 150px !important;height: auto !important;border-radius: 50%;} #rews .add{margin-top: 20px;display: flex;justify-content: center;} #rews .add .but1{display: inline-block;background: #f5f5f5;color: #788090;padding: 10px 20px;font-size: 15px;border-radius: 2px;margin-right: 15px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but2{display: inline-block;background: #0089d2; color: white;padding: 10px 20px;font-size: 15px;border-radius: 2px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} #rews .add .but1:hover, #rews .add .but2:hover{background-color: black;text-decoration: none;color: white;} #rews button.owl-next{position: absolute;right: 0;outline: none;padding: 5px 0px 5px 5px!important;} #rews .owl-prev{position: absolute;left: 0;outline: none;padding: 5px 5px 5px 0px!important;} #rews .owl-prev.disabled, #rews .owl-next.disabled{display: none;} #reviews .total{font-size: 45px;font-weight: bold;display: flex;align-items: center;} #reviews .total .count{margin-right: 15px;} #reviews .dashicons-star-filled:before{color: #0089d2;} #reviews .add{background-color: #f9f9f9;padding: 40px;border-radius: 10px;} #reviews .add a{color: black;} #reviews .add textarea, #reviews .add .form-control{border: none;padding: 10px;width: 100%;border-radius: 5px;} #reviews .add .comment-form-attachment__input{width: 100%;} #reviews .add .comment-form-cookies-consent{margin-top: 15px;} #reviews .add .rating-container *{font-size: 30px;} #reviews .add .button{padding: 10px 20px 10px 20px; background-color: #0089d2;color: white;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;border: none; cursor: pointer;} #reviews .add .button:hover{background-color: black;} #reviews .comments{display: grid;gap: 20px;margin: 20px 0px;} #reviews .add .comments-rating{border: none;} .rating-container {font-size: 0;unicode-bidi: bidi-override;direction: rtl;} .rating-container * {font-size: 1.4rem;} .rating-container > input {display: none;} .rating-container > input + label {font-family: dashicons;width: 1em;cursor: pointer;} .rating-container > input + label:before {content: "\f154";color: #888;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} .rating-container > input:checked ~ label:before, .rating-container > input + label:hover ~ label:before, .rating-container > input + label:hover:before {content: "\f155";color:#0089d2;} .rating-container:hover > input + label:before {content: "\f154";color: #888;} .rating-container:hover > input + label:hover ~ label:before, .rating-container:hover > input + label:hover:before {content: "\f155";color:#0089d2;} /* Заголовок сайта */ #header{color: white;position: relative;} #header:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 2;} #header .inner {position: relative;z-index: 3;} /*Навигация */ #header .nav{justify-content: space-around;} #header .nav a{color: white;text-decoration:none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;font-size: 17px;} #header .nav a:hover{color: #0089d2;} #header .nav li{position:relative;} #header .nav .menu-item-has-children:after{content: '';position: absolute;color: white;top: calc(50% - 2px);right: -13px;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{padding-bottom: 8px;} #header .city a{color: white;font-size: 15px;font-weight: bold;} #header .cont{text-align: right;} #header .cont .phone{font-size: 20px;font-weight: 500;color: white;text-decoration: none;white-space: nowrap;} #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;} #header .slide h1{color:white;} #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;} #premstat{background-color: #0089d2;color:white;} #premstat .items{display: flex;flex-wrap: wrap;} #premstat .item svg{margin-right: 10px;} #premstat .last{border: none;} #stat1, #stat2{background-color: whitesmoke;text-align: center;} #stat1 .num, #stat2 .num{font-size: 60px;font-weight: bold;} #prem{font-size: 18px;} #prem .info{padding: 30px;} #prem .prem2{background-color: whitesmoke} #servise{background-color: #0089d2;color: white;} #servise h2{color: white;} #servise .nav{width: 100%;} #servise .nav a{background-color: #5F5F5E;color: #E6E6E6;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;} #servise .nav .active{background-color: #353535;color: white;} #servise .tab-content{padding-left: 70px;margin-top: 20px;position: relative;} #servise .tab-content h3{padding-bottom: 20px;} #servise .tab-content svg{position: absolute;left: 0px;} #form{background-color: #353535;} #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: #0089d2;font-weight: bold;padding-top: 5px;font-size: 20px;} #prices .pulse-bg{width: 100%;padding-bottom: 100%;} #prices .button{margin-top: 20px;} #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: #0089d2;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: #353535;padding-bottom: 5px;} #snim .desc{color: #8B92A3;} #voz{background-color: whitesmoke;} #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: #353535;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: #0089d2;} #vig{background-color: whitesmoke;} #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: #0089d2;border-bottom: 2px solid #0089d2;} #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: #0089d2;color: white;} #price .pr .cena{color: #353535;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: #353535;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: #0089d2;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 #0089d2; -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: #00000060;font-size: 15px;background-color: whitesmoke;} #footer .widget-title{color: #353535;font-size: 16px;font-weight: 500;} #footer a{color: #00000060;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #footer a:hover{color: #0089d2;} #footer .phone{display: block;font-size: 18px;font-weight: 500;} #footer .ad{margin-bottom: 20px;} #footer .mail{display: block;color: #0089d2;} #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: #00000060;} .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: #353535;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: #353535;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: #0089d2;} .flex-control-paging li a.flex-active {background: #0089d2;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;} #gallary button:focus{outline: none !important;} #gallary .owl-nav{ display: flex;position: absolute;top: -60px;gap: 10px; right: 0;} #gallary .owl-dots{display: none;} #gallary .owl-nav button:hover path { fill: black !important ; } .grid{display: grid;} .flex{display: flex; gap: 15px; align-items: center;} .img-fluid{max-width: 100%; height: auto;} .text-center{text-align: center;} @media (min-width: 768px){.col-pl-2{grid-template-columns: repeat(2, 1fr);} .col-pl-3{grid-template-columns: repeat(3, 1fr);}} /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 1024px) { .block{padding: 30px 0px;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} } @media (min-width: 1025px) { .block{padding-bottom: 60px; padding-top: 60px;} .block h2{font-size: 40px; margin-bottom: 20px;} .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-1-2{grid-template-columns: 1fr 2fr;} .col-pc-2-1{grid-template-columns: 2fr 1fr;} } #link {background-color: white;} #link .desc{text-align: center; padding: 15px;} #link .items{box-shadow: 0 6px 12px rgba(0,0,0,.175);} #link a{color: black; text-decoration: none;} #link .button{color: white; padding: 10px 20px; margin-top: 10px; margin-bottom: 10px;} #info-kolec .desc { flex: 1 1 auto;} #info-kolec .rings-img{background: url(images/ring-fon.png) no-repeat center center ; background-size: contain;} #info-kolec p { margin: 0 !important;} #info-kolec .flex { margin-bottom: 10px;} #info-kolec span { font-size: 18px; font-weight: 400; color: #0089d2;} .flex{gap: 10px; display: flex;} #info-kolec h3{margin-top: 15px; margin-bottom: 15px; text-align: center;} #tab .nav{margin-bottom: 20px;gap: 20px;} #tab .tab-content{padding: 10px;} #tab .nav-link {border: 1px solid rgb(77, 77, 77); color: rgb(77, 77, 77); border-radius: 5px;} #tab img{border-radius: 10px;} #tab .nav-link:hover{background-color: #0089d2; color: white;} #tab .nav-link.active{background-color: #0089d2; color: white; border: none;} #tab .grid{align-items: center;} #tabs-desc .tab-pane h3{font-weight: 600 !important;color: #0089d2;} #tabs-uslug{text-align: center;gap: 0;} #tabs-uslug>li>a{border: none;padding: 20px;color: rgb(15, 15, 15) !important;} #tabs-uslug>li{font-size: 20px !important;border-right: 1px solid rgb(219, 219, 219);} #tabs-uslug>li:first-child { border-top-left-radius: 6px;} #tabs-uslug>li:last-child {border-top-right-radius: 6px;} #tabs-uslug>li{background-color: rgb(230, 230, 230);} #tabs-uslug .nav-item{border-bottom: 2px solid transparent;} #tabs-uslug>li:hover{border-bottom:2px solid #0089d2;} #tabs-uslug .active {border-bottom: 2px solid #0089d2;} #tabs-desc .tab-content{margin-top: 20px !important;} #diag{border-top: 1px solid #50943f;} #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: #0089d2;height: 1px;position: relative;left: 94px;top: 70px;max-width: 70%;} #diag tr:nth-child(1) { background: rgb(80, 148, 63); /* Цвет фона */ color: #fff;} #pages #header:after{background-color:white;} #pages #header{color:black !important;} #pages #header .nav a{color:black !important;} #pages #header .city a {color:#0089d2 !important;} #pages #header .phone{color:#0089d2;} #header .grid{ grid-template-columns: repeat(3, auto); align-items: center;} #header .nav{gap: 20px !important;} #pages #header .nav .sub-menu>li:hover a{color: #0089d2 !important; background-color: white;} #pages #header .nav a:hover{color: #0089d2 !important;} #pages #header .nav .menu-item-has-children:after{content: '';position: absolute;color: black;top: calc(50% - 2px);right: -13px;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent; } @media (max-width: 921px) { #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;} #mmenu .logo{margin-top: 50px !important;} #mmenu .nav .sub-menu {padding-top: 10px; margin-left: 20px;} #mmenu .nav .sub-menu>li {padding: 10px 0;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(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE0IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMTUwMDIgMC42MTI1ODVMNy4wMDAwMiA1LjQ2MjU4TDExLjg1IDAuNjEyNTg1QzExLjk2NTcgMC40OTY4NTcgMTIuMTAzMSAwLjQwNTA1OCAxMi4yNTQzIDAuMzQyNDI3QzEyLjQwNTUgMC4yNzk3OTUgMTIuNTY3NiAwLjI0NzU1OSAxMi43MzEzIDAuMjQ3NTU5QzEyLjg5NDkgMC4yNDc1NTkgMTMuMDU3IDAuMjc5Nzk1IDEzLjIwODIgMC4zNDI0MjdDMTMuMzU5NCAwLjQwNTA1OCAxMy40OTY4IDAuNDk2ODU3IDEzLjYxMjUgMC42MTI1ODVDMTMuNzI4MiAwLjcyODMxMiAxMy44MiAwLjg2NTcgMTMuODgyNyAxLjAxNjkxQzEzLjk0NTMgMS4xNjgxMSAxMy45Nzc1IDEuMzMwMTcgMTMuOTc3NSAxLjQ5MzgzQzEzLjk3NzUgMS42NTc1IDEzLjk0NTMgMS44MTk1NiAxMy44ODI3IDEuOTcwNzZDMTMuODIgMi4xMjE5NyAxMy43MjgyIDIuMjU5MzYgMTMuNjEyNSAyLjM3NTA4TDcuODc1MDEgOC4xMTI1OEM3LjM4NzUxIDguNjAwMDggNi42MDAwMiA4LjYwMDA4IDYuMTEyNTIgOC4xMTI1OEwwLjM3NTAxOCAyLjM3NTA4QzAuMjU5MTM4IDIuMjU5NDQgMC4xNjcyMDQgMi4xMjIwOCAwLjEwNDQ3NyAxLjk3MDg2QzAuMDQxNzUwOSAxLjgxOTY1IDAuMDA5NDYyMzYgMS42NTc1NCAwLjAwOTQ2MjM2IDEuNDkzODNDMC4wMDk0NjIzNiAxLjMzMDEyIDAuMDQxNzUwOSAxLjE2ODAyIDAuMTA0NDc3IDEuMDE2OEMwLjE2NzIwNCAwLjg2NTU4OCAwLjI1OTEzOCAwLjcyODIyNyAwLjM3NTAxOCAwLjYxMjU4NUMwLjg2MjUxNyAwLjEzNzU4NSAxLjY2MjUyIDAuMTI1MDg1IDIuMTUwMDIgMC42MTI1ODVaIiBmaWxsPSIjNDY0NjQ2Ii8+PC9zdmc+);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,.5,.5,1),opacity 0.3s cubic-bezier(0,.5,.5,1);transition: transform 0.4s cubic-bezier(0,.5,.5,1),opacity 0.3s cubic-bezier(0,.5,.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: .3} #mmenu .nav span.menu-closed.menu-open:before {opacity: 0} #mmenu #menu-glavnoe-menyu{text-align: left !important;} #mmenu .cont {padding-top: 20px;font-size: 18px;padding-bottom: 70px;display: grid;gap: 5px; text-align: left !important;} #mmenu .cont .phone {display: block;font-weight: 700;font-size: 20px;color: black !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: var(--hovercolor)!important;border: none;} /* Цена */ .ezfc-form .ezfc-price {font-weight: bold;} .ezfc-form .ezfc-price-value {color: var(--hovercolor);font-size: 60px;vertical-align: middle;} .ezfc-form .ezfc-price-currency {font-size: 40px;vertical-align: middle;} .ezfc-fixed{background-color:transparent !important;} /* Импут */ .ezfc-element-input, .ezfc-element-numbers, .ezfc-element-select, .ezfc-element-select, .ezfc-element-textarea{width: 100%;border-radius: 10px;border: 1px solid var(--hovercolor);padding: 10px!important;appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;margin: 0!important;} .ezfc-element-select{cursor: pointer;color: black;background: #f9f9f9 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%;} } .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: var(--hovercolor);} .fimg .ezfc-element-option-has-image .ezfc-addon-option{border: 2px solid #515151;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: var(--hovercolor);} .fcheck .ezfc-element-radio-input:checked+.ezfc-addon-label:before { content: "\f00c"; font-family: FontAwesome; font-size: .9em; position: relative; left: 0.1em; } /* Чекбокс */ .fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: var(--hovercolor);} .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: var(--hovercolor)!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: var(--hovercolor); 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%;} } #calc img{width:100%;} .fplus.fplus3 .ezfc-element-option-has-image { border: 2px solid #E2E2EB; padding: 0px; margin: 0.5%; transition: all 0.25s ease-in-out; border-radius: 10px; overflow: hidden; background-color: white;} #calc .item-cont>.ezfc-group-elements, #calc .item-cont>.ezfc-element-option-container, #ezfc_element-203>.ezfc-group-elements { display:grid !important;} #calc .item-cont>.ezfc-element-option-container{grid-template-columns: repeat(2, 1fr) ;} #calc .item-cont>.ezfc-group-elements .items{width:100%; text-align:center;} #calc .item-cont>.ezfc-element-option-container>div, #ezfc_element-203>.ezfc-group-elements .ezfc-col-2 {width:100% !important;} #calc .item-cont>.ezfc-group-elements .items img{max-height:210px; max-width:250px; object-fit:contain; min-height:210px;} #calc .ezfc-element-option-has-image img.ezfc-selected~.ezfc-addon-option { border-color: var(--hovercolor); } #calc .voda img{width:auto !important;} @media (min-width: 992px) {#calc .item-cont>.ezfc-group-elements, #calc .item-cont>.ezfc-element-option-container, #ezfc_element-203>.ezfc-group-elements { grid-template-columns: repeat(3, 1fr) !important; gap:10px;}} :root { --hovercolor: #357AFC; }