/* @font-face { */
    /* font-family: 'museo_cyrl100'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_100-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_100-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_100-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_100-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_100-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_100-webfont.svg#museo_cyrl100') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'museo_cyrl300'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_300-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_300-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_300-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_300-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_300-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_300-webfont.svg#museo_cyrl300') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'museo_cyrl500_italic'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_500_italic-webfont.svg#museo_cyrl500_italic') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'museo_cyrl500'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_500-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_500-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_500-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_500-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_500-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_500-webfont.svg#museo_cyrl500') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'museo_cyrl700'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_700-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_700-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_700-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_700-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_700-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_700-webfont.svg#museo_cyrl700') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'museo_cyrl900'; */
    /* src: url('fonts/exljbris_-_museo_cyrl_900-webfont.eot'); */
    /* src: url('fonts/exljbris_-_museo_cyrl_900-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/exljbris_-_museo_cyrl_900-webfont.woff2') format('woff2'), */
         /* url('fonts/exljbris_-_museo_cyrl_900-webfont.woff') format('woff'), */
         /* url('fonts/exljbris_-_museo_cyrl_900-webfont.ttf') format('truetype'), */
         /* url('fonts/exljbris_-_museo_cyrl_900-webfont.svg#museo_cyrl900') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */
	
/* @font-face { */
    /* font-family: 'pf_dindisplay_problack'; */
    /* src: url('fonts/pfdindisplaypro-black_1-webfont.eot'); */
    /* src: url('fonts/pfdindisplaypro-black_1-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/pfdindisplaypro-black_1-webfont.woff2') format('woff2'), */
         /* url('fonts/pfdindisplaypro-black_1-webfont.woff') format('woff'), */
         /* url('fonts/pfdindisplaypro-black_1-webfont.ttf') format('truetype'), */
         /* url('fonts/pfdindisplaypro-black_1-webfont.svg#pf_dindisplay_problack') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'pf_dindisplay_prolight'; */
    /* src: url('fonts/pfdindisplaypro-light_1-webfont.eot'); */
    /* src: url('fonts/pfdindisplaypro-light_1-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/pfdindisplaypro-light_1-webfont.woff2') format('woff2'), */
         /* url('fonts/pfdindisplaypro-light_1-webfont.woff') format('woff'), */
         /* url('fonts/pfdindisplaypro-light_1-webfont.ttf') format('truetype'), */
         /* url('fonts/pfdindisplaypro-light_1-webfont.svg#pf_dindisplay_prolight') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'pf_dindisplay_proregular'; */
    /* src: url('fonts/pfdindisplaypro-reg_1-webfont.eot'); */
    /* src: url('fonts/pfdindisplaypro-reg_1-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/pfdindisplaypro-reg_1-webfont.woff2') format('woff2'), */
         /* url('fonts/pfdindisplaypro-reg_1-webfont.woff') format('woff'), */
         /* url('fonts/pfdindisplaypro-reg_1-webfont.ttf') format('truetype'), */
         /* url('fonts/pfdindisplaypro-reg_1-webfont.svg#pf_dindisplay_proregular') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

/* @font-face { */
    /* font-family: 'pf_dindisplay_probold'; */
    /* src: url('fonts/pfdindisplaypro-bold_2-webfont.eot'); */
    /* src: url('fonts/pfdindisplaypro-bold_2-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/pfdindisplaypro-bold_2-webfont.woff2') format('woff2'), */
         /* url('fonts/pfdindisplaypro-bold_2-webfont.woff') format('woff'), */
         /* url('fonts/pfdindisplaypro-bold_2-webfont.ttf') format('truetype'), */
         /* url('fonts/pfdindisplaypro-bold_2-webfont.svg#pf_dindisplay_probold') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */
	
