/* styles */
html,
body{
	overflow-x: hidden;
}
body {
	min-width: 320px;
	background: #fff;
	font-family: 'AvenirNextCyr', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5em;
	color: #333;
	cursor: default;
}

header, section, footer {
	margin: 0 auto;
	max-width: 1920px;
}

.wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 960px;
}
.wrapper.nopad{
	padding: 0;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
}

b {
	font-weight: 700;
}

/*form*/
.main_form input{
	border: none;
	background: #f3f4f6;
	width: 100%;
	height: 56px;
	border-top: 1px solid #cfd0d1;
	font-size: 16px;
	font-family: 'AvenirNextCyr', sans-serif;
	color: #333;
	border-radius: 28px;
	margin-bottom: 15px;
	text-align: center;
}
.main_form ::-webkit-input-placeholder {
	color: #333;
}
.main_form ::-moz-placeholder {
	color: #333;
}
.main_form :-moz-placeholder {
	color: #333;
}
.main_form :-ms-input-placeholder {
	color: #333;
}
.main_form :focus::-webkit-input-placeholder {
	color: transparent;
}
.main_form :focus::-moz-placeholder {
	color: transparent;
}
.main_form :focus:-moz-placeholder {
	color: transparent;
}
.main_form :focus:-ms-input-placeholder {
	color: transparent;
}
.main_form .button-m{
	width: 100%;
}

