@font-face {
	font-family: 'TT Norms';
	src: local('TT Norms Light'), local('TT-Norms-Light'),
		url('../fonts/TTNorms-Light.woff2') format('woff2'),
		url('../fonts/TTNorms-Light.woff') format('woff'),
		url('../fonts/TTNorms-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Light Italic'), local('TT-Norms-Light-Italic'),
        url('../fonts/TTNorms-LightItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-LightItalic.woff') format('woff'),
        url('../fonts/TTNorms-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Regular'), local('TT-Norms-Regular'),
        url('../fonts/TTNorms-Regular.woff2') format('woff2'),
        url('../fonts/TTNorms-Regular.woff') format('woff'),
        url('../fonts/TTNorms-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Medium'), local('TT-Norms-Medium'),
        url('../fonts/TTNorms-Medium.woff2') format('woff2'),
        url('../fonts/TTNorms-Medium.woff') format('woff'),
        url('../fonts/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Medium Italic'), local('TT-Norms-Medium-Italic'),
        url('../fonts/TTNorms-MediumItalic.woff2') format('woff2'),
        url('../fonts/TTNorms-MediumItalic.woff') format('woff'),
        url('../fonts/TTNorms-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'TT Norms';
    src: local('TT Norms Bold'), local('TT-Norms-Bold'),
        url('../fonts/TTNorms-Bold.woff2') format('woff2'),
        url('../fonts/TTNorms-Bold.woff') format('woff'),
        url('../fonts/TTNorms-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
body{
	font-family: 'TT Norms';
}
.bt{
	padding-bottom: 40px;
	text-align: center;
}
.bt a{
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
	background-color: #e3e4e8;
	color: black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	padding: 5px;
	margin-bottom: 3px;
	transition:0.3s all;
}
.bt a:hover{
	background: #FE8346;
	color:#fff;
}
header{
	padding: 15px 0;
}
header .time{
	display: table;
}
header .time>div{
	display: table-cell;
}
header .time .right{
	padding-left: 10px;
}
header .time .bot{
	font-size: 12px;
	color: #0063C4;
	font-weight: 400;
}
header .phone a{
	font-size: 24px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.logo .img-fluid{
	height: 72px;
}
header .phone{
	text-align: right;
}
header .phone .bot{
	color: #0063C4;
	font-size: 12px;
}
.button{
	font-size: 18px;
	font-weight: 500;
	color: #fff !important;
	text-decoration: none;
	display: inline-block;
	border:none;
	cursor: pointer;
	transition:0.3s all;
}
.button:hover{
	transform: scale(1.03);
}
.green{
	background: linear-gradient(180deg, #25A43A 0%, #08B862 100%);
	border-radius: 8.38565px;
	padding: 20px 30px;
	box-shadow: inset 0px -4px 4px rgba(0, 0, 0, 0.25);
}
.orange{
	font-size: 22px;
	background: linear-gradient(180deg, #FF9451 0%, #FE8346 100%);
	border-radius: 12.2422px;
	box-shadow: inset 0px -4.89686px 4.89686px rgba(0, 0, 0, 0.25);
	padding: 20px 30px;
}
header .button{
	float: right;
}
#menu{
	border-top: 1px solid #878787;
	border-bottom: 1px solid #878787;
	position: relative;
	z-index: 2;
}
#menu ul{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
#menu ul li {
	display: inline-block;
}
#menu ul li a{
	font-size: 14px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	display: block;
	padding: 12px 25px;
	transition:0.3s all;
}
#menu ul li a:hover{
	background: #fff;
}
#block-1{
	background: url("../images/block-1.jpg") top center no-repeat;
	padding: 250px 0 150px;
	margin-top: -147px;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-1.l2{
	background: url("../images/block-1-2.jpg") top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-1 .text{
	color: #878787;
	position: relative;
}
#block-1 .text:after{
	content: '';
	display: block;
	width: 208px;
	height: 57px;
	background: url("../images/arrow.png");
	position: absolute;
	left: -140px;
	bottom: -70px;
}
#block-1 .tit{
	font-size: 32px;
	line-height: normal;
	margin-bottom: 15px;
}
#block-1 .tit span{
	text-transform: uppercase;
	font-size: 42px;
	font-weight: bold;
}
#block-1 .sub{
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FF783E;
	line-height: normal;
	margin-bottom: 20px;
}
#block-1 ul{
	list-style:none;
	padding: 0;
	margin: 0;
	font-size: 18px;
	font-weight: 500;
	font-family: Lora;
	font-style: italic;
	margin-bottom: 40px;
}
#block-1 ul li{
	position: relative;
	padding-left: 25px;
	margin-bottom: 5px;
}
#block-1 ul li:before{
	content: '';
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/mark.svg") center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 6px;
}
.p{
	padding: 60px 0;
}
.title{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: normal;
}
.sub{
	font-size: 25px;
	margin-bottom: 30px;
}

