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

body{
	margin:0;
	font:100%/1.5em 'Open Sans', 'Arial';
	color: #333;
    background: #fff;
	padding: 60px 0 0;
}
*{box-sizing:border-box;}
#vk_groups{width:100%; box-sizing:border-box;}
#vk_comments, #vk_comments iframe {width: 100% !important;}
.fb-comments, .fb-comments span, .fb-comments iframe {width: 100% !important;}
.clr:before,.clr:after{content:" ";display:table;}
.clr:after{clear:both;}
.socialbtn {width:36px;}
.wdth960 {
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1200px;
	width:100%;
}
.flex{
	display:flex;
	flex-wrap:wrap;
}
.ai-c{
	align-items:center;
}
.jc-sb{
	justify-content:space-between;
}
.jc-c{
	justify-content:center;
}

h1, h2, h3, h4, h5, h6{
	line-height: 1.2;
}

h1 {
	font-size: 3em;
    font-weight: 500;
    line-height: 1;
    color: #382823;
	margin: 0 0 20px;
}
.pd20 h1{
	margin:20px 0;
}


h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1.12em; }
h5 { font-size: .83em; }
h6 { font-size: .75em; }

header{
	background:#f7f7f7;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	box-shadow: 0 0 5px rgba(0,0,0,.1);
	z-index: 2;
}
.logoslogan {
    display: flex;
    align-items: center;
    max-width: 217px;
    line-height: 1;
    font-size: .75em;
    color: #666;
	font-weight: 400;
}
.logotip{
	line-height:0;
	margin: 0 10px 0 0;
}
.logotip img{
	width: 60px;
}
.slogan{
	margin:0;
}
.contacts-right{
	display:flex;
	align-items:center;
}
.rasch-wa{
	display:flex;
	align-items:center;
	margin:0 20px 0 0;
}
.wa-button{
	text-decoration:none;
	display: flex;
    align-items: center;
    font-size: .55em;
    font-weight: 500;
    line-height: 1;
    border: solid 1px #dfdfdf;
    background-color: #fff;
    padding: 9px 15px 9px 10px;
    border-radius: 10px;
    margin: 0;
    color: #666;
    letter-spacing: 1px;
	cursor:pointer;
	transition:.2s;
	position:relative;
}
.wa-button:hover{
	background:#20cc4e;
	color:#fff;
}
.wa-button img{
	width:18px;
	margin:0 5px 0 0;
}
.wa-button .blink{
	position:absolute;
	right:-4px;
	top:50%;
	margin:-3px 0 0;
}
.wa-txt{
	font-size: .75em;
    font-weight: 500;
    line-height: 1;
    color: #282828;
    letter-spacing: 0px;
}
.tel a {
    color: #333;
    text-decoration: none;
    font-size: 1.25em;
    display: block;
    margin: 0;
    font-weight: 600;
}

.header__phone__online{
	font-size: .75em;
    margin: 4px 0 0;
	display: flex;
    align-items: center;
	line-height: 0;
	justify-content: end;
	color:#888;
}
.blink {
	background-color: #4ec35a;
	width:7px;
	height:7px;
	border-radius:100%;
	animation-name: blinker;
	animation-iteration-count: infinite;
	animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	animation-duration: 1s;
	-webkit-animation-name: blinker;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);
	-webkit-animation-duration: 1s;
	margin:0 3px 0 0;
}
 
@keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
 
@-webkit-keyframes blinker {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}


.buttons{
    background: #1fb141;
    padding: 20px 30px;
    text-align: center;
    cursor: pointer;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #f0f0e9;
    font-size: 1em;
    position: relative;
    overflow: hidden;
    z-index: 1;
    text-decoration: none;
    font-weight: 600;
}
.buttons:hover{
	background: #21ba45;
}
.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%;
	} 
}



