/*   
Theme Name: Vdomgaz
Author: Nicoman@inbox.ru
Version: 1.0
*/

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
  line-height:1.15; /* 1 */
  -webkit-text-size-adjust:100%; /* 2 */
}
body{
  margin:0;
}
main{
  display:block;
}
hr{
  box-sizing:content-box; /* 1 */
  height:0; /* 1 */
  overflow:visible; /* 2 */
}
pre{
  font-family:monospace,monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a{
  background-color:transparent;
  text-decoration:none;
  color:#151515;
}
abbr[title] {
  border-bottom:none; /* 1 */
  text-decoration:underline; /* 2 */
  text-decoration:underline dotted; /* 2 */
}
b,
strong{
  font-weight:bolder;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}
sub{
  bottom:-0.25em;
}
sup{
  top:-0.7em;
}
img{
  border-style:none;
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit; /* 1 */
  font-size:100%; /* 1 */
  line-height:1.15; /* 1 */
  margin:0; /* 2 */
}
button,
input{ /* 1 */
  overflow:visible;
}
button,
select{ /* 1 */
  text-transform:none;
}
button,
[type="button"],
[type="reset"],
[type="submit"]{
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline:1px dotted ButtonText;
}
fieldset{
  padding:.35em .75em .625em;
}
legend{
  box-sizing:border-box; /* 1 */
  color:inherit; /* 2 */
  display:table; /* 1 */
  max-width:100%; /* 1 */
  padding:0; /* 3 */
  white-space:normal; /* 1 */
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type="checkbox"],
[type="radio"]{
  box-sizing:border-box; /* 1 */
  padding:0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button{
  height:auto;
}
[type="search"] {
  -webkit-appearance:textfield; /* 1 */
  outline-offset:-2px; /* 2 */
}
[type="search"]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button; /* 1 */
  font:inherit; /* 2 */
}
[hidden]{
  display:none;
}
ul{
    padding:0;
    margin:0;
    list-style:none;
}
p{
    margin:0;
}
/*------*/
*,
body{
	box-sizing:border-box;
}
body{
    font-family:'Roboto', sans-serif;
    color:#fff;
    font-weight:400;
    font-size:16px;
    line-height:1.4;
}
#wrap_outer{
    width:100%;
    overflow:hidden;
    padding-top:81px;
}
.container{
    width:100%;
    margin:0 auto;
}
.flex{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    padding:14px 0 7px;
    background:rgba(14,101,160,.9);
    z-index:999;
}
.custom-logo-link{
    line-height:0;
}
.custom-logo-link img{
	width:auto;
	height:60px;
}
#main-menu{
	width:56%;
	max-width:634px;
	padding:0 13px;
}
#main-menu .menu{
    display:flex;
    align-items:center;
    justify-content:space-between;
}
#main-menu li,
#main-menu a{
    font-size: 16px;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:rgb(252,252,252);
    display:inline-block;
	position:relative;
}
#main-menu a:hover{
    color:rgb(202,202,202);
}
.header_phone{
	color:rgb(238,168,73);
	font-weight:700;
	font-size:20px;
}
.header_phone:hover{
	color:#fff;
}
.mmenu{
    display:none;
}
#main-screen{
	padding:8px 0 5px;
	background-size:cover;
	background-position:center;
}
.mscreen_cont{
	width:52%;
}
.mainscreen_title{
	display:flex;
	align-items:center;
	margin:0 0 17px;
}
.mainscreen_title h1{
	font-size:24px;
	margin:0;
	color:rgb(228,144,52);
	line-height:1.3;
	font-weight:400;
	margin-left:5px;
}
.mainscreen_title img{
	width:82.5px;
	height:auto;
}
.mscreen_cont li{
	position:relative;
	font-size:18px;
	line-height:1.3;
	padding-left:41px;
	margin-bottom:10px;
}
.mscreen_cont li:last-child{
	margin:0;
}
.mscreen_cont li:before{
	content:'';
	position:absolute;
	display:inline-block;
	width:35px;
	height:28px;
	left:0;
	top:50%;
	transform:translate(0,-50%);
	background:url(img/li.png) center/contain no-repeat;
}
.mscreen_form{
	width:378px;
	padding: 7px 15px;
	background:linear-gradient(0deg,rgba(52,135,199,.43) 0%, rgba(52,135,199,.83) 100%);
	border-color:rgb(65,165,255);
	border-width:2px;
	border-radius:5px;
	box-shadow:0 3.6666666666666665px 11px 0px rgba(0,0,0,.1);
}
.form_title{
	text-align:center;
	text-transform:uppercase;
	line-height:1.4;
	margin:0 0 22px;
}
.mscreen_form label{
	width:100%;
	font-weight:700;
	margin:0 0 15px;
	display:block;
}
.mscreen_form form > label:last-of-type{
	margin:0 0 5px;
}
.mscreen_form label span{
	display:block;
	width:100%;
}
.mscreen_form label input,
.mscreen_form label textarea{
	width:100%;
	background:#fff;
	outline:none!important;
	line-height:1.2;
	border:1px solid rgba(65,165,255,.94);
	border-radius:4px;
	padding:8px 6.4px;
	font-size:12px;
	font-weight:700;
}
.mscreen_form label span.wpcf7-not-valid-tip{
	font-weight:700;
}
.mscreen_form input[type="submit"]{
	display:block;
	margin:0 auto 30px;
	text-transform:uppercase;
	letter-spacing:1px;
	background:rgb(251,166,40);
	color:#fff;
	cursor:pointer;
	padding:8px 24px;
	font-size:14px;
	border:none;
	box-shadow:0px 4px 10px 0px rgba(65,165,255,.5);
	border-radius:5px;
}
.mscreen_form input[type="submit"]:hover{
	background-color:rgb(250,155,12);
	border-color:rgb(182,111,4);
}
.wpcf7-spinner{
	display:none!important;
}
.wpcf7-acceptance label{
	margin:0 10px 5px;
	cursor:pointer;
}
.wpcf7-acceptance .wpcf7-list-item{
	margin-left:0;
}
.wpcf7-acceptance label input{
	display:none;
}
.wpcf7-acceptance label span{
	color:#fff;
	font-size:13px;
	font-weight:400;
	line-height:1.42;
	display:inline-block;
}
.wpcf7-acceptance label span:before{
	content:'';
	display:inline-block;
	width:18px;
	height:18px;
	margin-right:4.5px;
	border:2px solid rgba(0,0,0,.25);
	transition:.3s all;
	border-radius:2px;
	background:#fff;
	position:relative;
	box-sizing:border-box;
	top:4px;
}
.wpcf7-acceptance label span:before:hover{
	border-color:rgb(96,180,255);
}
.wpcf7-acceptance label input:checked + span:before{
	border-color:rgb(0,91,173);
	background:url(img/accept.svg) center/contain no-repeat, rgb(0,101,192);
}
.wpcf7-acceptance label span a{
	color:#fff;
	text-decoration:underline dashed;
}
.preims{
	background:rgb(77,140,194);
}
.preims .container{
	padding:2px 5px;
	display:flex;
	flex-wrap:wrap;
}
.preim_item{
	width:calc(100%/3);
	display:flex;
	align-items:center;
	font-size:18px;
	font-weight:500;
	line-height:1;
	padding:14px 5px 14px 15px;
	border-left:2px dotted rgba(255,255,255,.33);
}
.preim_item:nth-child(3n+1){
	border:none;
}
.preim_item img{
	width:56px;
	min-width:56px;
	height:auto;
}
.quiz{
	padding:51px 0 25px;
	background-size:cover;
	background-position:center;
}
.quiz h2{
	text-align:center;
	color:#fff;
	margin:0 0 20px;
	font-size:30px;
	line-height:1.4;
	font-weight:400;
}
.quiz_wrap{
	background:#fff;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,.5);
	min-height:/*440*/700px;
}
.quiz_wrap iframe{
	height:900px!important;
}
#steps{
	background-size:cover;
	background-position:center;
	padding:83px 0 45px;
}
#steps h2{
	text-align:center;
	margin:0 0 30px;
	font-size:30px;
	line-height:1.4;
	font-weight:400;
}
.steps_sel{
	display:flex;
}
.ssel_item{
	width:25%;
	border-bottom:1px solid rgba(255,255,255,.9);
	color:rgba(255,255,255,.75);
	padding:14px 5px;
	text-align:center;
	transition:.25s all;
	font-weight:600;
	font-size:16px;
	cursor:pointer;
}
.ssel_item:hover{
	color:rgb(246,251,255);
}
.ssel_item.active{
	border:1px solid rgba(255,255,255,.9);
	border-bottom:none;
	color:#EEA849;
}
.sdescr_item{
	transition:.3s all;
	position:absolute;
	z-index:-1;
	opacity:0;
	visibility:hidden;
}
.sdescr_item.active{
	position:relative;
	z-index:1;
	opacity:1;
	visibility:visible;
}
.steps_descr{
	padding:30px 5px 0;
}
.sdescr_item ul{
	list-style:disc;
	padding-left:40px;
}
.steps_form{
	margin:70px auto 0;
	max-width:1000px;
	padding:40px 35px;
	box-shadow:0 8px 24px 0px rgba(0,0,0,.1);
}
.sform_title{
	text-align:center;
	font-size:24px;
	font-weight:500;
	margin:0 0 45px;
}
.form_wrap{
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	margin:0 0 30px;
}
.form_wrap label{
	width:30%;
	font-weight:700;
}
.form_wrap label span{
	display:block;
	width:100%;
	margin-top:5px;
}
.form_wrap label input{
	width:100%;
	border:1px solid rgba(65,165,255,.94);
	color:#000;
	padding:8px 6.4px;
	border-radius:4px;
	outline:none!important;
	font-weight:700;
	font-size:12px;
}
.form_wrap input[type="submit"]{
	width:30%;
	text-align:center;
	text-transform:uppercase;
	padding:8px 24px;
	box-shadow:0px 4px 10px 0px rgba(65,165,255,.5);
	font-size:14px;
	cursor:pointer;
	border-radius:5px;
	letter-spacing:1px;
	outline:none!important;
	background-color:rgb(251, 166, 39);
	border:none;
	color:#fff;
}
.form_wrap input[type="submit"]:hover{
	background-color:rgb(250,154,11);
	border-color:rgb(182,111,3);
}
.form_wrap + span{
	display:block;
	text-align:right;
}
.form_wrap + span label{
	max-width:250px;
	display:inline-block;
}
.form_wrap + span label span{
	text-align:left;
}
.form_wrap label span.wpcf7-not-valid-tip{
	position:absolute;
}
#about{
	display:grid;
	grid-template-columns:1fr 1fr;
}
.about_l{
	background-position:center;
	background-size:cover;
	display:flex;
	height:100%;
	padding-right:70px;
	align-items:center;
	justify-content:flex-end;
}
.about_l h2{
	font-size:30px;
	line-height:1.4;
	font-weight:400;
	margin:0 0 8px;
}
.about_cont{
	max-width:365px;
}
.about_txt > *:not(:last-child){
	margin-bottom:10px;
}
.about_r{
	line-height:0;
}
.about_r img{
	width:100%;
	height:auto;
}
#works{
	background-size:cover;
	background-position:top center;
	padding:35px 0 30px;
}
#works h2{
	text-align:center;
	font-size:30px;
	color:rgb(54,54,54);
	line-height:1.4;
	font-weight:400;
	margin:0 0 25px;
}
.works_list{
	display:grid;
	grid-gap:5px;
	grid-template-columns:repeat(4,1fr);
}
.work_item{
	position:relative;
	height:190px;
}
.work_item img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}

