@font-face {
    font-family: 'AvenirNextLTPro-webfont';
	src: url('font/AvenirNextLTPro-Regular.eot?') format('eot'), 
	     url('font/AvenirNextLTPro-Regular.otf')  format('opentype'),
	     url('font/AvenirNextLTPro-Regular.woff') format('woff'), 
	     url('font/AvenirNextLTPro-Regular.ttf')  format('truetype'),
	     url('font/AvenirNextLTPro-Regular.svg#AvenirNextLTPro-Regular') format('svg');
	
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-webfont';
	src: url('font/AvenirNextLTPro-Medium.eot?') format('eot'), 
	     url('font/AvenirNextLTPro-Medium.otf')  format('opentype'),
	     url('font/AvenirNextLTPro-Medium.woff') format('woff'), 
	     url('font/AvenirNextLTPro-Medium.ttf')  format('truetype'),
	     url('font/AvenirNextLTPro-Medium.svg#AvenirNextLTPro-Medium') format('svg');
	
	font-weight:600;
	font-style:normal
}

@font-face {
    font-family: 'AvenirNextLTPro-webfont';
	src: url('font/AvenirNextLTPro-Demi.eot?') format('eot'), 
	     url('font/AvenirNextLTPro-Demi.otf')  format('opentype'),
	     url('font/AvenirNextLTPro-Demi.woff') format('woff'), 
	     url('font/AvenirNextLTPro-Demi.ttf')  format('truetype'),
	     url('font/AvenirNextLTPro-Demi.svg#AvenirNextLTPro-Demi') format('svg');
	
	font-weight:700;
	font-style:normal;
}

@font-face {
    font-family: 'AvenirNextLTPro-webfont';
	src: url('font/AvenirNextLTPro-Bold.eot?') format('eot'), 
	     url('font/AvenirNextLTPro-Bold.otf')  format('opentype'),
	     url('font/AvenirNextLTPro-Bold.woff') format('woff'), 
	     url('font/AvenirNextLTPro-Bold.ttf')  format('truetype'),
	     url('font/AvenirNextLTPro-Bold.svg#AvenirNextLTPro-Bold') format('svg');
	
	font-weight:800;
	font-style:normal
}

@font-face {
    font-family: 'AvenirNextLTPro-webfont';
	src: url('font/AvenirNextLTPro-Heavy.eot?') format('eot'), 
	     url('font/AvenirNextLTPro-Heavy.otf')  format('opentype'),
	     url('font/AvenirNextLTPro-Heavy.woff') format('woff'), 
	     url('font/AvenirNextLTPro-Heavy.ttf')  format('truetype'),
	     url('font/AvenirNextLTPro-Heavy.svg#AvenirNextLTPro-Heavy') format('svg');
	
	font-weight:900;
	font-style:normal
}



* {margin:0; padding:0; font-family:'AvenirNextLTPro-webfont','Georgia','Verdana','Calibri'; font-size:14px; -webkit-font-smoothing: antialiased; font-smooth:always;}
a {outline:none; border:0; text-decoration:none;}
.clear {clear:both; float:none;}
ul, ol { list-style-position:inside; list-style-type:none; }

html, body {
	min-width:1000px;
	height:100%;
	position:relative;
}

#content {
	position:relative;
	width:100%;
	min-height:100%;
}

#content > .left {
	background-image:url('../img/left_arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:52px;
	height:70px;
	cursor:pointer;
	position:absolute;
	top:40%;
	left:5px;
}

#content > .right {
	background-image:url('../img/right_arrow.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:52px;
	height:70px;
	cursor:pointer;
	position:absolute;
	top:40%;
	right:5px;
}

#slides {
	width:100%;
	overflow:hidden;
	position:relative;
}

#slides > .slide {
	width:100%;
	position:absolute;
	opacity:0;
	filter:alpha(opacity = 0);
	display:none;
	
}

#slides > .slide:first-child {
	opacity:1;
	filter:alpha(opacity = 100);
	display:block;
}

#slides > .slide > img {
	width:100%;
	margin-top:90px;
}

#slides > .slide > .info {
	position:absolute;
	top:20%;
	left:60px;
}