.loko{
	min-height:calc(100vh - 60px);
	background:url(/images/fon-2.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	overflow:hidden;
	padding: 90px 0;
}
.lokofon1{
	position: absolute;
    bottom: -50px;
    left: calc(100% + 115px);
    height: calc(100% + 100px);
}
.lokofon2{
	display:none;
	margin:20px 0;
	width:100%;
}

.left-block{
	width: 100%;
    max-width: 625px;
	position:relative;
}
.offer{
	font-size: 1.25em;
    color: #555;
    line-height: 1.4;
}
.offer a{
	color: #333;
    font-size: 1.25em;
    text-decoration: none;
    display: inline-block;
    margin: 10px;
    border-bottom: 1px dashed #999;
    font-weight: 600;
}
.wwbox{
	margin:40px 0;
	display:flex;
}
.wwline{
	padding: 10px 15px 10px 5px;
    background:#f0f0f0;
    margin: 0 1% 0 0;
    border-radius: 16px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    font-size: .875em;
	border:1px solid #f0f0f0;
	font-weight:500;
}
.wwline img{
	width:48px;
	margin:0 10px 0 0;
}

.forminputs{
	line-height: 1.2;
    align-items: center;
}
.forminputs span{
	color: #444;
    margin: 0 0 0 10px;
    line-height: 1;
	font-weight: 500;
}
.strelka{
	width: 48px;
    transform: rotate(-29deg);
}

.inputmask{
	display: flex;
    align-items: center;
    border: 1px solid #444;
    border-radius: 30px;
    height: 57px;
    padding: 0 20px;
    background: #fff;
    margin: 0 10px 0 0;
    font-size: 1.125em;
    width: 233px;
}
.inputmask div{
	margin: 2px 10px 0 0;
    line-height: 0;
    padding: 0;
}
.inputmask input{
	font-family: 'Open Sans';
    font-size: 1.125em;
    font-weight: 300;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
    line-height: 0;
	width: 160px;
}

.pd30{
	padding:30px 0;
}
.remontusl{
	display:flex;
	justify-content:space-between;
}
.remontusltext{
	width:30%;
}
.remontuslbox{
	width:68%;
	display:flex;
	justify-content:space-between;
}
.remontuslline{
	width:31%;
}
.remontuslline img{
	width:100%;
	border-radius:8px;
}
h2{
	font-size:2.5em;
	color:#382823;
}
.servicebox{
	
	padding: 65px 0 65px;
	margin: 0 auto 68px;
	border-radius: 30px;
	width:100%;
	max-width:1200px;
}
.gray{
	background:#F3F3F3;
}
.servicebox .h2{
	margin:0 0 30px;
	font-size:2.5em;
}
.servicebox .h2 a{
	color:#333;
}
.h2 span{
	color:#1fb141;
}
.price-table {
    font-size: 1em;
    color: #000000;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.price-table tr:first-child {
    background: #E6E6E6;
}
.price-table tr:nth-child(2n+1), .f3f3f3 {
    background: #F3F3F3;
}
.price-table td {
    line-height: 17px;
    padding: 20px;
    border-right: 1px solid #ECECEC;
}
.price-table tr td:last-child {
    border-right: none;
}
.price-table tr:nth-child(2n), .fafafa {
    background: #FAFAFA;
}
.td-bold {
    font-size: 1.125em;
    font-weight: 700!important;
    color: #000000!important;
}
h2.h22{
	font-size:1.5em;
}
.serviceline{
	display: flex;
    justify-content: space-between;
}
.servdescr{
	width: calc(100% - 450px);
}
.serviceline img{
	width: 400px;
    object-fit: cover;
    border-radius: 30px;
}

.flexprice{
	display: flex;
    justify-content: space-between;
}
.flexpriceline{
	width:185px;
	text-align:center;
	margin:50px 0 20px;
}
.flexpriceline img{
	max-width:100%;
}
.flexpriceline p{
	margin:10px 0;
}

/*begin quiz styles*/
.quiz-main {
    box-shadow: 0 0 125px 0 #18181826;
    border-radius: 30px;
    margin: 60px 0 40px;
    padding: 30px;
    min-height: 90vh;
    position: relative;
}
.answer-quiz {
    width: 100%;
    display: table;
}



.answer-quiz{
	width:100%;
	display:table;
}
.pagelist{
	display:none;
}
.nodisnone .pagelist{
	display:block;
}
.nodisnone .q-question{
	margin: 0;
}
.nodisnone .q-answer {
    margin: 32px 0 10px;
}
.nodisnone .q-question {
    font-size: 1em;
    font-weight: 600;
}
.nodisnone .quiz-answer-page input{
	border-radius: 6px;
    padding: 12px 20px;
	background:#fff;
	text-align:left;
	border: 2px solid #61c31d;
	letter-spacing: 0;
}
.nocheckborder .qvarsnoimg .answer-block {
	width: 100%;
	margin: 0;
	padding: 0;
}
.nocheckborder .answer-block label::before {
    left: 0;
    top: 50%;
    text-align: left;
	border: 2px solid #61c31d;
    border-radius: 100%;
    box-sizing: border-box;
	background: none;
}
.nocheckborder .answer-block input[type=radio]:checked + label::before {
    border: 7px solid #61c31d;
	background:none;
}
.nocheckborder .answer-block p {
    font-size: .875em;
    text-align: left;
    margin: 5px 0 5px 10px;
    width: 100%;
}
.nocheckborder .answer-block label{
	border: 0;
	margin: 1px 0 1px 10px;
}
.nocheckborder .answer-block label:hover {
    box-shadow: 0 0 20px rgba(100,100,100,0);
}
.nocheckborder .answer-block input[type=radio]:checked + label{
	border: 0;
}
.nodisnone .form-page{
	margin:20px 0 0;
}
.nodisnone .dynamic-form{
	max-width: 100%;
}
.nodisnone .button {
    background: #61c31d;
	border-bottom: 0;
	border-radius:6px;
	font-weight:400;
	letter-spacing:0;
}






.titleblock{
	display:block;
}
.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%;
}
.quiz-main-button, .quiz-button, .prev-page{
	background: #48AD01;
    color: #fff;
	display: table;
	padding: 13px 35px;
	border-radius: 26px;
	font-size: 1em;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
}
.button{
	width:100%;
}