#block-2{
	background: url("../images/block-2.jpg") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-2 .table-responsive{
	margin-bottom: 40px;
}
#block-2 table{
	background: #fff;
	text-align: center;
	line-height: normal;
	font-weight: 500;
}
#block-2 table td, #block-2 table th{
	border: 1.86479px solid #521F00;
	vertical-align: middle;
}
#block-2 .table td:first-child, #block-2 th:first-child{
	text-align: left;
}
#block-2 .table th{
	font-weight: normal;
	color: #fff;
}
#block-2 .table tr:first-child{
	background: url("../images/block-7.jpg") top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-2 .table a{
	color: #FF9451;
	font-style: italic
}
#block-3{
	background: url("../images/block-3.jpg") top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-3 .title{
	margin-bottom: 30px;
}
#block-3 .title span{
	color: #FE8346;
	font-weight: normal;
}
#block-3 ul{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 25px;
	margin-top: 20px;
}
#block-3 ul li{
	position: relative;
	padding-left: 40px;
}
#block-3 ul li:before{
	content: '';
	display: block;
	width: 26px;
	height: 26px;
	background: url("../images/mark.svg") center center no-repeat;
	position: absolute;
	top: 5px;
	left: 0;
}
#block-4{
	background: url("../images/block-4.jpg") center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#block-5{
	background: url("../images/block-5.jpg") top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	padding: 100px 0;
}
#block-5 .text{
	font-size: 25px;
}
#block-5 .text a{
	color: #25A43A;
}
#block-5 .text strong{
	font-weight: 500;
}
#block-5 .text p:first-child{
	padding-right: 130px;
}
#block-5 .w{
	position: relative;
	padding-right: 130px;
	margin-bottom: 40px;
}
#block-5 .w:after{
	content: '';
	display: block;
	width: 100px;
	height: 100px;
	background: url("../images/watsapp.png") center center no-repeat;
	position: absolute;
	right: 15px;
	top: -70px;
}
#block-5 .form{
	background: #FFFFFF;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
	border-radius: 11px;
	padding: 30px;
}
#block-5 .form .tit{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}
#block-5 .form .sub{
	font-size: 18px;
}
#block-5 .form .form-control{
	background: #ECF5FF;
	border:none;
	font-size: 18px;
	text-align: center;
	padding: 20px;
	position: relative;
}
#block-5 .form .text{
	font-size: 14px;
	margin: 20px 0 40px;
}
#block-5 .pol{
	font-size: 14px;
	margin-top: 15px;
}
#block-5 .button{
	display: block;
	text-align: center;
	width: 100%;
}
#block-5 .top{
	position: relative;
	padding-right: 160px;
	line-height: normal;
}
#block-5 .top:after{
	content: '';
	display: block;
	width: 164px;
	height: 283px;
	background: url("../images/form.png") center center no-repeat;
	position: absolute;
	right: -45px;
	bottom: -50px;
}
#block-6{
	background: url("../images/block-6.jpg") top center no-repeat;
}
#block-6 .block{
	background: #F9F0E4;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
	border-radius: 15px;
	padding: 15px;
}
#block-6 .block .tit{
	font-size: 25px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 15px;
}
#block-6 .block .text{
	line-height: normal;
	margin: 15px 0 10px;
}
#block-6 .block{
	min-height: 440px;
}
#block-7{
	background: url("../images/block-7.jpg") top center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}