/* @font-face { */
    /* font-family: 'pf_dindisplay_promedium'; */
    /* src: url('fonts/pfdindisplaypro-med_1-webfont.eot'); */
    /* src: url('fonts/pfdindisplaypro-med_1-webfont.eot?#iefix') format('embedded-opentype'), */
         /* url('fonts/pfdindisplaypro-med_1-webfont.woff2') format('woff2'), */
         /* url('fonts/pfdindisplaypro-med_1-webfont.woff') format('woff'), */
         /* url('fonts/pfdindisplaypro-med_1-webfont.ttf') format('truetype'), */
         /* url('fonts/pfdindisplaypro-med_1-webfont.svg#pf_dindisplay_promedium') format('svg'); */
    /* font-weight: normal; */
    /* font-style: normal;} */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

body {
	/* font-family: 'museo_cyrl500'; */
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	min-width: 360px;
}
	
a {}

p {
	margin-bottom: 15px;
	line-height: 1.5;
}

h3 {
	font-size: 1.4em;
	margin: 20px 0;
}

a:hover {}

.wrapper {}

.container {
	width: 1180px;
	margin: 0 auto;}

header {
	padding: 5px 0;
}

.header-top {
	height: 90px;
	display: table;
	width: 100%;}
	
.header-top > div {
	vertical-align: middle;
	display: table-cell;
	text-align: center;}

.logo {
	width: 150px;}
	
.logo a {
	font-family: 'pf_dindisplay_problack';
	color: #000;
	font-size: 24px;
	text-decoration: none;
	letter-spacing: 2px;
	text-transform: uppercase;}

.head-cont {
	/* width: 150px; */
	}

