/* index */



/* Reset */
* { margin:0; padding:0; }
html {overflow-y:scroll;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
img{border:none;}
a, a:active{outline:0;}
/*a img{text-decoration:none; outline:none; border:0px none transparent;}*/


/* BEGIN General styles */
body{text-align:center; font-family:"Raleway", sans-serif; font-size:18px; font-weight:400; color:#1c1c1c; background-color:#fff; overflow:hidden; background-image:url('images/bg.jpg'); line-height:1.8;}


h1, h2, h3{}
h1{font-size:50px; margin:50px 0 0 0;}
h2{font-size:40px;}
h3{font-size:30px;}
h4{font-size:20px;}

p{margin-top:22px;}
a{text-decoration:none;}
	a:link, a:visited{color:#d62c28;}
	a:hover{}

ul{margin-top:14px; padding-left:20px;}
	li{}

ol{counter-reset: li; /* Initiate a counter */ list-style: none; /* Remove default numbering */ *list-style: decimal; /* Keep using default numbering for IE6/7 */ font: 15px 'trebuchet MS', 'lucida sans'; padding: 0;  margin-bottom: 4em;  text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol{margin:0 0 0 2em; /* Add some left margin for inner lists */}
.rectangle-list a{position:relative; display:block; padding:.4em .4em .4em .8em; *padding:.4em; margin:.5em 0 .5em 2.5em; background:#ddd; color:#444; text-decoration:none; transition:all .3s ease-out;}
.rectangle-list a:hover{background:#eee;}
 .rectangle-list a:before{content:counter(li); counter-increment:li; position:absolute; left:-2.5em; top:50%; margin-top:-1em; background:#fa8072; height:2em; width:2em; line-height:2em; text-align:center; font-weight:bold;}
.rectangle-list a:after{position:absolute; content:''; border:.5em solid transparent; left:-1em; top:50%; margin-top:-.5em; transition:all .3s ease-out;}
.rectangle-list a:hover:after{left:-.5em; border-left-color:#fa8072;}




/* BEGIN General form styles */
input{font-size:18px; font-family:"Raleway", sans-serif; font-weight:500; border:1px solid #ddd; height:50px; line-height:50px; padding:0 10px; box-sizing:border-box; color:#bbb; background-color:#f7f7f7;}
textarea{font-size:18px; font-family:"Raleway", sans-serif; font-weight:500; border:1px solid #ddd; box-sizing:border-box; color:#bbb; background-color:#f7f7f7; padding:10px;}
/* END General form styles */


/* BEGIN General Responsive behavior */
@media only screen and (max-width: 980px) {
	body{font-size:16px;}
}
/* END General Responsive behavior */

	
/* BEGIN Layout Classes */
.copyWidth{max-width:90%; width:800px;}
.contentWidth{max-width:90%; width:1280px;}

.widthAuto{width:auto;}
.width15Percent{width:14.9%;}
.width18Percent{width:17.9%;}
.width20Percent{width:19.9%;}
.width25Percent{width:24.9%;}
.width33Percent{width:33.33333%;}
.width39Percent{width:39%;}
.width40Percent{width:39.9%;}
.width42Percent{width:41.9%;}
.width45Percent{width:44.9%;}
.width50Percent{width:49.9%;}
.width55Percent{width:54.9%;}
.width58Percent{width:58%;}
.width60Percent{width:59.9%;}
.width66Percent{width:66.66666%;}
.width72Percent{width:72%;}
.width75Percent{width:74.9%;}
.width80Percent{width:80%;}
.width85Percent{width:84.9%;}
.width90Percent{width:90%;}
.width93Percent{width:93%;}
.width94Percent{width:94%;}
.width95Percent{width:95%;}
.width96Percent{width:96%;}
.width100Percent{width:100%;}

.textAlignCenter{text-align:center;}
.textAlignLeft{text-align:left;}
.textAlignRight{text-align:right;}

.overflowHidden{overflow:hidden;}
.positionRelative{position:relative;}

.floatLeft{float:left;}
.floatRight{float:right;}

.inner{width:94%; margin:auto;}

.marginAuto{margin:auto;}
.marginNone, .noMargin{margin:0; }

.vpadding3Percent{padding-top:3%; padding-bottom:3%;}


.displayNone{display:none;}
.displayBlock{display:block;}
.displayInlineBlock{display:inline-block;}
.clear{clear:both; line-height:0px; height:0px; font-size:0px;}

.marginTop10{margin-top:10px;}
.marginTop20{margin-top:20px;}
.marginTop30{margin-top:30px;}
.marginTop50{margin-top:50px;}
.marginBottom50{margin-bottom:50px;}

.clearFix:before,
.clearFix:after{content: " "; display: table;}
.clearFix:after{clear: both;}
/* For IE 6/7 only */
.clearFix{*zoom: 1;}

/* END Layout Classes */



/* BEGIN General content styles */
.vCenter{
	/* Firefox */
	display:-moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;

	/* Safari, Opera, and Chrome */
	display:-webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;

	/* W3C */
	display:box;
	box-pack:center;
	box-align:center;
}
/* END General content styles */



/* BEGIN Special Effects styles */
.boxShadow{-moz-box-shadow:0px 0px 17px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 17px rgba(0,0,0,.3); box-shadow:0px 0px 17px rgba(0,0,0,.3);}
.boxShadow2{-moz-box-shadow:0px 0px 5px rgba(0,0,0,.5); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,.3); box-shadow:0px 0px 5px rgba(0,0,0,.3);}

.dropShadow{position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

	.dropShadow:before, .drop-shadow:after{content:""; position:absolute; z-index:-2;}

	/* Lifted corners */
	.lifted{-moz-border-radius:4px; border-radius:4px;}

	.lifted:before,	.lifted:after{bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); -webkit-transform:rotate(-3deg); -moz-transform:rotate(-3deg); -ms-transform:rotate(-3deg); -o-transform:rotate(-3deg); transform:rotate(-3deg);}

	.lifted:after{right:10px; left:auto; -webkit-transform:rotate(3deg); -moz-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg);}


.roundedCorners, .roundedCorners4{-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webit-background-clip: padding; -moz-background-clip: padding-box; background-clip: padding-box;}
.roundedCorners6{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -webit-background-clip: padding; -moz-background-clip: padding-box; background-clip: padding-box;}
.roundedCorners20{-moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}
.roundedCorners30{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; -webit-background-clip:padding; -moz-background-clip:padding-box; background-clip:padding-box;}


.linkHoverTransition a{
	background:rgba(0,0,0, .0);
	-webkit-transition:	background .4s linear;
	-moz-transition:	background .8s ease;
	-o-transition: 		background .8s ease;
	-ms-transition: 	background .8s ease;
	transition: 		background .8s ease;
}
.linkHoverTransition a:hover{background:rgba(0,0,0, .05);}

.transition{-webkit-transition:900ms linear 0s; -moz-transition:900ms linear 0s; -o-transition:900ms linear 0s; transition:900ms linear 0s;}
.transition_fastest{-webkit-transition:200ms ease 0s; -moz-transition:200ms ease 0s; -o-transition:200ms ease 0s; transition:200ms ease 0s;}
.transition_fast{-webkit-transition:400ms ease 0s; -moz-transition:400ms ease 0s; -o-transition:400ms ease 0s; transition:400ms ease 0s;}
.transition_slow{-webkit-transition:2500ms ease 0s; -moz-transition:2500ms ease 0s; -o-transition:2500ms ease 0s; transition:2500ms ease 0s;}


.btnPrimary{background-color:#d62c28; font-family:"Nevis", sans-serif; font-size:12px; color:white; text-decoration:none; padding:12px 30px; display:inline-block; position:relative; overflow:hidden; border:none;}
	.btnPrimary:link, .btnPrimary:visited{color:white;}
	.btnPrimary:hover{background-color:#29eaf7;}
	
	.btnPrimary:after{content:' '; border:5px solid transparent; border-left:7px solid white; position:absolute; left:-10px; top:50%; margin-top:-5px;
		-webkit-transition:left 80ms ease-in-out 100ms; 
		-moz-transition:left 80ms ease-in-out 0s; 
		-o-transition:left 80ms ease-in-out 0s; 
		transition:left 80ms ease-in-out 100ms;
	}
		.btnPrimary:hover:after{left:14px;
		-webkit-transition:left 80ms ease-in-out 100ms; 
		-moz-transition:left 80ms ease-in-out 0s; 
		-o-transition:left 80ms ease-in-out 0s; 
		transition:left 80ms ease-in-out 100ms;
	}
	
.bgDark, .bgDarken{background-color:rgba(0,0,0,.09);}
.bgDarker{background-color:rgba(0,0,0,.2);}
.bgDarkest{background-color:rgba(0,0,0,.7);}

/* END Special Effects styles */


/* BEGIN Theme Layout styles */
.primaryHeader{background-color:#151619; color:white; position:relative}

	.primaryHeader a{}
	.primaryHeader a:link, .primaryHeader a:visited{color:#bbb;}
	.primaryHeader a:hover{color:white;}
	
	.primaryHeader .logo{display:inline-block; padding-top:10px; max-width:50%; float:left}
		.primaryHeader .logo img{max-width:100%;}
	.primaryNavigation{}
		.primaryNavigation ul{font-size:0;}
			.primaryNavigation ul li{display:inline-block; font-size:14px; padding:0 10px; line-height:65px;}
			
	.mobileMenu{width:auto; padding:5.4% 0 0 0; float:right; color:white; color:rgba(255,255,255,.6)}
		.mobileMenu img{vertical-align: middle; margin-bottom:5px; max-width:35%}




@media only screen and (max-width: 680px) {
	.primaryHeader .logo{vertical-align:middle;}
	.primaryNavigation{width:90%; position:absolute; top:72px; right:-100%; height:auto; background-color:rgba(0,0,0,.92); opacity:0;}
		.primaryNavigation ul{xtext-align:center; padding:0; margin-top:0;}
			.primaryNavigation ul li{width:100%; border-bottom:1px dotted #333; padding:0;}
				.primaryNavigation ul li a{line-height:25px; padding:15px 30px; display:block;}
					.primaryNavigation ul li a:link, .primaryNavigation ul li a:visited{color:white;}
					.primaryNavigation ul li a:hover{background-color:#333;}
	.mobileMenu{display:inline-block; vertical-align:middle;}
	
	.showMobileMenu .primaryNavigation{right:0; opacity:1}
}
			
#main{background-color:white;}			

.footer{padding-top:40px; padding-bottom:50px; font-size:15px; color:white;}
	.footer h3{color:white; font-weight:100;}
	.footer a:link, .footer a:visited{color:white;}
	
	.footer .column{}
		.footerNavigation{}		
			.footerNavigation a{display:block; font-size:14px; }
				
		.footer .btnPrimary{margin-top:15px; display:inline-block;}
			.footer .btnPrimary:link, .footer .btnPrimary:visited{background-color:rgba(214,44,40,0); color:rgba(214,44,40,1); border:1px solid rgba(214,44,40,1);}
				.footer .btnPrimary:hover{background-color:rgba(214,44,40,1); color:rgba(255,255,255,1);}
				
		.footer .socialMedia{width:auto; max-width:100%; margin:auto; font-size:0;}
			.footer .socialMedia a{display:inline-block; width:25%; text-align:center;}
				.footer .socialMedia a:hover img{opacity:.9;}
				.footer .socialMedia img{opacity:.5; max-width:90%;}
				
		.footer .legal{margin-top:40px; font-size:12px; color:#79849a;}
			.footer .legal a:link, .footer .legal a:visited{color:#79849a;}
	
	@media only screen and (max-width: 900px) {
		.width15Percent{width:25%}
			.footerNavigation a{padding:8px 0;}
	}

	@media only screen and (max-width: 600px) {
		.footer, .footer .column{text-align:center;}
			.footer .socialMedia{margin-top:30px;}
	}

/* END Theme Layout styles */


/* BEGIN content.php template */
.entryHeader{padding-top:40px;}
.entryContent{}
/* END content.php template */


/* BEGIN homepage layout */






/* BEGIN Theme styles*/
	
/* Hero section */
.homepage .hero{background-image:url( 'images/bgHero.jpg' ); background-repeat:no-repeat; height:675px; width:100%; color:white;}
	.homepage .hero .content{padding-top:160px; max-width:90%; margin:auto;}
		.homepage .hero .indent{display:inline-block;}

		.homepage .hero h1{font-family:"Roboto Condensed", sans-serif; font-weight:300; font-size:65px; margin-top:0; line-height:.9; border-bottom:1px solid white; padding-bottom:20px; width:auto; display:inline-block;}
		.homepage .hero p{margin-top:15px; max-width:800px; margin:auto; margin-top:6px;}
		.homepage .hero .btnPrimary{margin-top:45px; font-size:20px; font-weight:400; font-family:"Raleway", sans-serif;}
		
		
	@media only screen and (max-width: 980px) {
		.homepage .hero .indent{padding-left:0px;}
		.homepage .hero{}
			.homepage .hero h1{font-size:65px;}
				.homepage .hero h1 span{}
			.homepage .hero .width60Percent{width:auto;}			
	}

	@media only screen and (max-width: 680px) {
		.homepage .hero .content{padding-top:100px;}
			.homepage .hero h1 span{display:block;}		
	}
		
	@media only screen and (max-width: 400px) {
		.homepage .hero h1{font-size:45px;}
		.homepage .hero .content{padding-top:40px;}
	}
	
	
/* Services Outline section */
.servicesOutline{margin-top:100px; padding-bottom:100px; font-size:15px; line-height:1.2; color:#636363;}
	.servicesOutline .service{padding:15px 0;}
	.servicesOutline .borderRight{border-right:1px solid #ccc;}
		.servicesOutline h3{line-height:1; font-family:"Bebas Neue", sans-serif;}
			.servicesOutline h3 img{display:inline-block; vertical-align:middle;}
			.servicesOutline h3 span{display:inline-block; vertical-align:middle; text-align:left}
			
		.servicesOutline .description{margin-top:30px;}
		.servicesOutline .viewMore{display:block; margin-top:30px; font-family:"Dosis", sans-serif; font-weight:500; font-size:23px;}
		
		
	@media only screen and (max-width: 780px) {
		.servicesOutline h3 img{display:block; margin:auto;}
		.servicesOutline h3 span{text-align:center;}
	}
		
	@media only screen and (max-width: 600px) {
		.servicesOutline{margin-top:0px;}
			.servicesOutline .width33Percent{margin-top:60px; padding-top:30px; border-top:1px solid #e3e3e3;}
				.servicesOutline .width33Percent:first-child{border-top:none;}
				.servicesOutline .borderRight{border-right:none;}
				.servicesOutline p{max-width:80%; margin:auto;}
	}
	
/* Sign Up section */
.homepage .signUp{background-image:url( 'images/bgSignUp.jpg' ); background-repeat:no-repeat; min-height:500px; color:white; background-attachment:fixed;}
	.homepage .signUp h2{padding-top:140px; font-weight:200;}
	.homepage .signUp form{font-size:0; display:block; margin:auto; margin-top:10px; max-width:90%;}

		.homepage .signUp input{background:none; border:1px solid white; border-right:none; vertical-align:top; width:250px; max-width:80%;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-top-left-radius: 5px;
			border-bottom-left-radius: 5px;
		}
		.homepage .signUp button{background:none; border:1px solid white; height:50px; line-height:50px; padding:0 20px; color:white; font-size:18px; max-width:20%; cursor:pointer;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
			.homepage .signUp button:hover{background-color:white; color:black;}
		
	.homepage .signUp p{font-size:15px; color:rgba(255,255,255,.7); margin:auto; margin-top:35px; max-width:80%;}
	
	
	@media only screen and (max-width: 400px) {
		.homepage .signUp button{padding:0 10px;}
	}

/* END homepage layout */

	


/* BEGIN 404.phtml */
.errorPage{}
	.errorPage h1{font-family:'Merriweather', serif; font-size:50px;}
	.errorPage .subHeaderText{background-color:rgba(71,65,53,.6); color:white; padding:10px 0; margin:10px 0;}
.ErrorPageOptions{background-color:rgba(0,0,0,.09); padding:45px 0; font-size:14px; font-family:'Quicksand', sans-serif;}
	.ErrorPageOptions:link, .ErrorPageOptions:visited{color:#8a8371; text-decoration:none;}
	.ErrorPageOptions:hover{background-color:rgba(0,0,0,.12);}
	.ErrorPageOptions span{font-weight:bold; font-size:16px; display:block;}
/* END 404.phtml */





@media print {}