/*
Theme Name:     online-consulting-child
Theme URI:      https://centr-bmk.ru/
Description:    Создаю дочернюю тему
Author:        	Аргинов
Author URI:     https: //migweb.ru
Template:       online-consulting
*/

body{
	margin:0;
	font:100%/1.5em Roboto, Arial, sans-serif;
	color:#fff;
	background:#212121;
	line-height:1.2;
}

*{box-sizing:border-box;}
#vk_groups{width:100%; box-sizing:border-box;}
#vk_comments, #vk_comments iframe {
    width: 100% !important;
}
.clr:before,.clr:after{
	content:" ";
	display:table;
}
.clr:after{
	clear:both;
}
.wdth1200{
	margin:0 auto;
	width:100%;
	padding:0 40px;
	max-width:1200px;
}
.flex{
	display:flex;
	flex-wrap:wrap;
}
.jc-sb{
	justify-content:space-between;
}
.jc-c{
	justify-content:center;
}
.ai-c{
	align-items:center;
}
.ai-e{
	align-items: flex-end;
}

header{
	background:rgba(36,36,36,0.70);
	position:relative;
	z-index:3;
	padding:10px 40px;
}
.overlay {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(/images/loko-overlay.svg);
}
.tab76{
	margin:-76px 0 0;
}
.loko{
	min-height:100vh;
	background:url(/images/bg-loko.webp) center no-repeat;
	background-size:cover;
	position:relative;
}
.logotip{
	width: 150px;
    line-height: 0;
}
.logotip img{
	width:100%;
}
.menu a{
	color: #fff;
    text-decoration: none;
    margin: 0 15px;
    font-weight: 300;
    font-size: 1.125em;
	transition:.2s;
}
.menu a:hover{
	color: #FC883A;
}

.header-contacts{
	margin:0 0 0 40px;
}

.htel{
	padding:11px 25px;
	color:#fff;
	text-decoration:none;
	border:1px solid #fff;
	font-size:.875em;
	transition:.2s;
}
.htel:hover{
	background: #FC883A;
	color:#fff;
	border:1px solid #FC883A;
}
.hwa{
	line-height:0;
	margin:0 30px 0 0;
}
.hwa img{
	width:30px;
}
.lokocontent{
	padding:150px 0 50px;
}
.lokocontent h1{
	width:100%;
	max-width:768px;
	text-align: left;
}
h1{
	color: #fff;
    font-size: 3.75em;
    font-weight: 100;
	line-height: 1.2;
}
h1 span{
	color:#FC883A;
}
.lokocontent{
	position:relative;
	z-index:2;
	line-height: 1;
}
.lokoanons p{
	color:#fff;
	font-size:1.375em;
	font-weight:100;
}
.lokoanons p a{
	text-decoration:none;
	border-bottom:1px solid #FC883A;
	color:#fff;
}
.lokoanons p span{
	color:#FC883A;
	font-weight:500;
}
.lokoanons{
	margin:0 0 40px;
}

.buttons{
	display:flex;
	width:380px;
	max-width:100%;
	align-items:center;
	justify-content:center;
	height:70px;
	padding:0 30px;
	color:#fff;
	text-decoration:none;
	border:2px solid #fff;
	font-weight:600;
	transition:.2s;
	cursor:pointer;
	text-transform:uppercase;
	position:relative;
	overflow:hidden;
}
.buttons:hover{
	background: #FC883A;
	color:#fff;
	border:1px solid #FC883A;
}
.buttons::before {
    margin-left: -30px;
    content: " ";
    width: 15px;
    height: 300px;
    background: rgba(255,255,255,.5);
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -70px;
    animation-timing-function: ease-in-out;
    transition: all 0.2s;
    animation-name: slideme;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    transform: rotate(45deg);
    z-index: 5;
    box-shadow: 0 0 40px rgb(255 255 255 / 70%);
}
@keyframes slideme {
  0% {
    left: -20%;
	}
  30% {
    left: 110%; }
  100% {
    left: 110%;
	} 
}