#blog{
	background:url(/wp-content/uploads/2023/05/mainbg.jpg) center/cover;
	padding:60px 0;
}
#blog h2{
	font-size:30px;
	line-height:1.4;
	color:#fff;
	text-align:center;
	font-weight:400;
	margin:0 0 30px;
}
.blog_list{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	grid-gap:40px;
}
.blog_item{
	padding:20px;
	border-radius:30px;
	border:2px solid #fff;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:space-between;
	min-height:385px;
}
.blog_img{
	display:block;
	height:220px;
	overflow:hidden;
	border-radius:10px 10px 0 0;
}
.blog_img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.blog_title{
	text-align:center;
	margin:0 0 10px;
}
.blog_title a,
.blog_title{
	font-size:24px;
	color:#fff;
	font-weight:400;
	line-height:1.1;
}
.blog_title:hover a{
	color:#428bca;
}
#contacts{
	padding:65px 0 0;
	background:url(/wp-content/uploads/2023/05/quizbg.jpg) center/cover;
}
#contacts h2{
	text-align:center;
	font-size:30px;
	line-height:1.4;
	font-weight:400;
	color:#fff;
	margin:0 0 25px;
}
#contacts h2 + p{
	max-width:990px;
	text-align:center;
}
.contacts_wrap{
	display:flex;
	justify-content:space-between;
}
.contacts_list{
	padding-top:25px;
	width:50%;
}
.contacts_list p{
	display:flex;
	align-items:center;
	margin:0 0 20px;
	font-size:18px;
}
.contacts_list p:last-child{
	margin:0;
}
.contacts_list p img{
	display:inline-block;
	margin-right:13px;
	min-width:23px;
	width:23px;
	height:auto;
}
.contacts_list p:first-child img{
	width:34px;
	min-width:34px;
	margin-left:-11px;
	position:relative;
	left:5px;
}
.contacts_form{
	width:45%;
	padding:25px 15px;
	box-shadow:0 3.3333333333333335px 10px 0px rgba(0, 0, 0, 0.1);
	border-radius:5px;
}
.contacts_form form label{
	display:block;
	width:100%;
	font-weight:700;
	margin:0 0 10px;
}
.contacts_form form label span{
	display:block;
	width:100%;
}
.contacts_form form label input,
.contacts_form form label textarea{
	display:block;
	width:100%;
	line-height:1.2;
	border:1px solid rgba(65,165,255,.94);
	border-radius:4px;
	padding:8px 6.4px;
	font-size:12px;
	color:#000;
}
.contacts_form input[type="submit"]{
	display:block;
	background-color:rgb(251,166,40);
	padding:8px 24px;
	box-shadow:0px 4px 10px 0px rgba(65,165,255,.5);
	color:#fff;
	text-align:center;
	font-size:14px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin:0 auto 50px;
	border:none;
	border-radius:5px;
}
.contacts_form .wpcf7-acceptance input{
	display:none;
}
.contacts_form .wpcf7-acceptance label span{
	font-size:16px;
}
#footer{
	padding:41px 0;
	text-align:center;
	background-color:rgb(83,152,208);
}
#agree.fancybox__content{
	padding:0;
	max-width:600px;
	border-radius:5px;
}
.modal_title{
	padding:15px;
	border-bottom:1px solid #e5e5e5;
	color:#0e65a0;
	margin:20px 0 10px;
	font-size:36px;
	line-height:1.1;
	font-weight:500;
	text-transform:uppercase;
}
.modal_body{
	padding:15px;
}
.modal_body > *:not(:last-child){
	margin:0 0 10px;
}
.fancybox__content > .f-button.is-close-btn{
	top:5px;
	right:5px;
	opacity:.5;
}
.fancybox__content > .f-button.is-close-btn svg path{
	stroke:#000;
}
#content.post{
	padding:70px 0;
	color:#000;
}
#content.post h1{
	color:#0e65a0;
	text-align:center;
	margin:0 0 40px;
	font-weight:500;
	line-height:1.1;
	font-size:36px;
}
.post-content > *:not(:last-child){
	margin:0 0 15px;
}
.post-content ul{
	padding-left:40px;
	list-style:disc;
}
.single-post #contacts{
	display:none;
}
.quiz_wrap_m{
	display:none;
}



