@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic-ext');
* {margin:0; padding:0;}

html,body{
	width: 100%;
	height: 100%;
	background:#FFF;
	color:#565147;
    font-size:18px;
    font-family: 'PT Sans Narrow', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    font-weight:normal;
}
h3{
    text-transform:uppercase;
	color:#565147;
	font-size:27px;
	line-height:30px;
	margin-bottom:20px;
}
h4{
    text-transform:uppercase;
	color:#565147;
	font-size:18px;
	line-height:22px;
	margin-bottom:20px;
}
a{
    color:#59544a;
}
a:hover{
    text-decoration:none;
}
ul{
    list-style:none;
}
ol{
    margin-left:30px;
	margin-bottom:35px;
}
ol{
    color:#7c51a1;
}
ol p{
    color:#565147;
}
img{
    border:none;
	max-width:100%;
}
input,textarea,select{ 
    outline:none;
	font-family: 'PT Sans Narrow', sans-serif;
}
textarea{
    overflow:hidden;
}
.top-bar{
    background:#FFF;
}
.container{
    max-width:1170px;
    padding:0 5px;
    margin:0 auto;
}
.header{
    padding:14px 0;
    overflow:hidden;
}
.head-left{
    float:left;
}
.logo-box{
    max-width:367px;
    text-align:right;
}
.logo-box a{
    color:#59544a;
    font-size:37px;
    line-height:27px;
    text-decoration:none;
}
.contacts-box{
    float:right;
    overflow:hidden;
}
.tel-box{
    float:left;
    padding-left:50px;
    position:relative;
    z-index:0;
    color:#5d584e;
    font-size:28px;
    line-height:34px;
}
.tel-box a{
    color:#5d584e;
    font-size:28px;
    text-decoration:none;
    font-weight:700;
}
.tel-box a:hover{
    color:#65488f;
}
.tel-box a span{
    font-weight:400;
}
.tel-box:before{
    width:30px;
    height:30px;
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    left:0;
    top:5px;
    border:2px solid #65488f;
    background:url(../images/icons/tel.png) no-repeat center center;
    border-radius:13px 0 13px 13px;
}
.contacts-block{
    margin-left:60px;
    float:left;
    font-size:21px;
    padding-left:50px;
    position:relative;
    z-index:0;
}
.contacts-block a{
    font-size:21px;
    text-decoration:none;
    color:#565147;
}
.contacts-block a:hover{
    color:#65488f;
}
.contacts-block:before{
    width:30px;
    height:30px;
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    left:0;
    top:5px;
    border:2px solid #65488f;
    background:url(../images/icons/world.png) no-repeat center center;
    border-radius:13px 0 13px 13px;
}
.social-box{
    height:22px;
    padding:5px 0;
}
.social-box ul li{
    width:22px;
    height:22px;
    float:left;
    margin-right:4px;
}
.social-box ul li a{
    width:20px;
    height:20px;
    overflow:hidden;
    display:block;
    border:1px solid #565147;
    border-radius:8px 0 8px 8px;
}
.social-box ul li a:hover{
    background:#CCC;
}
.fixed .top-nav-bar{
    position:fixed;
    z-index:5;
    top:0;
    left:0;
}
.top-nav-bar{
    width:100%;
    min-width:320px;
    background:#65488f;
    height:45px;
	position:relative;
	z-index:1;
}
.top-nav-button{
    width:24px;
	height:22px;
	padding:2px 2px;
	border:2px solid #FFF;
	cursor:pointer;
    float:right;
    margin:7px 10px 0 0;
    display:none;
	border-radius:3px;
}
.top-nav-line{
    margin:3px 0;
	height:2px;
	background:#FFF;
}
.top-nav-button:hover{
    background:#FFF;
}
.top-nav-button:hover .top-nav-line{
    background:#65488f;
}
.top-nav ul li{
    height:45px;
    line-height:45px;
    float:left;
}
.top-nav ul li a{
    height:43px;
    font-size:24px;
    display:block;
    margin:0 24px;
    color:#FFF;
    text-decoration:none;
    border-bottom:2px solid transparent;
}
.top-nav ul li a.active,
.top-nav ul li a:hover{
    border-color:#FFF;
}
.section-1{
    background:url(../images/section-1-bg.jpg) no-repeat center center;
	padding-bottom:80px;
	position:relative;
	z-index:0;
}
.section-box-1{
    padding:20px 0;
}
.section-left-1{
    width:504px;
	float:left;
}
.section-img-1{
    width:504px;
	height:504px;
	position:relative;
	z-index:0;
}
.section-img-1:before{
    width:458px;
	height:464px;
    content:'';
	display:block;
	position:absolute;
	z-index:2;
	left:35px;
	background:url(../images/buterfields.gif) no-repeat center center;
	background-size:cover;
}
.section-img-1:after{
    width:757px;
	height:685px;
    content:'';
	display:block;
	position:absolute;
	z-index:-1;
	top:-40px;
	left:-150px;
	background:url(../images/section-img-1-bg.png) no-repeat center center;
}
.section-img-1 span{
    width:464px;
	height:464px;
	border:20px solid #FFF;
	display:block;
	border-radius:100%;
	background:#FFF;
	position:relative;
	z-index:1;
	overflow:hidden;
}
.section-img-1 span:after{
    width:462px;
	height:462px;
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	border:1px solid #d4b0ef;
	border-radius:100%;
}
.section-img-1 span:before{
    width:456px;
	height:456px;
	content:'';
	display:block;
	position:absolute;
	z-index:1;
	left:1px;
	top:1px;
	border:3px solid #FFF;
	border-radius:100%;
}
.section-img-1 span img{
    -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.section-img-1:hover img{
    -webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.section-right-1{
    margin-left:520px;
	padding-top:30px;
	position:relative;
	z-index:1;
}
.title-section{
    font-size:40px;
	line-height:43px;
	color:#7c51a1;
	text-transform:uppercase;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:2px solid #565147;
}
.text-box ul{
    text-transform:uppercase;
	font-size:20px;
	line-height:23px;
	margin:0 0 50px 25px;
	list-style-image:url(../images/list.png);
}
.text-box ul li{
    padding:3px 0;
}
.text-box p{
    margin-bottom:20px;
	text-align: justify;
}
.text-box p:last-child{
    margin-bottom:0;
}
.block-box{
    padding-bottom:50px;
}
.block-box:last-child{
    padding-bottom:0;
}
.title-block{
    text-align:center;
	font-size:40px;
	line-height:43px;
	text-transform:uppercase;
	color:#565147;
	margin-bottom:40px;
}
.benefits{
	text-align:center;
	font-size:0;
}
.benefit-box{
    width:258px;
	height:257px;
	display:inline-block;
	vertical-align:top;
	position:relative;
	z-index:0;
	background:url(../images/benefit-bg.png) no-repeat left top;
	overflow:hidden;
	margin:0 14px;
}
.benefit-img{
    width:206px;
	height:206px;
	text-align:center;
	background:#FFF;
	border-radius:100%;
	overflow:hidden;
	margin:18px 0 0 4px;
}
.benefit-img img{
    border-radius:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.benefit-box:hover .benefit-img img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.benefit-name{
    width:123px;
	height:121px;
	padding:50px 90px 0 40px;
	text-align:left;
	position:absolute;
	z-index:1;
	color:#7c51a1;
	font-size:20px;
	line-height:23px;
	top:-35px;
	left:-35px;
	background:url(../images/benefit-corner.png) no-repeat left top;
}
.articles{
    width:100%;
	padding-bottom:35px;
}
.articles:last-child{
    padding-bottom:0;
}
.article-box{
    width:48%;
	padding:0 1%;
	float:left;
}
.article-box p{
    margin-bottom:15px;
}
.article-box p:last-child{
    margin-bottom:0;
}
.article-box span{
    color:#7c51a1;
}
.article-title{
    font-size:40px;
	line-height:43px;
	color:#7c51a1;
	text-transform:uppercase;
	padding-bottom:12px;
	text-align:center;
}
.article-text-top{
    font-size:19px;
	border-top:1px solid #7c51a1;
	border-bottom:1px solid #7c51a1;
	padding:10px 0;
	margin-bottom:10px;
}
.article-text-top p, .article-text-bot p{
text-align: justify;
}
.article-text-bot{
    font-size:16px;
}
.article-banner{
    position:relative;
	z-index:0;
	min-height:200px;
	overflow:hidden;
	color:#7c51a1;
	font-size:33px;
	line-height:36px;
	text-transform:uppercase;
	font-weight:700;
	margin-top:15px;
}
.article-banner-text{
    width:240px;
	position:absolute;
	z-index:1;
	left:0;
	bottom:25px;
}
.article-banner-img{
    float:right;
	text-align:right;
	position:relative;
	z-index:0;
	right:-10px;
}
.article-banner-img img{
    width:90%;
}
.section-3{
    background:#65478e;
	min-width:320px;
	color:#FFF;
	margin:48px 0 122px 0;
	position:relative;
	z-index:0;
}
.section-3:before{
    width:100%;
	height:118px;
	content:'';
	display:block;
	background:url(../images/section-3-top.png) no-repeat center top;
	background-size:cover;
	position:absolute;
	z-index:1;
	left:0;
	margin-top:-118px;
}
.section-3:after{
    width:100%;
	height:122px;
	content:'';
	display:block;
	background:url(../images/section-3-bot.gif) no-repeat center top;
	background-size:cover;
	position:absolute;
	z-index:1;
	left:0;
	margin-bottom:-122px;
}
.section-left-3{
    width:395px;
	float:left;
	position:relative;
	z-index:-1;
}
.foehn-img{
    width:638px;
	position:absolute;
	z-index:0;
	top:0;
	bottom:0;
	right:-100px;
}
.section-right-3{
    margin-left:400px;
}
.section-left-4{
    width:100%;
	float:left;
	margin-right:-420px;
}
.section-left-cont-4{
	margin-right:420px;
}
.advantages{
    padding:0 20px;
}
.advantge-box{
    overflow:hidden;
	padding:8px 0;
}
.advantage-icon{
    width:30px;
	height:30px;
	border:2px solid #65488f;
	border-radius:13px 0 13px 13px;
	float:left;
}
.advantge-box:hover .advantage-icon{
    box-shadow: 2px 2px 2px 1px #CCC;
}
.advantage-icon img{
    width:30px;
	height:30px;
}
.advantage-text{
    text-transform:uppercase;
	font-size:20px;
	margin-left:50px;
}
.section-right-4{
    width:385px;
	float:right;
	position:relative;
	z-index:0;
	margin-top:-50px;
	background:url(../images/advantage-bg.jpg) no-repeat right center;
}
.advantage-icons ul li{
    position:relative;
}
.advantage-icons ul li:nth-child(2){
    margin-top:-50px;
    margin-left:20px;
}
.advantage-icons ul li:nth-child(3){
    margin-top:-60px;
    margin-left:75px;
}
.advantage-icons img{
    width:180px;
	height:180px;
	border-radius:100%;
}
.advantage-icons ul li:hover img{
    box-shadow: 1px 2px 2px 1px #CCC;
}
.section-5{
    position:relative;
	z-index:0;
	padding-top:20px;
	margin-bottom:60px;
}
.section-5:before{
    width:100%;
	height:115px;
	content:'';
	display:block;
	background:url(../images/section-5-top.png) no-repeat left top;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
.section-left-5{
    width:335px;
	float:left;
	position:relative;
	z-index:0;
}
.section-left-img-5{
    width:610px;
	position:absolute;
	z-index:0;
	top:0;
	right:-50px;
}
.section-right-5{
    margin-left:340px;
	padding-top:100px;
	position:relative;
	z-index:1;
}
.title-red{
    font-size:40px;
	line-height:43px;
	color:#ff0101;
	text-transform:uppercase;
	margin-bottom:25px;
}
.section-right-5 ul{
list-style: inside;
margin-left: 20px;

}
.section-text-5{
    text-transform:uppercase;
	color:#7c51a1;
	padding-left:55px;
}
.section-text-5 p{
    padding-bottom:25px;
}
.button{
    width:320px;
	height:52px;
	line-height:52px;
	display:block;
	text-decoration:none;
	color:#FFF;
	font-size:26px;
	background:#ff0000;
	text-align:center;
	margin:0 auto;
	text-transform:uppercase;
	border-radius:10px;
}
.button:hover{
    background:#65488f;
	box-shadow: 1px 1px 2px 1px #CCC;
}
input.button,
button.button{
    border:0;
    cursor:pointer;
    line-height:normal;    
}
.section-6{
    min-width:320px;
    background:url(../images/section-6-bg.jpg) no-repeat center center;
	background-size:100% 100%;
}
.carousel-bar{
    margin:0 70px;
	padding-bottom:50px;
}
.carousel-block{
    background:#FFF;
	padding:8px;
	font-size:0;
	margin:0 5px;
	position:relative;
	margin-bottom:20px;
}
.carousel-block:before,
.carousel-block:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 90%;
	max-width:300px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.carousel-block:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.carousel-blox{
    width:49%;
	margin:0 0.5%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	background:#FFF;
}
.carousel-blox-img{
    max-height:264px;
	overflow:hidden;
	text-align:center;
	margin-bottom:10px;
}
.carousel-blox-img img{
    height:264px;
}
.carousel-blox-text{
    font-size:20px;
	line-height:23px;
}
.unique{
    padding:0 40px 30px 40px;
	overflow:hidden;
}
.unique-box{
    width:48%;
	height:95px;
	padding:0 1%;
	float:left;
	overflow:hidden;
}
.unique-icon{
    width:65px;
	height:65px;
	margin:15px 0 0 0;
	background:#7c51a1;
	border-radius:8px 0 8px 8px;
	float:left;
}
.unique-icon span{
    width:65px;
	height:65px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.unique-box:hover .unique-icon{
    box-shadow: 0 0 5px 4px #CCC;
	background-color:#ff0101;
}
.unique-text{
    margin-left:90px;
	text-transform:uppercase;
	font-size:20px;
	line-height:23px;
}
.unique-text-cont{
    height:95px;
	display:table-cell;
	vertical-align:middle;
}
.section-8{
    background:#f7f6f6;
	padding:35px 0 35px 0;
}
.section-8 .title-red{
   text-align:center;
}
.contra{
    padding:0 40px;
	overflow:hidden;
}
.contra-box .text-box ul{
	margin-bottom:0;
}
.contra-box{
    width:48%;
	padding:0 1%;
	float:left;
}
.section-9{
    background:#6b4b94;
	min-width:320px;
	position:relative;
	z-index:0;
	padding:40px 0 35px 0;
}
.section-left-9{
    width:485px;
	position:absolute;
	z-index:0;
	top:0;
	bottom:0;
}
.section-img-9{
    width:776px;
	position:absolute;
	z-index:0;
	top:0;
	bottom:0;
	right:-100px;
	text-align:center;
}
.section-img-9 img{
    height:100%;
}
.section-right-9{
    margin-left:485px;
	position:relative;
	z-index:1;
}
.section-text-9{
    padding:0 15px 30px 15px;
    text-align:center;
	font-size:40px;
	line-height:43px;
	color:#FFF;
	text-transform:uppercase;
}
.section-text-9 b{
    color:#ffd800;
	font-weight:900px;
}
.form-col{
    width:100%;
	overflow:hidden;
}
.form-col-box{
    width:31%;
	float:left;
	margin:0 1% 20px 1%;
}
.inputbox{
    width:90%;
	height:26px;
	line-height:26px;
	padding:5px 5%;
	background:#FFF;
	border-radius:9px;
	border:0;
	box-sizing:content-box;
	color:#565147;
	font-size:16px;
}
.textarea{
    width:93%;
	height:70px;
	padding:5px 2%;
	background:#FFF;
	border-radius:9px;
	border:0;
	box-sizing:content-box;
	color:#565147;
	font-size:16px;
	margin:0 2% 25px 1%;
}
.section-10{
    background:#ecb2d9 url(../images/section-10-img.jpg) no-repeat right top;
	min-width:320px;
}
.section-cont-10{
    background:url(../images/section-10-bg.jpg) no-repeat -25% top;
	padding:35px 0 30px 0;
}
.teamwork{
	max-width:745px;
}
.section-10-bot{
    width:100%;
	background:url(../images/section-10-bot.png) repeat-y left top;
	padding:35px 0;
}
.order-box{
    max-width:670px;
}
.order-title{
    text-align:center;
	margin-bottom:25px;
	font-size:40px;
	line-height:43px;
	color:#FFF;
	text-transform:uppercase;
}
.section-11{
    background:#FFF url(../images/section-11-bg.jpg) no-repeat center center;
	background-size:cover;
	min-width:320px;
	padding:60px 0;
}
.video{
    margin:0 70px;
}
.video-box{
    max-width:448px;
	margin:0 auto;
	margin-bottom:20px;
	background:#FFF;
	padding:10px;
	position:relative;
}
.video-box:before,
.video-box:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 85%;
	max-width:300px;
	background: rgba(0, 0, 0, 0.7);
	-webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
	-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.video-box:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.video-box img,
.video-box iframe{
    width:100%;
}
.section-12{
    padding-bottom:40px;
}
.section-left-12{
    width:310px;
	float:left;
}
.review-img{
    margin-bottom:20px;
}
.dowload-link{
    padding-left:30px;
}
.download{
    font-size:20px;
	line-height:23px;
	position:relative;
	z-index:0;
	color:#565147;
	padding:7px 0 0 50px;
	display:inline-block;
	text-transform:uppercase;
}
.download:before{
    width:30px;
    height:30px;
    content:'';
    display:block;
    position:absolute;
    z-index:0;
    left:0;
    top:5px;
    border:2px solid #65488f;
    background:url(../images/icons/download.png) no-repeat center center;
    border-radius:13px 0 13px 13px;
}
.section-right-12{
    margin-left:425px;
}
.reviews{
    padding:20px 0 0 0;
	margin:0 70px;
}
.review-icon{
    width:125px;
	height:125px;
	margin:0 auto;
	overflow:hidden;
	margin-bottom:20px;
	border-radius:100%;
}
.review-icon img{
    max-width:125px;
	max-height:125px;
}
.review-name{
    text-align:center;
	font-style:italic;
	color:#7c51a1;
}
.review-text{
    text-align:center;
	font-style:italic;
}
.footer{
    background:#d9d1d1;
	padding:10px 0 10px 0;
	overflow:hidden;
}
.footer .container{
    padding-bottom:60px;
}
.bot-logo{
    width:190px;
	float:left;
}
.bot-right{
    margin-left:350px;
	overflow:hidden;
}
.copy-box{
    font-size:17px;
	float:left;
}
.clear{
    width:100%;
	height:0;
	font-size:1px;
	clear:both;
}
.link-line{
    position:relative;
	height:0px;
	top:-45px;
}
.order-button{
    position:fixed;
	z-index:5;
	right:0;
	top:35%;
}
.errors{
color:#f00;
font-size: 20px;
background: #fff;
opacity: 0.9; 
 border-radius: 12px;
    padding: 5px;
    margin-bottom: 10px;
}