.lokowwbox{
	margin: 80px 0 0;
}
.lokowwline{
	width:200px;
	color:#fff;
}
.skobka{
	width:128px;
	font-size:1.75em;
	font-weight:300;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.skobka:before{
	content:'';
	background:url(/images/skobka-left.svg) no-repeat;
	width:19px;
	height:61px;
}
.skobka:after{
	content:'';
	background:url(/images/skobka-right.svg) no-repeat;
	width:19px;
	height:61px;
}
.lokowwline p{
	font-size:1em;
}
.lokowwline img{
	width:128px;
}
.content{
	margin:90px 0 140px;
}
.content h2{
	font-size:2.75em;
	text-transform:uppercase;
	font-weight: 100;
	line-height:1.2;
	text-align:center;
	margin:90px auto 40px;
	
}
.wdth620{
	max-width:620px;
}
.content h2 span{
	color:#FC883A;
}

.preimbox{
	width:245px;
	font-weight:100;
}
.prheader{
	flex-wrap: nowrap;
}
.cifr{
	font-size:6.875em;
	color:#FC883A;
	line-height: 1;
}
.text{
	font-size: 1.5em;
    margin: 0 0 10px;
}
.pcontent{
	font-size: 1em;
    line-height: 1.2;
    opacity: 1;
	font-weight: 300;
}

.usl{
	width:23%;
	position:relative;
	transition:.2s;
	text-decoration:none;
	color:#fff;
}
.usl .overlay{
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70));
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.70));
}
.usl img{
	width:100%;
}
.uslcont{
	position:absolute;
	width:100%;
	left:0;
	bottom:20px;
	padding:0 30px;
	z-index:2;
	transition:.2s;
	font-weight:100;
}
.uslcont h3{
	font-size:1.25em;
	padding:0 0 20px;
	border-bottom:1px solid #FC883A;
	font-weight:100;
}
.podr{
	opacity:0;
	transition:.2s;
}
.usl:hover .uslcont{
	bottom:40px;
}
.usl:hover .podr{
	opacity:1;
}
.usl .podr:hover{
	color:#FC883A;
}

.portfolio{
	width:31%;
	position:relative;
	transition:.2s;
	text-decoration:none;
	color:#fff;
	margin:0 0 40px;
	line-height: 0;
}
.portfolio img{
	width:100%;
	object-fit:cover;
}
.portfolio .overlay{
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50));
}
.portfolio-content{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	padding:30px;
	z-index:2;
	transition:.2s;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-weight:100;
	line-height: 1.2;
}
.portfolio h3{
	font-size:1.5em;
	font-weight:600;
}
.portfolio p{
	text-transform:uppercase;
}
.seeproject{
	opacity:0;
	transition:.2s;
	margin:-62px auto 0;
	padding: 0 30px;
	display:table;
	padding:12px 30px;
	border:2px solid #fff;
	text-transform:uppercase;
	font-weight:300;
}
.portfolio:hover .seeproject{
	opacity:1;
	margin:20px auto 0;
}
.seeproject:hover{
	background:#FC883A;
	border:2px solid #FC883A;
}
.aboutheader {
	font-weight: 100;
    text-align: center;
    margin: -30px auto 80px;
    max-width: 674px;
}
.aboutheader h3{
	font-size: 2em;
    font-weight: 100;
    margin: 20px 0 30px;
}
.aboutheader p{
	font-size:1.125em;
}
.aboutcontent{
	width:49%;
}
.aboutcontent h2{
	text-align:left;
	font-size: 2.25em;
	margin: 0 0 30px;
}
.aboutcontent ul{
	margin: 20px 0;
    padding: 0 0 0 16px;
}
.aboutcontent p, .aboutcontent li{
	font-weight:200;
}
.aboutimg{
	width:49%;
}
.aboutimg img{
	width:100%;
}

.abouttext{
	padding:0 0 0 40px;
	background:url(/images/check.svg) no-repeat 0 0;
	background-size:30px;
	font-weight:100;
	margin:0 0 40px;
}
.abouttext h4{
	font-size:1.5em;
	color:#FC883A;
	margin:0 0 20px;
	font-weight:100;
}
.abouttext p{
	font-size:1.125em;
}
.videoreview{
	width:48%;
	margin: 0 0 20px;
}
.pricepreview{
	font-size:1.5em;
	font-weight:100;
	line-height:1.4;
	max-width:620px;
	margin:0 auto;
	text-align:center;
}

