/*@font-face {
    font-family: 'Stem';
    src: url('../fonts/Stem-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}*/

@font-face {
    font-family: 'Stem';
    src: url('../fonts/Stem-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Stem';
    src: url('../fonts/Stem-SemiLight.ttf');
    font-weight: 350;
    font-style: normal;
}

@font-face {
    font-family: 'Stem';
    src: url('../fonts/Stem-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

* {
	margin: 0;
	padding: 0;
	outline:none;
	box-sizing: border-box;
}


html {
	min-height: 100%;
	height: 100%;
	background: #EFEFEF;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font: 12px/18px 'Stem', sans-serif;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: #EFEFEF;
}
a {
	color:#065D8A;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;


}

.container{
	display: flex;
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
	padding: 0 70px;
	height: 100%;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 60px;
	background: #fff
}

#header .container{
	align-items: center;
	justify-content: space-between;
	height: 100%
}

#logo{
	background: url(../img/logo.png) 50% 0 no-repeat;
	display:block;
	width:100px;
	height:82px;
}

#logo img{
	display: block;
}

.top_menu{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	color: #000000;
	display: flex;
}

.top_menu a{
	color: inherit;
	margin-left: 39px;
}

.top_banner{
	height: 640px;
	background: url(../img/img1.png) calc(50% + 338px) 53px no-repeat;
	border-bottom: 1px solid #B7B3C8;
}

.top_banner .container{
	flex-direction: column;
	justify-content: center;
}

.top_banner_title{
	font-weight: 500;
	font-size: 66px;
	line-height: 70px;
	letter-spacing: 0.02em;
	margin-bottom: 30px
}

.top_banner_title span{
	color:#EC702E;
}

.top_banner_desc{
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: #000000;
}



.strah_block{
	padding: 70px 0 102px;
	background: url(../img/img2.png) calc(50% + 338px) calc(100% + 2px) no-repeat;
	border-bottom: 1px solid #B7B3C8;
}

.strah_block2{
	padding: 70px 0 248px;
	background: url(../img/img3.png) calc(50% + 280px) 100% no-repeat;
	border-bottom: none
}

.preem_block{
	padding: 70px 0 146px;
	background: url(../img/preem.png) calc(50% - 240px) calc(100% + 2px) no-repeat;

}

.otkaz_block1{
	padding: 70px 0 53px;
	background: url(../img/otkaz_block1.png) calc(50% + 330px) 100% no-repeat;
}

.preem_block .strah_block_ul{
	margin-left: 692px
}

.strah_block .container{
	flex-direction: column;
	justify-content: center;
}

.strah_block_title{
	font-weight: 500;
	font-size: 50px;
	line-height: 54px;
	letter-spacing: 0.02em;
	margin-bottom: 60px
}

.strah_block_ul{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
}

.strah_block_ul li{
	margin-bottom: 30px;
	list-style:none;
	position: relative;
	padding-left: 31px;
}

.strah_block_ul li:before{
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	background: #EC712E;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
}

.strah_block_ul li:last-child{
	margin-bottom: 0;
}

.footer{
	background: #FFFFFF;
	padding: 71px 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	color: #6B6B77;
}

.footer .container{
	justify-content: space-between;
}

.footer a{
	color: inherit;
}


.contact_block{
	padding: 70px 0 58px;
	background: url(../img/img4.png) calc(50% + 260px) 114px no-repeat;
	border-bottom: 1px solid #B7B3C8;
}

.contact_block .container{
	flex-direction: column;
	justify-content: center;
}

.contact_block_title{
	font-weight: 500;
	font-size: 50px;
	line-height: 54px;
	letter-spacing: 0.02em;
	margin-bottom: 60px
}

.contact_desc{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: #000000;
	margin-bottom: 20px;
}

.contact_phone{
	font-style: normal;
	font-weight: 500;
	font-size: 50px;
	line-height: 54px;
	letter-spacing: 0.02em;
	color: #EE7730;
	margin-bottom: 58px;
}

.contact_phone a{
	color: inherit;
}

.qr_title{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}

.qr_code img{
	display: block;
}

.btn{
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: 0.02em;
	width: 300px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 16px;
}

.button1{
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #8F9BA2;
}


