/* styles */
body {
	min-width: 320px;
	background: #fff;
	font-family: 'Open Sans', 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;
}

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

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

b {
	font-weight: 700;
}

/* button */

.button-m {
	display: block;
	margin: 0 auto;
	width: 300px;
	height: 68px;
	border: none;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 40px;
	background: rgb(230,165,1);
  background: -moz-linear-gradient(top, rgba(230,165,1,1) 0%, rgba(223,123,11,1) 100%);
  background: -webkit-linear-gradient(top, rgba(230,165,1,1) 0%,rgba(223,123,11,1) 100%);
  background: linear-gradient(to bottom, rgba(230,165,1,1) 0%,rgba(223,123,11,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6a501', endColorstr='#df7b0b',GradientType=0 );
	-webkit-box-shadow: 0 5px 0 #b76302;
	-moz-box-shadow: 0 5px 0 #b76302;
	box-shadow: 0 5px 0 #b76302;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 68px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	position: relative;
	letter-spacing: 1px;
	transition: all .3s ease;
}
.button-m:hover {
	background: rgb(226,141,7);
  background: -moz-linear-gradient(top, rgba(226,141,7,1) 77%, rgba(223,124,11,1) 100%);
  background: -webkit-linear-gradient(top, rgba(226,141,7,1) 77%,rgba(223,124,11,1) 100%);
  background: linear-gradient(to bottom, rgba(226,141,7,1) 77%,rgba(223,124,11,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e28d07', endColorstr='#df7c0b',GradientType=0 );
}
.button-m:active {
	-webkit-box-shadow: 0 4px 0 #b76302;
	-moz-box-shadow: 0 4px 0 #b76302;
	box-shadow: 0 4px 0 #b76302;
	top: 1px;
}

/* titles */

h2.title {
	font-weight: 700;
	font-size: 36px;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 30px;
}
h2.title>span{
	color: #2d79bc;
}
.subtitle{
	text-align: center;
	font-weight: 700;
	margin-bottom: 30px;
}
section{
	padding: 40px 0 30px;
}

/*offer_sect*/
.offer_section{
	background: url(offer_bg.jpg) 50% 0% no-repeat;
	min-height: 609px;
	padding-top: 30px;
}
.offer_section .wrapper{
	position: relative;
}
.title_block{
	font-size: 30px;
	line-height: 1.1em;
	font-weight: 300;
	color: #fff;
	letter-spacing: 1px;
	padding: 23px 0 32px 20px;
	width: 360px;
}
.title_block>span{
	font-size: 44px;
	line-height: 1.1em;
	font-weight: 700;
	display: block;
	letter-spacing: 4px;
}
.offer_section .bullets{
	padding: 25px 0 0 65px;
	width: 360px;
}
.offer_section .bullets>li{
	color: #fff;
	line-height: 1.5em;
	margin-bottom: 28px;
	width: 230px;
}
.offer_section .bullets>li:nth-child(2){
	margin-left: 15px;
}
.offer_section .bullets>li:nth-child(3){
	margin-left: 30px;
}
.discount{
	position: absolute;
	top: 194px;
	left: 322px;
	font-size: 18px;
	transform: rotate(13deg);
	text-align: center;
}
.discount>b{
	font-size: 32px;
	line-height: 1.01em;
	display: block;
}
.main_subtitle{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.3em;
	text-align: center;
	width: 270px;
	background: rgba(255,255,255,0.4);
	border: 1px dashed #6f6d69;
	border-radius: 12px;
	padding: 24px 0 30px;
	position: absolute;
	top: 22px;
	right: 25px;
	z-index: 10;
}
.main_subtitle:after{
	content: '';
	position: absolute;
	top: 68px;
	left: -124px;
	width: 170px;
	height: 160px;
	background: url(offer_img.png) 50% 50% no-repeat;
}
.main_subtitle>span{
	color: #2d79bc;
	display: block;
}
.head_top .form_block{
	margin: -185px 0 0 0;
}
.form_block{
	width: 300px;
	border-radius: 12px;
	float: right;
	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 36%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 36%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 36%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
}

.price{
	border-radius: 30px;
	padding: 6px 0 8px;
	background: #fff url(price_bg.png) 50% 50% no-repeat;
	margin-bottom: 10px;
}
.price .item{
	float: left;
	width: 50%;
	font-size: 13px;
	font-weight: 600;
}
.price .item.old{
	text-align: right;
	padding-right: 20px;
	font-weight: 400;
}
.price .item.new{
	padding-left: 20px;
	color: #2d79bc;
	font-weight: 700;
}
.price .item>span{
	font-size: 30px;
	line-height: 1.01em;
	display: inline-block;
}
.price .item>small{
	font-size: 22px;
	text-transform: none;
	display: inline-block;
	text-transform: uppercase;
}
.price .item.old>span{
	text-decoration: line-through;
}

.products_count{
	font-size: 14px;
	text-align: center;
	margin-top: 15px;
}
.products_count>span{
	font-weight: 700;
}

.timer{
	margin-bottom: 10px;
}
.timer h3{
	font-size: 16px;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 400;
	padding-top: 10px;
}
.timer_item{
	float: left;
	width: 33.3%;
}
.count_block{
	width: 63px;
	border-radius: 20px;
	background: #fff;
	margin: 0px auto;
	text-align: center;
	padding: 8px 0;
	position: relative;
	letter-spacing: normal;
}
.count_block:after{
	content: ':';
	font-size: 36px;
	position: absolute;
	line-height: 50px;
	top: 5px;
	right: -23px;
	font-family: 'Open Sans', sans-serif;
}
.timer_item:last-child .count_block:after{
	display: none;
}
.count_block .count{
	font-size: 24px;
	line-height: 1.2em;
	color: #e28e06;
	display: block;
	font-weight: 700;
}
.count_block .text{
	font-size: 13px;
}

/*s2*/
.s2{
	background: url(s2_bg.jpg) 50% 100% no-repeat;
	min-height: 630px;
	padding-top: 30px;
}
.list_4{
	font-size: 0;
	letter-spacing: -1px;
}
.list_4>li{
	display: inline-block;
	width: 220px;
	font-size: 16px;
	letter-spacing: normal;
	vertical-align: top;
	text-align: center;
	margin: 0 20px 20px 0;
}
.list_4>li:nth-child(4n){
	margin-right: 0;
}
.list_4>li>h4{
	font-weight: 700;
	margin-bottom: 10px;
}
.list_4>li>img{
	display: block;
	margin: 0px auto 20px;
}
.s2 .list_4>li>img{
	border-radius: 8px;
}

/*s3*/
.s3{
	background: url(s3_bg.jpg) 50% 0% no-repeat;
	min-height: 620px;
	overflow: hidden;
}
.s3 .title{
	color: #fff;
}
.s3 .title>span{
	display: block;
	color: #333;
	background: #ffee1b;
	padding: 5px 12px 8px;
	border-radius: 8px;
	margin-top: 8px;
	display: inline-block;
}
.s3 .content{
	width: 800px;
	margin: 50px 0 0 140px;
	position: relative;
}
.img{
	position: absolute;
	bottom: -25px;
	left: -170px;
}
.s3 .content .text{
	background: #fff;
	padding: 22px 30px 25px 165px;
	border-radius: 0 12px 0 0;
}
.s3 .content .more_text{
	font-weight: 700;
	padding: 22px 30px 25px 200px;
	border-radius: 0 0 12px 0;
	background: #ffdf1b url(more_text_bg.png) 126px 50% no-repeat;
}

/*s4*/
.s4{
	padding-top: 5px;
  background: rgb(234,234,234);
  background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 33%);
  background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 33%);
  background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 33%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
}
.s4 .content{
	background: #fff url(s4_bg.jpg) 50% 350px no-repeat;
	padding: 20px 0;
	border-radius: 14px;
	margin-top: -110px;
}
.s4 .list_4{
	margin-top: 100px;
	padding: 0 30px;
}
.s4 .list_4>li{
	margin-bottom: 240px;
	width: 205px;
}
.s4 .list_4>li>img{
	border-radius: 50%;
	border: 5px solid #f0f0f0;
}
.s4 .list_4>li:nth-child(2),
.s4 .list_4>li:nth-child(3){
	margin-top: -70px;
}
.s4 .list_4>li:nth-child(6),
.s4 .list_4>li:nth-child(7){
	margin-top: 70px;
}
.s4 .list_4>li:nth-child(5),
.s4 .list_4>li:nth-child(6),
.s4 .list_4>li:nth-child(7),
.s4 .list_4>li:nth-child(8){
	margin-bottom: 30px;
}
.s4 .action{
	width: 780px;
	margin: 0px auto;
}

.action_timer{
	border: 1px solid #f0f0f0;
	border-radius: 50px;
	width: 460px;
	float: left;
	padding: 10px 30px 13px;
}
.action_timer .timer .count_block{
	padding: 0;
}
.action_timer span{
	width: 150px;
	text-align: right;
	float: left;
}
.action_timer .timer{
	width: 220px;
	float: right;
	margin-bottom: 0;
}
.s4 .action .button-m{
	float: right;
}
.s4 .action .count_block::after {
  font-size: 28px;
  line-height: 36px;
  top: 4px;
  right: -7px;
}

/*s5*/
.s5{
	background: #295c8e url(s5_bg.jpg) 50% 0% no-repeat;
	padding-bottom: 0;
	overflow: hidden;
}
.s5 .title{
	color: #fff;
	margin-bottom: 50px;
}
.s5 .title>span{
	background: #f4555b;
	color: #fff;
	padding: 2px 14px 6px;
}
.s5 .content{
	width: 810px;
	position: relative;
	border-radius: 14px 14px 0 0;
	padding: 5px 0 50px 25px;
	background: #fff url(quotes.png) 710px 35px no-repeat;
}
.s5 .content:before{
	content: '';
	width: 366px;
	height: 370px;
	background: url(expert_photo.png);
	position: absolute;
	right: -235px;
	bottom: 0;
	z-index: 5;
}
.s5 .content>p{
	margin-top: 20px;
	padding-right: 135px;
}
.s5 .content .expert_name{
	margin: 0;
	font-weight: 700;
	font-size: 15px;
	background: #f1f1f1;
	padding: 9px 155px 0 23px; 
	height: 48px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 4;
}
.s5 .content .expert_name:before{
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 48px 20px;
	border-color: transparent transparent #f1f1f1 transparent;
	top: 0;
	left: -20px;
}
.desc_hidden{
	display: none;
}
/*s6*/
.s6{
	padding: 0;
}


/*s7*/
.comments{
	padding: 0 46px;
}
.s7 .comm{
	margin-top: 40px;
	background: #f4f4f4;
	color: #2d5984;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	padding: 3px 0;
}
.comments .item{
	padding: 15px 0 17px;
	border-bottom: #e2e2e2 1px solid;
}
.comments .item>img{
	border-radius: 50%;
	float: left;
	margin-top: 6px;
}
.comments .item .text{
	padding: 0 0 0 70px;
	font-size: 14px;
}
.comments .item .text>img{
	display: inline-block;
	margin: 10px 3px 0 0;
}
.comments .item .text>p{
	margin-bottom: 6px;
}
.comments .item .text>p>span{
	font-weight: 700;
	color: #2d5984;
}
.comments .item .info{
	font-size: 12px;
	margin-top: 15px;
}
.item .info .date{
	color: #999999;
	float: left;
	margin-right: 5px;
}
.info .comment_btn{
	float: left;
	color: #2d5984;
}
.info .likes{
	float: right;
	color: #7193b5;
	padding-left: 15px;
	background: url(likes.png) 0% 50% no-repeat;
}

/*s8*/
.s8{
	background: url(s8_bg.jpg) 50% 0% no-repeat;
}
.s8 .list{
	font-size: 0;
	letter-spacing: -1px;
	margin-top: 40px;
}
.s8 .list>li{
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	letter-spacing: normal;
	text-align: center;
	padding: 0 20px;
}
.s8 .list>li>img{
	display: block;
	margin: 0px auto 15px;
}
.s8 .list>li>h4{
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 10px;
}

/*head_bot*/
.head_bot .main_subtitle{
	display: none;
}
.head_bot .form_block{
	margin: -325px 0 0;
}
.bottom_info{
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
	width: 290px;
	font-weight: 700;
	position: absolute;
	top: -10px;
	right: 10px;
}
.bottom_info>span{
	color: #2d79bc;
}
.m1-form input{
	border: none;
	background: #fff;
	width: 100%;
	height: 60px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #464646;
	border-radius: 36px;
	margin-bottom: 10px;
	text-indent: 20px;
}
.m1-form ::-webkit-input-placeholder {
 color: #4a4a4a;
}
.m1-form ::-moz-placeholder {
 color: #4a4a4a;
}
.m1-form :-moz-placeholder {
 color: #4a4a4a;
}
.m1-form :-ms-input-placeholder {
 color: #4a4a4a;
}
.m1-form :focus::-webkit-input-placeholder {
 color: transparent;
}
.m1-form :focus::-moz-placeholder {
 color: transparent;
}
.m1-form :focus:-moz-placeholder {
 color: transparent;
}
.m1-form :focus:-ms-input-placeholder {
 color: transparent;
}

/*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) {
	.wrapper{
		width: 660px;
	}
	h2.title{
		font-size: 30px;
		line-height: 1.3em;
	}
	.offer_section{
		background: url(offer_bg_tablets.jpg) 50% 0% no-repeat;
		min-height: 558px;
	}
	.bullets{
		display: none;
	}
	.title_block > span{
		letter-spacing: 1px;
	}
	.title_block{
		padding-left: 30px;
		letter-spacing: normal;
	}
	.main_subtitle{
		top: 10px;
	}
	.main_subtitle::after{
		display: none;
	}
	.discount{
		top: 294px;
		left: 125px;
	}
	.head_top .form_block{
		margin-top: 40px;
	}
	.list_4 > li,
	.list_4 > li:nth-child(4n){
		width: 50%;
		padding: 0 15px;
		margin: 0 0 40px 0;
	}
	.s2{
		min-height: auto;
		padding-bottom: 5px;
	}
	.s3,
	.s5{
		background: rgb(32,70,118);
    background: -moz-linear-gradient(left, rgba(32,70,118,1) 0%, rgba(82,161,204,1) 100%);
    background: -webkit-linear-gradient(left, rgba(32,70,118,1) 0%,rgba(82,161,204,1) 100%);
    background: linear-gradient(to right, rgba(32,70,118,1) 0%,rgba(82,161,204,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204676', endColorstr='#52a1cc',GradientType=1 );
	}
	.s3 .content{
		width: 100%;
		margin: 40px 0 0;
		background: #fff;
		border-radius: 14px;
		overflow: hidden;
	}
	.tabl_hidden{
		display: none;
	}
	.s3 .content .desc_hidden{
		display: inline-block;
	}
	.s3 .img{
		position: static;
		display: inline-block;
		width: 240px;
		vertical-align: top;
		margin: 20px 0 10px 20px;
	}
	.s3 .content .text{
		width: 360px;
		padding: 22px 45px 25px 23px;
		display: inline-block;
	}
	.s3 .content .more_text{
		padding-left: 90px;
		background: #ffdf1b url(more_text_bg.png) 15px 50% no-repeat;
	}
	.s4{
		background: #fff;
	}
	.s4 .content{
		margin-top: 0;
	}
	.s4 .list_4{
		margin-top: 380px;
	}
	.s4 .content{
		background: #fff url(s4_bg.jpg) 50% 70px no-repeat;
	}
	.s4 .list_4 > li,
	.s4 .list_4 > li:nth-child(2), 
	.s4 .list_4 > li:nth-child(3),
	.s4 .list_4 > li:nth-child(5), 
	.s4 .list_4 > li:nth-child(6), 
	.s4 .list_4 > li:nth-child(7), 
	.s4 .list_4 > li:nth-child(8){
		width: 50%;
		margin-bottom: 30px;
		margin-top: 0;
		padding: 0 25px;
	}
	.s4 .action{
		width: 100%;
	}
	.action_timer{
		float: none;
		margin: 0px auto;
	}
	.s4 .action .button-m{
		float: none;
		margin-top: 20px;
	}
	.s5 .content{
		width: 100%;
		margin-top: 120px;
		padding: 5px 20px 20px;
	}
	.s5 .content:before{
		display: none;
	}
	.s5 .desc_hidden{
		display: block;
		margin: -100px auto 20px;
		border-radius: 50%;
	}
	.s5 .content .expert_name{
		position: static;
		text-align: center;
		background: none;
		padding: 0;
		height: auto;
	}
	.s5 .content > p{
		padding: 0;
		text-align: justify;
	}
	.s5 .content .expert_name:before{
		display: none;
	}
	.s8 .list > li{
		width: 100%;
		margin-bottom: 20px;
	}
	.s8 .list > li > h4,
	.s8 .list > li > p{
		padding: 0 0 0 145px;
		text-align: left;
	}
	.s8 .list > li > img{
		float: left;
		margin-bottom: 0;
	}
	.s8{
		background: #f9f9f9;
	}
	.bottom_info{
		display: none;
	}
	.head_bot .form_block{
		margin: -100px 0 0;
	}
}













@media screen and (max-width: 659px) {
	section{
		padding-top: 25px;
	}
	.wrapper{
		width: 320px;
	}
	h2.title{
		font-size: 23px;
	}
	.offer_section{
		background: #f2f2f2 url(offer_bg_mobiles.jpg) 50% 0% no-repeat;
		min-height: auto;
		padding-bottom: 20px;
	}
	.discount{
		top: 295px;
    left: 110px;
	}
	.title_block{
		padding-left: 20px;
		width: 100%;
	}
	.main_subtitle{
		width: 100%;
		position: static;
		border: none;
		background: none;
		color: #fff;
		text-align: left;
		font-weight: 400;
	}
	.main_subtitle > span{
		color: #fff;
		font-weight: 700;
	}
	.head_top .form_block,
	.head_bot .form_block{
		background: none;
		margin-top: 265px;
	}
	.list_4 > li, 
	.list_4 > li:nth-child(4n){
		width: 100%;
	}
	.s3 .img{
		margin: 20px auto 0;
		display: block;
	}
	.s3 .content .text{
		width: 100%;
		padding: 22px 20px 25px;
		text-align: center;
	}
	.s3 .content .more_text{
		text-align: center;
		padding: 75px 20px 25px;
		background: #ffdf1b url(more_text_bg.png) 115px 15px no-repeat;
	}
	.s4 .content {
    background: #fff url(s4_bg_mobile.jpg) 50% 120px no-repeat;
	}
	.s4 .list_4{
		margin-top: 210px;
	}
	.s4 .list_4 > li, 
	.s4 .list_4 > li:nth-child(2), 
	.s4 .list_4 > li:nth-child(3), 
	.s4 .list_4 > li:nth-child(5), 
	.s4 .list_4 > li:nth-child(6), 
	.s4 .list_4 > li:nth-child(7), 
	.s4 .list_4 > li:nth-child(8){
		width: 100%;
	}
	.action_timer{
		width: 100%;
	}
	.action_timer span{
		float: none;
		width: 100%;
		text-align: center;
		display: block;
	}
	.action_timer .timer{
		float: none;
		margin: 10px auto 0;
	}
	.s5 .title > span{
		line-height: 1.8em;
	}
	.s5{
		padding-bottom: 30px;
	}
	.s5 .content{
		border-radius: 14px;
	}
	.s5 .desc_hidden{
		margin-bottom: 10px;
	}
	.comments{
		padding: 0;
	}
	.s8 .list > li > img{
		float: none;
		margin-bottom: 10px;
	}
	.s8 .list > li > h4, 
	.s8 .list > li > p{
		padding: 0;
		text-align: center;
	}
	.head_bot .main_subtitle{
		display: block;
	}
	.main_subtitle:after{
		display: none;
	}
}