.quiz-main-button{
	font-size:1.125em;
}
.prev-page{
	width: 50px;
	height: 50px;
	background:#fff;
	border: 2px solid #ccc;
	color: #999;
	margin: 0 10px 0 0;
	padding: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.prev-page svg{
	opacity:.3;
}
.quiz-variants{
	display:flex;
	flex-wrap:wrap;
}
.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;
}
.quiz-bonus{
	position: absolute;
	left: 0;
	top: 20px;
	line-height: 1;
	background: #d34085;
	color: #fff;
	padding: 10px 25px;
	border-radius: 30px;
	font-size:.875em;
}
.quiz-bonus p{
	margin:0;
}
.bonus{
	font-weight: 600;
}
.answer-block{
	width: 31%;
    padding: 3px 0;
    margin: 0 2% 20px 0;
}
.qvarsnoimg .answer-block{
	width: 48%;
}
.qvarsnoimg .answer-block label{
	padding: 0 10px;
}

.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: 2px solid #eee;
    border-radius: 6px;
    user-select: none;
    width: 100%;
	transition:.2s;
	display: flex;
    justify-content: center;
	position:relative;
}
.answer-block label::before{
	content:'';
	background: url(/images/q-no-checked.svg) no-repeat;
    background-size: contain;
	width:20px;
	height:20px;
	transform: translate(-50%, -50%);
	position:absolute;
	left:50%;
	top:100%;
}

.answer-block label:hover {
	box-shadow:0 0 20px rgba(100,100,100,.2);
}
.answer-block input[type=radio]:checked + label {
	border: 2px solid #4ec35a;
}
.answer-block input[type=radio]:checked + label::before {
	background: url(/images/q-checked.svg) no-repeat;
    background-size: contain;
}

.q-podarok {
	width:100%;
	max-width:300px;
	margin:20px auto;
	font-size:.75em;
	text-align:center;
	line-height:1.2;
}

