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

}

body{
	margin:0;
	padding:0px;
	font-family: 'sansita_oneregular';

}

.menu-container{
	height:150px;
	background-image:url(../imgs/menubg.png);
	background-size:5145px 100%;
	background-position:top;
	background-repeat:repeat-x;
	//background-color:#2c81d5;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10000000;
}



.menu-container-fixed{
	height:75px;
	width:100%;
	position:fixed;
	top:-75px;
	left:0px;
	background-color:#fcfbfa;
	z-index:10000000;
}

.grass-container{
	height:550px;
	padding-top:20px;
	background-repeat:repeat-x;
	background-image:url(../imgs/grass.jpg);
	background-position:0px 100%;	
}

.sky-container{
	height:400px;
	background-image:url(../imgs/sky.png);
	background-repeat:repeat-x;
	background-size:1215px 100%;
	position:relative;
}

.slider-container{
	position:absolute; width:100%; height:400px; top:0px; left:0px; text-align:center; z-index:1000
}

.element1{
	position:absolute; width:100%; background-image:url(../imgs/bg1.png); background-repeat:repeat-x; background-position:top; left:0px; top:-150px; height:775px; z-index:999 
}

.title1{
	color:#45a6d9;
	font-size:25px;
}

.text1{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-size:13px;
	width:90%;
	color:#002943;
	padding-top:10px;	
}

.products-container{
	background-image:url(../imgs/bg.jpg);
	padding-top:35px;
	padding-bottom:35px;
	background-attachment:fixed;
	background-size:cover;	
}

.title2{
	margin:0 auto;
	text-align:center
}

.products-box{
	background-image:url(../imgs/layer.png);
	padding:25px;
	width:934px;
	margin:0 auto;
	border:8px #fff solid;
}

.title3{
	color:#fff;
	font-size:28px;
	margin-right:25px;
	display:inline;
}

.cat-container{
	 border:1px solid #fff; padding:5px;
}

.cat-link{
	color:#91989b;
	text-decoration:none;
	padding:9px;
	background-image:url(../imgs/layer2.png);
	background-size:5px 100%;
	display:block;
	font-size:17px;
	margin-bottom:2px;
	padding-left:22px;
}

.cat-link:hover{
    background-image:url(../imgs/hover1.png);		
}

.product-text-container{
	padding:25px;
	position:absolute;
	top:0px;
	left:0px;
	opacity:0;
}

.product-title{
	color:#1c709d;
	font-size:25px;
	line-height:25px;	
}

.product-subtitle{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:10px;	
}

.product-text{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:10px;
	font-style:italic;
}

.product-text span{
	color:#2b79a3
}





.ferme-container{
	background-image:url(../imgs/bg3.jpg);
	background-attachment:fixed;
	background-size:cover;
	padding-bottom:50px;
	padding-top:50px;
	position:relative	
}

.ferme-text-container{
	background-image:url(../imgs/bg2.png);
	background-size:100% 100%;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#415f72;
	font-size:13px;
	font-style:italic;
	padding-top:90px;
	padding-bottom:40px;	
}

.ferme-title{
	color:#fff;
	font-size:35px;
	padding-top:18px;	
}

.ferme-shadow{
	position:absolute;
	top:0px;
	width:100%;
	left:0px;
	text-align:center;
	opacity:.6
}

.safety{
	background-image:url(../imgs/bg4.jpg);
	padding-bottom:50px;
	background-attachment:fixed;
	background-size:cover;
	position:relative	
}

.safety-text-container{
	background-image:url(../imgs/layer3.png);
	background-color:transparent;
	background-size:100% 100%;
	padding:30px;
	padding-top:45px;
	text-align:right;
	display:none;	
}

.safety-title{
	color:#1c709d;
	font-size:30px;
	text-align:left
}

.safety-text{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	position:relative;
	text-align:left;
	padding-top:20px	
}

.safety-img{

}

.contact-container{
	background-image:url(../imgs/bg5.jpg);
	padding-top:70px;
	padding-bottom:0px;
	position:relative;
		
}

.contact-content{
	width:984px;
	border:#fff solid 8px;
	margin:0 auto
}

.sep1{
	background-color:#fff;
	width:8px;	
}

.contact-text{
	padding:40px;
	padding-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#231f20;	
}

.textbox{
	border:3px #fff solid;
	background-color:#e6e6e6;
	padding:6px;
	width:392px;
	margin-bottom:12px;	
}
.textarea{
	border:3px #fff solid;
	background-color:#e6e6e6;
	padding:6px;
	width:392px;
	margin-bottom:12px;
	resize:none;
	height:140px;
}

.form{
	 font-family: 'sansita_oneregular';
	 font-size:18px;
	 color:#45a6d9;
	 font-size:22px;
	 text-align:right	
}

.submit{
	border:2px solid #fff;
	   font-family: 'sansita_oneregular';
	   padding:2px;
	   padding-left:20px;
	   padding-right:20px;
	   color:#45a6d9;
	   font-size:18px;
	   background-color:transparent;
	   cursor:pointer
}


.email{
	border:2px solid #fff;
	   font-family: 'sansita_oneregular';
	   padding:4px;
	   
	   font-size:14px;
	   padding-left:10px;
	   padding-right:10px;
	   background-color:transparent;
	   cursor:pointer;
	   text-decoration:none;
	   color:#000
}

.email:hover{
	background-color:#fff;	color:#45a6d9;
}


.submit:hover{
	   border:2px solid #fff;
	   background-color:#fff;
}

.footer-container{
	background-image:url(../imgs/footerbg.png);
	height:204px;
	background-position:left;	
}

.map{
	border:4px solid #fff;
	margin:8px;
	width:352px;
	height:570px;	
}

.menu-a{
	color:#4ec7f0;
	text-decoration:none;
	font-size:20px;

	background-position:50% 0px;
	background-repeat:no-repeat;
	background-size:11px 100%;
	display:inline;
	padding-top:8px;
	padding-bottom:8px;	
}

.menu-a:hover{
	color:#000;
    background-image:url(../imgs/menuhover.png);
}

.element2{

}

.cadre{
		-ms-transform: rotate(35deg); /* IE 9 */
    -webkit-transform: rotate(35deg); /* Chrome, Safari, Opera */
    transform: rotate(35deg);
}

.i1{
	opacity:0;	
}

.i0{
	opacity:0;	
}

.i2{
	opacity:0;	
}