/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @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; } /* iPhone 5 */ @media (max-width: 365px){#svaiprice .price2{font-size: 18px!important;}#tags a{font-size: 11px!important;}} @media (min-width: 768px){.col-pl-2{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 921px) { .citylist ul {padding-left: 20px;} .citylist ul li {width: 50%;float: left;} .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} #top, #header .head, #headerin{display: none;} #mobile{padding: 10px;} #mobile img{width: 180px;} #header, #menu{display: none;} #mmenu{background-color: #fff;} #mmenu .modal-content{width: 100%;border: none;} #mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 22px;padding: 0px;padding-top: 0px;} #mmenu .menu li{padding-bottom: 12px;} #mmenu .menu a{color: black;} #mmenu .menu .sub-menu{margin-top: 15px;} #mmenu .cont>a{display: block;padding: 5px 0px;} #mmenu .cont span{display: block;padding-top: 30px;} #mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;} #mmenu .cont .mail{color: #20B2AA;} .block{padding-top: 40px;padding-bottom: 40px;} .block h2{font-size: 30px!important;} .button{display: block!important;text-align: center;font-size: 18px;width: 100%;} #ras, #slide .ac, #ras .but, #slide .bt1, #slide .bt2, #slide h2, #slide h1, #linkprice, #mon h2{text-align: center;} #slide{padding: 50px 0px;text-align: center;} #slide h1{font-size: 33px;padding-top: 0px!important;} #slide .bt1, #slide .bt2{display: block;margin-top: 10px;font-weight: 500;font-size: 18px;} #slide .ac{margin-top: 20px;} #slide .ac .t2{font-size: 19px!important;margin: 10px 0px;} #slide .ac .t3{font-size: 14px!important;} #slide .inf{font-size: 14px!important;padding: 20px 75px 20px 10px!important;} #slide .st{font-size: 24px;margin-bottom: 10px;} #slide .col-sm-6{overflow: hidden;} #ras .but{display: block;margin-top: 20px;} #text img{margin-bottom: 20px;} #svaiprice .col-6, #var .col-6, #var2 .col-6{margin-bottom: 20px;} #svaiprice .price2{font-size: 20px;} #linkprice .col-6{margin-top: 20px;} #kak .tab-content{padding: 20px!important;} #kak img{margin-top: 20px;} #var2{padding-bottom: 0px!important;} #form h2{font-size: 25px!important;} #pricetable table{ display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } #mon .item{display: block!important;} #mon svg{display: block;margin: 0px auto!important;} #mon .color{padding: 20px 20px!important;} #anti h2{font-size: 25px!important;padding-top: 10px!important;} #form .wpcf7{margin-bottom: 20px;} #mes .buttons .item{width: 100%!important;} #form3{padding-bottom: 0px;} #form3 .form{background-color: #222222;padding-top: 30px;padding-bottom: 30px;} #form3 .lic{padding-top: 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;} .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%;} } @media (min-width: 992px) { .full .list li{width: 33%;float: left;} #mobile{display: none!important;} .citylist ul li {width: 33%;float: left;} .block{padding: 50px 0px;} .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;} h1{font-size: 55px;} #menu .nav a{font-size: 10px;} #slide{padding: 40px 0px;} #slide h1{font-size: 40px;} #slide .bt{display: flex;font-weight: 500;} #slide .bt1{margin-right: 10px;} #slide .st{font-size: 28px;margin-bottom: 20px;} #svaiprice .col-6{margin-bottom: 20px;} #svaiprice .price2{font-size: 22px;} #form3:after{content: '';background-color: #222222;width: 53%;height: 100%;right: 0;top: 0;position: absolute;z-index: 1;} #form3 .lic{padding-top: 20px;} #form3 label{font-size: 10px;} #footer{padding-top: 65px;padding-bottom: 65px;} #footer .info{padding-top: 50px;} .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;} } @media (min-width: 1200px) { .container{max-width: 1200px;} #menu .nav a{font-size: 12px;} } 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;} svg {overflow: visible;} .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);} .ppage h1{padding-bottom: 30px;} .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;} .h-100{height: 100%;} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .ac{align-items: center;} .phone{display: block;white-space: nowrap;} .btn-back-top {opacity: 0;background: #20B2AA;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;}} .gallary{margin-right: -5px;margin-left: -5px;} .gallary .thumb{padding: 5px!important;} .citylist h3 {clear: both;} .citylist a{color: black;} .citylist ul{display: inline-block;width: 100%;} .block h2{font-size: 35px;padding-bottom: 30px!important;padding-top: 0px!important;text-transform: uppercase;} .block h2 span{color: #20B2AA;} .button{display: inline-block;background-color: #20B2AA;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: #155385;} /* HOVER */ #header .cont .phone, #menu .nav a, #ras .but, #tags a, #faq2 a, #form3 .phone, #footer a{text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .cont .phone:hover, #faq2 a:hover, #form3 .phone:hover, #footer a:hover{color: #20B2AA!important;} .mr{margin-bottom: 20px;} /* Заголовок сайта */ #header {font-size: 15px;padding: 20px 0px;} #header .city svg, #header .calc svg{margin-right: 10px;} #header .city a{color: #20B2AA;font-weight: 500;text-decoration: underline;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #header .calc a{color: #20B2AA;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: #155385;} #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;white-space: nowrap;} #header .za:hover{background-color: #20B2AA;color: white;border-color: #20B2AA;} #header .cont {text-align: right;} #header .cont .phones{display: flex;justify-content: flex-end;} #header .cont .phone{color:black;font-weight: bold;font-size: 22px;margin-right: 10px;} #header .cont .time{font-size: 13px;color: #00000060;} /*Навигация */ #menu{background-color: #20B2AA;} #menu .nav{justify-content: space-between;flex-wrap: nowrap;} #menu .nav li{flex-grow: 1;text-align: center;position: relative;} #menu .nav a{color: white;text-decoration:none;padding: 15px 0px;display: block;text-transform: uppercase;font-weight: bold;} #menu .nav .current-menu-item a, #menu .nav a:hover{background-color: #155385;} #menu .nav .menu-item-has-children>a:after {content: url(/images/arrow.svg);margin-left: 10px;} #menu .nav .menu-item-has-children:hover .sub-menu{display: block;} #menu .nav .sub-menu{ display: none; position: absolute; background: white; box-shadow: 0 10px 29px 0 rgba(0,0,0,.05); padding: 10px 0px; list-style: none; z-index: 10; } #menu .nav .sub-menu li{padding: 5px 20px;text-align: left;} #menu .nav .sub-menu a{color: black;padding: 0px;white-space: nowrap;} #menu .nav .sub-menu a:hover, #menu .nav .sub-menu .current-menu-item a{background-color: white!important;color: #20B2AA;} /* Лендос 2*/ #slide .land2 .img{float: right;position: absolute;right: -20px;max-width: 300px;height: auto;} #slide{position:relative;} #slide .in{position: relative;z-index: 3;} #slide:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #00000090;z-index: 2;} @media (max-width: 921px) { #slide .land2 .img{max-width: 150px;bottom: 40px;right: -5px;} #slide .land2 .inf {padding: 20px 140px 20px 10px!important;} #tagsimage .item .info{padding: 10px!important;} #tagsimage .item .info .title{font-size: 16px!important;height: 50px;line-height: 18px;} #tags a{line-height: 16px;} } #tags {padding-bottom: 40px;} #tags a {background-color: #20B2AA;color: white;padding:15px;border-radius: 10px;display: flex;align-items: center;justify-content: center;text-decoration: none;text-align: center;text-transform: uppercase;font-size: 14px;height: 50px;} #tags a:hover{background-color: black;} #tagsimage .items{justify-content: center;} #tagsimage a{color: black;text-decoration: none;} #tagsimage a:hover{color: #20B2AA;} #tagsimage .item{border: 1px solid #F0F0F0;border-radius: 2px;margin-bottom: 20px;background-color: white;border-radius: 3px;} #tagsimage .item img{border-top-right-radius: 3px;border-top-left-radius: 3px;} #tagsimage .item .info{padding: 20px 20px 0 20px;text-align: center;background-color: whitesmoke;} #tagsimage .item .info .title{font-size: 20px;} #tagsimage .item .info .desc{margin-bottom: 20px;margin-top: 15px;} #tagsimage .text{padding:10px 20px 20px 20px;background-color: whitesmoke} #tagsimage .sale{font-size:22px; color:#20B2AA !important; font-weight:600;} #tagsimage .desc{margin-bottom:20px; margin-top:10px;} #tagsimage .text a{color:#20B2AA !important;} #tagsimage img{max-height:230px !important; object-fit:cover;} #etap .items{justify-content: center;} #etap a{color: black;text-decoration: none;} #etap a:hover{color: #20B2AA;} #etap .item{border: 1px solid #F0F0F0;border-radius: 2px;margin-bottom: 20px;background-color: white;border-radius: 3px;} #etap .item img{border-top-right-radius: 3px;border-top-left-radius: 3px;} #etap .item .info{padding: 20px;text-align: center;background-color: whitesmoke;} #etap .item .info h3{font-size: 25px;} #mes{font-size: 20px;background-color: whitesmoke;} #mes .buttons .item {display: flex;align-items: center;justify-content: center; border-width: 2px;text-align: center;color: rgb(255, 255, 255);border-color: rgb(105, 140, 200);font-size: 20px;border-style: solid;box-shadow: rgba(1, 1, 1, 0.29) 0px 4px 10px 0px;background: rgb(105, 140, 200);border-radius: 30px;width: 100%;height: 59px;text-decoration: none;margin: 10px 0px;} #mes .buttons .tg{background: #6194ed;border-color: #6194ed;} #mes .buttons .wa{background: #83d05b;border-color: #83d05b;} #mes .buttons .vb{background: #614d9b;border-color: #614d9b;} #mes .buttons .item img{margin-right: 10px;width: 30px;} /*Баннер на главной*/ #slide{color: white;} #slide h1{text-transform: uppercase;padding-top: 0px!important;} #slide .st{font-weight: 500!important;margin-top: 5px;} #slide .bt1{background-color: #FFD800;padding: 20px 30px;border-radius: 2px;color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #slide .bt2{padding: 20px 30px;border-radius: 2px;color:white;border: 1px solid white;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #slide .bt1:hover, #slide .bt2:hover{background-color: white;color: black;} #slide .ac {background-color: #20B2AA;padding: 20px;border-radius: 10px;} #slide .ac .t1{font-size: 30px;margin-bottom: 5px;} #slide .ac .t2{font-size: 20px;font-weight: bold;} #slide .ac .t3{font-size: 17px;} #slide .inf{margin-top: 20px;text-align: left;font-size: 18px;background-color: #00000090;padding: 10px 20px 20px 30px;border-radius: 10px;} #slide .sva{float: right;position: absolute;right: -20px;} #ras{background-color: #20B2AA;color:white;padding: 25px 0px;} #ras .title{font-size: 22px;text-transform: uppercase;font-weight: bold;padding-bottom: 10px;} #ras p{opacity: 0.6;margin-bottom: 0px;} #ras .but{border-radius: 50px;padding: 20px 40px;background-color: white;box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);font-size: 16px;text-transform: uppercase;color: #242424;font-weight: bold;white-space: nowrap;} #ras .but:hover{background-color: black;color: white;} #svaiprice{background-color: #EFF3F8;text-align: center;} #svaiprice img{border-radius: 15px;box-shadow: 0 1px 1px rgba(0,0,0,.22);} #svaiprice img:hover{border: 2px solid #155385;} #svaiprice .title{font-size: 17px;font-weight: bold;text-transform: uppercase;padding-top: 10px;color: #565656;} #svaiprice .line:before, #svaiprice .line:after { content: ''; display: inline-block; width: calc(50% - 50px); height: 1px; background-color: #ccc; vertical-align: middle; } #svaiprice .line span { display: inline-block; width: 50px; height: 3px; background-color: #20B2AA; margin-right: 25px; margin-left: 25px; vertical-align: middle; } #map .grid{font-size: 14px;} #map .bts{display: grid;gap: 10px;} #map{background: url(/images/map.webp) center top no-repeat;background-size: contain;text-align: center;font-weight: 500;padding-bottom: 0px;} #map .big{font-size: 20px;margin-bottom: 20px;} #map .grid{row-gap: 1px;margin-bottom: 20px; text-align:justify} #svaiprice .line2 svg {display: inline-block;margin-right: 20px;margin-left: 20px;vertical-align: middle;} #svaiprice .line2:before, #svaiprice .line2:after {content: '';display: inline-block;width: calc(50% - 30px);height: 1px;background-color: #20B2AA;vertical-align: middle;} #svaiprice .price{font-size: 18px;font-weight: bold;color: #565656;} #svaiprice .pod{font-size: 12px;text-transform: uppercase;} #svaiprice .s{font-size: 12px;font-weight: 500;color: #155385;padding-top: 5px;} #svaiprice .price2{font-weight: bold;white-space: nowrap;} #svaiprice .img{position: relative;} #svaiprice .more{background-color: #dd3333;color: #fff;padding: 10px 15px;font-size: 12px;display: inline-block;position: absolute; bottom: 10px;left: 0;} #accordion{display: inline-block;width: 100%;} #accordion .card{border: none;border-radius: 0px;padding: 15px 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 a:after {content:"–";float: right;color: inherit;font-size: 30px;line-height: 30px;color: black;} #accordion .card .collapsed:after {content:"+";font-size: 40px;line-height: 30px;} #sale {font-size: 18px;background-color: #EFF3F9;} #sale h2{color: #20B2AA;padding-bottom: 5px!important;} #sale .st{font-size: 25px;padding-bottom: 10px;} #sale .wpcf7-text{background-color: transparent;border: none;border-bottom: 1px solid #151515;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;} #sale .wpcf7-textarea{background-color: transparent;border: none;border-bottom: 1px solid #151515;margin: 20px 0px;width: 100%;padding-bottom: 10px;border-radius: 0px;} #sale .poly, #sale .poly a{font-size: 14px;color: gray;} #sale .zabutton{padding: 10px;display: block;margin: 10px auto;width: 100%;} .map { height: 360px; border: 1px solid #FFFFFF; border-radius: 6px; overflow: hidden } @media screen and (max-width: 767px){ .map { height: 180px; margin-top: 35px; position: relative; overflow: visible } .map:after { content: ""; position: absolute; top: -35px; left: 0; width: 85px; height: 10px; border-radius: 5px; background: #EAE3D9 } } .map-canvas { top: 0; right: 0; bottom: 0; } .map-canvas img { object-fit: cover; width: 100%; height: 100%; } @media (min-width: 992px) { .map-canvas { position: absolute; width: 50%; } } #form3{position: relative;background-color: #EEEEEE;line-height: 28px;} #form3 .time{font-size: 18px;} #form3 .form{color: white;z-index: 2;} #form3 .form a{color: #ababab;} #form3 .big{font-size: 20px;} #form3 h3{font-size: 22px;margin-top: 40px;padding-bottom: 15px;} #form3 .phone{color: black;font-weight: bold;font-size: 20px;} #form3 .title{font-size: 18px;letter-spacing: 0.12em;text-transform: uppercase;text-align: center;padding: 20px 0px;font-weight: bold;} #form3 label{letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 0px;color: #ababab;} #form3 .lic{font-size: 12px;color: #ababab;line-height: 16px;} span.wpcf7-list-item{margin: 0px;} #form3 .wpcf7-text, #form3 .wpcf7-date, #form3 .wpcf7-select, #form3 .wpcf7-mask, #form3 .wpcf7-textarea{background-color: transparent;border: none;color: white;border-bottom: 1px solid #FFFFFF40;width: 100%;margin-bottom: 20px;} #form3 .wpcf7-select option{color: black;} #form3 .time .item { position: relative; padding: 0 0 22px 26px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 24px; } #form3 .time .item .line { position: absolute; top: 2px; left: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } #form3 .time .item .line:before { content: ""; display: block; min-width: 12px; min-height: 12px; background: -webkit-gradient(linear,right top,left top,from(#20B2AA),to(#20B2AA)); background: linear-gradient(270deg,#20B2AA 0,#20B2AA 100%); border-radius: 100%; margin: 3px 0; } #form3 .time .item:not(:last-child) .line:after {content: "";width: 2px;height: 100%;display: block;background-color: #cecece;} #form3 .time .item:not(:last-child) .text:before { content: ""; position: absolute; top: 8px; left: 3px; display: block; width: 6px; height: 6px; background: #fff; border-radius: 100%; } #form3 .time .item:last-child .line:before { min-height: 16px; min-width: 16px; position: relative; left: -2px; } #form3 .button{padding: 10px;display: block;margin: 10px auto;width: 100%;} .bg{background-color: #EFF3F9;} .bg img{mix-blend-mode: darken;} #et .item {display: flex;align-items: center;line-height: 24px;margin-bottom: 30px;} #et .item svg{margin-right: 15px;} /* #calc{background-color: #EFF3F9;} #calc .ezfc-label{font-weight: bold;padding-bottom: 3px;} #calc .ezfc-element-input{border-radius: 10px;border: 1px solid #E2E2EB;padding: 10px 10px 10px 50px;} #calc .ezfc-element-wrapper-input>.fa{margin-top: 12px;} #calc .ezfc-element-select{width: 100%;padding: 10px;border-radius: 10px;border: 1px solid #E2E2EB;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-color: white;color: black;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%;} #calc .ezfc-element-textarea{width: 100%;padding: 10px;border-radius: 10px;border: 1px solid #E2E2EB;} #calc .ezfc-price{font-weight: 500;} #calc .ezfc-price-value {color: #20B2AA;font-size: 60px;vertical-align: middle;} #calc .ezfc-price-currency {font-size: 40px;vertical-align: middle;} #calc .ui-slider{border: none;background-color: #ddd;height: 6px;border-radius: 5px;} #calc .ui-slider-handle{background-color: #20B2AA;border-radius: 50%;border: none;top: -0.4em;} #calc .ui-state-focus{outline: none;} #calc .button{padding: 15px 40px;} #calc .calcmes{display: block;background-color: #20B2AA;padding: 15px;color: white;text-align: center;} @media (max-width: 921px) { #calc .ezfc-price-value {font-size: 40px;} #calc .ezfc-price-currency {font-size: 25px;} #calc .button{padding: 15px;width: 100%;} #calc .ezfc-required-notification{font-size: 14px;} } */ #price h2{text-align: center;} #price .row{margin-left: -5px;margin-right: -5px;} #price .col-6{padding-left: 5px;padding-right: 5px;} #price .items{margin-bottom: 20px;} #price .item{border-radius: 10px;background-color: #f9f9f9;padding: 10px;text-align: center;margin-bottom: 10px;box-shadow: 0 1px 1px rgba(0,0,0,.22);} #price .item img{max-height: 200px;} #price .title{font-size: 18px;font-weight: bold;text-transform: uppercase;padding-top: 10px;} #price .ss{font-size: 12px;font-weight: 500;padding-top: 5px;} #price .price{font-size: 18px;font-weight: bold;color: #565656;} #price .line{border-bottom: 1px solid #dda6a6;margin: 5% 10%;} #price .s{font-size: 12px;font-weight: 500;color: #155385;padding-top: 5px;} #price .price2{font-size: 22px;font-weight: bold;} #price .button{padding: 10px;margin-top: 10px;display: block;border-radius: 10px;} #vh{text-align: center;text-transform: uppercase;font-size: 18px;} #linkprice{background-color: #EFF3F8;} #linkprice p{font-size: 24px;margin-bottom: 30px;} #linkprice .info{text-align: center;font-size: 14px;font-weight: bold;} #linkprice .info img{margin-bottom: 10px;max-height: 200px;} #kak .nav{width: 100%;} #kak .nav a{background-color: #EFF3F8;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;} #kak .nav .active{background-color: #20B2AA;color: white;} #kak .tab-content{margin-top: 20px;padding: 40px;border: 8px solid #EAF0F9;} #kak .tab-content h3{padding-bottom: 20px;} #mon .color{background-color: #20B2AA;color:white;padding: 20px 40px;} #mon h3{padding-bottom: 20px!important;} #mon svg{margin-right: 20px;} #mon ul{padding-left: 20px;} #var{background-color: #EFF3F8;text-align: center;} #var img{margin: 10px 0px;border-radius: 15px;box-shadow: 0 1px 1px rgba(0,0,0,.22);} #var .title{font-size: 18px;font-weight: bold;text-transform: uppercase;padding-top: 10px;color: #565656;} #var .s{font-size: 12px;font-weight: 500;color: #155385;padding-top: 5px;} #var .price2{font-size: 22px;font-weight: bold;} #var2{text-align: center;} #var2 .title{font-weight: bold;text-transform: uppercase;padding-bottom: 10px;color: #565656;} #anti{background-color: #EFF3F8;} #anti img{margin: 0px auto;display: block;} #anti h3{color: #20B2AA;} #dog{text-align: center;} #dog .title{font-size: 20px;font-weight: bold;padding-bottom: 10px;} #dog svg{margin: 15px 0px;} table th{background-color: #20B2AA;color: #fff;} .tabs .nav-item a{ padding: 14px 20px 15px; line-height: 1.4; border: 1px solid #ececec; background-color: #fdfdfd; color: #343434; margin-right: -1px; } .tabs .nav-item .active{ border-top: 3px solid #20B2AA; border-bottom: 0px; font-weight: bold; padding: 13px 20px 15px; margin-top: -2px; } .tab-content{background-color: #fdfdfd;padding-top: 10px;} #seo .color{background-color: #20B2AA;color:white;padding: 40px;} #seo h3{padding-bottom: 20px!important;} #form{background-color: #EFF3F9;} #form h2{padding-top: 0px!important;padding-bottom: 10px!important;} #form .wpcf7-text, #form .wpcf7-select{background-color: transparent;border: none;border-bottom: 1px solid #151515;width: 100%;margin: 20px 0px;padding-bottom: 10px;border-radius: 0px;color: black;} #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 .inf{padding-top: 10px;align-items: center;} #form .poly{color: #8F919D;font-size: 13px;margin-bottom: 20px;} #form .wpcf7-file{width: 100%;color: black;} #form .codedropz-upload-inner h3, #form .codedropz-upload-inner span{display: none;} #form .codedropz-upload-inner a{color: gray;} #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;} /* Любая кнопка со стрелкой */ .zabutton{display: inline-block;background-color: #20B2AA;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;margin-top: 20px;} .za .modal-body .wpcf7-file{margin-bottom: 10px;} #footer{color: #8B8B8B;} #footer a{color: black;} #footer .phone{display: block;font-size: 18px;font-weight: 500;} #footer .time, #footer .inn{font-size: 14px;} #footer .mail{margin-bottom: 10px;} #footer .mail a{color: #20B2AA;} #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;} #contact{padding-top: 20px;} #contact .item{font-size: 14px;color: #999999;} #contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;} .owl-controls{display: flex;margin-top: 30px;} .owl-controls svg path{opacity: 0.5;} .owl-controls svg:hover path{opacity: 1;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 30px;} .owl-dot span {width: 10px;height: 10px;margin: 0px 5px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;border-radius: 30px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {background: #20B2AA;} .full{background-color: #fff;} .full a{color: black;} .full .modal-dialog{max-width: 100%;} .full .modal-content{width: 100%;border: none;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0px;display: inline-block;width: 100%;padding-top: 15px;font-size: 18px;} .full .list li{padding-bottom: 5px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} .full .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;padding: 0px;padding-top: 0px;} .full .menu li{padding-bottom: 15px;} .full .cont>a{display: block;padding: 5px 0px;} .full .cont .phone{font-size: 22px;font-weight: bold;color: black;} .full .cont .mail{color: #E61870;} #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(/img/loc.svg);width: 13px;height: 13px;}