/*!
 * Site styles
 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

.highlight {background-color:#0F0;}



body {
  padding-top: 100px;
  padding-bottom: 0;
  font-family:'Open Sans', Verdana, Geneva, sans-serif;
  font-size:18px;
  min-height:1600px;
  color: #fff;
  background-color: #020203;
}

h1, 
h2, 
h3, 
h4, 
h5 {
	font-family: 'Open Sans Condensed', sans-serif;
	color: #fff;
	font-weight: 700;
	
	line-height: bold;
	
}

h1, h2 {
	background-color: #E42313;
	padding: 5px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 0px;
}

h1 { 
	font-size: 60px; 
	text-transform: uppercase;
 	margin: 0;
 }


h2{
 	font-size: 33px;
}

h3 { 
	font-size: 26px; 
}

hgroup {
	text-transform: uppercase;
}

 
hgroup h2 { 
 	color: #fff; 
 	background-color: red;
}

.strapline { font-size: 31px; margin-top: 30px;}

.intro { font-size: 22px; color: #ef7c00; padding-top: 40px;}

.subTitle {font-size:28px; color:#FFFFFF; font-family:steelfish_rgregular, Arial, sans-serif; margin-top:4px; margin-bottom:4px; letter-spacing:0px;}

p.light {
	font-size:16px;
	font-weight:300;
	line-height:1.7em; }


.applyNow a { 
	color: #fff; 
	line-height: normal; 
	
	 }

/* sections */

section {
	
}


.cta .contact-form { 
	
}

.contact-form {
	padding: 0 ;
	background-color:  #B2B2B2;
	background-repeat: repeat;
	
}

.contact-form form {
	padding: 20px;

}

.contact-details {
	background-color: #E42313;
	background-repeat: repeat;
	padding: 40px 0;
	text-align: center;
}


/* navbar*/

.navbar {
  margin-bottom: 0px;
}

.navbar-brand {
  float: left;
  height: 100px;
  padding:34px 0px 24px 16px;
}

.navbar-header { padding:0px;}

.topnav{
	padding-right:0px;
	padding-left:0px;
	padding-bottom:42px;
	background-color:#000;
}


.slider {
	margin-bottom: 0;
}


.main-content h2 { margin-bottom: 30px; margin-top: 30px;  }



/* Contact Form */


.contact-form .success,
.contact-form .error {
	display: none;
}

.contact-form h4 { 
	font-size:20px; 
	 margin:0px; 
	  background: transparent;
	  padding: 0;
	}

.contact-form .input-box,
.contact-form .textarea-box {
	margin-bottom: 9px;
	margin-top: 10px;
	outline: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e3e3e3;
	border-radius: 3px;
	color: #727272;
	padding-left: 12px;
	font-size: inherit;
	line-height: auto;
}

.contact-form .input-box {
	min-height: 25px;
	font-size:14px;
}