.pricetable{
	width:33%;
	padding:0 30px 190px;
	position: relative;
}
.pricetable:nth-child(2){
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	width: 33%;
}
.pricetable h4{
	font-size:2em;
	font-weight:100;
	text-transform:uppercase;
	text-align: center;
}
.priceline{
	padding:0 0 0 28px;
	background:url(/images/check.svg) no-repeat 0 4px;
	background-size:20px;
	font-weight:400;
	margin:20px 0;
	font-size:1.125em;
}
.noprice{
	background:none;
	opacity:.6;
}

.callafterprice{
	position: absolute;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 0;
}
.callafterprice .skobka{
	width:100%;
	font-size:1.5em;
	font-weight:300;
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:0 0 40px;
}
.callafterprice .skobka:before{
	content:'';
	background:url(/images/skobka-left.svg) no-repeat;
	background-size:14px;
	width:14px;
	height:46px;
}
.callafterprice .skobka:after{
	content:'';
	background:url(/images/skobka-right.svg) no-repeat;
	background-size:14px;
	width:14px;
	height:46px;
}

.gidecontent{
	background:#f7f7f7;
	padding:60px;
	color:#333;
	width:49%;
	font-weight:300;
}
.gidecontent h3{
	font-size:2em;
	font-weight:300;
}
.gidecontent h3 span{
	font-size:1.3125em;
	border-bottom:2px solid #fc883a;
}
.gidecontent p{
	font-size:1.125em;
	line-height:1.4;
}
.gideimg {
	width:49%;
}
.gideimg img{
	width:100%;
}
.gidecontent .buttons{
	color: #333;
    border: 1px solid #333;
    padding: 10px 20px;
    width: 200px;
    height: 60px;
    font-size: 1em;
    text-transform: inherit;
    font-weight: 400;
    margin: 60px 0 0;
}
.gidecontent .buttons:hover{
	color: #fff;
    border: 1px solid #FC883A;
}

.etapcontent{
	width:49%;
}
.etapslider{
	width:49%;
}
.swiper-slide img{
	width:100%;
	height:560px;
	object-fit:cover;
}

.stepline{
	margin:0 0 20px;
	font-weight:100;
}
.stepline img{
	width:103px;
	margin:0 20px 0 0;
}
.steptext{
	width:calc(100% - 190px);
}
.stepline h4 {
    color: #fc883a;
    font-size: 1.25em;
    font-weight: 400;
    margin: 0 0 15px;
}
.stepline p {
    font-size: 1.125em;
    line-height: 1.4em;
    margin: 0;
}

.ww{
	padding:40px;
	display:flex;
	justify-content:space-between;
	border-top:2px solid #fff;
}
.ww:last-child{
	border-bottom:2px solid #fff;
}
.wwcifr{
	font-size:2em;
	font-weight: 400;
	width:20%;
}
.wwcontent{
	width:79%;
}
.wwcontent h4{
	font-size:2em;
	font-weight: 100;
	margin:0;
}
.wwcontent p{
	font-size:1.5em;
	font-weight: 100;
	margin:20px 0 0;
}

.faqparent{
	max-width:960px;
	margin:0 auto;
}
.faq{
	padding:40px 0;
	border-top:1px solid #fff;
}
.faq:last-child{
	border-bottom:1px solid #fff;
}
.quest{
	position:relative;
	padding:0 50px 0 0;
	cursor:pointer;
}
.quest h4{
	font-size:2em;
	font-weight:100;
	margin:0;
}

.raskriv {
    position: absolute;
    height: 40px;
    width: 40px;
    top: 50%;
    right: 0;
    margin-top: -20px;
    border: none;
    cursor: pointer;
    transition: .2s;
    background: transparent;
    outline: none;
    border-radius: 100%;
	transition:.2s;
}
.raskriv:before, .raskriv:after{
	content: "";
    display: block;
    position: absolute;
    transition: .3s;
    border-radius: 4px;
    background: #fff;
    width: 24px;
    height: 2px;
    top: 50%;
    margin: -1px 0 0 -12px;
    left: 50%;
	opacity: .8;
}
.raskriv:after {
    transform: rotate(90deg);
}
.quest:hover .raskriv{
	background: #fc883a;
}
.answer{
	font-size: 1.125em;
    color: #fff;
    font-weight: 100;
	line-height: 1.4;
	display:none;
	margin:40px 0 0;
}
.openfaq .raskriv{
	transform: rotate(45deg);
}
.formparent .overlay{
	display:none;
}
.contimg{
	width:50%;
	background:url(/images/stepimg-2.webp) no-repeat center;
	background-size:cover;
}
.contform{
	width:49%;
	padding:60px 40px;
	color:#fff;
	font-weight:100;
}
.contform h4{
	font-size: 2em;
    font-weight: 100;
    margin: 0;
}
.contform p{
	font-size:1.5em;
}
.contform input, .contform textarea{
	width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #b3b3b3;
    color: #b3b3b3;
    font-size: 1em;
    display: flex;
    align-items: center;
    height: 60px;
    background: none;
    margin: 40px 0 0;
    font-family: 'Roboto';
    font-weight: 500;
}