.answer-block label img{
	width: 100%;
    height: 180px;
    border-radius: 4px;
	object-fit: cover;
}

.answer-block p{
	font-size:.75em;
	text-align:center;
	margin: 10px 0 20px;
	font-weight:400;
	color:#333;
}


.socbtn{
	width: 80px;
}
.socbtn label{
	min-height:auto;
	height:auto;
	padding:5px;
	display: block;
}
.socbtn label::before{
	display:none;
}
.socbtn label p{
	margin: 5px 0;
    font-weight: 400;
    color: #666;
}


.dynamic-form{
	width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.answer-quiz input, textarea {
	outline: 0;
    display: block;
    font-size: .875em;
    padding: 15px 20px;
    border: 0;
    margin: 0 0 10px;
    font-weight: 100;
    letter-spacing: 2px;
    border-radius: 15px;
    background: #f6f6f6;
    font-weight: 500;
    width: 100%;
    border: 1px solid #f0f0f0;
	text-align:center;
}
.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 40px;
	box-shadow: 0px 0px 24px rgb(0 0 0 / 20%);
	border: 1px solid #ddd;
	border-radius: 4px;
}


.q-stage{
	background: #f0f0f0;
    width: 100%;
    margin: 0 0 20px;
    border-radius: 19px;
    height: 38px;
    position: relative;
    padding: 4px 5px;
}
.q-percent{
	height:100%;
	background:#aeea53;
	border-radius: 14px;
	position:relative;
	overflow:hidden;
}
.q-percent::after{
	content: "";
    display: block;
    transition: .2s;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/images/dload.png);
    background-size: 40px;
    animation: dload 2s infinite linear;
}
@keyframes dload {
  from {
    background-position: 0 center; }
  to {
    background-position: 80px center; } }

.q-stage-text{
	position: absolute;
    font-size: .75em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 500;
    color: #527817;
    z-index: 2;
}





.q-answer{
	margin: 32px 0;
}
.q-list{
	background-color: #d1fe8c;
    font-size: .75em;
    padding: 5px 12px;
    border-radius: 21px;
    color: #282828;
    font-weight: 500;
    width: 34px;
    text-align: center;
}
.q-list span {
    position: relative;
    display: block;
}
.q-question{
	font-size: 1.25em;
    font-weight: 500;
    margin: 0 0 0 20px;
}

.arrowleft {
    transform: scaleX(-1);
}
/*quiz-style*/
/*end quiz styles*/

.swiper-slide .portfimg, .swiper-slide .review{
	width:90%;
	border-radius:30px;
	margin:0 auto;
	display:block;
	
}
.swiper-slide .review{
	background:#f3f3f3;
	padding: 40px;
}
.review .dd {
	font-size:.75em;
	color:#999;
}
.review .nn{
	font-size:.875em;
	color:#999;
}

.swiper-slide .review img{
	width:145px;
}

.swiper .swiper-button-next,  .swiper .swiper-button-prev {
    right: 0;
    top: 50%;
    border-radius: 100%;
    background: #1fb141;
    opacity: 1;
    width: 48px;
    height: 48px;
}
.swiper .swiper-button-prev{
	left: 0;
}
footer{
	background:#494949;
	color:#fff;
	text-align:center;
	padding:40px 0;
}
.popup{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.6);
	top:0;
	left:0;
	overflow-y:scroll;
	z-index:5;
	display:none;
	align-items:center;
	justify-content:center;
	padding:10px;
}
.popupoverlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.hover{
	width: 100%;
    max-width: 400px;
    padding: 20px;
    border-radius: 20px;
    background: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
}
.hover .forminputs{
	max-width:315px;
	margin:0 auto;
	display: block;
}
.hover .inputmask{
	width:100%;
	margin:0 0 10px;
}
.hover .inputmask input{
	width:100%;
}
.hover .buttons{
	width:100%;
}
.hover .strelka {
    width: 48px;
    transform: rotate(51deg);
}
.hover .forminputs span{
	display: block;
    margin: 5px 0 10px;
}


