/* Import Fonts */
@import url(http://fonts.googleapis.com/css?family=Coustard|Open+Sans);


h1, h2, h3, h4, h5, h6{
	font-family: 'Coustard', serif;
	color:#fff;
	font-weight: normal;
	letter-spacing: 1px;
}
.para{
		    margin-top: 23px;
    padding-bottom: 10px;		
 width:90%; text-align:center; position:relative				
				
}

h1{font-size: 63px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 28px; line-height: 35px; padding: 0; margin: 0; color: #b7b7b7;}

a {
	color: #b7b7b7;
	text-decoration:none;
	font-weight: normal;
}
a:hover {text-decoration:underline;}






@media screen and (max-width: 600px) 
{

#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:40%;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:40%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:40%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 140px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:210px;
	bottom:200px;
	height:110px;
	position:absolute;
	width:300px;
	z-index:1020;

}


}

@media (max-width: 1440px){
 
 .banner
 {   
    height: -webkit-fill-available;
}

#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:100%;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:20px;
	width:50%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:260px;
	width:80%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:100px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:310px;
	bottom:200px;
	height:220px;
	position:absolute;
	width:600px;
	z-index:1020;

}

}

@media (max-width: 1280px){
.banner
 {   
    height: -webkit-fill-available;
}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:100%;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:40%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:40%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 118px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:410px;
	bottom:200px;
	height:220px;
	position:absolute;
	width:600px;
	z-index:1020;

}

}

@media (max-width: 1024px){
.banner
 {   
    height: -webkit-fill-available;
}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:80%;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:60%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:80%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:15px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:210px;
	bottom:100px;
	height:88px;
	position:absolute;
	width:240px;
	z-index:1020;

}


}

@media (max-width: 800px){
    
    .banner
 {   
    height: -webkit-fill-available;
}
    
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:800px;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:100%;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:15px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:140px;
	bottom:100px;
	height:88px;
	position:absolute;
	width:240px;
	z-index:1020;

}
}

@media (max-width: 768px){
    
    .banner
 {   
    height: -webkit-fill-available;
}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:768px;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:768px;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:310px;
	bottom:200px;
		position:absolute;
	width:225px;
	z-index:1020;

}
}

@media (max-width: 640px){

#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:640px;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:640px;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:70px;
	bottom:200px;
	position:absolute;
	width:200px;
	z-index:1020;

}
}

@media (max-width: 480px){

h1{font-size: 6vw; line-height: 50px; padding: 0; margin: 0;}
h5{font-size: 3.5vw; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}



#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:480px;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:480px;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:210px;
	bottom:200px;
	position:absolute;
	width:200px;
	z-index:1020;

}
}

@media (max-width: 414px){

h1{font-size: 6vw; line-height: 50px; padding: 0; margin: 0;}
h5{font-size: 3.5vw; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}

#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:414px;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:414px;
	z-index:999;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:165px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 90px;
	left:20px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:100px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:300px;
	bottom:200px;
	height:110px;
	position:absolute;
	width:300px;
	z-index:1020;

}
}

@media (max-width: 375px){

h1{font-size: 3.5vw; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 5vw; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
p{font-size: 8px; line-height: 13px;}

#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:375px;
		height:100%;
}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:375px;
	z-index:999;
		height:100%;
}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:175px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:40%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 360px;
	left:5px;
	z-index:31001;
	font-size:10px;
	width:100%;
	
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:260px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:410px;
	bottom:200px;
	height:110px;
	position:absolute;
	width:300px;
	z-index:1020;

}

.para{
				
			
bottom:40px; width:80%; text-align:center; position:relative;
				
			
}

}

@media (max-width: 320px){
h1{font-size: 20px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 16px; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
p{font-size: 13px; line-height: 13px;}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:320px;

}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:320px;
	z-index:999;

}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:88%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:75px;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 360px;
	left:5px;
	font-size:10px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:245px;
	height:21px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
	display:none;
}
#arrow_left {
	right:95px;
}


#prod {
	left:360px;
	bottom:200px;
	height:110px;
	position:absolute;
	width:300px;
	z-index:1020;

}
.para{
				
bottom:40px; width:80%; text-align:center; position:relative;
				
}

}




@media (max-width: 258px){
overflow-x: hidden;
h1{font-size: 20px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 16px; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
p{font-size: 13px; line-height: 13px;}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:250px;

}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:259px;
	z-index:999;

}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:78%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:75px;
	
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 360px;
	left:5px;
	font-size:10px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:260px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:410px;
	bottom:200px;
	height:110px;
	position:absolute;
	width:300px;
	z-index:1020;
	display:none;

}
.para{
				
bottom:140px; width:80%; text-align:center; position:relative;
				
}

}



@media  (min-width: 376px) and(max-width: 479px){


overflow-x: hidden;
h1{font-size: 3.5vw; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 5vw; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
p{font-size: 13px; line-height: 13px;}







.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:75px;
	overflow:hidden;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}










}




@media  (min-width: 259px) and(max-width: 276px){
overflow-x: hidden;
h1{font-size: 20px; line-height: 70px; padding: 0; margin: 0;}
h5{font-size: 16px; line-height: 20px; padding: 0; margin: 0; color: #b7b7b7;}
p{font-size: 13px; line-height: 13px;}
#maximage {
	display:none;
	position:fixed !important; 
position:inherit; 
	overflow:hidden;
	width:259px;
	

}

.gradient {
	left:0;
	position:absolute;
	top:0;
	width:259px;
	z-index:999;

}

.show{display: block;}
.hide{opacity: 0;}

/* Set Page Elements */
.content { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:78%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:75px;
	overflow:hidden;
}

.content2 { 
	float:left;
	margin:0px;
	position:absolute;
	top:0px;
	width:90%;
	z-index:3;
	-webkit-font-smoothing:antialiased;
	color:white;
	padding-top:5px;
	text-shadow: black 0.1em 0.1em 0.2em;
}


.main-nav{
	position:absolute;
	bottom: 360px;
	left:5px;
	font-size:10px;
	z-index:31001;
}
.main-nav ul li { 
	list-style: none;
	display: inline;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #b7b7b7;
}
.main-nav ul li a.active {color: #ffa800;}



#arrow_left, #arrow_right {
	bottom:320px;
	height:42px;
	position:absolute;
	right:40px;
	width:42px;
	z-index:1000;
}
#arrow_left {
	right:95px;
}


#prod {
	left:400px;
	bottom:160px;
	height:110px;
	width:300px;
	position:absolute;
	z-index:1020;
	display:none;

}
.para{
				
bottom:140px; width:80%; text-align:center; position:relative;
				
}

}