.inputbox label {
    display: flex;
    align-items: center;
    padding: 30px 0 0;
    font-size: .75em;
}
.inputbox label.confiderr, .inputbox label.confiderr a, .popup .inputbox label.confiderr a {
    color: #f44336;
}
.inputbox label a{
	color:#fff;
}
.popup .inputbox label a{
	color:#000;
}
.inputbox input.chbx {
    width: 16px;
    height: 16px;
    padding: 0;
    margin: 0 5px 0 0;
}

.contform .buttons{
	width:max-content;
	border:2px solid #fff;
	color:#fff;
}
.errmsg{
	font-size:.875em;
	color: #f44336;
	margin:10px 0 0;
	display: block;
}
.contform input.err{
	border-bottom: 1px solid #f44336;
}


.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(119, 119, 119, .7);
    overflow-y: scroll;
    padding: 60px 15px 30px;
    z-index: 10;
}
.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hover {
    width: 100%;
    min-height: 400px;
    background: #fff;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, .4);
    position: relative;
    z-index: 2;
    margin: 0 auto;
    padding: 0;
    max-width: 960px;
    border-radius: 8px;
    position: relative;
}
.hovergide{
	max-width:465px;
	padding:40px 20px;
	color:#333;
	text-align:center;
}
.hovergide h3{
	font-size:2em;
	font-weight:300;
}
.hovergide input{
	width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #b3b3b3;
    color: #333;
    font-size: 1em;
    display: flex;
    align-items: center;
    height: 60px;
    background: none;
    margin: 40px 0 0;
    font-family: 'Roboto';
    font-weight: 500;
}
.hovergide img{
	width:calc(100% + 40px);
	margin:-40px 0 0 -20px;
}
.hovergide .buttons{
	border: 1px solid;
}

footer{
	background:#000;
	padding:40px;
}

/*quiz style квиз*/

.quiz{
	position:relative;
}
.qlist{
	display:none;
}
.level1{
	display:block;
}
.qheader{
	background:#212121;
	padding:20px 40px;
}
.qheader h3{
	font-size:1.5em;
	font-weight:300;
}
.qcol{
	font-size:1.5em;
	font-weight:600;
}
.qcontent{
	padding:40px;
	background:#fff;
	color:#333;
}
.qcontent h4{
	font-size:1.5em;
	font-weight: 400;
	margin: 0 0 20px;
}
.variants{
	display:flex;
	flex-wrap:wrap;
}
.var1{
	width:calc(100%/4 - 20px);
	margin:0 20px 20px 0;
	position:relative;
}
.var1 input{
	display:none;
}