@media all and (min-width:576px){
    .container{
        max-width:540px;
    }
}
@media all and (min-width:767px){
    .container{
        max-width:720px;
    }
}
@media all and (min-width:992px){
    .container{
        max-width:960px;
    }
}
@media all and (min-width:1200px){
    .container{
        max-width:1140px;
    }
}

@media all and (max-width:1199px){
	#wrap_outer{
		padding-top:70px;
	}
	.custom-logo-link img{
		height:50px;
	}
	.header_phone{
		font-size:18px;
	}
	.mainscreen_title h1 br{
		display:none;
	}
}

@media all and (max-width:991px){
    body.overflow{
        overflow:hidden;
    }
    body.overflow #header:before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
		min-height:100vh;
        background:rgba(0,0,0,.6);
        z-index:98;
    }
	#header .container{
		justify-content:flex-start;
	}
	#main-menu{
		position:fixed;
		visibility:hidden;
		opacity:1;
		left:-350px;
		top:0;
		width:350px;
		height:auto;
		min-height:100vh;
		transition:.7s all ease;
		background:#0e65a0;
		padding:50px 30px;
	}
	#main-menu.open{
		left:0;
		visibility:visible;
		opacity:1;
		z-index:999;
	}
    #main-menu .menu{
        flex-direction:column;
    }
    .mmenu{
        padding:14px 11px 14px 12px;
        border:0;
        background:none;
        width:48px;
		min-width:48px;
        height:48px;
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:flex-end;
        position:relative;
        cursor:pointer;
		z-index:999;
    }
	.mmenu:before,
    .mmenu:after{
        content:'';
        display:inline-block;
        height:2px;
        width:100%;
        background:#fff;
        transition:.5s all ease;
        position:relative;
    }
    .mmenu.open:before{
        transform:rotate(45deg);
        top:9px;
    }
    .mmenu.open:after{
        transform:rotate(-45deg);
        bottom:9px;
    }
    .mmenu span{
        display:inline-block;
        width:19px;
        height:2px;
        background:#fff;
    }
    .mmenu.open span{
        display:none;
    }
    #main-menu li,
    #main-menu a{
        font-size:18px;
    }
	header #main-menu li,
    header #main-menu a{
        font-size:18px;
		width:100%;
		color:#fff;
    }
	header #main-menu li{
		padding:0!important;
	}
    header #main-menu li a{
        padding:15px 0!important;
    }
    header #main-menu li:first-child a{
        padding-top:0!important;
    }
	#main-menu li:last-child a:before,
	header #main-menu li a:before,
	#main-menu li:not(:last-child) a:before{
		content:none;
	}
    #main-menu a{
        padding-left:0;
    }
	#main-menu li.current-menu-item:not(#menu-item-25) a::before{
		content:none;
	}
    /*.current-menu-item,
    #main-menu .menu a:hover{
        color:#EA6525;
    }*/
	.header_phone{
		width:25px;
		height:25px;
		display:inline-block;
		text-indent:-9999px;
		font-size:0;
		background:url(img/phone.svg) center/contain no-repeat;
		margin-left:auto;
		margin-right:30px;
	}
	#main-screen .container{
		flex-wrap:wrap;
	}
	.mscreen_cont{
		width:100%;
		max-width:650px;
		margin:0 auto;
	}
	.mainscreen_title img{
		width:60px;
	}
	.mainscreen_title h1{
		font-size:22px;
	}
	.mscreen_form{
		margin:30px auto 0;
	}
	#about{
		grid-template-columns:60% 40%;
	}
	.about_l{
		padding:35px 35px 35px 0;
	}
	.about_r img{
		height:100%;
		object-fit:cover;
	}
	.blog_list{
		grid-gap:20px;
	}
	.blog_item{
		padding:10px;
		min-height:315px;
	}
	.blog_img{
		height:170px;
	}
}

