/*----------------------MAIN PART---------------------------*/
@font-face {
	font-family: 'Regular';
	src: url('../fonts/Proxima Nova Regular.eot');
	src: local('☺'), url('../fonts/Proxima Nova Regular.woff') format('woff'), url('../fonts/Proxima Nova Regular.ttf') format('truetype'), url('../fonts/Proxima Nova Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Bold';
	src: url('../fonts/Proxima Nova Bold.eot');
	src: local('☺'), url('../fonts/Proxima Nova Bold.woff') format('woff'), url('../fonts/Proxima Nova Bold.ttf') format('truetype'), url('../fonts/Proxima Nova Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Black';
	src: url('../fonts/Proxima Nova Black.eot');
	src: local('☺'), url('../fonts/Proxima Nova Black.woff') format('woff'), url('../fonts/Proxima Nova Black.ttf') format('truetype'), url('../fonts/Proxima Nova Black.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	box-sizing: border-box;
}
html, body {
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	font: 18px 'Regular';
    background: url(../img/bg_fon.jpg) 0px no-repeat;
background-size: 1920px auto;
    background-attachment: fixed;

}
ul, h1, h2, h3 {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #000;
	font: 14px 'Regular';
}
h1, h2, h3, h4 {
	font-family: 'Bold';
	margin-bottom: 10px;
}
h1 {
	font-size: 18px;
}
h2 {
	margin-top: 25px;
	font-size: 14px;
}


.tbl {border-collapse: collapse; border: 1px solid #B9C2CB;}
.tbl td {padding: 8px; border: 1px solid #B9C2CB;}

.pricetable table {border:solid 1px #feeed3; border-collapse: separate;}
.pricetable td {border:solid 1px #d3b083; border-left:solid 1px #feeed3; border-top:solid 1px #feeed3; line-height:1; text-align:center; vertical-align:middle;}
.pricetable {border:solid 1px #feeed3; border-left:solid 1px #d3b083; border-top:solid 1px #d3b083; margin:0 0 20px;}
.pricetable thead td {color:#fde1b2; font-size:12px; font-weight:bold; text-transform:uppercase; border-left:none; border-top:none;}

.pricetable thead {background:#fff;}


.clearfix {
	*zoom: 1;
}
.clearfix::before, .clearfix::after {
	content: '';
	display: table;
}
.clearfix::after {
	clear: both;
}
.img-responsive {
	width: 100%;
}
.horizontalList {
	position: relative;
	display: inline-block;
	width: 50%;
	margin: 0 auto;
	vertical-align: top;
	/*line-height: 0;*/
}
.windowFade {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	background: rgba(255,255,255,.7);
	z-index: 10;
}
.active {
	position: absolute;
	z-index: 1003;
}
.pattern {
	background: url(../img/pattern.png);
	background-size: 40%;
}
.pattern:nth-of-type(odd) {
	background-position: left bottom;
}
.list {
	position: relative;
	margin-left: 20px;
	z-index: 2;
}
.list li {
	list-style: disc;
	margin: 10px;
}
.table-prod {
    font-size: 18px;
}


/*----------------------main part---------------------------*/

/*------------------------GRID------------------------------*/
.mainContainer {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	max-width: 1240px;
	min-height: 100%;
	margin: 0 auto;
box-shadow: 10px 0px 20px rgba(0, 0, 0, 0.3), -10px 0px 20px rgba(0, 0, 0, 0.3);
}
.mainContent {
	width: 100%;
	padding-bottom: 30px;
/*margin-top:70px;*/

}
header {
	position: relative;
	width: 100%;
	min-height: 65px;
}
.headerTop {
	position: absolute;
	width: 100%;
	/*height: 35%;*/
	height: 16%;
	background: url(../useruploads/images/header_new.jpg) center no-repeat;
	/*background: #fbcc34;*/
	background-size: 100% 100%;
	z-index: 15;
}

.logo_kom {
margin-left: 25px; 
margin-top: 10px;
}
.logo_txt {
font-size: 20px;
}

.container {
	width: 100%;
}

footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70px;
	background: url(../img/footer_grass.png) repeat-x;
}
footer div {
	position: absolute;
}
footer div:first-of-type {
	bottom: 10px;
	left: 10px;
	font: 14px 'Bold';
}
.galaxy {
	width: 210px;
	bottom: 7px;
	right: 7px;
	padding-left: 33px;
	color: #fff;
	font: 14px 'Arial';
	background: url(../img/galaxy.png) left no-repeat;
}
.galaxy a {
	color: #fff;
	font: 14px 'Arial';
}

/*------------------------grid------------------------------*/

/*----------------------STYLE---------------------------*/

/*----------BASE PART-----------*/
.logoLink {
	position: absolute;
	width: 25%;
	height: 70%;
	z-index: 99;
	cursor: pointer;
}



.headerMenu li:hover {

background: antiquewhite;

}

.headerMenu {
	display: block;
	position: absolute;
	cursor: pointer;
	z-index: 11;
}
.headerMenu.controller {
	position: absolute;
	top: 4%;
	right: 2%;
}
.headerMenu.controller > div {
	width: 25px;
	height: 6px;
	margin-bottom: 3px;
	background: #000;
	border-radius: 3px;
}
.headerMenu.content {
	display: none;
	width: 100%;
}
.headerMenu.content > ul {
	padding-top: 12%;
	background: #fdba2d;
}
.headerMenu li {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: center;
}
.headerMenu > ul > li {
	border-bottom: 2px solid #fff;
}
.headerMenu > ul > li span {
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 10px;
	background: url(../img/arrDown.png);
}
.headerMenu li > ul {
	margin-top: 25px;
}
.headerMenu li a {
	font: 20px 'Bold';
}

.slider {
	position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 9;
/*top: 72px;*/
/*height: 620px;*/
}
.slider div {
	position: relative;
}
.slider img {
	width: 100%;
	/*height: auto;*/
/*height: 620px;*/
}

.slider > div a {
	display: none;
}
.slider > div:first-of-type a {
	display: block;
}
header .sign {
	position: absolute;
	bottom: 5%;
	left: 5%;
	font: 18px 'Black';
	color: #fff;
	z-index: 11;
background-color: #fff;
    opacity: 0.8;
    padding-left: 15px;
    padding-right: 15px;
color: #F45656;
}

/*----------base part-----------*/

.pagesContent {
	width: 100%;
	padding: 15px 0 50px;
	background: #fff;
}
.pagesContent aside {
	display: none;
	width: 25%;
	margin-right: 2%;
	vertical-align: top;
}




.pagesContent aside li {
	display: block;
	margin-bottom: 20px;
	padding: 10px 10px;
	font: 18px 'Arial';
	text-transform: uppercase;
	background: url(../img/aside_menu_back.png);
	background-size: 100%;
}
.pagesContent aside li a {
	font: 18px 'Arial';
}
.pagesContent section {
	display: block;
	width: 100%;
	padding: 0 7px;
	vertical-align: top;
}



.pagesContent aside li:hover {

background: #fbed34;

}


.articlesLink {
	margin: 0;
	padding: 0;
	color: #004eff;
	border-bottom: 1px dashed #004eff;
}
.page_num {
	margin-top: 25px;
}
.page_num span {
	padding: 3px;
	background: #000;
	color: #fff;
}


/*-------------------LANDING PART-----------------------------*/

.mainText {
	position: relative;
	padding-bottom: 30px;
	color: #fff;
}
.mainText h1 {
	padding: 10px 7px;
}
.mainText h1 {
	color: #000;
position: relative;
text-align: center;
}
.mainText p {
	position: relative;
color: #000;
	/*padding: 15px 7px 30px;*/
	z-index: 2;
margin: 10px 20px;
}
.stripe {
	position: absolute;
	/*top: 10%;*/
	width: 100%;
	height: 100%;
	/*height: 82%;*/
	/*background: #864000;*/
    background: #fff;
    opacity: 0.3;
	/*-webkit-transform: skewY(-3deg);
       -moz-transform: skewY(-3deg);
         -o-transform: skewY(-3deg);
            transform: skewY(-3deg);*/
	-webkit-transform: skewY(0deg);
       -moz-transform: skewY(0deg);
         -o-transform: skewY(0deg);
            transform: skewY(0deg);
    z-index: 0;
}




.albumMenu {
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
}
.albumMenu a {
	display: inline-block;
	font-size: 0;
	line-height: 0;
}
.albumMenuItem {
	/*padding: 2% 1% 0;*/
	padding: 2% 2% 2% 1%;
	text-align: center;
	line-height: 0;
}
.imgContainer {
	position: relative;
	max-width: 205px;
}
.imgContainer div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	text-transform: uppercase;
	background: rgba(0,0,0,.3);
}
.imgContainer div:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.albumMenuItem div span {
	display: inline-block;
	padding: 5px;
	vertical-align: middle;
font-size:19px;
}
.albumImg {
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
}

.advantage {
	margin-bottom: 35px;
	padding: 15px 7px;
	background: #fff;
	text-align: center;
}
.advantage ul{
	text-align: center;
}


.advantage li:hover {

background: antiquewhite;

}

.advantage li {
	margin-top: 15px;
}
.advantage li:last-of-type {
	clear: left;
	float: none;
}
.advantage li div {
	height: 60px;
}
.advantageItem {
	display: block;
	max-width: 250px;
	margin: 5px auto;
	/*padding: 100px 7px 5px;*/
	text-align: center;
	/*font-family: 'Bold';*/
}
.advantage li:nth-of-type(1) div {
	background: url(../img/adv-1.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(2) div {
	background: url(../img/adv-2.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(3) div {
	background: url(../img/adv-3.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(4) div {
	background: url(../img/adv-4.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(5) div {
	background: url(../img/adv-5.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(6) div {
	background: url(../img/adv-6.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(7) div {
	background: url(../img/adv-7.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(8) div {
	background: url(../img/adv-8.png) top center no-repeat;
	background-size: contain;
}
.advantage li:nth-of-type(9) div {
	background: url(../img/adv-9.png) top center no-repeat;
	background-size: contain;
}
.question {
	position: relative;
	width: 100%;
	height: 169px;
	background: url(../img/question_back.jpg) bottom center;
	text-align: center;
}
.girl {
	position: absolute;
	bottom: 0;
	width: 163px;
	height: 177px;
	background: url(../img/girl.png) center no-repeat;
	background-size: 100% 100%;
}
.phone {
	position: absolute;
	bottom: 15px;
	right: 10px;
	width: 133px;
	height: 109px;
	background: url(../img/phoneIcon.png) center no-repeat;
	background-size: 100% 100%;
}
.text {
	position: relative;
	top: 30%;
	margin: auto;
	font: 18px 'Bold';
	color: #fff;
	z-index: 9;
}
.text span {
	display: block;
}
.text span:first-of-type {
	text-transform: uppercase;
}
.text span:last-of-type {
	font-size: 24px;
}
.map {
	height: 170px;
}
/*-------------------------landing part---------------------------*/

/*----------------------MEDIA---------------------------*/

@media screen and (min-width: 801px) {
	.windowFade {
		display: none;
	}
	h1 {
		font-size: 24px;
	}
	.headerMenu {
		display: block;
		right: 0;
		cursor: pointer;
		z-index: 16;
	}
	.headerMenu.controller {
		display: none;
	}
	.headerMenu > ul > li span,
	.headerMenu > ul > li ul {
		display: none;
	}
	.headerMenu.content {
		position: relative;
		display: block;
	}
	.headerMenu.content ul {
		position: absolute;
		right: 0;
		width: 60%;
		text-align: right;
		padding: 0;
		background: none;
	}
	.headerMenu ul > li {
		display: inline-block;
		width: auto;
		text-align: right;
		padding: 5px 10px;
		border: none;
	}
	.headerMenu li:last-of-type {
		width: 90%;
	}
	.headerMenu li a {
		font: 21px 'Bold';
	}
	header .sign {
		font: 30px 'Black';
background-color: #fff;
    opacity: 0.8;
    padding-left: 15px;
    padding-right: 15px;
color: #F45656;
	}

	.horizontalList {
		width: 33.3%;
	}


.headerTop {
	/*position: absolute;
	width: 100%;*/
	/*height: 35%;*/
	height: 16%;
	/*background: url(../img/header_texture2.png) center no-repeat;*/
	background: url(../useruploads/images/header_new.jpg) center no-repeat;
	/*background: #fbcc34;*/
	background-size: 100% 100%;
	z-index: 15;
}
.mainContent {
	/*width: 100%;
	padding-bottom: 30px;*/
margin-top:33px;
}
.slider {
	/*position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 9;*/
top: 44px;
/*height: 620px;*/
}
	.albumMenu {
		max-width: 760px;
	}
	.imgContainer {
		max-width: 240px;
	}
	.advantage li:last-of-type {
		/*float: left;*/
	}
	.text {
		top: 20%;
		font-size: 24px;	
	}
	.text span:nth-of-type(n+1) {
		font-size: 30px;
	}
	.question {
		height: 170px;
	}
	.girl {
		width: 185px;
		height: 200px;
		left: 40px;
	}
	.map {
		height: 200px;
	}
	.phone {
		width: 165px;
		height: 140px;
		right: 40px;
	}
	.pagesContent aside {
		display: inline-block;
	}
	.pagesContent section {
		display: inline-block;
		width: 72%;
	}
}
@media screen and (min-width: 1001px) {
	.headerMenu.content ul {
		width: 50%;
	}
	.headerMenu li:last-of-type {
		width: auto;
	}
	header .sign {
		font: 38px 'Black';
background-color: #fff;
    opacity: 0.8;
    padding-left: 15px;
    padding-right: 15px;
color: #F45656;
	}


	
	.phone {
		width: 205px;
		height: 170px;
		right: 10%;
	}
	.text {
		top: 20%;
		font-size: 24px;	
	}
	.text span:nth-of-type(n+1) {
		font-size: 30px;
	}
	.advantage li {
		font-size: 15px;
	}
	.advantage li div {
		height: 70px;
	}
	.map {
		height: 285px;
	}
	.pagesContent aside li a {
		font: 20px 'Arial';
	}
}
@media screen and (min-width: 1241px) {
	header .sign {
		font: 48px 'Black';
background-color: #fff;
    opacity: 0.8;
    padding-left: 15px;
    padding-right: 15px;
color: #F45656;
	}
	h1 {
		font-size: 30px;
	}
.headerTop {
	/*position: absolute;
	width: 100%;*/
	/*height: 35%;*/
	height: 16%;
	background: url(../useruploads/images/header_new.jpg) center no-repeat;
	/*background: #fbcc34;*/
	background-size: 100% 100%;
	z-index: 15;
}	
.mainContent {
	/*width: 100%;
	padding-bottom: 30px;*/
margin-top:72px;
}
.slider {
	/*position: relative;
	width: 100%;
	margin: 0 auto;
	z-index: 9;*/
top: 72px;
/*height: 620px;*/
}

	.albumMenu {
		max-width: 930px;
	}
	.imgContainer {
		max-width: 300px;
	}
	.text {
		top: 20%;
		font-size: 30px;	
	}
	.text span:nth-of-type(n+1) {
		font-size: 36px;
	}
	.advantage li {
		font-size: 18px;
	}
	.advantage li div {
		height: 90px;
	}
	.question {
		height: 205px;
	}
	.girl {
		width: 229px;
		height: 250px;
		left: 10%;
	}
	.map {
		height: 350px;
	}
	.pagesContent aside li a {
		font: 24px 'Arial';
	}
}