#block-7 .sub{
	font-size: 24px;
	font-family: "TT Norms";
	font-weight: 500;
}
#block-7 .sub span{
	font-weight: 700;
}
.stps{
	font-weight: bold;
	font-size: 14px;
	font-size: 20px;
}
.stps span{
	
}
.progress{
	background: #FFFFFF;
	border: 0.5px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 15px;
	height: 20px;
	width: 700px;
	position: relative;
}
.progress:after{
	content: '';
	display: block;
	background: #17AE4E;
	border-radius: 15px;
	left: 0;
	top: 0;
	bottom: 0;
	transition:0.3s all;
}
.progress.st-1:after{
	width: 25%;
}
.progress.st-2:after{
	width: 50%;
}
.progress.st-3:after{
	width: 75%;
}
.progress.st-4:after{
	width: 100%;
}
#quiz .tit{
	font-size: 38px;
	margin-bottom: 40px;
}
#quiz .block{
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	color: #817A7A;
	padding: 18px;
	padding-left: 80px;
	margin-bottom: 30px;
	cursor: pointer;
	position: relative;
	transition: 0.3s all;
}
#quiz .block:after{
	content: '';
	display: block;
	background: #C4C4C4;
	width: 30px;
	height: 30px;
	border-radius:50%;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	left: 15px;
	border:8px solid #fff;
	filter: drop-shadow(0px 4.99654px 4.99654px rgba(0, 0, 0, 0.25));
	transition: 0.3s all;
}
#quiz .block.active{
	border: 1px solid #16D27D;
}
#quiz .block.active:after{
	background: #2A89E8;
}
#quiz .button{
	font-size: 24px;
	margin-top: 20px;
	padding: 25px 50px;
	cursor: pointer;
}
.sb{
	font-weight: bold;
}
#block-7 .top{
	margin-bottom: 40px;
}
#block-7 .gft{
	background: #FFFAFA;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 15px;
	overflow: hidden;
}
#block-7 .gft .tit{
	font-size: 24px;
	font-weight: bold;
	color: #333;
}
#block-7 .gft .wrp{
	padding: 30px;
}
#block-7 .gft ul{
	padding: 0;
	margin: 0;
	font-weight: 500;
	color: #878787;
	list-style: none;
}
.gft img{
	width: 100%;;
}
#block-7 .gft ul li{
	margin-bottom: 10px;
	padding-left: 15px;
	position: relative;
}
#block-7 .gft ul li:before{
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	background: #16D27D;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
#block-7{
	position: relative;
}
#block-8 .block{
	margin-bottom: 20px;
}
#block-8 .button{
	margin-top: 30px;
}
#block-9 {
	position: relative;
}
#block-9 .wrap{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
}
#block-9 .block{
	background: #FFFFFF;
	border-radius: 15px 15px 0px 0px;
	text-align: center;
	margin-top: 40px;
	padding: 30px;
}
#block-9 .block .tit{
	font-size: 29px;
	font-weight: bold;
	line-height: normal;
	margin-bottom: 20px;
}
#block-9 .block .text{
	font-size: 20px;
	font-weight: 300;
	font-style: italic;
	margin-bottom: 30px;
}
#block-9 .block .phone{
	font-size: 30px;
	font-weight: 500;
	margin-bottom: 20px;
}
#block-9 .block .phone a{
	color: #000;
	text-decoration: none;
}
#block-9 .block .mess{
	margin-bottom: 20px;
}
#block-9 .block .mess a{ 
	text-decoration: none;
	display: inline-block;
	margin: 0 4px;
}
#block-9 .block form{
	margin-bottom: 30px;
	position: relative;
	padding-right: 5px;
}
#block-9 form input[type="text"]{
	height: 60px;
	font-size: 18px;
	padding:0 30px;
	display: block;
	width: 100%;
	padding-right: 50px;
	filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.25));
	border: 0.5px solid #C4C4C4;
	border-radius: 5px;
}
#block-9 form input[type="submit"]{
	width: 60px;
	height: 60px;
	border:none;
	overflow: hidden;
	text-indent: -2000px;
	background: #2A89E8 url("../images/phone-button.svg") center center no-repeat;
	box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 0;
}
#block-9 .addr{
	font-weight: bold;
	margin-bottom: 15px;
}
footer{
	padding: 50px 0;
	background: #FF9451;
	color: #fff;
}
footer .mess{
	margin-top: 15px;
}
footer .mess a {
	text-decoration: none;
	display: inline-block;
	margin: 0 4px;
}
footer .mess a img{
	width: 48px;
}
footer .addr{
	font-size: 20px;
	max-width: 350px;
}
footer .phone{
	text-align: right;
}
footer .phone a{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
footer .button{
	font-size: 20px;
	padding: 20px 30px;
}
footer .phone .text{
	font-size: 12px;
}
footer .bot{
	margin-top: 30px;
	text-align: right;
}
footer span{
	color: #fff;
	margin-left: 20px;
}
footer .bot a{
	color: #fff;
}
.modal-header{
	background: #FF9451;
	color: #fff;
}
.modal-title{
	font-size: 18px;
	font-weight: 500;
}
.modal-body{
	border-radius: 0;
}
.modal .button{
	display: block;
	width: 100%;
}
.modal .form-control{
	height: 45px;
	border-radius: 0;
}
#quiz .bot{
	font-size: 18px;
}
#quiz .form-control{
	border-radius: 5px;
	height: 65px;
	box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.25);
	font-size: 18px;
	padding: 0 20px;
}
#quiz textarea.form-control{
	padding-top: 15px;
	height: 154px;
}
#m-menu{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 230px;
	background: #fff;
	z-index: 5;
	margin-left: -230px;
	transition:0.3s all;
}
#m-menu.active{
	margin-left: 0;
}
#m-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 20px;
	padding: 40px 20px;
}
#m-menu ul li a{
	display: block;
	text-align: center;
	text-decoration: none;
	color: #333;
}
#quiz .tit{
	line-height: normal;
}
#quiz .step{
	display: none;
}
#quiz .step.current{
	display: block;
}
#quiz .blue{
	display: block;
	text-align: center;
	width: 100%;
}
.f-logo {
	display: block;
	height: 75px;
	width: 210px;
}
.t-dost{
	display: none;
}
#sort{
	background: url("../images/sort.jpg") center center no-repeat;
}
#sort .block{
	margin-bottom: 20px;
	background: #F9F0E4;
	border-radius: 20px;
	filter: drop-shadow(4px 6px 8px rgba(0, 0, 0, 0.23));
}
#sort .block a{
	text-decoration: none;
	line-height: normal;
	padding: 15px;
	min-height: 115px;
}
#sort .block .tit{
	font-size: 20px;
	text-transform: uppercase;
	color: #090909;
	font-weight: bold;
	margin-bottom: 10px;
}
#sort .block .price{
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	color: #CA3D01;
}
@media(max-width:1400px){
	#block-1 .text{
		font-size: 14px;
	}
}
@media(max-width:1200px){
	header .button{
		font-size: 15px;
		padding: 15px;
	}
	#block-9 .block .text{
		font-size: 16px;
	}
	footer .addr{
		font-size: 16px;
		max-width: 260px;
	}
	footer .bot span{
		display: block;
	}
	footer .button{
		margin-top: 10px;
	}
	.progress{
		width: 100%;
	}
}
@media(max-width:992px){
	#block-1 .text{
		margin-top: 15px;
	}
	#block-1 .text:after{
		display: none;
	}
	#block-1{
		padding: 200px 0 50px;
	}
	#block-1 .tit{
		font-size: 20px;
	}
	#block-1 .tit span{
		font-size: 33px;
	}
	#block-1 .sub{
		font-size: 20px;
	}
	.title{
		font-size: 30px;
	}
	.sub{
		font-size: 18px;
	}
	#block-3 ul{
		font-size: 18px;
		margin-top: 0;
	}
	#block-3 ul li:before{
		width: 20px;
		height: 20px;
		-webkit-background-size: cover;
		background-size: cover;
	}
	#block-5 .w{
		padding: 0;
	}
	#block-5 .w:after{
		position: static;
		margin-top: 20px;
	}
	#block-5 .text p:first-child{
		padding: 0;
	}
	#block-5 .text{
		font-size: 18px;
	}
	#block-5 .form .top{
		padding-right: 90px;
	}
	#block-5 .form .top:after{
		width: 127px;
		height: 235px;
		-webkit-background-size: cover;
		background-size: contain;
		right: -40px;
	}
	#block-5 .form .tit{
		font-size: 25px;
	}
	#block-5 .form .text{
		margin-bottom: 15px;
	}
	#block-5 .form .button{
		font-size: 16px;
		padding-left: 15px;
		padding-right: 15px;
		text-align: center;
	}
	#block-5 .form .form-control{
		font-size: 16px;
	}
	footer .bot{
		font-size: 13px;
	}
	footer .button{
		font-size: 17px;
	}
}
@media(max-width:768px){
	header{
		border-bottom: 1px solid #ccc;
		z-index: 2;
		position: relative;
	}
	header .phone a{
		font-size: 18px;
	}
	header .phone img{
		margin-right: 5px;
	}
	header .phone .bot{
		display: none;
	}
	.toggler{
		width: 50px;
		height: 50px;
		background: url("../images/toggler.svg") center center no-repeat;
		cursor: pointer;
		float: right;
	}
	#block-1, #block-1.l2{
		margin-top: -80px;
		background: url("../images/block-1-m.jpg") center center no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		padding-top: 130px;
	}
	#block-1 ul{
		margin-bottom: 0;
	}
	#block-1 .img{
		margin-bottom: 15px;
	}
	.p{
		padding: 40px 0;
	}
	.button{
		font-size: 20px;
	}
	#block-3 ul{
		margin-bottom: 20px;
	}
	#block-5{
		padding: 40px 0;
	}
	#block-6 .block{
		margin-bottom: 20px;
	}
	#quiz .tit{
		font-size: 30px;
	}
	#quiz .button{
		font-size: 20px;
		padding:20px 30px;
	}
	#block-7 .gft{
		margin-top: 20px;
	}
	#block-9 .block .text{
		font-size: 16px;
		margin-bottom: 10px;
	}
	#block-9 .block .phone a{
		font-size: 20px;
	}
}
@media(max-width:576px){
	header .phone{
		text-align: center;
		margin-top: 10px;
	}
	.logo{
		display: block;
		max-width:200px;
	}
	#block-1, #block-1.l2{
		margin-top: -122px;
		padding-top: 170px;
		text-align: center;
	}
	#block-1 .tit span{
		font-size: 26px;
	}
	#block-1 ul{
		text-align: left;
	}
	.button{
		font-size: 18px;
	}
	#block-3 .title{
		text-align: center;
	}
	#block-3 ul li{
		font-size: 17px;
		margin-bottom: 10px;
	}
	.img-s{
		margin-bottom: 15px;
		text-align: left;
	}
	#block-4 .img{
		margin-bottom: 15px;
	}
	#block-5 .w{
		margin-bottom: 20px;
	}
	#block-5 .w:after{
		margin: auto;
		margin-top: 20px;
	}
	#block-6 .block{
		min-height: auto;
	}
	#block-9 .block{
		padding:20px 15px;
	}
	footer .mess a img{
		width: 40px;
	}
	footer .mess{
		margin-bottom: 15px;
	}
	footer, footer .phone, footer .bot {
		text-align: center;
	}
	footer .phone{
		margin: 20px 0;
	}
	footer .bot span{
		margin-left: 0;
	}
	footer .addr{
		max-width: 100%;
	}
	#sort .block .tit, #sort .block .price{
		font-size: 16px;
	}
	#sort .block .tit{
		margin-bottom: 4px;
	}
	#sort .block a{
		min-height:1px;
	}
}