.button2{
	color: #fff;
	background: linear-gradient(180deg, #EB6F2D 0%, #FFAE42 100%);

}

.strah_block_buttons{
	display: flex;
	margin-top: 42px;
	gap:20px;
}

.menu_trigger{
	display: none;
	flex-direction: column;
	width: 23.5px;
	height: 23px;
	justify-content: space-between;
	padding: 6px 3px;
	cursor: pointer;
}

.menu_trigger span{
	height: 2px;
	display: block;
	background: #CDCDCD;
}

body.noscroll .menu_trigger span{
	background: #DF6E37;
}

body.noscroll{
	overflow: hidden;
}

.overlay{
	background: rgba(223, 110, 55, 0.3);
	backdrop-filter: blur(5px);
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 900;
	position: fixed;
	display: none
}


body.noscroll .overlay{
	display: block;
}


.copyright br{
	display: none;
}

.mob_show{
	display: none
}

.otkaz_small_desc{
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.02em;
	margin-top: 30px;
}

.otkaz2_block_title{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	margin-bottom: 60px;
}

.otkaz_block2{
	background: none;
	padding: 60px 0 46px;
}


.otkaz_label{
	position: relative;
	margin-bottom: 30px;
	font-style: normal;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #000000;
	padding-left: 37px;
	cursor: pointer;
}

.otkaz_label .checkbox{
	position: absolute;
	background: #FFFFFF;
	border-radius: 2px;
	width: 20px;
	height: 20px;
	border:solid 2px #EB6F2D;
	left: 0;
	top: 2px;
}

.otkaz_label input{
	display: none
}

.otkaz_label :checked~.checkbox{
	background: url(../img/checked.png) 50% 50% no-repeat #fff;
}

.otkaz_label:last-of-type{
	margin-bottom: 0
}

.otkaz_block_desc{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.02em;
	margin-bottom: 70px
}

.otkaz_block3{
	padding: 120px 0 250px;
	background: url(../img/otkaz_block3.png) calc(50% + 325px) 100% no-repeat;
}

.strah_block.otkaz_block4{
	padding: 180px 0 250px;
	background: url(../img/otkaz_block4.png) calc(50% + 330px) 100% no-repeat #FFF2E7;
}

.otkaz_block_desc_phone{
	font-weight: 700;
	color: inherit;
}

@media screen and (max-width: 1279px){
	.container{
		padding: 0 20px
	}

	.preem_block .strah_block_ul{
		margin-left: 520px
	}
}

@media screen and (max-width: 1023px){
	.preem_block .strah_block_ul{
		margin-left: 300px
	}
}

@media screen and (max-width: 767px){
	.menu_trigger{
		display: flex;
	}

	.container{
		padding: 0 20px
	}

	#header{
		height: 48px;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 999;
	}

	.top_menu{
		position: absolute;
		background: #FFFFFF;
		top: 47px;
		left: 0;
		flex-direction: column;
		width: 100%;
		padding: 32px;
		display: none;
		z-index: 999;
	}

	.top_menu.active{
		display: flex;
	}

	.top_menu a{
		margin-left: 0;
		margin-bottom: 20px;
	}

	.top_menu a:last-child{
		margin-bottom: 0
	}

	.footer .container{
		flex-direction: column-reverse;
	}

	.footer{
		padding: 30px 20px;
		text-align: center;
	}

	.copyright{
		padding-top: 40px;
		
		font-weight: 350;
		font-size: 12px;
		line-height: 16px;

	}

	.copyright br{
		display: block;
	}

	.footer_tel{
		padding-bottom: 40px;
		border-bottom: 1px solid #DADADA;
	}



	body.noscroll .footer{
		z-index: 999;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.top_banner_title{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 10px
	}

	.top_banner{
		height: auto;
		padding: 30px 0 380px;
		background-size: 240px auto;
		background-position: 50% 100%;
	}

	#wrapper{
		padding-top: 48px;
	}

	.top_banner_desc{
		font-size: 14px;
		line-height: 18px;
	}

	.top_banner_desc br{
		display: none;
	}

	.strah_block{
		padding: 30px 0 30px;
		background: none
	}

	.strah_block_title{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 20px
	}

	.strah_block_ul{
		font-size: 14px;
		line-height: 18px;
	}

	.strah_block_ul li{
		margin-bottom: 15px;
		padding-left: 20px;
	}

	.strah_block_ul li:before{
		width: 10px;
		height: 10px;
	}

	.strah_block_buttons{
		margin-top: 20px;
		flex-direction: column;
	}

	.btn{
		width: 100%;
	}

	.mob_show{
		display: block;
	}

	.strah_block_mob_img{
		margin: 20px auto 0
	}

	.about_block_mob_img{
		margin: 30px auto 30px
	}

	.contact_block{
		background: none;
		padding: 30px 0;
	}

	.qr_code{
		display: none;

	}

	.contact_block_title{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 30px
	}

	.contact_desc{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 20px;
	}

	.contact_phone{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 20px;
	}

	.qr_title{
		font-size: 14px;
		line-height: 18px;
		margin-bottom: 30px;
	}

	.contact_block_mob_img{
		margin: 0 auto
	}

	.preem_block .strah_block_ul{
		margin-left: 0px
	}

	.preem_block_mob_img{
		margin:30px auto 0;
	}

	.otkaz_block_desc{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 30px
	}

	.strah_block.otkaz_block4{
		background-image: none;
		padding: 30px 0
	}

	.otkaz_block_desc_phone{
		white-space: nowrap;	
	}

	.otkaz_block_desc br{
		display: none;
	}

	.otkaz2_block_title{
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 30px;
	}

	.otkaz_label{
		margin-bottom: 15px;
		font-size: 14px;
		line-height: 18px;
		padding-left: 30px
	}

	.otkaz_label br{
		display: none;
	}

	.otkaz_small_desc{
		font-size: 12px;
		line-height: 16px;
	}

	.otkaz_block1 .strah_block_title{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 10px
	}
}