.qimg{
	width:100%;
	height:150px;
}
.qname{
	font-weight: 100;
    margin: 5px 0 0;
}
.qimg::before{
	content: ' ';
    color: #fff;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    top: -7px;
    left: -7px;
    -webkit-box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    will-change: transform;
	background: url(/images/check.svg) no-repeat center #111;
	background-size: 50%;
}
.var1 input[type="checkbox" i]:checked + .qimg::before{
	opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.qprevnext{
	padding:0 40px 40px;
}
.qprev, .qnext{
	padding:12px 20px;
	color:#333;
	border:2px solid #333;
	cursor:pointer;
	transition:.2s;
}
.qprev:hover, .qnext:hover{
	background:#333;
	color:#fff;
}
.qsquare{
	width:100%;
	display: block;
}
.qsquareshow{
	width: calc(100% - 8px);
    position: relative;
    height: 30px;
    margin: 0 0 0 4px;
}
.qproc{
	position: absolute;
    top: 0;
    height: 30px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 -20px;
    background: #f0f0f0;
}
.oform input{
	width: 100%;
    outline: none;
    border: 0;
    border-bottom: 1px solid #b3b3b3;
    color: #333;
    font-size: 1em;
    display: flex;
    align-items: center;
    height: 60px;
    background: none;
    margin: 40px 0 0;
    font-family: 'Roboto';
    font-weight: 500;
}

/*end quiz style квиз*/


/*menu style*/
.menu-burger {
	margin:0 0 0 10px;
	display:none;
	width: 38px;
    height: 13px;
	position:relative;
}
.lm{
	height: 1px;
    position: absolute;
    display: block;
    background: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
	left:0;
}
.lm1{
	top:0;
	width: 38px
}
.lm2{
	top:6px;
	width: 38px
}
.lm3{
	bottom:0;
	width: 30px
}

.opm .lm1{
	-webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
.opm .lm2{
	width: 26px;
    -webkit-transform: rotate(45deg) translateX(0px) translateY(-14px);
    -ms-transform: rotate(45deg) translateX(0px) translateY(-14px);
    transform: rotate(45deg) translateX(0px) translateY(-14px);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.opm .lm3{
	width: 26px;
    -webkit-transform: rotate(-45deg) translateX(9px);
    -ms-transform: rotate(-45deg) translateX(9px);
    transform: rotate(-45deg) translateX(9px);
}
/*end menu style*/

.breadcrumbs{
	font-size:.75em;
	font-weight:300;
	color:#999;
	text-align:center;
}
.breadcrumbs a{
	color:#999;
}
.content h1{
	text-align:center;
}
.wa2{
	width:48px;
	margin:0 5px;
}
.wa2 img{width:100%;}

.contprew{
	width:100%;
	max-width:560px;
	margin:0 auto;
	font-weight: 200;
	font-size:1.625em;
	text-align:center;
}
.contnumber{
	width:100%;
	max-width:560px;
	margin:60px auto;
	font-weight: 200;
	text-align:center;
	font-size:1.25em;
}
.contnumber a{
	color:#FC883A;
	text-decoration:none;
	
}
.portfcontent{
	margin:0 0 20px;
}
.pftext{
	width:50%;
	padding:40px;
}
.pftext h1{
	font-size:2em;
	margin: 0 0 40px;
}
.mini_opisanie{
	font-size:1.125em;
	font-weight:200;
}
.mini_opisanie strong{
	font-weight:300;
	color:#FC883A;
}

.pfimg{
	width:50%;
	position:relative;
}
.pfimg img{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	object-fit:cover;
}
.pfgallery{
	padding:20px;
}
.pfgalllerybox1{
	width:calc(100%*(2/3) - 20px);
	margin:0 0 20px;
}
.pfgalllerybox1 img, .pfgalllerybox2 img{
	display:none;
}
.pfgalllerybox2{
	width:calc(100%/3);
	margin:0 0 20px;
	position:relative;
}
.pfg2line{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:calc(50% - 10px);
}
.pfg2line:last-child{
	top:inherit;
	bottom:0;
}

.usllokoleft{
	width:65%;
}
.usllokoright{
	width:30%;
	position:relative;
}
.uslwwpunkts{
	display:flex;
	align-items:center;
	margin:50px 0;
	font-size:1.125em;
	font-weight: 100;
}
.uslwwpunkts img{
	width:45px;
	margin:0 20px 0 0;
}
.uslwwpunkts p{
	margin:0;
}
.usletaps-left, .usletaps-right{
	width:280px;
}
.usletaps-center{
	width:calc(100% - 600px);
}
.usletaps-center img{
	width:100%;
}
.usletapline{
	margin:0 0 40px;
	display:flex;
	justify-content:space-between;
}
.uetxt{
	width:calc(100% - 65px);
}
.usletaps-left .uetxt{
	text-align:right;
}
.usletaps-right .uetxt{
	order:2;
}

.uetxt h4{
	font-size: 1.275em;
    font-weight: 300;
    margin: 10px 0;
}
.uetxt p{
	font-size:.75em;
	font-weight: 100;
	opacity:.8;
}
.ueimg{
	width:45px;
}
.ueimg img{
	width:100%;
}

.aricles{
	width:calc(100%/3 - 20px);
	text-decoration:none;
	color:#fff;
	background:#333;
	margin:0 0 30px;
}
.aricles img{
	width:100%;
	object-fit:cover;
}
.artcont{
	padding:30px 20px;
}
.artcont h4{
	font-size: 1.125em;
    font-weight: 500;
    margin: 0 0 30px;
}
.artcont p{
	font-weight:300;
	font-size:.875em;
}
.articlecontent img{
	width:100%;
}
.articlecontent h1{
	font-size: 2.5em;
    text-align: left;
}
.articlecontent .breadcrumbs{
	text-align:left;
}
.articlecontent p{
	opacity:.8;
}
.articlecontent h2{
	font-size: 1.75em;
    text-transform: inherit;
    text-align: left;
    font-weight: 300;
}

.podfooter{
	padding:20px 0;
}
.podfooter a{
	color:#fff;
	font-size:.75em;
	opacity:.5;
}


@media screen and (max-width: 1320px){
	.menu a{
		margin: 0 10px;
		font-size: 1em;
	}
}
@media screen and (max-width: 1230px){
	.menu a{
		margin: 0 5px;
	}
	.wdth1200{
		max-width: 1024px;
	}
	.preimbox {
		width: 24%;
	}
	.lokowwline:last-child{
		display:none;
	}
}
@media screen and (max-width: 1100px){
	.logotip {
		width: 130px;
	}
	.header-contacts {
		margin: 0 0 0 20px;
	}
	.menu a {
        font-size: .875em;
    }
}
@media screen and (max-width: 1024px){
	h1 {
		font-size: 3.5em;
	}
	.buttons{
		width: 320px;
		height: 60px;
	}
	.text {
		font-size: 1.25em;
	}
	.pcontent {
		font-size: 1em;
	}
}
@media screen and (max-width: 980px){
	.wdth1200 {
        max-width: 768px;
		padding: 0 20px;
    }
	.lokocontent {
		padding: 76px 0 50px;
	}
	h1 {
		font-size: 3em;
	}
	.lokowwline {
		width: 164px;
	}
	.lokowwline p {
		font-size: .875em;
	}
	.buttons {
        width: 300px;
        height: 60px;
    }
	.preimbox {
		width: 48%;
	}
	.text {
		font-size: 1.25em;
		margin: 0 0 10px 10px;
		max-width: 200px;
	}
	.pcontent {
		font-size: 1em;
		margin: 5px 0 40px;
    }
	.content {
		margin: 70px 0 120px;
	}
	.content h2 {
		font-size: 2.125em;
		margin: 70px auto 40px;
	}
	.uslcont{
		padding: 0 15px;
		line-height: 1;
		bottom: 0;
	}
	.usl {
        line-height: 0;
        width: 49%;
        margin: 0 0 20px;
    }
	.uslcont h3 {
		font-size: 1.125em;
	}
	.usl:hover .uslcont {
		bottom: 20px;
	}
	.podr{
		font-size: .875em;
	}
	.portfolio {
		width: 49%;
		margin: 0 0 20px;
	}
	.portfolio h3 {
		font-size: 1.125em;
		margin: 10px 0;
	}
	.portfolio p {
		font-size: .875em;
		margin: 10px 0;
	}
	.seeproject{
		font-size: .65em;
	}
	.portfolio:hover .seeproject {
		opacity: 1;
		margin: 10px auto 0;
	}
	.abouttext h4 {
		font-size: 1.25em;
		margin: 0 0 10px;
	}
	.abouttext {
		padding: 0 0 0 30px;
		background: url(/images/check.svg) no-repeat 0 5px;
		background-size: 20px;
		font-weight: 100;
		margin: 0 0 30px;
	}
	.abouttext p {
		font-size: .875em;
		margin: 10px 0;
	}
	.videoreview {
		width: 100%;
		margin: 0 0 20px;
	}
	.pricetable h4 {
		font-size: 1em;
	}
	.priceline{
		font-size: .875em;
		background-size: 15px;
		opacity: .8;
	}
	.pricetable {
		padding: 0 20px 130px;
	}
	.callafterprice .skobka {
		font-size: 1.125em;
		margin: 0 0 20px;
	}
	.pricetable .buttons{
		height: 50px;
        font-size: .75em;
        padding: 0;
        font-weight: 400;
        border: 1px solid #fff;
	}
	.pricepreview {
		font-size: 1.25em;
	}
	.gidecontent{
		padding: 30px;
	}
	.gidecontent h3 {
		font-size: 1.875em;
	}
	.gidecontent p {
		font-size: 1em;
	}
	.gidecontent h3 span {
		font-size: 1.125em;
	}
	.gidecontent .buttons{
		margin: 40px 0 0;
	}
	.steptext {
		width: calc(100% - 95px);
	}
	.stepline img {
		width: 70px;
	}
	.stepline p {
		font-size: 1em;
	}
	.ww {
		padding: 30px 0;
	}
	.wwcontent h4 {
		font-size: 1.75em;
	}
	.wwcontent p {
		font-size: 1.125em;
	}
	.wwcifr {
		font-size: 1.875em;
	}
	.wwcontent {
		width: 85%;
	}	
	.wwcifr {
		width: 15%;
	}
	.faq {
		padding: 30px 0;
		border-top: 1px solid #ffffff60;
	}
	.quest h4 {
		font-size: 1.5em;
	}
	.answer {
		font-size: 1em;
		color: #ddd;
	}
	.contimg {
		width: 30%;
	}
	.contform {
		width: 70%;
		padding: 40px 40px 60px;
		max-width: 540px;
	}
	
	.hover{
		max-width: 768px;
	}
	.qcontent {
		padding: 30px;
	}
	.var1 {
		width: calc(100% / 3 - 20px);
	}
	.qheader {
		padding: 20px 30px;
	}
	.header-contacts{
		display: none;
	}
	.menu-burger {
		display:block;
	}
	.headermenu{
		position: fixed;
        top: -100%;
        left: 0;
        background: #333;
        height: calc(100% - 57px);
        width: 100%;
        display: block;
        padding: 0 20px 30px;
        overflow-y: scroll;
        z-index: 3;
		transition: .2s;
	}
	.headermenu a {
		width: 100%;
        display: block;
        margin: 0;
        padding: 20px 0;
        border-bottom: 1px solid #444;
        font-weight: 200;
        text-align: center;
		font-size: 1.125em;
	}
	.opened{
		top: 57px;
	}
	header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background: #000;
		z-index: 4;
	}
	.hheight{
		height:57px;
	}
	body.hiddencl{
		overflow:hidden;
	}
	.contform h4 {
		font-size: 1.75em;
	}
	.contform p {
		font-size: 1.125em;
	}
	.contform .buttons{
		font-size: .875em;
	}
	.pfimg {
		width: 100%;
		order: 1;
	}
	.pfimg img{
		position:relative;
		width:100%;
		height:auto;
	}
	.pftext {
		width: 100%;
		padding: 20px;
		max-width:768px;
		order: 2;
		margin:0 auto;
	}
	.usllokoleft {
		width: 100%;
	}
	.usllokoright {
		width: 100%;
		margin: 40px 0 0;
	}
	.uslwwpunkts {
		margin: 10px 0;
	}
	.usletaps-left, .usletaps-right {
		width: 100%;
	}
	.usletaps-left .uetxt {
		order: 2;
		text-align:left;
	}
	.usletaps-center {
		width: 100%;
		margin: 0 0 40px;
	}
	.aricles {
		width: calc(100% / 2 - 20px);
	}
	.articlecontent h1 {
		font-size: 2.25em;
	}
	.articlecontent h2{
		font-size: 1.5em;
	}
}
@media screen and (max-width: 700px){
	header{
		padding: 10px 20px;
	}
	.logotip {
        width: 100px;
	}
	.wdth1200 {
        max-width: 465px;
	}
	h1 {
        font-size: 2.5em;
        line-height: 1.2;
    }
	.lokoanons p {
		font-size: 1.125em;
		line-height: 1.4;
	}
	.buttons {
        width: 250px;
        height: 50px;
        font-size: .875em;
        font-weight: 400;
    }
	.lokoanons {
		margin: 0 0 20px;
		text-align: center;
	}
	.lokocontent .buttons{
		margin: 0 auto;
	}
	.lokowwline {
        margin: 0 0 20px;
		justify-content: center;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
	.lokowwbox {
		margin: 40px 0 0;
		justify-content: center;
	}
	.skobka {
		width: 95px;
		font-size: 1.25em;
	}
	.skobka:before {
		content: '';
		background: url(/images/skobka-left.svg) no-repeat;
		width: 15px;
		height: 49px;
		background-size: 15px;
	}
	.skobka:after {
		content: '';
		background: url(/images/skobka-right.svg) no-repeat;
		width: 15px;
		height: 49px;
		background-size: 15px;
	}
	.preimbox {
        width: 46%;
    }
	.cifr {
		font-size: 6em;
	}
	.pcontent {
        font-size: .875em;
        color: #ccc;
    }
	
	.content h2 {
        font-size: 1.875em;
        margin: 50px auto 40px;
    }
	.aboutcontent h2 {
		font-size: 1.75em;
        margin: 20px auto 20px;
        text-align: center;
	}
	.content {
        margin: 50px 0 80px;
    }
	.portfolio {
        width: 100%;
	}
	.aboutcontent {
		width: 100%;
		order: 2;
	}
	.aboutimg {
		width: 100%;
		margin: 0 0 20px;
	}
	.aboutheader{
		margin: -30px auto 50px;
	}
	.pricetable {
        padding: 10px 20px 150px;
        width: 100%;
        border: 2px solid #666;
		margin: 0 0 20px;
    }
	.pricetable:nth-child(2){
		width: 100%;
	}
	.callafterprice{
		bottom: 20px;
	}
	.pricetable .buttons{
		background: #fc883a;
        border: 0;
	}
	.pricetable h4 {
        color: #fc883a;
        font-weight: 300;
        font-size: 1.25em;
    }
	.gidecontent {
        width: 100%;
		order: 2;
    }
	.gideimg {
		width: 100%;
	}
	.etapcontent {
		width: 100%;
		order: 2;
	}
	.etapslider {
		width: 100%;
		margin: 0 0 30px;
	}
	.swiper-slide img{
		height:350px;
	}
	.ww {
		padding: 30px 0;
		border-top: 1px solid #666;
	}
	.wwcifr {
        font-size: 1.5em;
    }
	.wwcontent h4 {
        font-size: 1.5em;
    }
	.wwcontent p {
        font-size: 1em;
        color: #aaa;
    }
	.wwcontent p {
        font-size: 1em;
        color: #aaa;
    }
	.ww:last-child {
		border-bottom: 1px solid #666;
	}
	.quest h4 {
        font-size: 1.25em;
    }
	.raskriv{
		height: 36px;
		width: 36px;
	}
	.raskriv:before, .raskriv:after{
		width: 20px;
		margin: 0px 0 0 -10px;
		height: 1px;
	}
	.formparent{
		display:block;
		position: relative;
	}
	.formparent .overlay{
		display:block;
	}
	.contimg {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
    }
	.contform {
        width: 100%;
        max-width: 465px;
        margin: 0 auto;
        position: relative;
		padding: 40px 20px 60px;
    }
	footer {
		background: #000;
		padding: 20px;
	}
	footer > .flex{flex-wrap:nowrap;}
	footer .logotip {
        width: 130px;
        margin: 0 20px 0 0;
    }
	.hover {
        max-width: 465px;
    }
	.qheader {
        padding: 10px 20px;
        flex-wrap: nowrap;
    }
	.qheader h3 {
		font-size: 1.25em;
	}
	.qcol {
		font-size: 1.25em;
		width: 45px;
		text-align: right;
	}
	.qcontent h4 {
		font-size: 1.25em;
	}
	.qcontent {
        padding: 20px;
    }
	.qclar{
		font-size: .875em;
		color: #999;
	}
	.var1 {
        width: calc(100% / 2 - 20px);
    }
	.qname{
		font-size: .875em;
		font-weight: 300;
	}
	.qprev, .qnext{
		font-size: .875em;
	}
	.qprevnext {
		padding: 0 20px 20px;
	}
	.uslwwpunkts img {
		width: 36px;
	}
	.ueimg {
		width: 36px;
	}
	.uetxt {
		width: calc(100% - 50px);
	}
	.uetxt h4{
		font-size: 1.175em;
		margin: 6px 0 10px;
	}
	.usletapline {
		margin: 0 0 20px;
	}
	.aricles {
		width:100%;
	}
	.articlecontent h1 {
        font-size: 2em;
    }
	.articlecontent h2{
		font-size: 1.5em;
	}
}
@media screen and (max-width: 600px){
	
}