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

@font-face {
    font-family: 'Century Gothic';
    src: url('/font/century-gothic/centurygothic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Century Gothic';
    src: url('/font/century-gothic/centurygothic_bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

body{
	margin:0;
	font:100%/1.5em 'Century Gothic', sans-serif;
	color:#333;
	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;
}
.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:end;
}

.wdth1200{
	margin: 0 auto;
    max-width: 1280px;
    width: 100%;
    padding: 0 20px;
}
header{
	margin:10px 0;
	background: #f9f9f9;
}
.logo-istina{
	width: 250px;
    margin: 0 20px 0 0;
}
.logo-istina img{
	width:100%;
}
.slogan{
	text-transform:uppercase;
}
.cont{
	margin:0 0 0 40px;
	color:#333;
}
.cont span{
	display:block;
	font-size:.875em;
}
.cont a{
	display:block;
	font-size:1.125em;
	font-weight:700;
	color:#333;
	text-decoration:none;
}
.loko{
	background:url(/images/fon-full.jpg) no-repeat;
	background-size:cover;
	position:relative;
	min-height:570px;
	padding:80px 0;
	overflow:hidden;
}
.loko:before{
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(218 218 218 / 70%);
	z-index:1;
}
.lefttext{
	width:calc(100% - 450px);
	position: relative;
    z-index: 2;
}
h1{
	font-size:2.5em;
	font-family:arial;
	font-weight:900;
	color:#2A283C;
	text-transform:uppercase;
}
h1.h1-24{
	font-size:1.5em;
}
.wws{
	margin:40px 0;
}
.ww{
	margin:0 40px 0 0;
	font-size:1.25em;
	color:#2A283C;
}
.ww h4{
	font-size:1em;
	margin:0 0 5px;
	text-transform:uppercase;
	color:#BE2A23;
}
.ww p{
	margin:5px 0 0;
}

.kirpichev1 {
    position: absolute;
    bottom: 0;
    right: 30px;
    z-index: 3;
	width:450px;
}
.opora{
	position: absolute;
    top: 0;
    left: calc(100% - 60px);
    z-index: 2;
    min-height: 100%;
}

.buttons{
	color:#fff;
	font-size:1.125em;
	height:48px;
	background:#BE2A23;
	display:flex;
	justify-content:center;
	align-items:center;
	min-width:180px;
	width:max-content;
	padding:0 15px;
	text-decoration:none;
	cursor:pointer;
	transition:.2s;
}
.buttons:hover{
	background:#D6322A;
}

.contain{
	margin:60px 0;
}
.areas{
	border:1px solid #ddd;
	padding:20px 20px 20px 80px;
	font-size:1.125em;
	color:#333;
	width:32%;
	text-decoration:none;
	transition:.2s;
}
.areas:hover{
	box-shadow:0 0 20px rgba(0,0,0,.2);
}
.leas-areas .areas{
	width:24%;
	padding:72px 20px 20px 20px;
	font-size:1em;
}
.area1{
	background:url(/images/icon-bank.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area2{
	background:url(/images/icon-shield.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area3{
	background:url(/images/icon-delivery.svg) no-repeat 20px 20px; 
	background-size:44px;
}
.area4{
	background:url(/images/icon-sos.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area5{
	background:url(/images/icon-money.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area6{
	background:url(/images/icon-handshake.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area7{
	background:url(/images/area-7.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area8{
	background:url(/images/area-8.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area9{
	background:url(/images/area-9.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.area10{
	background:url(/images/area-10.svg) no-repeat 20px 20px; 
	background-size:32px;
}
.h2{
	font-size:2em;
	font-family:arial;
	font-weight:900;
	color:#2A283C;
}
.h2 span{
	color:#BE2A23;
}

.service{
	width:49%;
	padding:40px 40px 87px;
	box-shadow:0 0 50px rgba(0,0,0,.1);
	position:relative;
}
.service h4{
	font-size:1.5em;
	font-family:arial;
	font-weight:900;
	color:#2A283C;
	width: calc(100% - 90px);
	margin:0;
}
.service img{
	width:64px;
	margin:0 20px 0 0;
}

.service-list{
	margin:40px 0;
	padding:0 0 0 15px;
	color:#BE2A23;
	font-size:1.125em;
}
.service-list li{
	margin:20px 0;
}
.service-list div{
	color:#444;
}
.service-list div span{
	color:#BE2A23;
}
.service .buttons{
	position:absolute;
	bottom:40px;
	left:40px;
	background:#fff;
	color:#BE2A23;
	border:1px solid #BE2A23;
}
.service .buttons:hover{
	background:#BE2A23;
	color:#fff;
}
.whus{
	overflow:hidden;
}
.whyus{
	position:relative;
	padding:40px 0;
}
.whyusbox{
	width:49%;
	position:relative;
}
.whyusbox h2{
	color:#fff;
}
.whyusbox .service-list{
	font-size:1em;
}
.whyusbox .service-list div{
	color:#ddd;
}
.whyusbox .service-list div span{
	font-weight:700;
}

.kirpichev2{
	position: absolute;
    opacity: .2;
    height: 100%;
    left: -100%;
    bottom: -42px;
}
.stage{
	width:24%;
	padding:30px 30px 40px;
	background:#fff;
	position:relative;
}
.cifr{
	position:absolute;
	right:30px;
	top:30px;
	font-family:arial;
	font-weight:900;
	font-size:7em;
	color:#BE2A23;
	opacity:.2;
	line-height:0.8;
}
.stage h4{
	color:#2A283C;
	font-size:1.375em;
	font-family:arial;
	font-weight:900;
	margin:0 0 20px;
}
.stage p{
	color:#666;
	margin:0;
}
.stagetxt{
	position:relative;
	z-index:1;
}
.case{
	width:32%;
	background:#f0f0f0;
	padding:30px;
	color:#333;
	text-decoration:none;
	font-size:.875em;
	margin: 0 0 20px;
}
.case h4{
	color:#BE2A23;
	margin:0 0 10px;
}
.case .buttons{
	margin: 20px 0;
    height: 32px;
    background: none;
    color: #BE2A23;
    border: 1px solid #BE2A23;
    font-size: 1em;
}

.alllink{
	display:table;
	margin:40px 0;
	color:#BE2A23;
	font-size:1.125em;
	text-decoration:none;
}
.reviews{
	width:32%;
	box-shadow: 0 0 50px rgba(0, 0, 0, .1);
}
.reviews img{
	width:100%;
}
.content .reviews{
	margin:0 0 20px;
}



.questions{
	background:url(/images/fon-full.jpg) no-repeat;
	background-size:cover;
	position:relative;
	overflow:hidden;
}
.questions:before{
	content:' ';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgb(218 218 218 / 70%);
	z-index:1;
}
.questionbox{
	position:relative;
	padding: 40px 0;
	z-index: 1;
	min-height: 630px;
}
.questionform{
	width:49%;
	max-width: 430px;
}
.kirpichev4{
	position:absolute;
	bottom:0;
	right:0;
	width:49%;
	max-width:470px;
}
.questionform p{
	font-size:1.25em;
}
.questionform input, .questionform textarea{
	display:block;
	font-family:'Century Gothic';
	background:none;
	outline:none;
	border:0;
	border-bottom:1px solid #666;
	font-size:1.125em;
	width:100%;
	padding: 12px 0;
    margin: 0 0 20px;
}
.questionform textarea{
	min-height:70px;
}
.questionform p.confid{
	font-size:.875em;
}
.questionform .buttons{
	width:100%;
}
.confid a{
	color:#BE2A23;
}

footer{
	background:#2A283C;
	color:#fff;
	padding:40px 0;
}
footer ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
footer ul li{
	margin:0 10px 10px 0;
}

footer ul a{
	font-size:.875em;
	color:#fff;
	text-decoration: none;
	transition:.2s;
}
footer ul .current-menu-item a, footer ul a:hover{
	color:#BE2A23;
}
footer .cont {
    margin: 0 20px 0 0;
    color: #fff;
    font-size: .875em;
    max-width: 200px;
    line-height: 1.6;
}
footer .cont a {
    color: #fff;
    font-weight: 400;
	font-size: .975em;
}


.social-buttons a{
	width:24px;
	height:24px;
	border-radius:100%;
	margin: 0 5px 0 0;
}
.tg{
	background:url(/images/icon-tg.svg) no-repeat center;
	background-size:contain;
}
.wa{
	background:url(/images/icon-wa.svg) no-repeat center;
	background-size:contain;
}
.vk{
	background:url(/images/icon-vk.svg) no-repeat center;
	background-size:contain;
}
.dno{
	color:#ddd;
	font-size:0.75em;
	margin:40px 0;
}
.dno a{
	color:#ddd;
}
.breadcrumbs{
	font-size:.75em;
	color:#666;
}
.content{
	margin: 40px 0 60px;
}
.breadcrumbs a{
	color:#666;
}

.givepomyatka{
	text-align:center;
}
.givepomyatka .buttons{
	margin:20px auto 0;
}
.givepomyatka p{
	font-size:1.125em;
}
.givepomyatka .h2{
	margin:40px 0;
}

.fixwa{
	position:fixed;
	bottom:20px;
	right:20px;
	background:#D9D9D9;
	font-size:.875em;
	line-height:1.2;
	display:flex;
	align-items:center;
	padding:0 15px 0 0;
	border-radius:24px 0 0 24px;
	color:#333;
	text-decoration:none;
	z-index: 4;
}
.wablack{
	background:url(/images/whatsapp-black.svg) no-repeat center;
	background-size:contain;
	width:48px;
	height:48px;
	border-radius:100%;
	margin:0 10px 0 -2px;
}


.contactsinfo, .contactsmap{
	width:49%;
}
.contactsblock{
	width:49%;
}
.contactsblock h4{
	font-size:1.25em;
	color:#BE2A23;
}
.contactsblock a{
	color:#1D1F25;
	text-decoration: none;
}






/*popup*/
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(119, 119, 119,.7);
    overflow-y: scroll;
    padding:100px 15px 70px;
    z-index: 10;
}
.popup-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.hover1 {
    width: 100%;
    max-width: 400px;
    min-height: 400px;
    background: #EEF3F6;
    box-shadow: 0px 0px 40px rgba(0,0,0,.4);
    position: relative;
    z-index: 2;
    margin: 0 auto;
	
	border-radius:20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.hovercontent{
	width:100%;
	max-width:340px;
	padding: 40px 0;
	text-align:center;
}
.hover1 input{
	width:100%;
	outline:none;
	height:48px;
	padding:0 10px;
	display:flex;
	align-items:center;
	border:1px solid #eee;
	border-radius: 4px;
	transition:.2s;
	margin: 20px 0;
}
.hover1 input:focus{
	border:1px solid #ddd;
	-webkit-box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.1);
}
.hover1 .h2{
	font-weight:600;
	font-size:1.5em;
}
.hover1 .buttons{
	line-height: 1;
	padding:15px;
	justify-content: center;
	margin:20px 0;
	font-size:.875em;
	width: 100%;
}
.hover1 p{
	line-height: 1.2;
}

.hover1 .buttons::before, .hover1 .buttons::after{
	display:none;
}
.confid{
	font-size: .75em;
    font-weight: 300;
    line-height: 1;
}
.closebtn{
	background:url(/images/icon-close-btn.svg) no-repeat center #e5ecf0;
	background-size:28px;
	width:36px;
	height:36px;
	border-radius:100%;
	position:absolute;
	left:50%;
	bottom:-18px;
	margin:0 0 0 -18px;
}
.hphone{
	width:100%;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#e3eef4;
	border-radius: 4px;
	font-weight:600;
	color:#555;
	text-decoration:none;
	font-size:1.25em;
}
/*end popup*/






/*quiz-style*/
	.answer-quiz{
		width: 100%;
		display: table;
		margin: 50px 0;
		background:#f9f9f9;
		border:1px solid #ddd;
	}
	.answer-quiz h2{
		font-size:1.5em;
	}
	.pagelist{
		display:none;
	}
	.titleblock{
		display:block;
		line-height: 0;
	}
	.quiz-title-page{
		display:flex;
		align-items:center;
		justify-content:space-between;
	}
	.main-title-img{
		width:60%;
	}
	.main-title-img img{
		width:100%;
	}
	.main-title{
		width:37%;
		line-height: 1.2;
		padding: 20px;
	}
	.form-page{
		padding: 20px;
	}
	.quiz-main-button, .quiz-button, .prev-page{
		background: #fce000;
		color: #fff;
		display: table;
		padding: 13px 35px;
		border-radius: 26px;
		font-size: 1em;
		text-align: center;
		cursor: pointer;
	}
	.quiz-main-button{
		font-size:1.125em;
	}
	.quiz-form-page .buttons{
		width:100%;
		margin:20px 0;
	}
	
	
	
	.prev-page{
		width: 50px;
		height: 50px;
		background: url(/images/quiz-prev.svg) no-repeat center;
		background-size: 17px;
		border: 2px solid #ccc;
		color: #999;
		margin: 0 5px 0 0;
		padding: 0;
	}
	.quiz-variants{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.quiz-answer-page{
		position:relative;
	}
	.quiz-flex{
		display: flex;
		align-items: center;
		justify-content: end;
		margin: 20px 0;
		padding: 20px 0 0;
		border-top: 1px solid #f9f9f9;
		position:relative;
	}
	
	.answer-block{
		width:49%;
		padding:3px 0;
	}
	.answer-block input[type=radio]{
		display:none;
	}
	.answer-block input[type="text"]{
		max-width:100%;
		text-align:left;
	}
	
	.answer-block label {
		display: inline-block;
		cursor: pointer;
		line-height: 1.2;
		border: 1px solid #ccc;
		border-radius: 6px;
		user-select: none;
		padding: 15px 10px 15px 30px;
		width: 100%;
		background: url(/images/no-checked.svg) no-repeat 10px center;
		background-size: 10px;
	}
	.answer-block input[type=radio]:checked + label {
		background: url(/images/checked.svg) no-repeat 10px center #fff;
		background-size: 10px;
	}
	
	
	.answer-quiz input, textarea {
		display: block;
		margin: 0;
		border: 1px solid #aaa;
		background:none;
		padding: 15px 20px;
		max-width: 100%;
		width: 100%;
		outline: none;
		border-radius: 4px;
		font-size: .875em;
	}
	.answer-quiz .form p{
		margin: 10px 0 0;
		text-transform: uppercase;
		font-size: .75em;
		font-weight: 600;
		color: #666;
	}
	.endform{
		width: 100%;
		max-width: 480px;
		text-align: center;
		margin: 0 auto;
		padding: 20px 0;
		border-radius: 4px;
	}
/*quiz-style*/






@media screen and (max-width: 1270px){
	.loko{
		min-height: 570px;
	}
	.kirpichev1 {
		width: 450px;
	}
	.lefttext {
		width: calc(100% - 450px);
	}
}
@media screen and (max-width: 1210px){
	h1 {
		font-size: 2.125em;
		max-width: 620px;
	}
}
@media screen and (max-width: 1120px){
	.loko{
		min-height: 530px;
	}
	.kirpichev1 {
		width: 400px;
		right: 10px;
	}
	.lefttext {
		width: calc(100% - 400px);
	}
	.ww{
		margin: 0 30px 0 0;
		font-size: 1.125em;
	}
}
@media screen and (max-width: 1055px){
	h1 {
        font-size: 2em;
    }
	.wws {
		margin: 30px 0;
	}
}
@media screen and (max-width: 1025px){
	.logo-istina {
		width: 200px;
	}
	.loko{
		min-height: auto;
		padding: 80px 0;
	}
	h1 {
        font-size: 1.75em;
        max-width: 510px;
    }
	.kirpichev1 {
		width: 350px;
	}
	.lefttext {
		width: calc(100% - 350px);
	}
	.ww{
		margin: 0 30px 0 0;
		font-size: 1.125em;
	}
}
@media screen and (max-width: 980px){
	.contactsinfo, .contactsmap {
		width: 100%;
	}
	.contactsblock h4{
		font-size: 1.125em;
		margin: 10px 0;
	}
	.contactsblock p {
		margin: 10px 0;
	}
	.contactsblock {
		margin: 0 0 20px;
	}
}
@media screen and (max-width: 940px){
	.ww {
        margin: 0 20px 0 0;
        font-size: 1em;
    }
}
@media screen and (max-width: 900px){
	.wdth1200 {
		margin: 0 auto;
		max-width: 768px;
	}
	.slogan {
		font-size: .875em;
	}
	.cont a {
		font-size: 1em;
	}
	.kirpichev1 {
		width: 260px;
	}
	.lefttext {
		width: calc(100% - 200px);
	}
	.loko {
        padding: 30px 0;
    }
	h1 {
        font-size: 1.5em;
        max-width: 435px;
    }
	.ww {
        margin: 0 15px 0 0;
        font-size: .875em;
        letter-spacing: 0px;
    }
	.buttons {
		font-size: 1em;
	}
	.areas{
		padding: 60px 20px 20px 20px;
		width: 32%;
		font-size: 1em;
	}
	.leas-areas .areas{
		padding: 60px 20px 20px 20px;
		width: 49%;
		font-size: 1em;
		margin: 0 0 15px;
	}
	.area1{
		background:url(/images/icon-bank.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area2{
		background:url(/images/icon-house.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area3{
		background:url(/images/icon-delivery.svg) no-repeat 20px 20px; 
		background-size:32px;
	}
	.area4{
		background:url(/images/icon-sos.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area5{
		background:url(/images/icon-money.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area6{
		background:url(/images/icon-handshake.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area7{
	background:url(/images/area-7.svg) no-repeat 20px 20px; 
	background-size:24px;
	}
	.area8{
		background:url(/images/area-8.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area9{
		background:url(/images/area-9.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.area10{
		background:url(/images/area-10.svg) no-repeat 20px 20px; 
		background-size:24px;
	}
	.h2 {
		font-size: 1.5em;
	}
	.service {
        padding: 20px 20px 77px;
    }
	.service img {
		width: 48px;
	}
	.service h4 {
		font-size: 1.125em;
	}
	.service-list {
		margin: 20px 0;
		font-size: .875em;
	}
	.service-list li {
		margin: 15px 0;
	}
	.service .buttons {
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	.whyusbox {
		width: 100%;
		position: relative;
	}
	.kirpichev2{
		left: 0;
	}
	.whyusbox .service-list {
		font-size: .875em;
	}
	.cifr{
		right: 10px;
		top: 10px;
		font-size: 6em;
	}
	.stage {
		width: 49%;
		padding: 20px 20px 20px;
		margin: 0 0 10px;
	}
	.stage h4 {
		font-size: 1.125em;
	}
	.case {
		width: 49%;
		margin: 0 0 15px;
		padding: 20px;
	}
	.case:last-child{
		width:100%;
	}
	.questionbox{
		min-height:auto;
	}
	.questions:before{
		background: rgb(218 218 218 / 100%);
	}
	.kirpichev4{
		opacity: .2;
		height: calc(100% - 60px);
		width: auto;
		max-width: none;
	}
	.questionform {
		width: 100%;
		max-width: 430px;
		position: relative;
        z-index: 1;
	}
	.menu-osnovnoe-menyu-container{
		width: 100%;
		margin: 0 0 20px;
	}
	footer ul, footer .contacts{
		justify-content: center;
		width:100%;
		display: flex;
	}
	h1.h1-24 {
		font-size: 1.125em;
	}
	.answer-quiz{
		margin: 0px;
	}
	.answer-quiz h2 {
		font-size: 1.125em;
	}
}
@media screen and (max-width: 760px){
	.wdth1200 {
        max-width: 600px;
    }
	.logo-istina {
        width: 160px;
    }
	.loko {
        padding: 15px 0 30px;
    }
	.slogan {
        font-size: .75em;
    }
	.cont span {
		display: none;
	}
	.contacts{
		display: block;
	}
	.cont {
		margin: 0;
	}
	.cont .mail{
		font-size: .875em;
		font-weight: 400;
	}
	.lefttext {
        width: calc(100% - 100px);
    }
	.kirpichev1 {
        width: 220px;
    }
	.areas {
        padding: 60px 15px 20px 15px;
        font-size: .875em;
    }
	.contain {
		margin: 30px 0;
	}
	.content {
		margin: 30px 0 40px;
	}
	.stage h4 {
        font-size: 1em;
    }
	.stage p{
		font-size: .875em;
	}
	.case {
		width: 100%;
		margin: 0 0 15px;
		padding: 20px;
	}
	.content .reviews {
		width: 49%;
		margin:0 0 10px;
	}
	footer .cont a, footer .cont a.mail {
		font-size:1em;
	}
	
	/*quiz-style*/
	.form-page {
		padding: 15px;
	}
	.answer-quiz {
		width: 100%;
		display: table;
		background: #fff;
	}
	.quiz-title-page {
		flex-wrap:wrap;
	}
	.main-title-img, .main-title{
		width: 100%;
		order: 1;
	}
	.main-title-img{
		
	}
	.main-title{
		order: 2;
	}
	.answer-block {
		width: 100%;
	}
	.quiz-main-button {
		font-size: 1em;
		/* width: 100%; */
	}
	.quiz-flex{
		justify-content: space-between;
		padding: 0;
		border-top: 0;
	}
	.quiz-bonus{
		position: relative;
		top: 0;
		left: 0;
		margin: 0 10px 0 0;
	}
	.from-quiz-flex{
		flex-wrap:wrap;
	}
	.prev-page {
		width: 40px;
		height: 40px;
		background: url(/images/quiz-prev.svg) no-repeat center;
		background-size: 15px;
	}
	.quiz-main-button, .quiz-button, .prev-page{
		padding: 11px 26px;
	}
	/*quiz-style*/
	.questionform input, .questionform textarea{
		font-size: 1em;
	}
}
@media screen and (max-width: 670px){
	.lefttext {
        width: 100%;
		z-index: 4;
    }
	.wws {
        margin: 20px 0;
        display: block;
    }
	.ww {
        margin: 0 15px 20px 0;
	}
	.ww h4 {
		font-size: 1.125em;
	}
	.ww p br{display:none;}
	.ww h4{margin: 0 0 2px;}
	.ww p {
		margin: 2px 0 0;
	}
}
@media screen and (max-width:600px){
	.areas {
        width: 100%;
		padding: 20px 20px 20px 65px;
        font-size: .875em;
        margin: 0 0 10px;
	}
	.service{
		width: 100%;
		margin:0 0 20px;
		padding:20px 20px 30px;
	}
	.service-list {
        margin: 20px 0 30px;
	}
	.service .buttons{
		position:relative;
		bottom: auto;
        left: auto;
		width:100%;
	}
	.answer-quiz {
        width: calc(100% + 40px);
        display: table;
        background: #fff;
        border: 0;
        margin: 0 0 0 -20px;
    }
	    .contactsblock p {
        margin: 10px 0;
        font-size: .875em;
    }
}
@media screen and (max-width:500px){
	.ww p br.lastbr{
		display:block;
	}
	h1 {
        font-size: 1.25em;
        max-width: 365px;
    }
	.h2 {
        font-size: 1.125em;
    }
	.service h4 {
        font-size: 1em;
    }
	.slogan{
		display:none;
	}
	.leas-areas .areas{
		width: 100%;
		margin: 0 0 10px;
        font-size: .875em;
	}
	.contactsblock h4 {
        font-size: 1em;
	}
}
@media screen and (max-width:466px){
	.kirpichev2{
		left: auto;
        right: 0;
	}
	.stage {
        width: 100%;
	}
	.kirpichev4{
		left: 0;
        right: auto;
	}
	.dno{
		justify-content: center;
		margin: 30px 0;
	}
	.dno div{
		width:100%;
		text-align:center;
		margin:0 0 10px;
	}
	.social-buttons{
		width: 100%;
		margin: 20px 0 0;
		justify-content: center;
	}
	.main-title .buttons{
		width: 100%;
	}
}
@media screen and (max-width:417px){
	h1{
        font-size: 1.125em;
        max-width: 325px;
    }
	h1.h1-24 {
		font-size: 1em;
	}
	footer .cont {
		text-align: center;
		margin: 0 11px 0;
	}
}