@media all and (max-width:767px){
	.preims .container{
		flex-direction:column;
	}
	.preim_item{
		width:100%;
		padding:14px 0;
		border:none;
	}
	.steps_sel{
		flex-direction:column;
	}
	.ssel_item{
		width:100%;
		border:1px solid rgba(255,255,255,.9)!important;
		text-align:left;
	}
	.ssel_item:not(:last-child){
		border-bottom:none!important;
	}
	#about{
		grid-template-columns:1fr;
	}
	.about_l{
		padding:35px;
		justify-content:flex-start;
	}
	.about_cont{
		max-width:unset;
	}
	.about_r{
		display:none;
	}
	.works_list{
		grid-template-columns:repeat(3,1fr);
	}
	.contacts_wrap{
		flex-direction:column;
		align-items:center;
	}
	.contacts_list{
		width:100%;
	}
	.contacts_form{
		margin-top:30px;
		width:400px;
	}
	.blog_list{
		grid-template-columns:350px;
		justify-content:center;
	}
	.blog_item{
		min-height:unset;
	}
	.blog_img{
		width:100%;
		margin:0 0 15px;
	}
	#agree.fancybox__content{
		max-width:90%;
	}
	.modal_title{
		font-size:30px;
	}
}
@media all and (max-width:575px){
    .container{
        padding:0 15px!important;
    }
	.steps_form{
		padding:15px;
		display:none;
	}
	.form_wrap{
		flex-direction:column;
		align-items:center;
		max-width:300px;
		margin:0 auto 15px;
	}
	.form_wrap label{
		width:100%;
		margin-bottom:10px;
	}
	.form_wrap input[type="submit"]{
		margin-top:25px;
		width:100%;
	}
	.form_wrap + span{
		max-width:300px;
		margin:0 auto;
	}
	.about_l{
		padding:35px 15px;
	}
	.work_item{
		height:150px;
	}
	.quiz_wrap{
		display:none;
	}
	.quiz_wrap_m{
		display:block;
	}
}
@media all and (max-width:479px){
	.mainscreen_title img{
		display:none;
	}
	.mainscreen_title h1{
		text-align:center;
	}
	.quiz h2,
	#steps h2,
	.about_l h2,
	#works h2,
	#contacts h2,
	#blog h2,
	.modal_title{
		font-size:24px;
	}
	#steps{
		padding:50px 0 45px;
	}
	.steps_form{
		margin-top:35px;
	}
	.sform_title{
		font-size:20px;
		margin:0 0 20px;
	}
	.work_item{
		height:140px;
	}
	#contacts{
		padding-top:50px;
	}
	.contacts_form{
		max-width:300px;
	}
	#blog{
		padding:50px 0;
	}
	.blog_list{
		grid-template-columns:1fr;
	}
	.blog_img{
		height:auto;
	}
	.blog_title a,
	.blog_title{
		font-size:20px;
	}
	#content.post{
		padding:50px 0;
	}
	#content.post h1{
		font-size:30px;
		margin:0 0 25px;
	}
	#footer{
		padding:20px 0;
	}
}
@media all and (max-width:419px){
	#wrap_outer{
		padding-top:47px;
	}
	#header{
		padding:0;
	}
	.custom-logo-link img{
		height:30px;
	}
	.work_item{
		height:120px;
	}
}
@media all and (max-width:370px){
	
}