#slides > .slide > .info > h2 {
	color:#ffffff;
	font-size:58px;
	font-weight:800;
}

#slides > .slide > .info > span {
	font-size:22px;
	letter-spacing:1px;
	color:#ffffff;
}

#slides > .slide > .info > a {
	display:inline-block;
	text-align:center;
	background-color:#3c4041;
	padding:10px 30px;
}

#slides > .slide > .info > a > p {
	font-size:14px;
	letter-spacing:3px;
	color:#ffffff;
	padding-right:20px;
	background-image:url('../img/right_arrow_white.png');
	background-repeat:no-repeat;
	background-position:right center;
}

#slides > .slide > .info > a:hover > p {
	text-decoration:underline;
}


#products {
	padding:130px 40px 177px;
}

#products > .product {
	position:relative;
	display:table;
	width:100%;
	border-top:1px solid #999999;
	height:180px;
}

#products > .product:first-child {
	border-top:0 !important;
}

#products > .product > div {
	position:absolute;
	overflow:hidden;
	width:100%;
	height:100%;
	display:none;
}

#products > .product > div > img {
	position:absolute;
	width:75%;
	min-height:192px;
}

#products > .product > div > div {
	display:table;
	position:absolute;
	left:75%;
	top:0;
	width:25%;
	height:100%;
}

#products > .product > div > div > span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#products > .product > div > div > span > p {
	display:inline-block;
	color:#999999;
	font-size:24px;
	font-weight:700;
	letter-spacing:2px;
	background-image:url('../img/right_arrow_mini.png');
	background-repeat:no-repeat;
	background-position:right center;
	padding-right:35px;
}

#products > .product > span {
	position:relative;
	z-index:1;
	vertical-align:middle;
	display:table-cell;
	padding:0 17px;
	color:#212125;
}

#products > .product > span > .name {
	line-height:58px;
	font-size:56px;
	font-weight:700;
	letter-spacing:-4px;
	position:relative;
	left:-2px;
}

#products > .product > span > p > span {
	font-size:17px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#products > .product > span > p:last-child > span {
	letter-spacing:2px;
}


#products > .product:hover > div {
	display:block;
	background-color:#3c4041;
}

#products > .product:hover {
	border-top:1px solid #ffffff;
}

#products > .product:hover + .product {
	border-top:1px solid #ffffff;
}

#products > .product:hover > span {
	color:#ffffff;
	text-shadow:0 0 15px rgba(0,0,0,0.5);
}



#about {
	padding:130px 40px 177px;
	margin:0 auto;
	width:1000px;
	color:#3c4041;
}

#about > img {
	width:100%;
	margin-bottom:100px;
}

#about > .title {
	margin-bottom:14px;
	color:#333333;
}

#about > .title > span {
	font-size:22px;
	letter-spacing:2px;
}

#about > .header {
	font-size:18px;
	font-weight:700;
	text-transform:uppercase;
	width:45%;
	margin-bottom:10px;
}

#about > .normal {
	display:inline-block;
	font-size:16px;
	width:45%;
}

#about > .normal.left {
	display:table-cell;
}

#about > .normal.right {
	display:table-cell;
	font-size:16px;
	width:45%;
	vertical-align:bottom;
}

#about > .bold {
	font-size:18px;
	font-weight:700;
	width:45%;
	margin:20px 0;
}

#about > .line {
	position:relative;
	width:100%;
	border-top:1px solid #999999;
	margin:30px 0 50px;
}

#about > .line > img {
	position:absolute;
	bottom:0;
	right:0;
	width:53%;
}



#contact {
	padding:250px 40px 227px;
	margin:0 auto;
	width:1000px;
	color:#3c4041;
}

#contact > .header {
	font-size:18px;
	margin-bottom:10px;
	text-transform:uppercase;
	letter-spacing:1px;
}

#contact > .data {
	font-size:18px;
	margin-bottom:20px;
	
	margin-right: 70px;
}

#contact > .data a {
	font-size:18px;
	color: #3C4041;
}

#contact > .data a:hover {
	text-decoration:none;
}
#contact > .contactDetails{
	padding-top: 23px;
	margin-left: 50px;
	
}

#contact > .contactDetails > .contactDetailsBox{
	margin-right: 50px;
	float: left;
	line-height: 18px;
}