input, textarea {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

.contact-form .input-box:active,
.contact-form .textarea-box:active,
.contact-form .input-box:focus,
.contact-form .textarea-box:focus {
	color: #323232;
	
}

.contact-form .btn {
	margin-top: 10px;
}
.formText {
 font-size:14px;
}

.submitBtn { 
	background:#000; 
	border-radius: 0px;
	 color:#fff; 
	 font-size:14px;  
	 padding-bottom:5px;
	}

.submitBtn:hover { color:#FFF; text-decoration:underline;}

.success { text-align:center; font-size:12px; background-color:#FFBB34; line-height:160%; margin:0px 20px 0px 20px; padding:4px;}
.error { text-align:center; font-size:12px;  background-color:#FFBB34; line-height:160%;  margin:0px 20px 0px 20px; padding:4px; }
.error .alert, .success .alert { padding:0px;}



/* carousel */
.carousel { overflow: hidden; }
.carousel-control .icon  {
  position: absolute;
  display: block;
  top: 50%;
  width: 40px;
  height: 40px;
  background-color:transparent;

}



.carousel-inner > .item { max-height: 426px; }
.carousel-inner > .item img { width: 100%; }
.carousel-indicators { display: none; }
/*.carousel-control.left,
.carousel-control.right  {
	background-image: none !important;
}*/

 .carousel-control .icon.icon-left { left: 0; }
 .carousel-control .icon.icon-right { right: 0; }
 .carousel-control .icon:before, .carousel-control .icon:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  transform: rotate(45deg);
  overflow: visible;

 }
 .carousel-control .icon.icon-left:before,
 .carousel-control .icon.icon-right:after {
  transform: rotate(-45deg);

 }

.carousel-control .icon.icon-left:before,  
.carousel-control .icon.icon-right:before{ 
	margin-top: -68%; 
}


.carousel-caption {

	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	display: block;
	overflow: hidden;
	background-color: transparent;
	padding-bottom: 45px;

}

.carousel-caption h2 {
	margin: 45px;
	display: inline-block;
	vertical-align: bottom;
	position:relative;
	z-index: 3;
	text-align: right;
	
	animation-delay:1s;
  -moz-animation-delay: 1s;
   -webkit-animation-delay: 1s;
   text-shadow: none;
   font-weight: bold;
}
.carousel-caption:before {
	content: "";
	margin-left: -1px;
	display: inline-block;
	height: 100%;
	vertical-align: bottom;
}



/*accordion*/

.panel-default > .panel-heading {
	background-color: #020203;
	color: #fff;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	background-color: #020203;
}

.panel-title { font-family: 'Open Sans', sans-serif; }
.panel-title > a {
	display: block;
}


/*Back to top*/

#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 20px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    right: 20px; /* padding from the left side of the window */
}

#top-link-block span { border:1px solid #fff;}
#top-link-block i { color:#fff;}


.well {
	background-color: #020203;
	border-radius: 0;
}
.well a { color: #fff; }




#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before {
content: '' !important;
}

.ctaButton { 
	border:2px solid #fff; 
	padding:10px 20px; 
	color: #fff; 
	text-decoration:none;
	background-color: transparent;
}
.ctaButton:hover { text-decoration:none; color:#fff;}

.small-bottom-margin { margin-bottom:0px;}


/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

p.ls-l.slide3-title { width:300px; font-size:40px; color:#000; }
p.ls-l.slide3-sub{ width:300px; font-size:18px; color:#000;}
p.ls-l.slide4-title { width:300px; font-size:40px; color:#FFF;}
p.ls-l.slide4-sub{ width:300px; font-size:18px; color:#FFF;}


footer {
	background: #fff;
}

.clearfix { position: relative; }
.clearfix:after, 
.clearfix:before {
	content: "";
	display: table;
	clear: both;
}


/* transformations */

.align-right { text-align: right; }
.align-left { text-align: left; }
.rotate-left { 
	transform: rotate(-10deg); 
	transform: rotate(-10deg); 
	transform: rotate(-10deg); 
}
.rotate-right { 
	transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	 }
/*Media queries*/



@media (min-width: 320px) {
	body { font-size:16px; }
	.blackCTA-small { background-color:#1D1D1B; text-align:center; padding:20px;}
	a.CTA { display:block;}
	h2 { font-size: 26px; }
	h4.CTA { display:block; margin:0px;}
	.textSpace { display:none;}
	body { padding-top: 100px;}
	.bodyCopy { padding:20px; margin-top:0px;}
	.topnav { padding-bottom:10px;}
	.navbar-brand { padding:24px 0px 14px 16px;}
	.navbar-brand img {
	max-width: 50%;
	margin-left:40px;
	}
	.applyNow { padding-right:40px; margin-top:0px; padding-top:10px;}
	
	.small-bottom-margin { margin-bottom:15px;}
	h1 {font-size:40px; }
	.thirdBlock h2 {font-size:30px; }
	.mobileTopPad {margin-top: 40px;}
	.firstBlock { padding-left:0px;}
	.carousel-caption {}
	.carousel-caption h2 {font-size: 30px; line-height: 30px;}
	.strapline { font-size: 18px; }
	.main-content header:before, .main-content header:after { display: none;}	
	.intro { font-size: 18px; }
	
}

@media (min-width: 420px) {
	body { padding-top: 110px;}
	.thirdBlock h2 {font-size:40px; }
	 .strapline { font-size: 23px; }
}
@media (min-width: 620px) {
	.sign img { width: 100%; }
	.carousel-caption h2 {font-size: 40px; line-height: 40px;}
}

@media (min-width: 768px) {
	body { font-size:18px; }
  .container { max-width: 940px; }
  .blackCTA-small { background-color: transparent; text-align:left;  padding:0px;}
 h1 { font-size: 50px; line-height: 50px; }
	h2 { font-size: 30px; line-height: 30px;}
  a.CTA { display:inline;}
  h4.CTA { display:inline;}
  .textSpace { display:inline;}
  h4 { margin-left:0px;}
  body { padding-top: 132px;}
  .bodyCopy { padding-left:0px;}
  .navbar-brand img {
	max-width:none;
	margin-left:34px;
	}
	.applyNow { padding-right:20px; margin-top: 10px; text-align: right;}
	
	.topnav { padding-bottom:32px;}
	.small-bottom-margin { margin-bottom:0px;}
	h1 {font-size:55px; }
	.thirdBlock h2 {font-size:60px; }
	.firstBlock { padding-left:20px;}
	.carousel-caption { padding-bottom: 15px; }
	.carousel-caption h2 { font-size: 45px; line-height: 45px;}
	.main-content header:before, .main-content header:after { display: block;}	
	.strapline { font-size: 31px; }
	.intro { font-size: 22px;}
	
}

@media (min-width: 992px) {
	body { padding-top: 132px;}
	h1 { font-size: 60px; line-height: 60px; }
	h2 { font-size: 40px; line-height: 40px; }
	
	.cta .contact-form { padding-top: 0; }
	.contact-form { padding-bottom:0px; }
	.mobileTopPad {margin-top: 0px;}
	
	 p.ls-l.slide3-title { width:300px;}
	 p.ls-l.slide3-sub{ width:300px;}
	 p.ls-l.slide4-title { width:300px;}
	 p.ls-l.slide4-sub{ width:300px;}
	
  
}

@media (min-width: 1200px) {

}

@media print {
  
}



