@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 
}
* {
	margin: 0;
	padding: 0;
}

/*classes*/
.inner-wrapper{
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
.clear{
	display:block;
	clear:both;
}
.centred{
	text-align:center;
}
.left{
	float:left;
}
.right{
	float:right;
}
.ptbold{
	font-family:'PTSansBold';
	font-weight:300;
}
.ptregular{
	font-family:'PTSansRegular';
	font-weight:300;
}
.margintop {
	padding-top:50px;
}
.white {
	color:#fff !important;
}
/*Fonts*/
@font-face {
    font-family: 'PTSansBold';
    src: url('fonts/PTS75F-webfont.eot');
    src: url('fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/PTS75F-webfont.woff') format('woff'),
         url('fonts/PTS75F-webfont.ttf') format('truetype'),
         url('fonts/PTS75F-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

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

}
@font-face {
    font-family: 'LatoLight';
    src: url('fonts/Lato-Lig-webfont.eot');
    src: url('fonts/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Lato-Lig-webfont.woff') format('woff'),
         url('fonts/Lato-Lig-webfont.ttf') format('truetype'),
         url('fonts/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}
a {
	color:#888888;
	text-decoration:none;
	-moz-transition: color 0.2s ease-out 0s;
}
a:hover {
	color:#999999;
}
a.orange{
	color:#E35E30;
	text-decoration:underline;
	margin-top:10px;
	font-size:18px;
	display:block;
}

p{	
	font-family:'LatoLight';
	font-weight:300;
	color:#6e6e6e;
	font-size:15px;
	display:block;
	max-width:740px;
	margin:0 auto;
	margin-bottom:20px;
}
strong{
	 font-family: 'PTSansBold';
    font-weight: 300;
}
/*Begin*/
#wrapper{
}
#header{
	position:absolute;
	background:#E35E31;
	height:595px;
	width:100%;
	z-index:0;
}
/*Top Area*/
#top-area{
	overflow:none;
	height:82px;
	border-bottom:1px solid #e87b55;
	position:relative;
	z-index:2;
}
#logo{
	background:url(../images/jquery-popup-box-logo.png) no-repeat;
	text-indent:-99999px;
	width:125px; height:26px;
	float:left;
	margin-top:30px;
}
#logo a{
	display:block;
	height:26px;
}
#icon {
    background: url("../images/icon-popupboxy-jquery-popup-box.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 101px;
    margin: 0 auto;
	margin-bottom:20px;
    text-indent: -99999px;
    width: 101px;
}
	

/*Nav*/
#top-nav ul{
	margin-top:35px;
	list-style:none;
	float:right;
}
#top-nav ul li{
	display:inline;
	color:#ffc4b0;
	margin-left:20px;
}
#top-nav ul li a{
	color:#ffc4b0;
	text-decoration:none;
}
#top-nav ul li a:hover{
	color:#fff;
	text-decoration:none;
}

/*Home Hero*/
#hero{
	float:left;
	margin:0 auto;
	width:940px;
	margin-top:40px;
	margin-bottom:-40px;
	position:relative;
	z-index:1;
}
#hero h1{
	font-size:46px;
	color:#fff;
	max-width:940;
	text-shadow: 0px 1px 1px #ba4d27;
    filter: dropshadow(color=#ba4d27, offx=0, offy=1);
       font-family: "LatoLight";
font-weight:normal;
background:#E35E31;
}
h1 .smaller{
	font-size:41px;
}
#hero a.button {
	display:block;
	padding:22px;
	width:224px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;	
	margin:0 auto;
	margin-top:62px;
	background:#712f18;
	font-size:18px;
}
a.white{
 color:#FFF;
 text-decoration:none;
 font-size:12px;
 text-align:center;
 display:block;
 margin-top:10px; 
 margin-bottom:114px;
 position:relative;
 z-index:2;
 }
 

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 15px 30px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}



.icon-cart:before {
	content: url('../images/cart.png');
}


/* Button 5 */
.btn-5 {
	color: #fff;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

.btn-5:active {
	background: #9053a9;
	top: 2px;
}

.btn-5 span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-5:before {
	position: absolute;
	height: 100%;
	width: 100%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 5a */
.btn-5a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-5a:before {
	left: -5px;
	top: -100%;
}

.btn-5a:hover:before {
	top: 20px;
}





/*Content*/
#content{
	float:left;
	text-align:center;
	width:100%;
}
#content h2{
	font-family:'LatoLight';
	font-weight:300;
	color:#e35e30;
	font-size:33px;
	margin-bottom:34px;
}
#content p{	
	font-family:'LatoLight';
	font-weight:300;
	color:#6e6e6e;
	font-size:25px;
	display:block;
	max-width:740px;
	margin:0 auto;
	line-height:32px;
}
ul#check{
	margin-top:40px;
}
ul#check li{
	list-style:none;
	display:inline-block;
	margin-left:15px;
	margin-bottom:10px;
	font-family:'LatoLight';
	font-weight:300;
	color:#6e6e6e;
	font-size:20px;
	padding-top:40px;
	background:url(../images/check.jpg) no-repeat top center;
}
.section{
	margin-top:88px;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom:88px;
}
.last{
	border-bottom:none;
	padding-bottom:55px;
}
.section a.button {
	display:block;
	padding:22px;
	width:224px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFF;	
	margin:0 auto;
	margin-top:50px;
	background:#e35e30;
	font-size:18px;
}
.grey-link{
	display:block;
	margin:0 auto;
	text-align:center;
	color:#c3c3c3;
	text-decoration:none;
}
#important-info{
	width:385px;
	display:block;
	margin:0 auto;
	margin-top:50px;
	color:#a4a4a4;
	font-size:12px;
}

/*Footer*/
#footer{
	width:100%;
	background:#f5f5f5;
	min-height:20px;
	font-size:11px;
	color:#888888;
	padding-top:10px;
}

.mobileImg{
	margin:0 auto;
	}

@media only screen and (max-width : 960px) { 
	.inner-wrapper, #header, #content h2, #content p, #hero, #hero h1, h1 .smaller, .section{	
		-webkit-transition: all 0.4s ease;  
		-moz-transition: all 0.4s ease;  
		-o-transition: all 0.4s ease;  
		-ms-transition: all 0.4s ease;  
		transition: all 0.4s ease; 
	}
    .inner-wrapper, #hero {  
        width: 780px;  
    } 
	#header{
		height:540px;
	}
	#content p{	
	font-size:18px;
	max-width:540px;
	line-height:24px;
	}
	#content h2{
		font-size:25px;
	}
	#hero h1{
	font-size:36px;
	}
	h1 .smaller {
		font-size:30px;
	}
	.section{
		margin-top:40px;
		padding-bottom:44px;
	}
}  

@media only screen and (max-width : 768px) {  
	 .inner-wrapper, #hero {  
        width: 680px;  
    } 
#slider1_container, .slides{
		width:680px !important;
		height:500px !important;
	}
}

@media only screen and (max-width : 480px) {  
	 .inner-wrapper, #hero {  
        width: 320px;
    } 
	#top-nav ul li{
		margin-left:8px;
	}
	#content h2{
		font-size:25px;
	}
	#hero{
		margin-top:40px;
	}
	#hero h1{
	font-size:28px;
	}
	h1 .smaller {
		font-size:18px;
	}
	#important-info{
		width:320px;
	}
	.mobileImg{
	width:250px;
	margin:0 auto;
	}
	#slider1_container, .slides{
		width:320px !important;
		height:375px !important;
	}
}