#contact > .contactDetails > .contactDetailsBox > p.brand{
	font-size: 17px;
	vertical-align: middle !important;
	padding-bottom: 6px;
	text-transform: uppercase;

}
#contact > .contactDetails > .contactDetailsBox > .brand > .logo{
	width: 20px;
	margin-right: 4px;
}

#contact > .line {
	width:100%;
	border-top:1px solid #999999;
	margin:30px 0 50px;
}

#contact > form {
	position:relative;
}

#contact > form > input[type=text], #contact > form > textarea {
	border:0;
	border-bottom:1px solid #3c4041;
	background:none;
	width:30%;
	margin-right:4.5%;
	margin-bottom:16px;
	font-size:17px;
	font-weight:700;
	color:#3c4041;
}

#contact > form > textarea {
	display:block;
	width:90%;
	height:80px;
}

#contact > form > input[type=submit] {
	position:absolute;
	bottom:0;
	right:0;
	width:8%;
	padding:4px 0;
	color:#ff0000;
	border:0;
	background:none;
	font-size:17px;
	font-weight:700;
	text-align:right;
	cursor:pointer;
}

#contact > form > input[type=submit]:hover {
	text-decoration:underline;
}



#product {
	padding:130px 40px 197px;
	margin:0 auto;
	width:1000px;
	color:#3c4041;
	position:relative;
}

#product > img {
	width:100%;
	margin-bottom:40px;
}

#product > h1 {
	font-size:58px;
	font-weight:700;
	line-height:50px;
	position:relative;
	left:-3px;
}

#product > h2 {
	font-size:46px;
	font-weight:700;
	line-height:50px;
	position:relative;
	left:-2px;
}

#product > .header {
	font-size:17px;
	font-weight:700;
	letter-spacing:1px;
}

#product > .subheader {
	color:#787c78;
	font-size:17px;
	letter-spacing:1px;
}

#product > .desc {
	width:55%;
	font-size:16px;
	margin-top:16px;
}

#product > .features, #product > .features2 {
	font-weight:700;
}

#product > .features > li {
	font-size:17px;
	line-height:25px;
}

#product > .features2 > li {
	font-size:16px;
	letter-spacing:1px;
}

#product > .line {
	width:100%;
	border-top:1px solid #999999;
	margin:40px 0 60px;
}

#product > .line2 {
	width:100%;
	border-top:1px solid #999999;
	margin:30px 0;
}

#product > .desc2 {
	display:inline-block;
	width:55%;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
}

#product > .desc3 {
	display:inline-block;
	width:21%;
	margin-right:1%;
}

#product > .desc4 {
	display:inline-block;
	width:49%;
	margin-top:16px;
}

#product > .desc3 > li, #product > .desc4 > li, #product > .desc6 > li {
	font-size:13px;
	font-weight:600;
	margin-bottom:4px;
}

#product > .desc5 {
	width:47%;
	font-size:14px;
	margin-top:16px;
}

#product > .desc6 {
	float:right;
	width:15%;
	margin-right:1%;
}

#product > .dosage {
	font-size:18px;
	font-weight:700;
	margin-top:14px;
}

#product > span {
	font-size:20px;
	letter-spacing:1px;
}

#product > .signature {
	font-size:16px;
	position:absolute;
	right:40px;
	bottom:197px;
	margin-top:4px;
}




.pe_color {
	color:#b07227 !important;
}

.anlen_color {
	color:#e36917 !important;
}

.etplus_color {
	color:#cccc00 !important;
}

.profi_color {
	color:#40b08f !important;
}

.active_color {
	color:#e11b45 !important;
}

.extinguisher_color {
	color:#ff0000 !important;
}

.big_plus {
	font-size:20px;
	font-weight:900;
}




#top {
	position:absolute;
	top:0;
	width:100%;
	min-width:1000px;
	height:90px;
	background-color:#3c4041;
	box-shadow:0 0 34px rgba(0,0,0,0.25);
}

#logo {
	display:block;
	position:absolute;
	left:60px;
	top:23px;
	width:225px;
	height:50px;
	background-image:url('../img/logo.png');
}