/* button */
.button-m {
	border: none;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	display: block;
	margin: 0 auto;
	width: 280px;
	height: 68px;
	border-radius: 32px;
	background: #fe7eae;
	background: -moz-linear-gradient(top, #fe7eae 0%, #ff0461 60%, #fe7eae 100%);
	background: -webkit-linear-gradient(top, #fe7eae 0%,#ff0461 60%,#fe7eae 100%);
	background: linear-gradient(to bottom, #fe7eae 0%,#ff0461 60%,#fe7eae 100%);
	font-family: 'AvenirNextCyr', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 68px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 4px solid #d8135d;
}
.button-m:active{
	top: 2px;
	background: #ff0461;
	background: -moz-linear-gradient(top, #fe7eae 0%, #ff0461 60%, #ff0461 100%);
	background: -webkit-linear-gradient(top, #fe7eae 0%,#ff0461 60%,#ff0461 100%);
	background: linear-gradient(to bottom, #fe7eae 0%,#ff0461 60%,#ff0461 100%);
}

/* titles */
h2.title {
	font-weight: 700;
	font-size: 36px;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 50px;
	text-transform: uppercase;
}
h2.title>span{
	color: #2a99ec;
}


section{
	padding: 50px 0;
}


/*offer_section*/
.offer_section{
	background: #81bed4 url(../images/offer.jpg) 50% 100% no-repeat;
	padding: 20px 0;
}

.offer_section .wrapper{
	position: relative;
	padding-right: 460px;
}

.main_title{
	font-size: 25px;
	line-height: 1.1em;
	text-transform: uppercase;
	font-weight: 500;
}
.main_title>span{
	font-size: 71px;
	line-height: 1.1em;
	color: #e2c481;
	display: block;
	font-weight: 700;
}

.main_subtitle{
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.4em;
	letter-spacing: 0.6px;
	text-transform: uppercase;
}

.ofr_bull{
	margin-top: 30px;
}
.ofr_bull>li{
	padding-left: 36px;
	position: relative;
	margin-bottom: 15px;
}
.ofr_bull>li:before{
	content: '';
	width: 24px;
	height: 24px;
	background: url(../images/check1.png) 50% 50% no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}

.ofr_problms{
	margin-top: 30px;
	position: relative;
	padding-left: 200px;
}
.ofr_problms>img{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	border-radius: 50%;
	border: 9px solid #fff;
}

.price{
	font-size: 0;
	text-align: center;
}
.price>div{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 12px;
	line-height: 1.2em;
	text-transform: uppercase;
}
.price>div>p{
	font-size: 30px;
	line-height: 1.1em;
	font-weight: 700;
}
.price>div small{
	font-size: 0.8em;
}
.price .old span{
	text-decoration: line-through;
}
.price .new p{
	color: #ff0461;
}

.ofr_problms .button-m{
	margin-top: 20px;
}

.col_tovar{
	text-align: center;
	font-size: 14px;
	margin-top: 12px;
}
.col_tovar:before{
	content: '';
	width: 20px;
	height: 20px;
	background: url(../images/action.png) 50% 50% no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin: -2px 8px 0 0;
}

.ofr_box{
	position: absolute;
	top: 10px;
	right: 140px;
}

.sale{
	width: 92px;
	height: 92px;
	background: url(../images/sale.png) 50% 50% no-repeat;
	color: #fff;
	font-weight: 700;
	text-align: center;
	font-size: 10px;
	line-height: 1.2em;
	text-transform: uppercase;
	padding-top: 22px;
	position: absolute;
	top: 50px;
	right: 50px;
}
.sale>span{
	display: block;
	font-size: 21px;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom: -2px;
}

.pulse{
	width: 94px;
	height: 98px;
	background: url(../images/pulse.png) 50% 50% / 100% no-repeat;
	position: absolute;
	top: 195px;
	right: 45px;
}
.pulse>div{
	position: absolute;
	width: 20%;
	height: 20%;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: pulse 2.5s infinite;
}
.pulse>div:nth-child(2){
	animation-delay: 0.5s;
}
@-webkit-keyframes pulse {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(76,175,242, 0.4);
	}
	70% {
		-webkit-box-shadow: 0 0 0 60px rgba(76,175,242, 0);
	}
	100% {
		-webkit-box-shadow: 0 0 0 0 rgba(76,175,242, 0);
	}
}
@keyframes pulse {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(76,175,242, 0.4);
		box-shadow: 0 0 0 0 rgba(76,175,242, 0.4);
	}
	70% {
		-moz-box-shadow: 0 0 0 60px rgba(76,175,242, 0);
		box-shadow: 0 0 0 60px rgba(76,175,242, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(76,175,242, 0);
		box-shadow: 0 0 0 0 rgba(76,175,242, 0);
	}
}

.ofr_box .action{
	width: 110px;
	height: 110px;
	background: #e2c480;
	border-radius: 50%;
	text-align: center;
	font-size: 10px;
	line-height: 1.5em;
	font-weight: 700;
	text-transform: uppercase;
	color: #000;
	padding-top: 13px;
	position: absolute;
	bottom: -20px;
	left: 30px;
}
.ofr_box .action>span{
	font-size: 30px;
	line-height: 1.1em;
	display: block;
	text-decoration: underline;
	margin-bottom: 4px;
}

/*sect2*/
.sect2{
	background: #f5e8d8 url(../images/s2_bg.jpg) 50% 0% no-repeat;
}

.column .right{
	width: 50%;
	float: right;
	padding: 0 10px;
}
.column .left{
	width: 50%;
	float: left;
	padding: 0 10px;
}

.video_block{
	height: 0;
	padding-bottom: 56%;
	position: relative;
	background: #000;
	overflow: hidden;
}
.video_block iframe,
.video_block object,
.video_block embed,
.video_block .youtube{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.sect2 .result{
	border-radius: 10px;
	border: 3px solid #fff;
	display: block;
	margin: 0 0 15px;
}


/*sect3*/
.sect3 img{
	display: block;
}
.list1>li{
	padding-left: 38px;
	position: relative;
	background: url(../images/check2.png) 0% 0% no-repeat;
	margin-bottom: 25px;
}
.list1>li:last-child{
	margin-bottom: 0;
}
.list1>li>b{
	text-transform: uppercase;
	display: block;
}
.sect3 .button-m{
	margin-top: 30px;
	z-index: 5;
}



/*sect4*/
.sect4{
	background: #aadae9 url(../images/s4_bg.jpg) 50% 0% no-repeat;
	min-height: 305px;
	position: relative;
	padding: 0;
}
.sect4:before{
	content: '';
	width: 1920px;
	height: 117px;
	background: url(../images/s4_leg.png) 50% 50% no-repeat;
	position: absolute;
	top: -117px;
	left: 50%;
	margin-left: -960px;
	pointer-events: none;
}
.sect4 .wrapper{
	padding-right: 325px;
}
.sect4 .text{
	float: left;
	width: 385px;
	padding: 60px 35px 0 0;
}
.sect4 p{
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1.5em;
	font-weight: 700;
	text-align: right;
}
.sect4 p>span{
	display: block;
	color: #fff;
}
.sect4 p:after{
	content: '';
	width: 177px;
	height: 32px;
	background: url(../images/star.png) 50% 50% no-repeat;
	display: inline-block;
	margin-top: 20px;
}
.sect4 img{
	float: right;
}



/*sect5*/
.sect5{
	background: #fff url(../images/s5_bg.jpg) 50% 0% no-repeat;
	padding-bottom: 0;
}
.expert{
	width: 781px;
	height: 546px;
	background: url(../images/expert_bg.png) 50% 50% no-repeat;
	margin: 30px auto 0;
	padding: 40px 35px 0 80px;
}

.expert .info{
	margin-bottom: 30px;
	position: relative;
}
.expert .info>img{
	float: left;
	border-radius: 50%;
	border: 4px solid #2a99ee;
}
.expert .info .text{
	overflow: hidden;
	padding: 18px 0 0 22px;
	max-width: 240px;
}
.expert .info .text>span{
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 8px;
}
.expert .info:before{
	content: '';
	width: 214px;
	height: 110px;
	background: url(../images/expert_img.jpg) 50% 50% no-repeat;
	position: absolute;
	top: 20px;
	right: 15px;
	border-radius: 10px;
}

.expert>.text>p:not(:last-child){
	margin-bottom: 15px;
}
.expert>.text:after{
	content: '';
	width: 142px;
	height: 42px;
	background: url(../images/rosp.png) 50% 50% no-repeat;
	margin-top: 30px;
	float: right;
}



/*sect6*/
.benef1{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.benef1>li{
	width: 33.3%;
	padding: 0 10px;
	text-align: center;
}
.benef1>li .img{
	width: 200px;
	height: 200px;
	margin: 0 auto 20px;
	position: relative;
}
.benef1>li .img>img{
	border-radius: 50%;
	display: block;
	border: 7px solid #fff;
	box-shadow: 0 0 0 3px #2a99ee;
}
.benef1>li .img>span{
	width: 58px;
	height: 58px;
	background: #2d6ecf;
	border: 5px solid #fff;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	line-height: 48px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
}
.sect6 .button-m{
	margin-top: 35px;
}


/*sect7*/
.sect7{
	background: #84bdd7 url(../images/s7_bg.jpg) 50% 0% no-repeat;
	padding-bottom: 0;
	margin-bottom: -10px;
}

.sect7 .subtitle{
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	line-height: 1.1em;
	text-align: center;
	margin: -20px 0 40px;
}

.rev_item{
	padding: 25px 20px;
	background: #fff;
	width: 300px;
	min-height: 620px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	margin: 10px auto;
}
.rev_item>img{
	display: block;
	margin: 0 auto 20px;
}
.rev_item .name{
	font-weight: 700;
	text-align: center;
	margin-bottom: 15px;
}
.rev_item .name:after{
	content: '';
	width: 86px;
	height: 14px;
	background: url(../images/rev_star.png) 50% 50% no-repeat;
	display: block;
	margin: 7px auto 0;
}

.reviews .owl-prev,
.reviews .owl-next{
	width: 40px;
	height: 40px;
	background: #fff url(../images/rev_arrow.png) 0% 50% no-repeat;
	border-radius: 50%;
	position: absolute;
	top: 100px;
	box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2);
}
.reviews .owl-prev{
	left: 0;
}
.reviews .owl-next{
	right: 0;
	background-position: 100% 50%;
}


/*sect8*/
.sect8{
	background: url(../images/map_bg.jpg) 50% 0% no-repeat;
}
.order_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.order_list>li{
	text-align: center;
	width: 25%;
	padding: 0 10px;
}
.order_list>li>img{
	display: block;
	margin: 0 auto 15px;
	border-radius: 50%;
}
.order_list>li>h4{
	text-transform: uppercase;
	margin-bottom: 12px;
}
.order_list>li>h4:after{
	content: '';
	width: 20px;
	height: 2px;
	background: #2d6ecf;
	display: block;
	margin: 10px auto 0;
}


/*action_line*/
.action_line{
	background: #ff0461;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	letter-spacing: 1px;
}
.action_line h3{
	text-transform: uppercase;
	font-size: 30px;
	line-height: 1.1em;
}
.action_line h3>span{
	color: #efcb94;
}



/*offer_section.bottom*/
.offer_section.bottom{
	padding-bottom: 0;
}
.bottom .main_title,
.bottom .main_subtitle{
	text-align: center;
}

.formbox{
	width: 320px;
	background: #fff;
	padding: 20px;
	margin: 30px auto 0;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}
.formbox .price{
	margin-bottom: 20px;
}
.formbox .price>div>p{
	font-size: 28px;
	line-height: 1.2em;
}



/*footer*/
.footer_section {
	background: #fff;
	padding: 25px 0;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}
.footer_section img {
	display: block;
	margin: 0 auto 10px auto;
}
.footer_section a {
	color: #333;
}
.footer_section a:hover {
	text-decoration: none;
}


@media screen and (max-width: 959px) {
	html,
	body{
		overflow-x: auto;
	}
	.wrapper{
		width: 660px;
	}
	section{
		padding: 40px 0;
	}
	h2.title{
		font-size: 28px;
		line-height: 1.3em;
		margin-bottom: 35px;
	}
	/*offer_section*/
	.offer_section{
		background: url(../images/offer_tab.jpg) 50% 0% no-repeat;
	}
	.offer_section .wrapper{
		padding-right: 160px;
	}
	.main_title{
		font-size: 22px;
		letter-spacing: 1.5px;
	}
	.main_title>span{
		font-size: 62px;
		letter-spacing: 4px;
	}
	.main_subtitle{
		font-size: 18px;
	}
	.ofr_box{
		width: 213px;
		right: 10px;
	}
	.sale{
		transform: scale(0.8);
		top: 20px;
		right: 20px;
	}
	.pulse{
		width: 66px;
		height: 68px;
		top: 130px;
		right: 35px;
	}
	.ofr_box .action{
		width: 100px;
		height: 100px;
		font-size: 9px;
		padding-top: 9px;
		left: 0;
		bottom: -35px;
	}
	.ofr_box .action > span{
		font-size: 28px;
	}
	.ofr_bull{
		max-width: 430px;
	}
	/*sect2*/
	.column .left,
	.column .right{
		width: 100%;
	}
	.video_block{
		margin-bottom: 30px;
	}
	.sect2 .result{
		margin: 0 auto 30px;
	}
	.sect2 p{
		text-align: center;
	}
	/*sect3*/
	.sect3 .right>img{
		margin: 0 auto 30px;
	}
	/*sect4*/
	.sect4::before {
		display: none;
	}
	.sect4{
		background: #aadae9;
		padding: 40px 0;
	}
	.sect4 .wrapper{
		padding-right: 10px;
	}
	.sect4 .text{
		padding: 0;
		text-align: center;
		width: 100%;
		float: none;
	}
	.sect4 p{
		text-align: center;
	}
	.sect4 p::after {
		display: block;
		margin: 5px auto 0;
	}
	.sect4 img{
		float: none;
		display: block;
		margin: 30px auto 0;
	}
	/*sect5*/
	.sect5{
		background: #f5e8d8;
		padding-bottom: 40px;
		overflow: hidden;
	}
	.expert{
		margin: 20px 0 0 -15px;
		padding: 40px 150px 0 70px;
	}
	.expert .info:before {
		display: none;
	}
	/*sect6*/
	.benef1{
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.benef1>li{
		width: 50%;
		margin-bottom: 30px;
	}
	.benef1>li:last-child{
		margin-bottom: 0;
	}
	/*bottom*/
	.offer_section.bottom .wrapper{
		padding-right: 220px;
	}
}




@media screen and (max-width: 659px) {
	section,
	.sect4{
		padding: 35px 0;
	}
	.wrapper{
		width: 320px;
	}
	h2.title{
		font-size: 24px;
		line-height: 1.2em;
	}
	/*offer_section*/
	.offer_section{
		background: #a7d7e6 url(../images/offer_mob.jpg) 50% 0% no-repeat;
	}
	.offer_section .wrapper,
	.offer_section.bottom .wrapper{
		padding-right: 10px;
	}
	.main_title{
		font-size: 18px;
		text-align: center;
		letter-spacing: normal;
	}
	.main_title > span{
		font-size: 50px;
		letter-spacing: normal;
	}
	.main_subtitle{
		font-size: 14px;
		line-height: 1.5em;
		letter-spacing: normal;
		text-align: center;
	}
	.ofr_box{
		position: relative;
		top: auto;
		right: auto;
		width: auto;
		margin: 40px auto 0;
	}
	.ofr_box .action{
		bottom: -10px;
		left: 30px;
	}
	.sale{
		top: 40px;
		right: 40px;
		transform: none;
	}
	.pulse{
		top: 200px;
		right: 60px;
	}
	.ofr_problms > img{
		width: 144px;
		transform: none;
		top: 340px;
	}
	.ofr_problms{
		position: static;
		padding: 0;
	}
	/*sect5*/
	.sect5{
		padding-bottom: 0;
	}
	.expert{
		width: 640px;
		height: 557px;
		background: url(../images/expert_bg_mob.png) 50% 0% no-repeat;
		margin: 20px 0 0 -170px;
		padding: 25px 170px 0 170px;
	}
	.expert .info > img{
		width: 100px;
	}
	.expert .info .text{
		padding: 15px 0 0 10px;
	}
	.expert .info .text > span{
		font-size: 13px;
		line-height: 1.2em;
	}
	.expert .info .text > p{
		font-size: 14px;
		line-height: 1.3em;
	}
	.expert .info{
		margin-bottom: 15px;
	}
	.expert > .text > p{
		font-size: 14px;
		line-height: 1.4em;
	}
	.expert > .text::after {
		margin-top: 15px;
	}
	/*sect6*/
	.benef1 > li{
		width: 100%;
	}
	/*sect8*/
	.sect8{
		background: #f4f4f4;
	}
	.order_list{
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
	}
	.order_list > li{
		width: 100%;
	}
	/*bottom_line*/
	.action_line h3{
		font-size: 24px;
	}
	/*bottom*/
	.offer_section.bottom{
		padding-bottom: 30px;
	}
	.formbox{
		margin-left: -10px;
	}
}