.pd20{
	padding:20px 0;
	min-height:50vh;
}
.breadcrumb{
	font-size: .75em;
	color:#999;
}
.breadcrumb a{
	color:#999;
}

.vkicon{
	position:fixed;
	right:20px;
	bottom:20px;
	display:flex;
	align-items:center;
	overflow: hidden;
    color: #fff;
    text-decoration: none;
    background: #0078ff;
    border-radius: 10px;
    padding: 0 10px 0 0;
    font-size: .75em;
	z-index:1;
}
.vkicon img{
	width:100%;
	width:38px;
	height:38px;
	border-radius:100%;
}

.serviceslinks{
	margin:20px 0 40px;
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
}
.serviceslinks a{
	background: #f7f7f7;
    color: #333;
    padding: 8px 15px;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    text-decoration: none;
    font-size: .875em;
}
.serviceslinks a:hover{
	background:#1fb141;
	color:#fff;
}


@media screen and (max-width:1230px){
	.wdth960{
		padding: 0 20px;
		max-width: 964px;
	}
	.loko{
		padding: 50px 0;
	}
	h1 {
		font-size: 2.5em;
	}
	.lokofon1{
		left: calc(100% + 57px);
		height: calc(100% + 50px);
		bottom: -25px;
	}
	.left-block{
		max-width: 560px;
	}
	.servicebox{
		margin: 0 auto;
		max-width: 100%;
		border-radius: 0;
	}
	.remontusl{
		display: block;
	}
	.remontusltext {
		width: 100%;
		text-align: center;
	}
	.remontuslbox{
		width: 100%;
		max-width: 800px;
		margin: 20px auto 0;
	}
	.wwbox {
		margin: 20px 0;
	}
	.offer {
		font-size: 1.125em;
	}
	.strelka{
		display:none;
	}
	.inputmask input{
		font-size: 1em;
		width: 135px;
	}
	.inputmask{
		width: 207px;
	}
	.buttons{
		padding: 20px;
	}
	.servicebox .h2, h2{
		font-size: 2em;
	}
	h2.h22 {
		font-size: 1.25em;
	}
	.serviceline{
		align-items: flex-start;
	}
	.servdescr {
		width: calc(100% - 350px);
	}
	.serviceline img {
		width: 300px;
	}
	.wwline{
		font-size: .75em;
	}
	.wwline img {
		width: 36px;
		margin: 0 7px 0 0;
	}
	.offer a{
		font-size: 1.125em;
		margin: 5px;
	}
	
}
@media screen and (max-width:968px){
	.loko {
		min-height:10vh;
	}
	body{
		padding: 50px 0 0;
	}
	.wdth960{
		max-width: 769px;
	}
	.left-block {
		max-width: 468px;
	}
	.lokofon1 {
		left: calc(100% + 25px);
	}
	h1 {
		font-size: 2.25em;
	}
	.offer {
		font-size: 1em;
		line-height: 1.2;
	}
	.forminputs span{
		display:none;
	}
	.logotip img {
		width: 50px;
	}
	.servicebox .h2, h2 {
		font-size: 1.75em;
	}
	.serviceline{
		flex-wrap: wrap;
	}
	.servdescr {
		width: 100%;
		order: 2;
	}
	.serviceline img {
		width: 100%;
    order: 1;
    /* display: none; */
    max-height: 200px;
    max-width: 400px;
	}
	.remontusltext p{
		margin:5px 0;
	}
	.remontuslline p{
		margin: 5px 0 0;
		font-size: .875em;
		line-height: 1.2;
	}
}
@media screen and (max-width:769px){
	.wdth960 {
		max-width: 600px;
	}
	.left-block {
		max-width: 600px;
	}
	h1 {
		text-align: center;
	}
	.loko {
		padding: 40px 0 20px;
	}
	
	.lokofon1{display:none;}
	.lokofon2{display:block;}
	.wwbox{justify-content: center;}
	.left-block .offer{
		text-align: center;
	}
	.forminputs{
		justify-content: center;
		margin: 20px 0;
	}
	.price-table {
		font-size: .75em;
	}
	.td-bold {
		font-size: 1em;
	}
	.rasch-wa{
		position: fixed;
		bottom: 20px;
		right: 20px;
		margin: 0;
	}
	.flexprice{
		flex-wrap: wrap;
	}
	.flexpriceline {
		width: 48%;
		text-align: center;
		margin: 40px 0 20px;
	}
	.answer-block {
		width: 48%;
	}
	.answer-block label img{
		height: 140px;
	}
	.vkicon{
		right: 140px;
	}
}
@media screen and (max-width:600px){
	.forminputs{
		width: 100%;
		max-width: 250px;
		margin: 20px auto;
	}
	.inputmask{
		width: 100%;
		margin: 0 0 10px;
		height: 50px;
	}
	.inputmask input {
		width: 100%;
	}
	.forminputs .buttons{
		width: 100%;
		height: 50px;
	}
	h1 {
		font-size: 2em;
		margin: 0 0 40px;
	}
	.servicebox{
		padding: 50px 0;
	}
	.servicebox .h2, h2 {
		font-size: 1.5em;
		text-align: center;
	}
	.offer{
		text-align: center;
	}
	.serviceline img{
		max-width: 100%;
	}
	.servicebox .buttons{
		display:table;
		margin:0 auto;
	}
	.tableoverflow{
		overflow-x: scroll;
	}
	.price-table td{
		line-height: 1.4;
		padding: 10px;
	}
	h2.h22 {
		font-size: 1.25em;
	}
	.servicebox:first-child{
		padding: 20px 0 50px;
	}
}
@media screen and (max-width:460px){
	.vkicon {
		right: 20px;
		bottom: 63px;
		border-radius: 6px;
	}
	.vkicon img {
		width: 32px;
		height: 32px;
	}
	h1 {
		font-size: 1.75em;
		margin: 0 0 20px;
	}
	.remontuslbox{
		flex-wrap:wrap;
	}
	.remontuslline p {
		font-size: .75em;
	}
	.tel{
		background: #fff;
		position: fixed;
		bottom: 10px;
		right: 20px;
		padding: 5px 10px 8px;
		border: 1px solid #ddd;
		border-radius: 8px;
		text-align: revert;
	}
	.tel a {
		font-size: 1.125em;
	}
	.header__phone__online {
		font-size: .65em;
		margin: 2px 0 0;
	}
	.rasch-wa{
		top: 6px;
		bottom: auto;
		right: 10px;
	}
	.servicebox .h2, h2 {
		font-size: 1.35em;
	}
	h4 {
		font-size: 1em;
	}
	h2.h22 {
		font-size: 1.125em;
	}
	header .wdth960 {
		padding: 0;
	}
	.wdth960 {
		padding: 0 10px;
	}
	.loko {
		padding: 30px 0 20px;
	}
	.lokofon2 {
		width: calc(100% + 20px);
		margin: 0 0 0 -10px;
	}
	.servicebox ul, .servicebox ol{
		font-size: .875em;
	}
	.flexpriceline{
		margin: 20px 0;
	}
	.flexpriceline p {
		font-size: .875em;
		line-height: 1.2;
	}
}
@media screen and (max-width:420px){
	.wwline span, .wwline br{
		display:none;
	}
	.answer-block label img {
		height: 100px;
	}
	.answer-block{
		margin: 0 2% 10px 0;
	}
	.offer {
		font-size: .875em;
	}
	.q-question{
		margin: 0 0 0 10px;
	}
	.quiz-main{
		border-radius: 20px;
		margin: 20px 0 0;
	}
	.answer-block {
		width: 48%;
	}
	.answer-block label img{
		height: 100px;
	}
	.quiz-main-button, .quiz-button, .prev-page{
		padding: 10px 30px;
		font-size: .875em;
	}
}
@media screen and (max-width:390px){
	h1 {
		font-size: 1.5em;
	}
	.servicebox .h2, h2 {
		font-size: 1.25em;
	}
	h2.h22 {
		font-size: 1.1em;
	}
	
}