#mini_menu {
	position:absolute;
	top:3px;
	right:50px;
}

#mini_menu > a {
	display:inline-block;
	padding:5px;
	margin:5px;
	color:#999999;
	font-weight:700;
	font-size:13px;
}

#mini_menu > a:hover {
	text-decoration:none;
}

#menu {
	position:absolute;
	top:35px;
	right:315px;
	padding-right:55px;
}

#menu > a {
	display:inline-block;
	padding:5px;
	margin:5px 6px;
	color:#eeeeee;
	font-weight:bold;
	font-weight:700;
	font-size:14px;
	letter-spacing:1px;
}


#menu > .selected {
	display:inline-block;
	padding:5px;
	margin:5px 6px;
	color:#999999;
	font-weight:bold;
	font-weight:700;
	font-size:14px;
	letter-spacing:1px;
}

#search {
	position:absolute;
	top:0;
	left:100%;
	color:#999999 !important;
	font-size:14px !important;
	font-weight:normal !important;
	padding:5px 5px 5px 20px !important;
	letter-spacing:1px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:0 7px;
}

#search_en {
	position:absolute;
	top:0;
	left:100%;
	color:#999999 !important;
	font-size:14px !important;
	font-weight:normal !important;
	padding:5px 5px 5px 20px !important;
	letter-spacing:1px;
	background-image:url();
	background-repeat:no-repeat;
	background-position:0 7px;
}

#menu > a:hover {
	text-decoration:none;
	color:#BA011A;
}


#news {
	position:absolute;
	top:132px;
	right:62px;
	width:212px;
	padding:24px 19px;
	background-color:rgba(60,64,65,0.8);
	color:#ffffff;
}

#news a {font-size:12px;color:#cccccc;}
#news a:hover {text-decoration:none;
color:#BA011A}

#news > .header {
	color:#ffffff;
	font-size:12px;
	font-weight:600;
	line-height:16px;
	margin-bottom:8px;
	letter-spacing:1px;
}

#news > .normal {
	font-weight:600;
	font-size:13px;
	line-height:18px;
	color:#cccccc;
	margin-bottom:5px;
}

#news > .gray {
	color:#999999;
	margin:3px 0 7px;
	font-weight:600;
	font-size:13px;
	line-height:16px;
	text-align:left;
}

#news > .bold {
	font-weight:600;
	font-size:13px;
	text-align:left;
}



.line {
	height:1px;
	border-top:1px solid #666666;
	width:100%;
	margin-bottom:11px;
}




#footer {
	position:absolute;
	width:100%;
	height:52px;
	padding:60px 0 25px;
	background-color:#f4f4f4;
	z-index:10;
}

#slides_pointer {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:1000;
	bottom:0px;
}

#slides_pointer > div {
	position:relative;
	top:-45px;
	display:inline-block;
	margin:3px;
	cursor:pointer;
	width:12px;
	height:12px;
	padding:6px;
	border-radius:20px;
}

#slides_pointer > div > div {
	width:12px;
	height:12px;
	border-radius:20px;
	background-color:#666666;
}

#slides_pointer > div:hover > div {
	background-color:#999999;
}

#slides_pointer > div.active > div {
	background-color:#cccccc;
}

#footer_inner {
	color:#4a4e4f;
	font-weight:700;
	margin:0 40px;
	padding-top:25px;
	border-top:1px solid #cccccc;
	clear:both;
	float:none;
}

#footer_inner > p {
	float:left;
	font-size:12px;
}

#footer_inner > div {
	float:right;
}

#footer_inner > div > span {
	position:relative;
	top:-21px;
	font-size:12px;
	min-width:1000px;
}

#facebook {
	display:inline-block;
	background-image:url('../img/facebook.png');
	width:35px;
	height:35px;
	margin-left:20px;
	position:relative;
	top:-11px;
}

#youtube {
	display:inline-block;
	background-image:url('../img/youtube.png');
	width:35px;
	height:35px;
	margin:0 15px 0 15px;
	position:relative;
	top:-11px;
}

#instagram {
	display:inline-block;
	background-image:url('../img/instagram.png');
	width:35px;
	height:35px;
	margin:0 15px 0 15px;
	position:relative;
	top:-11px;
}

