@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), 
  url('../fonts/fontawesome-webfont.woff') format('woff'), 
  url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
  url('../fonts/fontawesome-webfontba72.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
*, *:before, *:after{ margin: 0; padding: 0; }
html{  width: 100%; height: 100%; background: #e9e9e9; overflow-x: hidden; }
html.menu-opened{ overflow-y: hidden; }
body{
	min-width: 320px; text-align: left;
	font: normal 15px/30px "Minion Pro", "Times new roman", Times, serif; color:#5a5959;
}
h1{ font: bold 2em "Minion Pro", "Times new roman", Times, serif; }
h2{ font: bold 1.5em "Minion Pro", "Times new roman", Times, serif; }
h3{ font: bold 1em "Minion Pro", "Times new roman", Times, serif; }
h4{ font: bold .8em "Minion Pro", "Times new roman", Times, serif; }
h5{ font: bold .7em "Minion Pro", "Times new roman", Times, serif; }
h6{ font: bold .6em "Minion Pro", "Times new roman", Times, serif; }

a{ text-decoration: none; outline: none; color: #cc073a; }
a:hover{ text-decoration: underline; }
a img{ border: 0px solid; }
.clearfix:after {content: " "; visibility: hidden; display: block; height: 0; clear: both; }
span.clear{ display: inline-block; width: 100%; }
br.clear{ clear: both; }
p{ margin: 10px 0; }
ul, ol{ padding-left: 25px; margin: 7px 0; }
img{ max-width: 100%; }
hr { 
	border: 0; height: 1px; width: 100%;
	background: -moz-linear-gradient(left, rgba(214,214,214,0) 0%, rgba(214,214,214,1) 50%, rgba(214,214,214,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(214,214,214,0)), color-stop(50%,rgba(214,214,214,1)),color-stop(100%,rgba(214,214,214,0)));
	background: -webkit-linear-gradient(left, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
	background: -o-linear-gradient(left, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
	background: -ms-linear-gradient(left, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
	background: linear-gradient(to right, rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6',GradientType=1 ); 
}
.fright{float: right!important;}
.fleft{float: left!important;}
.bold{font-weight: bold!important;}
.tlower{ text-transform: lowercase; }
.tnormal{ text-transform: none; }
 
.fa { 
	display: inline-block;
	font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
.fa-facebook:before{ content: '\f09a'; }
.fa-phone:before{ content: '\f095'; }
.fa-envelope:before{ content: '\f0e0'; }
.fa-bars:before{ content: '\f0c9'; }
.fa-file-text-o:before { content: "\f0f6"; }


.transperant-box:before, #main-header:before, #main-footer:before, .menu a:hover:before, .menu li.active a:before{ 
	content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
  	background: -moz-linear-gradient(left,rgba(214,214,214,0) 0%, rgba(214,214,214,1) 50%, rgba(214,214,214,0) 100%); 
  	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(214,214,214,0)), color-stop(50%,rgba(214,214,214,1)), color-stop(100%,rgba(214,214,214,0))); 
  	background: -webkit-linear-gradient(left,  rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
  	background: -o-linear-gradient(left,  rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
  	background: -ms-linear-gradient(left,  rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
  	background: linear-gradient(to right,  rgba(214,214,214,0) 0%,rgba(214,214,214,1) 50%,rgba(214,214,214,0) 100%);
  	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d6d6d6', endColorstr='#00d6d6d6',GradientType=1 );
}
#main-header:before{ top: auto; bottom: 0; }
.holder{ width: 95%; min-width: 300px; max-width: 1050px; margin: 0 auto; }
#main-header, #main-footer, .products{ background: #e9e9e9; position: relative; }
#main-container{ padding-top: 150px; position: relative; }
.main-title{ text-transform: uppercase; text-align: center; font-size: 2em; font-weight: normal; color: #1c1c1a; letter-spacing: 0.2em; margin: 30px 0; }

#main-header{ 
	position: fixed; top: 0; z-index: 100;
	width: 100%; height: 107px; padding: 15px 0;  
}
#main-header .logo{ display: block; float: left; }
#main-header .mobile-nav{ 
	display: none; float: right; height: 30px; margin-top: -15px; font-size: 1.2em;
	position: absolute; top: 50%; right: 2.5%; 
}


#main-footer{ width: 100%; padding: 15px 0; text-align: center; font-size: 0.9em; line-height: 1.8em; color: #858584; }
#main-footer a{ color: #000; }
.begin-body #main-footer{ position: fixed; bottom: 0; z-index: 100; }
#main-footer span{ display: none; }


.menu{ position: fixed; top: 40px; right:calc((100% - 1050px)/2); z-index: 200; }
.menu ul{ display: block; position: relative; float: left; padding: 0; margin: 0; }
.menu ul li{ display: block; float: left; padding: 0 15px; margin: 0; }
.menu ul li:first-child{ padding-left: 0; }
.menu ul li:last-child{ padding-right: 0; }
.menu a, .kind a{ 
	display: inline-block; position: relative; color: #858584;
	text-transform: uppercase; font-size: .92em; line-height: 1.5em; font-weight: lighter; letter-spacing: 0.2em;
}
.menu a:hover{ text-decoration: none; } 
.menu li.active a{ color: #666564; }
.menu li.active a:before, .menu a:hover:before{ content:''; bottom: 0; top: auto; }
.menu ul li ul{ 
	display: none; width: auto; white-space:nowrap; text-align: center; padding-top: 15px;
	position: absolute; top: 1.5em; left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
}
.menu ul li ul li{ display: inline-block; float: none; padding: 0 7px; font-size: .85em; }
.menu ul li ul a{ color: #666564; }
.menu ul li ul a:before{ display: none!important; }
.menu ul li ul li.active a, .menu ul li ul li a:hover{ color: #cc073a; }


.begin-body{ height: 100%; }
.begin-body #main-container{ padding-top: 0; width: 100%; height: 100%;  }
.products-body #main-container{ padding-top: 137px; }
.slider{ 
	width: 100%; height: 100%; overflow: hidden; padding-top: 137px; padding-bottom: 102px; 
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	position: relative;
}
.products-body .slider{ padding: 0; height: 60vh; }
.slider .item{ 
	width: 100%; height: 100%; overflow: hidden;
	background-repeat: no-repeat; background-size:cover;  background-position: center center;
}
.slider .owl-wrapper-outer, .slider .owl-wrapper, .slider .owl-item{ height: 100%; }
.slider .item .transperant-box{ 
	position: absolute; bottom: 0; width: 100%;
	background: rgba(15,17,17,.48);
}
.slider .item .transperant-box h3{ 
	display: block; text-align: right; text-transform: uppercase; 
	font-size: 1.66em; letter-spacing: 0.15em; line-height: 15.0vh; color: #fff; font-weight: normal;
}
.slider .item .transperant-box h3 a{ color: inherit; }
.slider .item .img{
	display: block;
	position: absolute; bottom: 2.0vh; left: calc((100% - 900px)/2); 
}
.slider .item .img img{ float: left;  max-height: calc(100vh - 320px); max-width: none; }
.slider .item .img-logo{
	display: block;
	position: absolute; top: 4.0vh; left: calc((100% - 900px)/2); 
}
.slider .p-right .img-logo, .slider .p-right .img{ left: auto; right: calc((100% - 900px)/2); }
.slider .p-right .transperant-box h3{ text-align: left; }

.owl-theme .owl-controls{  }
.owl-theme .owl-controls .owl-pagination{ display: none; }
.owl-theme .owl-controls .owl-buttons div { 
	position: absolute; top: 50%; z-index: 1000; 
	width: 45px; height: 85px; margin: -42.5px auto 0; overflow: hidden;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; filter: Alpha(Opacity=100); opacity: 1;
	text-indent: -9999px; background-color: transparent; background-size: 100% 100%; background-repeat: no-repeat;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev{ left: calc((100% - 1050px)/2); background-image: url(../images/left_arrow.png); }
.owl-theme .owl-controls .owl-buttons div.owl-next{ right: calc((100% - 1050px)/2); background-image: url(../images/right_arrow.png); }
.images-gallery .owl-controls .owl-buttons div.owl-prev{ margin-left: 20px; }
.images-gallery .owl-controls .owl-buttons div.owl-next{ margin-right: 20px; }

.owl-theme .owl-controls .owl-buttons div a{ 
	display: block; width: 100%; height: 100%; overflow: hidden;
	position: absolute; top: 0; left: 0;
}



.left-side{ float: left; width: 40%; }
.left-side span{ display: block; margin-bottom: 20px; }
.left-side a{ color: #cc073a; }
.right-side{ width: 60%; float: right; }
.contacts-body div > p{ display: block; width: 100%; margin: 0 0 30px 0; color: #1c1c1a; font-size: 1.2em; }
.right-side label, .right-side .label{ position: relative; display: block; float: left; width: 100%; margin-bottom: 20px; }
.right-side label span{ display: block; float: left; }
.right-side label span.txt{ float: left; width: 100%; text-align: left; }
.right-side .required{ color: #e84e0e; }
.right-side label span.input, .right-side label span.textarea{ float: right; width: 100%; padding: 0; border: 0px solid; }
.right-side label.code .txt{ width: auto; margin-right: 10px; }
.right-side label.code span.input{ float: left; width: 20%; }
.right-side label.code img{ float: left; }
.right-side label span.input input, .right-side label span.select select{ display: block; float: left; width: 100%; height: 28px;
  border-bottom: 1px solid #c6c6c5; border-top: none; border-left: none; border-right: 1px solid #c6c6c5; background: #e9e9e9;
  font: normal 14px "Minion Pro", "Times new roman", Times, serif; color: #000; }
.right-side label span.textarea textarea{ display: block; float: left; width: 100%; height: 100px; border-bottom: 1px solid #c6c6c5;border-top: none; border-left: none; border-right: 1px solid #c6c6c5; background: #e9e9e9; font: normal 14px "Minion Pro", "Times new roman", Times, serif; color: #000; }
.right-side label img{ float: left; }
.right-side label .button{ float: right; clear: both; margin: 20px 0 0; }
.right-side label .button input{ display: block; float: left; height: 51px; border: 0px solid; background: #e9e9e9; background-color: none;
  font:normal 15px/30px "Minion Pro", "Times new roman", Times, serif;text-transform: uppercase; color: #cc073a;cursor: pointer;}

.form label.error{ 
	width: auto; white-space: nowrap; margin: 0;
	background: #cc073a; padding: 0 5px;
	position: absolute; bottom: -18px; right: 0; 
	font-size: 14px; color: #fff; line-height: 18px;
}
.form .message-error {
	display: block; padding: 10px 0;
	margin-bottom: 20px; color: #fff; background: #cc073a;
	text-align: center;
}
.form .message-success {
	display: block; padding: 10px 0; color: #000;
	margin-bottom: 20px; color: #fff; background: #0e3d8a;
	text-align: center;
}

.intro{ background: #fff!important; height: 100%; }
.intro .center-section{ 
	width: 100%; text-align: center; background: #fff;
	position: absolute; top: 50%; left: 0; transform: translate(0,-50%);
	padding-bottom: 80px; padding-top: 20px;
}
.intro img{ display: block; margin: 0 auto; max-width: 95%; }
.intro span{ display: block; margin: 3em 0 1.5em 0; line-height: 1.5em; padding: 0 10px; }
.intro input{ 
	display: block; margin: 20px 0 0 0; text-transform: uppercase; text-decoration: none; font-size: 2em; color: #191918;
	border: 0px solid; background: none; margin: 20px auto 0 auto; clear: both;
	font: normal 2em "Minion Pro", "Times new roman", Times, serif;  cursor: pointer;
}

div.date_wrapper:after{ content: ''; clear: both; display: block; }
div.date_wrapper select{
	display: block; float: left;
	border-top: 1px solid #e6e6e5; 
	background: #edeeee;
	border-left: 1px solid #edeeee;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #e6e6e5; 
	height: 40px; font: normal 1em "Minion Pro", "Times new roman", Times, serif;
}
div.date_wrapper select#date{  width: 20%; }
div.date_wrapper select#month{ width: 50%; } 
div.date_wrapper select#fullYear{ width: 30%; } 

div.date_wrapper { 
	width: 200px; margin: 0 auto; height: 145px; 
	background: #edeeee; border-top: 1px solid #e6e6e5; border-bottom: 1px solid #e6e6e5; border-left: 1px solid #d8d8d8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
	width: 260px; height: auto;
}

div.date_wrapper .text{ 
	float: left; height: 25px; color: #706f6f; text-align: left; text-indent: 5px;
	
background: rgb(225,224,224); 
background: -moz-linear-gradient(top,  rgba(225,224,224,1) 0%, rgba(234,233,233,1) 64%, rgba(234,233,233,1) 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,224,224,1)), color-stop(64%,rgba(234,233,233,1)), color-stop(99%,rgba(234,233,233,1)));
background: -webkit-linear-gradient(top,  rgba(225,224,224,1) 0%,rgba(234,233,233,1) 64%,rgba(234,233,233,1) 99%);
background: -o-linear-gradient(top,  rgba(225,224,224,1) 0%,rgba(234,233,233,1) 64%,rgba(234,233,233,1) 99%);
background: -ms-linear-gradient(top,  rgba(225,224,224,1) 0%,rgba(234,233,233,1) 64%,rgba(234,233,233,1) 99%);
background: linear-gradient(to bottom,  rgba(225,224,224,1) 0%,rgba(234,233,233,1) 64%,rgba(234,233,233,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e0e0', endColorstr='#eae9e9',GradientType=0 );
	
}
#drum_date, div.date_wrapper .t-day{ width: calc( 20% - 2px ); border-right: 1px solid #d8d8d8; border-left: 1px solid #f9fafa; }
#drum_month, div.date_wrapper .t-month { width: calc( 50% - 2px ); border-right: 1px solid #d8d8d8; border-left: 1px solid #f9fafa; }
#drum_fullYear, div.date_wrapper .t-year { width: calc( 30% - 2px ); border-right: 1px solid #d8d8d8; border-left: 1px solid #f9fafa; }


.health-info{ 
	display: block; width: 100%; clear: both; background: #e4e2e3; color: #3f3f3f; 
	font: normal 18px "Minion Pro", "Times new roman", Times, serif; letter-spacing: 10px; 
	text-transform: uppercase; text-align: center; line-height: 20px!important; padding: 15px 0 10px 0; 
}
.begin-body .health-info{ position: fixed; bottom: 54px; left: 0; z-index: 101; }
.intro .health-info{ position: fixed; bottom: 0; left: 0; z-index: 101; margin: 0; padding: 15px 0 10px 0; }


.error-state{ color: #b70533!important; }

.products-body .kind{ margin: 15px 0 20px 0; text-align: center; } 
.products-body .kind a{ text-decoration: none; display: inline-block; margin: 0 10px; }
.products-body .kind a:hover, .products-body .kind a.active{ color: #cc073a; }
.products-body p{ 
	float: left; width: 25%; padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
	.products-body p{ width: 50%; }
	.products-body p:nth-of-type(2n+1){ clear: both; }	

@media screen and (max-height:480px),screen and (max-device-height:480px){
	.intro{ height: auto; }
	.intro .center-section{ position: static; top: 0; left: 0; transform: translate(0,0); padding: 20px 0 20px 0; }
	.intro img{ max-width: 80%; }
	.intro .health-info{ position: static; bottom: 0; left: 0; }
}
@media screen and (max-width:1105px),screen and (max-device-width:1105px){
	.menu{ right: calc((100% - 95%)/2); }
	.slider .item .img, .slider .item .img-logo{ left: calc(2.5% + 70px); }
	.slider .p-right .img-logo, .slider .p-right .img{ right: calc(2.5% + 50px); left: auto; }
	.owl-theme .owl-controls .owl-buttons div.owl-prev{ left: 1%; }
	.owl-theme .owl-controls .owl-buttons div.owl-next{ right: 1%; }
}
@media screen and (max-width:900px),screen and (max-device-width:900px){
	.menu ul li.menu-home{ display: none; }
	.menu ul li{ padding: 0 10px; }
}

@media screen and (max-width:768px),screen and (max-device-width:768px){
	.menu{ 
		position: fixed; top: 0; right: -160px; z-index: 10;
		width: 160px; height: 100%; background-color: #EDEDED;
	    -webkit-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    -moz-box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	    box-shadow: inset 5px 0px 10px 0px rgba(0,0,0,0.2);
	}
	.menu ul{ padding: 95px 0 0 0; }
	.menu ul li{ width: 100%; padding: 10px 0; }
	.menu a{ display: block; text-align: center; }
	.menu a:hover, .menu a.active{ color: #cc073a; }
	.menu ul li.menu-home{ display: block; }
	.menu ul li ul{ 
		position: static; padding-top: 3px; white-space: normal;
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0); 
	}
	.menu ul li ul li{ padding: 3px 0; }
	
	#main-header{ height: 50px; }
	#main-header .logo img{ height: 50px; width: auto; max-width: none; }
	#main-header .mobile-nav{ display: block; }
	 
	#main-container{ z-index: 20; position: relative; padding-top: 100px; }
	.products-body #main-container{ padding-top: 80px; }
	#main-footer{ position: absolute!important; line-height: 1.2em; }
	
	.begin-body .health-info{ padding: 10px 0 7px 0; position: absolute!important; font-size: 1em; line-height: normal; bottom: 46px; letter-spacing: 4px; }
	.slider{ padding-top: 80px; padding-bottom: 78px; }
	.main-title{margin: 15px 0;}
	
	.left-side{ width: 100%; }
	.right-side{ width: 100%; }
	.products-body .kind a{ margin: 5px; }
}
@media only screen and (orientation:portrait) {
	.slider .item .img{ top: auto; left: 0; right: auto; bottom: 30px; width: 100%; height: 80%; z-index: 0; }
	.slider .item .img img{ position: absolute; margin: auto; left: 0; right: 0; bottom: 20px; max-height: 85%; max-width: 90%;  }
	.slider .item .transperant-box{ z-index: 2000; bottom: auto; top: 0; }
	.slider .item .transperant-box h3{ text-align: center; line-height: 1.3em; padding: 10px 0; }
	.slider .img-logo{ display: none!important; }
	.transperant-box:before{ top: auto; bottom: 0; }
	.products-body .slider{ height: 100vw; }   
	.products-body .slider .item .img{ height: 70%; }
}
@media screen and (max-width:480px),screen and (max-device-width:480px){
	#main-footer .holder{ display: none; }
	#main-footer{ padding: 7px; }
	#main-footer span{ display: block; }
	.slider{ padding-bottom: 30px; }
	.intro .health-info{ font-size: 1em; line-height: normal; letter-spacing: 3px; }
	.begin-body .health-info{ bottom: 30px; }
}

.article-list{ width: 100%; float: left; font-size: 1.1em; padding: 25px 0; }
.article-list:first-of-type{ padding-top: 0; }
.article-list .img{ display: block; float: left; width: 400px; }
.article-list .img img{ display: block; width: 400px; margin: 0 auto; }
.article-list .title{ 
	font-family: "Minion Pro", "Times new roman", Times, serif; font-weight: 400; 
	font-size: 1.2em; line-height: normal; letter-spacing: 2px; color: #1c1c1a; 
	margin-bottom: 20px; 
}
.article-list .title a{ color: inherit; }
.article-list .info{ float: right; width: calc(100% - 430px); }
.article-list .metadata{ display: block; font-size: 0.9em; color: #858584; }

.article-detail .article-list{ padding: 10px 0; }
.article-detail .article-list:nth-of-type(2n) .img{ float: right; }
.article-detail .article-list:nth-of-type(2n) .info{ float: left; }

.main-paging{ text-align: center; padding: 15px 0; font-size: 1.1em;  }
.main-paging > *{ display: inline-block; color: #858584; margin: 0 5px;  }
.main-paging .paging_current{ color: #cc073a; font-weight: 600; }
@media screen and (max-width:768px),screen and (max-device-width:768px){
	.article-list .img, .article-list .info{ width: 100%; }
	.article-list .img{ margin-bottom: 20px; }
	.article-list .title, .article-list .metadata{ text-align: center; }
}