﻿/*   
Theme Name: SiteRussia
Theme URI: siterussia.ru
Description: Дизайн сайта разработанный компанией Site Russia
Author: Wolf
Author URI: siterussia.ru
Version: 1.0
*/

@font-face {
    font-family: 'Museo Sans Cyrl';
	src: url('fonts/MuseoSansCyrl-300.eot');
	src: url('fonts/MuseoSansCyrl-300-1.eot') format('embedded-opentype'),
	url('fonts/MuseoSansCyrl-300.woff') format('woff'),
	url('fonts/MuseoSansCyrl-300.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
	src: url('fonts/MuseoSansCyrl-500.eot');
	src: url('fonts/MuseoSansCyrl-500-1.eot') format('embedded-opentype'),
	url('fonts/MuseoSansCyrl-500.woff') format('woff'),
	url('fonts/MuseoSansCyrl-500.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans Cyrl';
    src: url('fonts/MuseoSansCyrl-700.eot');
	src: url('fonts/MuseoSansCyrl-700-1.eot') format('embedded-opentype'),
	url('fonts/MuseoSansCyrl-700.woff') format('woff'),
	url('fonts/MuseoSansCyrl-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* iPhone 5 */
@media (max-width: 321px){.modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;}#tabs h2{font-size: 25px;}}
/* iPad */
@media (min-width: 768px){.col-pl-2{grid-template-columns: repeat(2, 1fr);}}
/* Все что меньше 921 + iPad вертикальный */
@media (max-width: 921px) {
	.block{padding: 40px 0px;}
	#header .head{display: none!important;}
	#header{padding: 15px 0px;}
	#header .logo{max-width: 200px;}
	.page h1{padding: 30px 0px!important;}
	.grid{gap: 20px;}
	.col-m-2{grid-template-columns: repeat(2, 1fr);}
		.citylist ul li {width: 50%;float: left;}

	
	.buttonbig{display: block!important;}
	
	.modal{background-color: white!important;}
	.modal .modal-body{padding-top: 50px!important;}
	
	#mmenu{-webkit-overflow-scrolling: touch;background-color: white;}  
	#mmenu .modal-dialog{height: 100%;margin: 0;}
	#mmenu .modal-content{height: 100%;width: 100vw;border: none;border-radius: 0;text-align: center;}
	#mmenu .menu{display: inline-block;width: 100%;list-style: none;font-size: 25px;text-align: center;padding: 0px;padding-top: 10px;}
	#mmenu .menu li{padding-bottom: 15px;}
	#mmenu .menu a{color: black;}

	#mmenu .cont{padding-bottom: 50px;}
	#mmenu .cont a{color: #FF6A00;}
	#mmenu .cont span{display: block;}
	#mmenu .cont .phone{font-size: 22px;font-weight: bold;color: black;}
	
	#mmenu .nav{display: inline-block;width: 100%;padding-top: 50px;list-style: none;margin-bottom: 20px;}
	#mmenu .nav>ul{padding: 0px;}
	#mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;}
	#mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;color: black;}
	
	#mmenu .nav .sub-menu{padding-top: 10px;padding-left: 0px;}
	#mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;}
	#mmenu .nav .sub-menu>li>a{color: black;}
	
	#mmenu .button{width: 100%;}
	
	#mmenu .nav ul.hide {display: none!important;}
	#mmenu .nav .menu-item-has-children {position: relative;}
	#mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('/images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);}
	#mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;}
	#mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;}
	#mmenu .nav span.menu-closed.menu-open:before{opacity: 0;}
	
	#slider h1{font-size: 40px!important;text-align: center; width:100%;}
	#slider h1 span{padding-bottom: 10px;}
	#slider .bts{text-align: center;}
	#slider .bts .button{margin-bottom: 10px;}

	
	#about img{margin-bottom: 20px;}

	#prem .item{padding: 30px 100px 30px 30px;height: 300px;}
	#prem .item img{position: absolute;bottom: -30px;right: -10px;max-width: 200px;height: auto;}
	#mes .wpcf7{margin-top: 20px;}
	#tags .flex{display: grid!important;grid-template-columns: 1fr 1fr;font-size: 14px;}
	#tabs .tab-content{padding: 30px!important;}
	#accordion .card a{font-size: 18px!important;}
	#banner1{background-position: left!important;}
	#banner1 .button{width: 100%;}
	#prices .pr .cena{font-size: 35px!important;}
	
	
	
	

	#form{padding-bottom: 0px;}
	#form .form{background-color: #222222;padding-top: 30px;padding-bottom: 30px;}
	#form .lic{padding-top: 20px;}
	
	#usl .item h3{max-width: 55%;}

	#map{font-size: 14px;}
	#map ul li {width: 50%;float: left;}
	


	#footer{padding-top: 40px;padding-bottom: 40px;text-align: center;}

}


@media (min-width: 992px) {
	h1{font-size: 50px;}
	.modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;}
	h2{font-size: 40px;}
	.page h1{padding-bottom: 20px;}
	.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-1-2{grid-template-columns: 1fr 2fr;}
	.citylist ul li {width: 33%;float: left;}
	#header{padding: 15px 0px;}
	#header .mobile{display: none!important;}


	#map ul li {width: 25%;float: left;}


	#header .nav{gap: 10px;}
	
	#prem .item{padding: 30px 200px 30px 50px;height: 250px;}
	#prem .item img{position: absolute;top: -30px;right: -10px;max-width: 330px;height: auto;}



	#about .info{padding-bottom: 60px;}
	
	#news .small .item{padding: 30px 0px;border-top: 1px solid #E2E2E2;}

	#form:after{content: '';background-color: #222222;width: 53%;height: 100%;right: 0;top: 0;position: absolute;z-index: 1;}
	#usl1 .item .info h3, #nomera .item .info h3{font-size: 16px;}
	#form .lic{padding-top: 20px;}
	#form label{font-size: 10px;}
	
	#footer{padding-top: 65px;padding-bottom: 65px;}
	#footer .info{padding-top: 50px;}
	
	#modal_send .mh{font-size: 25px;text-align: center;}		
	#usl1 .item .info h3, #nomera .item .info h3{font-size: 20px;}
	#form label{font-size: 12px;}
	
	#za .wpcf7-form .mes {grid-column: span 2;}
	
	#usl .item:nth-child(1), #usl .item:nth-child(5){grid-column: span 2;grid-row: span 2;}
	#usl .item:nth-child(2), #usl .item:nth-child(6){grid-column: span 2;}
	#usl .item:nth-child(1) h3, #usl .item:nth-child(5) h3{max-width: 70%;font-size: 30px;}
	#usl .item:nth-child(2) h3, #usl .item:nth-child(6) h3{max-width: 55%;}
	#usl .item:nth-child(1) .button, #usl .item:nth-child(5) .button{position: absolute;left: 40px;bottom: 40px;}
	#text1{font-size: 18px;}
	#about .items .col-6{display: flex;align-items: center;}
	
	#usl .item:nth-child(1) img, #usl .item:nth-child(5) img{left: 40%!important;}
	
	

}

@media (min-width: 1200px) {
	.container{max-width: 1200px;}
	#usl1 .item .info h3{font-size: 24px;}
	#nomera .item .info h3 {font-size: 22px;}
	#form .lic{padding-top: 0px;}
	
	#header .nav{gap: 20px;}
	
	#usl .item:nth-child(2) h3, #usl .item:nth-child(6) h3{max-width: 50%;font-size: 24px;}
	
	
}


html, body{
	font-family: 'Museo Sans Cyrl', Arial, Helvetica, sans-serif!important;
	font-size: 16px!important;
	margin: 0px;
	padding: 0px;
	color: #333333;
}
h1{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;font-weight: bold;}
h2{margin-bottom: 0px!important;margin-top: 0px!important;padding-top: 20px!important;padding-bottom: 30px!important;font-weight: bold;}
.aligncenter{display: block;margin: 5px auto 5px auto;}
.alignright{float: right;margin-left: 10px;margin-bottom: 10px;}
.grid{display: grid;}

.breadcrumbs{font-size: 14px;margin-top: 20px;}
.breadcrumbs a{color: gray;}

.gallary{gap: 10px;}

.page{min-height: 500px;padding-bottom: 20px;}
.wp-block-table table {width: 100%;}

.block h2 a{color: #FF6A00;}
.block h2 .more{font-size: 16px;}

button:active, button:focus {outline: none;}
button::-moz-focus-inner {border: 0;}

svg{overflow: visible;}

.button{display: inline-block;cursor: pointer;background: #FF6A00;color: white;border: none;border-radius: 2px;padding: 15px 20px;text-align: center;box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.12);}
.button:hover{background-color: black;color: white!important;text-decoration: none;border-color: black;}

.buttonbig{text-align: center;display: inline-block;background: #FF6A00;color: white;border: none;border-radius: 2px;font-weight: 500;padding: 18px 35px;box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.12);border-bottom: 4px solid #285a8d;}
.buttonbig:hover{background-color: black;color: white;text-decoration: none;border-color: #333333;}

.phone{display: block;white-space: nowrap;}

/* Кнопка вверх */
.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);}

/* Кнопка вотсап */
.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;}}

.citylist{margin-top: 20px;}
.citylist a{color: black;}
.citylist ul{display: flow-root;}

/* Анимация */
.button, .buttonbig, #header a, #usl .item, #usl .item h3 a, #form a, #contact a, #footer a, #tags a, #accordion .card a, #about .info .item a, #map a{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;}

/* Hover */
#header a:hover, #form a:hover, #contact a:hover, #footer a:hover, #accordion .card a:hover, #about .info .item a:hover, #map a:hover{color: #FF6A00; fill: #FF6A00;}


#header{box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);}
#header .head{display: flex;align-items: center;justify-content: space-between;}
#header .city{font-size: 14px;font-weight: bold;line-height: 18px;display: flex;gap: 10px;}
#header .city a{display: block;color: #FF6A00;border-bottom: 1px solid;}
#header .nav{text-transform: uppercase;font-weight: bold;}
#header .nav a{color: black;}
#header .nav a:hover{color: #FF6A00;}
#header .nav .current-menu-item a, #header .nav .current-menu-parent > a{color: #FF6A00;border-bottom: 1px solid;}
#header .menu-item-has-children:after{content: url(/images/arrow.svg);margin-left: 2px;position: relative;top: -2px;}
#header .menu-item-has-children:hover .sub-menu{display: block;}
#header .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;}
#header .sub-menu li{padding: 5px 20px;}
#header .phones{text-align: right;}
#header .phone{color: black;font-weight: 500;font-size: 18px;}
#header .but{color: #FF6A00;font-weight: bold;}
#header .but:hover{color: black;}

html { overflow-x: hidden; }

#slider{color: white;padding: 50px 0px;position: relative;}
#slider .in{position: relative;z-index: 3;}
#slider:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: #00000096;z-index: 2;}
#slider h1{padding: 0px!important;font-size: 55px; width:100%;}
#slider h1 span{display: inline-block;border-bottom: 2px solid #FFFFFF20;}
#slider .st{color: #D4D7D9;font-size: 20px;line-height: 26px;padding: 20px 0px;}
#slider .prem{font-size: 14px;color: #B3B6B9;margin-top: 40px;}
#slider .prem .title{font-size: 16px;color: white;font-weight: bold;}
#slider .prem .item{margin-bottom: 15px;}
#slider .button2{padding: 15px 35px;display: inline-block;text-align: center;border: 1px solid #FFFFFF;color: white;border-radius: 3px;font-weight: 500;}

#usl .text{font-size: 17px;padding-bottom: 15px;}
#usl .item{box-shadow: 0px 20px 45px rgb(0 0 0 / 16%);border-radius: 5px;overflow: hidden;position: relative;padding: 40px;}
#usl .item:hover{background-color: #f6fbff;}
#usl .item img{border-radius: 50%;position: absolute;z-index: 1;width: 100%;left: 50%;bottom: 0;}
#usl .item:nth-child(1) img, #usl .item:nth-child(5) img{left: 45%;bottom: 0;}
#usl .item:nth-child(2) img, #usl .item:nth-child(6) img{left: 45%;bottom: 0;}
#usl .item h3{z-index: 2;position: relative;font-size: 20px;height: 75px;overflow: hidden;font-weight: bold;}
#usl .item h3 a{color: black;}
#usl .item .button{z-index: 2;position: relative;}

#about .text{font-size: 18px;}
#about .info{background-color: #f1f4f7;border-radius: 4px;padding: 50px 30px;}
#about .info .item{border-bottom: 1px solid #D8DDDE;padding-bottom: 20px;margin-bottom: 20px;list-style: none;position: relative;}
#about .info .item:last-child{border:none;padding-bottom: 0px;margin-bottom: 0px;}
#about .info .item a h3{color: black;font-size: 20px;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#about .info .item a:hover h3{color: #FF6A00;}
#about .info .item a path{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;}
#about .info .item a:hover path{fill: #FF6A00;}
#about .info .item .day{color: #777777;font-size: 14px;}
#about .info .item .price{color: #FF6A00;font-size: 15px;}
#about .info .item svg{position:absolute;right: 0px;top: calc(50% - 10px);}

#gallary{background-color: #f1f4f7;}

#tags .flex{display: flex;flex-wrap: wrap;gap: 8px;}
#tags a{background: #F6F6F6;border: 1px solid #F6F6F6;border-radius: 8px;padding: 10px 15px;text-decoration: none;color: #484848;text-align: center;}
#tags a:hover{background: #FF6A00;color: white;}

#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;}

#prem{overflow: hidden;background-color: #FF6A00;}
#prem h2{color: white;}
#prem .item{position: relative;background-color: white;border-radius: 10px;overflow: hidden;}
#prem .item h3, #prem .item p{z-index: 5;position: relative;}
#prem .owl-carousel .owl-stage-outer{overflow: visible;}
#prem .owl-dot.active span, #prem .owl-dots .owl-dot:hover span{background: white;}
#prem .owl-controls button path{fill: white;}


#mes{background-color: #f1f4f7;}
#mes{font-size: 20px;}
#mes .buttons{margin-top: 20px;}
#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: 237px;height: 59px;text-decoration: none;margin: 10px 0px;width: 100%;}
#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;}
#mes .phone{color: black;font-size: 25px;font-weight: bold;margin: 10px 0px;}
#mes .time{color: gray;font-size: 16px;}
#mes .wpcf7-text, #mes .wpcf7-mask{padding: 10px;font-size: 18px;}

#banner1{background: url(/images/banner1.jpg) no-repeat 100% / cover;}

#kakmi .item a{color: black;}
#kakmi .item .line{background-color: #8B92A320;height: 1px;position: relative;left: 44px;top: 53px;max-width: 96.2%;}
#kakmi .item .num{margin-top: 30px;}
#kakmi .item .num text{color: white;}
#kakmi .item h3{font-size: 20px;padding-top: 20px!important;}
#kakmi .item .more{color: #8D8D8D;font-weight: 500;}
#kakmi .item .more svg{margin-left: 10px;}

#tabs .nav{background-color: #F6F7F8;border-radius: 5px;padding: 15px;justify-content: space-between;gap: 5px;}
#tabs .nav a{text-align: center;padding: 20px;border-radius: 6px;color: black;flex-grow: 1;display: flex;justify-content: space-between;align-items: center;-webkit-transition: background 0.25s ease-out;transition: background 0.25s ease-out;}
#tabs .nav .active{background-color: #FF6A00;color: white;box-shadow: 0px 10px 10px rgba(124, 127, 136, 0.08);}
#tabs .nav a:after{content: '';background-image: url(/images/next.svg);width: 18px;height: 18px;margin-left: 15px;transform: rotate(90deg);opacity: 0.7;}
#tabs .nav .active:after{background-image: url(/images/next_white.svg);}
#tabs .tab-content h3{margin-bottom: 20px;}
#tabs .tab-content{padding: 40px;border: 8px solid #f6f7f8;margin-top: -10px;}
@media (max-width: 921px){#tabs .nav a{width: 100%;display: grid;grid-auto-flow: column;text-align: left;}}

#prices{background-color: #f1f4f7;}
#prices .nav{width: 100%;}
#prices .nav a{background-color: white;color: #888888;padding: 5px 10px;margin-right: 10px;margin-bottom: 10px;border-radius: 2px;}
#prices .nav .active{background-color: #FF6A00;color: white;}
#prices .pr{background-color: white;padding: 40px;}
#prices .pr .cena{font-size: 39px;font-weight: bold;line-height: 50px;padding-bottom: 20px;}
#prices .pr .text{font-size: 14px;color: #8E959F;margin-bottom: 20px;}

table{width: 100%;margin-bottom: 1rem;color: #212529;}
table tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);}
table td, table th {padding: 0.75rem;vertical-align: top;border-top: 1px solid #dee2e6;}


#rews .name{font-weight: bold;}

#map{padding-top: 0px;background: url(/images/map.png) center top no-repeat;background-size: contain;}
#map a{color: black;}

#domiccat img{max-width: 100%;height: auto;}
#domiccat .title{font-size: 20px;font-weight: bold;margin: 10px 0px;}
@media (min-width: 992px) {#domiccat .info>div{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}#domiccat .price{font-size: 20px;}}
#domiccat .price{color: #FF6A00;font-size: 25px;font-weight: bold;margin: 10px 0px;}
#domiccat .button{display: block;width: 100%;text-align: center;padding: 5px;}
#domiccat .button a{color: white;}
#domiccat .button:hover a{color: white;}

.pricesep >div{background: #F6F6F6;padding: 20px;}
.pricesep .title{font-size: 40px;font-weight: bold;}
.pricesep .price{font-size: 18px;font-weight: bold;}





















/* Форма связи */
.wpcf7{position: relative;}
.wpcf7 .wpcf7-form{display: grid;gap: 20px;}
.wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output{display: none;}
.wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid red!important;}
.wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;}
.wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;}
.wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none;border-bottom: 1px solid #54556020;padding: 10px 0px;width: 100%;}
.wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(/images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;}

.button:disabled,.button[disabled]{background-color: #cccccc;color: #666666;}

.wpcf7 .wpcf7-form {display: grid;gap: 20px;}
#za{padding-top: 60px;background-color: #FF6A00;color: white;}
#za .text{font-size: 18px;}
#za .wpcf7-text, #za .wpcf7-mask, #za .wpcf7-textarea{background-color: #F6F7F8;border: none;padding: 15px;border-radius: 2px;}
#za .wpcf7-form{align-items: center;}
#za .button{place-self: end;background-color: black;}
#za .poly a{color: white;font-weight: 500;}

#za .pd{padding: 40px;margin-top: -60px;}








#contact .item{font-size: 14px;color: #999999;}
#contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: bold;line-height: 20px;}



.owl-controls{display: flex;margin-top: 20px;}
.owl-controls svg path{opacity: 0.5;}
.owl-controls svg:hover path{opacity: 1;}
.owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 20px;}
.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: #FF6A00;}

/* ÐœÐ¾Ð´Ð°Ð»ÑŒÐ½Ð¾Ðµ */
.modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*ÐÑƒÐ¶Ð½Ð¾ Ñ‡Ñ‚Ð¾ Ð±Ñ‹ Ð½Ðµ Ð¿Ñ€Ñ‹Ð³Ð°Ð»Ð¾ */
.modal-open {overflow: hidden;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;}
.modal .modal-dialog{background-color: white;}
.modal .close{cursor: pointer;position: absolute;top: 20px;right: 20px;}
.modal .grid{gap: 20px;}
.modal .title{font-size: 45px;line-height: 55px;font-weight: bold;}
.modal .text{color: #545560;font-size: 20px;line-height: 35px;}

.modal .modal-content{border: none;position: initial;}
.modal .modal-body{padding: 0px;position: initial;}

#call .modal-dialog{display: flex;align-items: center;}



.full{background-color: #fff;}
.full a{color: black;}
.full .modal-dialog{max-width: 100%!important;position: relative;}
.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;}



#form{position: relative;background-color: #f1f4f7;line-height: 28px;}
#form .time{font-size: 18px;}
#form .form{color: white;z-index: 2;}
#form .form a{color: #ababab;}
#form .big{font-size: 20px;}
#form h2 span{color:red;}
#form h3{font-size: 22px;margin-top: 40px;padding-bottom: 15px;}
#form .phone{color: black;font-weight: bold;font-size: 20px;}

#form .title{font-size: 18px;letter-spacing: 0.12em;text-transform: uppercase;text-align: center;padding: 20px 0px;font-weight: bold;}
#form label{letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 0px;color: #ababab;}
#form .lic{font-size: 12px;color: #ababab;line-height: 16px;}
span.wpcf7-list-item{margin: 0px;}
#form .wpcf7-text, #form .wpcf7-date, #form .wpcf7-select, #form .wpcf7-mask, #form .wpcf7-textarea{background-color: transparent;border: none;color: white;border-bottom: 1px solid #FFFFFF40;width: 100%;margin-bottom: 20px;}
#form .wpcf7-select option{color: black;}


#form .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;
}
#form .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;
}
#form .time .item .line:before {
    content: "";
    display: block;
    min-width: 12px;
    min-height: 12px;
    background: -webkit-gradient(linear,right top,left top,from(#FF6A00),to(#285a8d));
    background: linear-gradient(270deg,#FF6A00 0,#285a8d 100%);
    border-radius: 100%;
	margin: 3px 0;
}

#form .time .item:not(:last-child) .line:after {content: "";width: 2px;height: 100%;display: block;background-color: #cecece;}
#form .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%;
}
#form .time .item:last-child .line:before {
    min-height: 16px;
    min-width: 16px;
    position: relative;
    left: -2px;
}



#contact{font-size: 18px;}
#contact .phone, #contact .ad{display: block;font-size: 22px;color: black;}
#contact .mail{display: block;font-size: 24px;color: #898989;}
#contact span{display: block;color: #BABABA;padding-bottom: 20px;}

#footer{background-color: #F6F7F8;padding: 80px 0px;font-size: 15px;}
#footer a{color: black;}
#footer .title{margin-top: 20px;}
#footer .widget-title{font-size: 18px;margin-bottom: 15px;}
#footer ul{padding: 0px;list-style: none;}
#footer ul li{padding: 5px 0px;}
#footer .phone{font-size: 20px;font-weight: 500;}
#footer .ad{margin: 10px 0px;}
#footer .mail{color: #FF6A00;font-weight: 500;}
#footer .pay{color: red;font-weight: 500;}
#footer .soc{margin-top: 10px;}



/* Калькулятор */
/* Лейбел */
.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: #FF6A00!important;border: none;}
/* Цена */
.ezfc-form .ezfc-price {font-weight: bold;}
.ezfc-form .ezfc-price-value {color: #FF6A00;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%;}
}
.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: #FF6A00;}
.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: #FF6A00;}
/* Чекбокс */
.fcheck .ezfc-element-checkbox-input:checked+.ezfc-addon-label {color: #FF6A00;}
.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: #FF6A00!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: #FF6A00;
    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%;}
}