.tel {
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	line-height: 22px;
	font-size: 16px;
	color: #403d3c;
	margin-bottom: 4px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.tel-bt {
	cursor: pointer;
	/* font-family: 'pf_dindisplay_proregular'; */
	font-size: 15px;
	line-height: 28px;
	text-decoration: none;
	text-align: center;
	display: block;
	border: 2px solid #0b8442;
	color: #0b8442;
	max-width: 150px;
	margin: 0 auto;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 
	-khtml-border-radius: 15px; 
	border-radius: 15px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.tel-bt:hover {
	background-color: #0b8442;
	color: #fff;}

.head-slog {
	height: 90px;
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	color: #403d3c;
	font-size: 23px;
	line-height: 24px;
}
	
.header-menu {
	height: 56px;
	background-color: #0b8442;}
	
.header-menu-in {
	width: 100%;
	z-index: 999;
	height: 56px;
	padding: 0 15px;
	background-color: #0b8442;}

.header-menu ul {
	display: table;
	height: 56px;
	width: 100%;}

.header-menu ul li {
	display: table-cell;
	vertical-align: middle;}

.header-menu ul li a {
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid rgba(255,255,255,0.2);
	color: #fff;
	text-decoration: none;
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	font-size: 16px;
	display: block;
	line-height: 24px;
	cursor: pointer;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}

.header-menu ul li a:hover {
	color: #fec800;}
	
.header-menu ul li:last-child a {
	border-right: none;}
	
section {
	float: left;
	width: 100%;
	padding-bottom: 85px;
}
	
#hero {
	position: relative;
	background: rgb(27,31,34);
	background: linear-gradient(180deg, rgba(27,31,34,1) 0%, rgba(18,19,21,1) 100%);
	}
	
#hero .hero-bg {
	height: 506px;
	float: left;
	width: 100%;
	position: absolute;
	align-items: center;
    display: flex;
	/* background-image: url(images/hero2.jpg); */
	/* background-repeat: no-repeat; */
	/* background-position: top center; */
	/* background-size: cover; */
	}
	
#hero .hero-bg img {
	width: 100%;
	height: auto;
}
	
.hero-top {
	position: relative;
	float: left;
	width: 100%;}

.hero-left {
	/*float: left;*/
	text-align: center;
	padding-top: 10px;
	/*padding-left: 20px;
	width: 885px;*/}
	
.hero-tit {
	/* font-family: 'museo_cyrl900'; */
	font-weight: 900;
	font-size: 40px;
	color: #fff;
	margin-left: 50px;
	margin-bottom: 210px;}

.hero-tit span {
	padding: 0 10px;
	display: inline-block;
	margin-bottom: 10px;
	/* background-color: #0b8442; */
	}
	
.getCat {
	text-align: center;
}



.hero-slog {
	font-size: 48px;
	line-height: 64px;
	color: #fff;
	font-family: 'museo_cyrl500';
	text-shadow: 4px 4px 1px rgba(36, 36, 36, 1);}
	
.hero-right {
	text-align: center;
	float: right;
	width: 490px;
	height: 395px;
	padding: 40px 20px 0;
	color: #fff;
	background-color: rgba(76,108,221,14);}

.hero-right-tit {
	font-family: 'museo_cyrl500';
	font-size: 32px;
	margin-bottom: 15px;}

.hero-info {
	font-family: 'museo_cyrl700';
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 30px;}

.hero-form {
	width: 316px;
	display: inline-block;}
	
.hero-form-one {
	margin-bottom: 23px;}

.hero-form-one input[type="text"] {
	outline: none;
	font-family: 'museo_cyrl700';
	height: 65px;
	padding: 0 28px;
	width: 100%;
	-webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);}
	
.modal-content-box h3 {
	font-size: 24px;
	margin-bottom: 20px;}
	
.input-medium {
	outline: none;
	/* font-family: 'museo_cyrl700'; */
	font-weight: 400;
	height: 55px;
	padding: 0 28px;
	width: 100%;
	-webkit-box-shadow: inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         inset 2px 2px 7px 0px rgba(0, 0, 0, 0.35);
	margin-bottom: 20px;}
	
.btn-success {
	width: 100%;}
	
.hero-form-bt {}

.hero-form-bt input {
	cursor: pointer;
	outline: none;
	font-size: 27px;
	background-color: #fec800;
	width: 100%;
	font-family: 'museo_cyrl500';
	height: 65px;
	text-align: center;
	color: #000;
	width: 100%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.hero-form-bt input:hover {
	background-color: #b49523;}
	
.hero-bot {
	position: relative;
	float: left;
	width: 100%;}
	
.hero-serv {
	width: 295px;
	height: 240px;
	float: left;
	padding: 30px 20px 0 24px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;}

.hero-serv.s-1 {
	background-image: url(images/h-1.jpg);}
	
.hero-serv.s-2 {
	background-image: url(images/h-2.jpg);}
	
.hero-serv.s-3 {
	background-image: url(images/h-3.jpg);}
	
.hero-serv.s-4 {
	background-image: url(images/h-4.jpg);}

.hero-ico {
	background-image: url(images/gal.png);
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-bottom: 6px;}

.hero-serv-tit {
	float: left;
	width: 100%;
	font-size: 24px;
	line-height: 33px;
	margin-bottom: 10px;}

.hero-serv-descr {
	font-family: 'pf_dindisplay_proregular';
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 23px;}
	
.section-tit {
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	line-height: 48px;
	margin-top: 70px;
	float: left;
	width: 100%;
	font-size: 32px;
	padding: 0 20px;
	color: #0b8442;
	text-transform: uppercase;
	margin-bottom: 35px;}
	
.section-tit span {
	font-size: 56px;
	line-height: normal;
	display: inline-block;
	margin-left: -20px;
	padding: 0 20px;
	background-color: #0b8442;
	color: #fff;
	/* font-family: 'museo_cyrl900'; */
	font-weight: 900;
	}
	
#our-prod .section-tit {
	float: none;
}

.prod-in {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}

.one-prod {
	float: left;
	height: 485px;
	width: 265px;
	margin-bottom: 0px;
	margin-right: 12px;
	margin-left: 12px;
}
	
.one-prod-thumb {
	float: left;
	width: 100%;
	margin-bottom: 0px;}

.one-prod-thumb img {
	max-width: 100%;
	height: auto;}
	
.one-prod-info {
	height: 200px;
	float: left;
	width: 100%;}

.one-prod-tit {
	float: left;
	width: 100%;
	font-size: 22px;
	/* font-family: 'museo_cyrl500'; */
	font-weight: 500;
	margin-bottom: 20px;}

.one-prod-descr {
	/* font-family: 'pf_dindisplay_proregular'; */
	font-size: 14px;
	line-height: 23px;
	float: left;
	color: #403d3c;
	width: 100%;
	margin-bottom: 20px;}

.one-prod-pr {
	font-family: 'museo_cyrl700';
	float: left;
	width: 100%;
	padding: 0 20px;}

.was-price {
	text-decoration: line-through;
	font-size: 13px;
	float: left;
	color: #555555;
	line-height: 22px;}

.price {
	float: left;
	font-size: 17px;
	margin-left: 20px;}

.one-prod-bt {
	float: left;
	width: 100%;
	text-align: center;}

.one-prod-bt a {
	width: 215px;}

.def-bt {
	outline: none;
	cursor: pointer;
	border: 4px solid #fec800;
	font-size: 17px;
	color: #000;
	height: 55px;
	line-height: 52px;
	text-decoration: none;
	text-align: center;
	background-color: #fec800;
	display: inline-block;
	padding: 0 20px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
	}

.def-bt:hover {
	background-color: #fff;}
		
#we-best {
	background-color: #c3e66b;
	padding-bottom: 20px;
	background-image: url(images/best-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;}
	
#we-best .section-tit {
	margin-bottom: 70px;}
	
.we-best {
	margin: 0 -25px 0 -18px;}

.one-best {
	cursor: pointer;
	border: 8px solid rgba(227,190,56,0);
	float: left;
	margin-left: 18px;
	margin-right: 25px;
	margin-bottom: 35px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.one-best:hover {
	border: 8px solid rgba(76, 108, 221, 0.7);}
	
.one-best-in {
	background-color: rgba(20,64,46,0);
	width: 332px;
	height: 292px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.one-best:hover .one-best-in {
	background-color: rgba(20,64,46,0.7);}
	
.one-best-ico {
	margin-bottom: 30px;
	float: left;
	margin-left: -26px;
	width: 120px;
	height: 120px;
	border: 4px solid #0b8442;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url(images/best-ico.png);
	background-position: center center;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	-webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;}
	
.one-best:hover .one-best-ico {
	border-color: #0b8442;
	background-color: #0b8442;}

.one-best-ico.b-1 {
	background-position: 0 -8px;}

.one-best:hover .one-best-ico.b-1 {
	background-position: 0 -128px;}
	
.one-best-ico.b-2 {
	background-position: -120px -5px;}

.one-best:hover .one-best-ico.b-2 {
	background-position: -120px -125px;}
	
.one-best-ico.b-3 {
	background-position: -240px -5px;}

.one-best:hover .one-best-ico.b-3 {
	background-position: -240px -125px;}
	
.one-best-ico.b-4 {
	background-position: -360px -5px;}

.one-best:hover .one-best-ico.b-4 {
	background-position: -360px -125px;}
	
.one-best-ico.b-5 {
	background-position: -482px -5px;}

.one-best:hover .one-best-ico.b-5 {
	background-position: -482px -125px;}
	
.one-best-ico.b-6 {
	background-position: -603px -5px;}

.one-best:hover .one-best-ico.b-6 {
	background-position: -603px -125px;}

.one-best-descr {
	float: left;
	width: 376px;
	font-family: 'museo_cyrl500';
	font-size: 24px;
	line-height: 34px;
	margin-left: -26px;
	color: #242424;}
	
.one-best-descr span {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.one-best:hover .one-best-descr span {
	background-color: #0b8442;
	box-shadow: -10px 0px 0 #0b8442, 10px 0px 0 #0b8442;
	-webkit-box-shadow: -10px 0px 0 #0b8442, 10px 0px 0 #0b8442;
	-moz-box-shadow: -10px 0px 0 #0b8442, 10px 0px 0 #0b8442;}
	
#free {
	background-image: url(images/free-bg.jpg);
	height: 488px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	padding-top: 40px;}
	
#free .section-tit {
	color: #fff;
	margin-top: 0px;
	margin-bottom: 24px;}

.free {
	position: relative;
	height: 448px;}
	
.free:after {
	content: "";
	position: absolute;
	right: -95px;
	bottom: 0px;
	background-image: url(images/girl.png);
	width: 514px;
	height: 615px;
	background-repeat: no-repeat;
	background-position: 0 0;}
	
.free-descr {
	font-size: 24px;
	line-height: 34px;
	color: #fff;
	margin-bottom: 55px;}
	
b {
	font-family: 'museo_cyrl900';}
	
.free .hero-form {
	width: 100%;}

.free .hero-form-one {
	float: left;
	width: 315px;}

.free .hero-form-bt {
	float: left;
	width: 315px;
	margin-left: 22px;}
	
#how {}

#how .section-tit {
	margin: 40px 0 70px;}
	
.how {
	float: left;
	width: 100%;
	position: relative;}

.how-one {
	position: relative;
	cursor: pointer;
	float: left;
	height: 315px;
	width: 25%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.how-one:hover {
	background-color: #0b8442;}

.how-one:before {
	height: 29px;
	width: 29px;
	content: "";
	position: absolute;
	z-index: 9;
	top: 8px;
	left: 29px;
	background-color: #0b8442;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.how-one:hover:before {
	background-color: #fff;}

.how-one:after {
	content: "";
	height: 8px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 18px;
	background-color: #0b8442;}

.how-one-num {
	padding: 0 30px;
	font-family: 'museo_cyrl700';
	float: left;
	padding-top: 60px;
	font-size: 32px;
	color: #0b8442;
	margin-bottom: 30px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
.how-one:hover .how-one-num {
	color: #fff;
}

.how-one:hover:after {
	background-color: #fff;
}

.how-one:hover .how-one-descr {
	color: #fff;
}

.how-one:hover .how-one:hover {
	color: #fff;}

.how-one-descr {
	padding: 0 30px;
	float: left;
	width: 100%;
	font-size: 24px;
	line-height: 34px;
	margin-bottom: 20px;}
	
.how-one-bt {}

.how-one-bt a {
	width: 100%;}
	
/*.how-one:hover .how-one-bt a {
	background-color: #fff;}*/
	
#feed {
	background-color: #cadaff;
	padding-bottom: 60px;}

#feed .section-tit {
	margin: 55px 0 65px;
	float: none;
}
	
.feed_wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.feed_video {
	width: 48%;
	margin-bottom: 20px;
}

.vid {
	margin: 0 -25px 0 0;}

.one-vid {
	float: left;
	margin-right: 24px;
	width: 578px;
	height: 325px;
	position: relative;}
 
.play {
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
	background-color: rgba(0,87,4,0.5);}
	
.play:after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	border: 8px solid rgba(227,190,56,0);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.play:hover:after {
	border: 8px solid rgba(227,190,56,1);}

.play:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -45px;
	margin-top: -45px;
	background-image: url(images/play.png);
	background-repeat: no-repeat;
	background-position: 33px 0;
	width: 89px;
	height: 89px;
	border: 4px solid #fec800;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.play:hover:before {
	background-color: #fec800;
	background-position: 33px -83px;}
	
	
.pause {
	display: none;
	top: 0;
	left: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	cursor: pointer;
	background-color: rgba(0,87,4,0.5);}
	
.pause.hidden {
	opacity: 0;}

.pause:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -45px;
	margin-top: -45px;
	background-image: url(images/pause.png);
	background-repeat: no-repeat;
	background-position: center 0;
	width: 89px;
	height: 89px;
	border: 4px solid #fec800;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%; 
	-khtml-border-radius: 50%; 
	border-radius: 50%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.pause:hover:before {
	background-color: #fec800;
	background-position: center -83px;}
	
#gal {
	background-color: #0b8442;
	padding-bottom: 50px;}
	
#gal .section-tit {
	margin: 30px 0;
	float: none;
	color: #fff;}
	
#gal .section-tit span {
	margin-left: 20px;}
	
.gal {
		width: 70%;
		margin: 0 auto;
	}

.brands .section-tit {
	float: none;
}

.brands .section-tit span {
    margin-left: 20px;
}

.brands__wrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-around;
}

.brands__img {
	width: 23%;
	height: auto;
}

.slider-nav {
	margin-top: 20px;

}

.slider-nav .slick-slide {
	position: relative;
	cursor: pointer;
	background-color: #0b8442;}
	
.slider-nav .slick-slide img {
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.slider-nav .slick-slide:hover img, .slider-nav .slick-slide.slick-current img {
	opacity: 0.5;}
	
.slider-nav .slick-slide:before {
	position: absolute;
	z-index: 9;
	content: "";
	opacity: 0;
	border: 8px solid #fec800;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}

.slider-nav .slick-slide.slick-current:before, .slider-nav .slick-slide:hover:before {
	opacity: 1;}
	
.slider-for .slick-arrow, .slideshow .slick-arrow {
	outline: none;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 99;
	position: absolute;
	background-image: url(images/navi.png);
	background-repeat: no-repeat;
	background-color: #fec800;
	top: 50%;
	margin-top: -27px;
	opacity: .85;
	width: 55px;
	height: 55px;
	border: none;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.slider-for .slick-arrow:hover, .slideshow .slick-arrow:hover {
	background-color: #fec800;
	opacity: 1;
}
	
.slider-for .slick-arrow.slick-prev, .slideshow .slick-arrow.slick-prev {
	left: 0px;
	background-position: left center;}
	
.slider-for .slick-arrow.slick-next, .slideshow .slick-arrow.slick-next {
	right: 0px;
	background-position: right center;}
	
.slider-for img {
	margin: 0 auto;
}

#con {
	padding-bottom: 70px;
	background-color: #c3e66b;}

#con .section-tit {
	margin: 30px 0;}
	
.slideshow {
	padding: 0 100px;
	float: left;
	width: 100%;}
	
.sl-one-in {
	float: left;
	position: relative;}
	
.sl-one-in img {
	max-width: 100%;
	height: auto;}

.sl-one-in:before {
	background-color: rgba(0,87,4,0.5);
	position: absolute;
	z-index: 9;
	content: "";
	opacity: 0;
	border: 8px solid #fec800;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;}
	
.sl-one .sl-one-in:hover:before {
	opacity: 1;}
	
.pagingInfo {
	color: #0b8442;
	font-family: 'museo_cyrl700';
	float: right;
	font-size: 16px;
	margin-top: -67px;}

.pagingInfo span {
	font-size: 32px;}
	
#partner {
	padding-bottom: 90px;}
	
#partner .section-tit {
	margin: 30px 0 80px;}
	
.partner {
	float: left;
	width: 100%;
	display: flex;
	justify-content: space-between;}
	
#contact {
	background-color: #ffffff;
	padding: 40px 0 50px;}
	
#regions {
	display: none;}
	
.choose-city {
	width: 300px;
	margin-bottom: 60px;}
	
#YMapsID {
	width: 100%;
	height: 320px;}
	
.contact-left {
	width: 476px;
	float: left;}

.contact-right {
	/* font-family: 'pf_dindisplay_proregular'; */
	color: #000;
	width: 670px;
	float: right;
	padding-top: 0px;}
	
.contact-right ul {
	margin-bottom: 20px;}

.contact-right ul li {
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	font-size: 26px;
	line-height: 24px}
	
.email {
	margin-bottom: 20px;}

.email a {
	border-bottom: 1px solid #fec800;
	text-decoration: none;
	color: #000;}

.tels {
	/* font-family: 'museo_cyrl700'; */
	font-weight: 700;
	font-size: 26px;
	line-height: 1.2;}

footer {
	padding: 50px 0 40px;
	background-color: #242424;
	float: left;
	width: 100%;
	color: #fff;}
	
.copy {
	/* font-family: 'museo_cyrl700'; */
	font-weight: 300;
	float: left;
	font-size: 16px;}
	
.soc {
	float: right;}

.soc a {
	width: 25px;
	height: 25px;
	float: left;
	margin-left: 15px;
	display: block;
	cursor: pointer;
	background-image: url(images/soc.png);
	background-repeat: no-repeat;}

.soc a.s-1 {
	background-position: 0 0;}
	
.soc a.s-1:hover {
	background-position: 0 -25px;}
	
.soc a.s-2 {
	background-position: -25px 0;}
	
.soc a.s-2:hover {
	background-position: -25px -25px;}
	
.soc a.s-3 {
	background-position: -50px 0;}
	
.soc a.s-3:hover {
	background-position: -50px -25px;}
	
.slick-slide img {
	max-width: 100%;
	height: auto;}

.show-hide {
	display: none;}


.inst_widget {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("images/instagram_icon.png") 0 0 no-repeat;
	background-size: contain;
	margin-left: 10px;
	transition: all .25s;
}

.inst_widget:hover {
	transform: scale(1.05);
}

	/*
	
	dmon full
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	border-radius: 3px;
	
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
	
	font-family: 'museo_cyrl100';
	font-family: 'museo_cyrl300';
	font-family: 'museo_cyrl500';
	font-family: 'museo_cyrl500_italic';
	font-family: 'museo_cyrl700';
	font-family: 'museo_cyrl900';
	
	font-family: 'pf_dindisplay_promedium';
	font-family: 'pf_dindisplay_problack';
	font-family: 'pf_dindisplay_prolight';
	font-family: 'pf_dindisplay_proregular';
	font-family: 'pf_dindisplay_probold';
	
	*/
	
@media (max-width: 1200px) {

.container {
	width: 91%;}
	
.hero-left {
	/*width: 460px;*/}
	
#hero .hero-bg {
	height: 440px;
}

.hero-tit {
	font-size: 36px;}
	
.hero-serv {
	width: 237px;}
	
.hero-serv-tit {
    font-size: 20px;
    line-height: 25px;}
	
.section-tit {
	font-size: 28px;
	line-height: 36px;}

.section-tit span {
	font-size: 42px;}
	
.section-tit {
	margin-top: 35px !important;
	margin-bottom: 35px !important;}
	
.one-prod {
	width: 299px;
	height: 540px;}
	
.one-prod-thumb {
	margin-bottom: 20px;}
	
.one-prod-tit {
	margin-bottom: 20px;}
	
.was-price {
	font-size: 20px;}
	
.price {
	font-size: 24px;}
	
.one-best-in {
	width: 436px;}

.free {
	padding-right: 410px;}
	
#free .section-tit {
	margin-top: 0px !important;}
	
.free-descr {
	margin-bottom: 20px;}
	
.free .hero-form-bt {
	margin-left: 0px;}

.how-one-num {
	margin-bottom: 20px;}
	
.how-one-descr {
	font-size: 22px;}
	
.one-vid {
	width: 460px;
	height: auto;}
	
.one-vid video {
	vertical-align: top;
	width: 100%;
	height: 260px;}
	
.sl-one {
	padding: 0 10px;}
	
.contact-left {
	width: 400px;}
	
.contact-right {
	width: 520px;}
	
.contact-right ul li {
	margin-bottom: 8px;
	line-height: normal;}
	
.free:after {
	right: 0px;}


}


@media (max-width: 1000px) {

.container {
	width: 750px;}
	
.head-slog {
	padding: 0 20px;}
	
.hero-top {
	text-align: center;}
	
.hero-left {
	width: 100%;
	padding-left: 0px;
	margin-bottom: 30px;}
	
.hero-right {
	float: none;
	display: inline-block;
	margin-bottom: 30px;}
	
.hero-serv {
	width: 50%;
	background-size: cover;}
	
.one-prod {
	max-width: 362px;
    width: 100%;}
	
.one-best-in {
    width: 337px;}
	
.free:after {
	content: normal;}
	
#free {
	background-position: 0 0;}
	
.free {
	padding-right: 0px;}

.free .hero-form-bt {
	margin-left: 15px;}
	
.free-descr {
	margin-bottom: 55px;}
	
.how-one {
	width: 50%;}
	
#feed {
	text-align: center;}
	
.vid {
	margin: 0px;}
	
.one-vid {
	float: none;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 0px;}
	
.partner img {
	width: 30%;
	height: auto;}
	
.contact-left, .contact-right {
	width: 100%;}
	
.contact-right {
	padding-top: 30px;}

}

@media (max-width: 991px) {
	.gal {
		width: 100%;
	}
}

@media (max-width: 768px) {
	
.container {
	width: 90%;
	margin: 0 5%;}

.hero-tit {
	margin-left: 0;
}

#hero .hero-bg {
	height: 320px;
}

#free {
	height: 500px;
}

.feed_video {
	width: 100%;
}

.brands__img {
	width: 33%;
}

.header-top > div {
	display: block;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	padding-top: 15px;
	height: auto;}
	
.tel-bt {
	display: inline-block;
	width: 200px;}
	
.header-menu {
	text-align: center;
	height: unset;
	position: relative;}

.header-menu .container {
	width: 100%;
	margin: 0;}
	
.header-menu-in {
	padding: 7px 0 0 0;}
	
.header-menu-in ul {
	padding: 0;
	display: none;
	position: absolute;
	height: auto;
	top: 100%;
	background-color: #000000;
	z-index: 999;}
	
.show-hide {
	cursor: pointer;
	display: block;
	display: inline-block;
	width: 40px;}

.show-hide span {
	height: 3px;
	width: 100%;
	display: block;
	margin: 8px 0;
	background-color: #fff;}
	
.header-menu ul li {
	display: block;
	width: 100%;
	border-bottom: 1px solid rgba(255,255,255,0.2);}
	
.header-menu ul li a {
	padding: 10px 0;
	border: none;}
	
.hero-tit {
	margin-bottom: 10px;
	font-size: 26px;
	text-align: center;
}
	
.hero-slog {
	font-size: 24px;
	line-height: normal;}
	
.hero-slog br {
	display: none;}
	
.hero-right {
	width: 100%;
	height: auto;
	padding: 30px 10px 30px;}
	
.hero-form {
	width: 100%;
	max-width: 316px;}
	
.hero-serv {
	width: 100%;
	text-align: center;
	height: auto;
	padding: 30px 20px;}
	
.hero-ico {
	display: inline-block;}
	
.section-tit {
	padding: 0px;
	text-align: center;}
	
.prod-in {
	margin: 0;
	text-align: center;}
	
.one-prod {
	float: none;
	margin-right: 0px;
	display: inline-block;}
	
.was-price {
	display: inline-block;
	float: none;}
	
.price {
	display: inline-block;
	float: none;}
	
.one-best {
	width: 100%;
	margin: 0 0 25px 0;}
	
.one-best-in {
	height: auto;
	width: 100%;
	float: left;
	text-align: center;}
	
.we-best {
	margin: 0px;}
	
.free {
	text-align: center;}

.one-best-ico {
	display: inline-block;
	float: none;}
	
.one-best-descr {
	width: 100%;
	margin-left: 0px;}
	
.free-descr {
	text-align: center;
	margin-bottom: 20px;}
	
.free .hero-form-bt {
	margin-left: 0px;}
	
.how-one {
	width: 100%;}
	
.one-vid {
    width: 100%;
	max-width: 460px;}
	
.pagingInfo {
	display: none;}

.slideshow {
	padding: 0 55px;}
	
.sl-one {
	text-align: center;}
	
.sl-one-in {
	float: none;
	display: inline-block;}
	
.partner {
	display: block;
	text-align: center;}
	
.partner img {
	max-width: 100%;
	height: auto;
	margin: 0 10px 15px;
	width: auto;}
	
#partner {
	padding-bottom: 40px;}
	
.copy {
	text-align: center;
	width: 100%;
	margin-bottom: 15px;}
	
.soc {
	text-align: center;
	width: 100%;}

.soc a {
	float: none;
	display: inline-block;
	margin: 0 5px;}

}

@media (max-width: 450px) {
	
#free, .free {
	padding-bottom: 10px;
	height: auto;}

.free-descr {
	font-size: 20px;}
	
.free-descr br {
	display: none;}	

.slider-nav {
	display: none;}
	
.brands__img {
	width: 48%;
}


.hero-form-bt input {
	font-size: 20px;}
	
.hero-tit {
	font-size: 20px;}
	
.section-tit span {
    font-size: 28px;
	margin-left: 0px;
} 
	
.one-prod-bt a {
	width: 100%;}
	
.one-prod {
	margin-bottom: 35px;}
	
.free .hero-form-one {
	width: 100%;}
	
.free .hero-form-bt {
	width: 100%;}
	
.choose-city {
	width: 100%;}
	
.partner img {
	margin: 0 0 15px;}

}

.vid1 {
	margin: 570px -25px 0 0;}