.navbar { background: #f8941d; display: block; min-height: 40px; margin: 0 auto; padding-top: 0; text-align: center; width: 100%; }

.navbar-inverse { border-bottom: 2px solid #ddd; }

.navbar-nav { float: none; display: table; margin: 0px auto; }

.navbar ul.navbar-nav li { float: left;	list-style: none; background: none; padding: 0px 5px 0px 0px; }

.navbar ul.navbar-nav li a { background-image: url("../images/menusep.png"); background-position: right top; background-repeat: no-repeat; color: #fff; display: inline-block; font-size: 15px; font-weight: bold; margin: 0; padding: 10px 15px 8px; text-decoration: none; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6); text-transform: uppercase; transition: color 0.3s ease-in 0s; }

.navbar ul.navbar-nav li.last a { background-image: none; }

.navbar ul.navbar-nav li a:hover { color: #5B5C5E; }

.header-image { background: #f6f6f6; background: -moz-linear-gradient(top,  #f6f6f6 0%, #e9e9e9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e9e9e9)); background: -webkit-linear-gradient(top,  #f6f6f6 0%,#e9e9e9 100%); background: -o-linear-gradient(top,  #f6f6f6 0%,#e9e9e9 100%); background: -ms-linear-gradient(top,  #f6f6f6 0%,#e9e9e9 100%); background: linear-gradient(to bottom,  #f6f6f6 0%,#e9e9e9 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e9e9e9',GradientType=0 ); height: auto; display: block; width: 100%; text-align: center; }

.header-question { background: #fff; -webkit-box-shadow: 1px 0px 1px 1px rgba(50, 50, 50, 0.5) inset; -moz-box-shadow: 1px 0px 1px 1px rgba(50, 50, 50, 0.5) inset; box-shadow: 1px 0px 1px 1px rgba(50, 50, 50, 0.5) inset; }

h1, h2, h3 { color: #5B5C5E; margin-bottom: 30px; margin-top: 20px; }

h2 { font-size: 30px; font-weight: 700; margin-bottom: 1.5em; padding: 0; text-align: center; text-transform: uppercase; }

h2.featurette-heading-left { color: #f8941d; font-size: 20px; font-weight: 700; margin-bottom: 1.5em;  padding: 0;  text-align: left;  text-transform: uppercase;  background: none repeat scroll 0 0 #f6f6f6; }
		
a , a:active, a:visited { color: #f8941d; }

a:hover { color: #f8941d; text-decoration: underline; }

p { padding: 0 0 15px;}

p.title { padding: 0px; margin: 0px 0px 10px; }

p.desc { padding: 0px; margin: 0px 10px 20px; }

p.button { z-index: 200; width: 120px; margin: 0px auto 20px; text-align:center; padding:5px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f8941d;
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%);
background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 );
}

p.button:hover{
background: -moz-linear-gradient(top, #ff7b0d 0%, #ffa84c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d));
background: -webkit-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%);
background: -o-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%);
background: -ms-linear-gradient(top, #ff7b0d 0%,#ffa84c 100%);
background: linear-gradient(to bottom, #ff7b0d 0%,#ffa84c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7b0d', endColorstr='#ffa84c',GradientType=0 );
}

p.button a:hover { text-decoration: none;}

p.note { text-align: center; font-weight: bold;} 
		
.quarter { margin: 0px 0px 10px 0px; }

.quarter h2.featurette-heading { float: left; margin: 0px; position: relative; width: 20%;}

.quarter ul { float: left; margin: 0px 0px 30px 20px; position: relative; width: 76%; border-left: 1px dashed #B2B2B2; }

.dropcap { color: #f8941d; display: block; float: left; font-size: 52px; font-weight: 500; line-height: 1; margin: 0 10px 0 0; }

.divider { background: url("../images/section.png"); height: 8px; margin: 20px 0 25px; }

.col2 { float: left; margin: 0px; position: relative; width: 48%; }

.col3 { float: left; margin: 0px 30px 0px -25px; position: relative; width: 40%; }

.last { margin-right: 0; }

li { margin: 0; padding: 2px 0 2px 10px; list-style-image: url("../images/bullet.png"); }

li.header { font-size: 16px; font-weight: bold; list-style: none; border-bottom: 2px solid #F8941D; padding: 2px 0 5px 0px; margin: 15px 0px;}

.pullleft { float: left; margin-left: 0; margin-right: 10px; }

.pullleft, .pullright { border-left: 5px solid #f8941d; color: #666666; float: right; font-size: 13px; font-style: italic; line-height: 1.6em; margin: 20px 0 10px 10px; padding: 0 0 5px 12px; width: 15%; }

.featurette-heading-version { border-left: 5px solid #f8941d; color: #666666; float: right; font-size: 13px; font-style: italic; line-height: 1.6em; margin: 20px 0 10px 10px; padding: 0 0 5px 12px; width: 45%; text-align: left; }

#promos { width: 100%; margin: 0px auto; }

.promo-menu { margin: 20px auto; width: 100%; padding: 0; }

.promo-menu li { background: url("../images/promobg.png"); border: 1px solid #CCCCCC; float: left; height: 260px; margin-right: 20px; margin-bottom: 20px; position: relative; transition: border 0.3s ease-in 0s; width: 21%; }

.promo-menu li:hover { border: 1px solid #333;}

.promo-content { height: 80%; left: 0; position: absolute; top: 25%; width: 100%; }

.promo-main { color: #333333; font-size: 20px; line-height: 1.2em; opacity: 0.8; text-align: center; transition: all 200ms linear 0s; padding: 0px 5px; }

.promo-sub { bottom: 0; color: #f6f6f6; font-size: 14px; line-height: 20px; opacity: 0.8; position: absolute; text-align: center; transition: all 200ms linear 0s; width: 100%; background: #333333; padding: 0px; }
 
#footer { clear:both; margin:10px auto 0px; text-align:center; display: block; padding: 15px 20px 35px;}

#footer-inside { margin:0 auto; max-width: 1000px; color:#5B5C5E; font-size: 11px; font-weight: bold;}

#footer-inside a {color:#f8941d;}

#footer-inside a:hover { text-decoration: underline;}

#footer-inside-left { text-align:left; float: left; margin: 5px 25px 0px 0px; position: relative; width: 47%; }

#footer-inside-right { text-align:right; float: left; margin:-6px auto 0px; position: relative; width: 48%;}

.social-profile { text-align: right; list-style-type: none; margin: 0 0 20px; padding: 0;}

#footer-inside-right .social-profile ul { float: right; list-style: none; }

.social-profile ul li { float:left; background: none; }

.social-profile ul li a { display: block; width: 46px; height: 46px;  }

.social-profile ul li.facebook a { background-image: url("../images/facebook.png"); width: 32px; height: 32px; opacity: 0.6;}

.social-profile ul li.facebook a:hover { opacity: 1; }

.social-profile ul li.twitter a { background-image: url("../images/twitter.png"); width: 32px; height: 32px; opacity: 0.6;}

.social-profile ul li.twitter a:hover { opacity: 1; }
 
.social-profile ul li.linkedin a { background-image: url("../images/linkedin.png"); width: 32px; height: 32px; opacity: 0.6; }

.social-profile ul li.linkedin a:hover { opacity: 1; }

body { background: url("../images/bg.png") repeat; color: #555; margin-top: 40px; }	

.navbar-inverse .navbar-nav > li > a { color: #555; font-weight: bold; }

.headline > .container > img { margin: -10px 0 -20px !important}

.headline { padding: 0px 0px; }

.headline > .container > .txtlogo { font-size: 2em; }

.headline > .container > h1 { font-size: 130px; }

.headline > .container > h2 { font-size: 77px; }

.featurette-divider { margin: 40px 0; }

.featurette { overflow: hidden; }

.featurette-image.pull-left { margin-right: 40px; }

.featurette-image.pull-right { margin-left: 40px; }


/* RESPONSIVE CSS */

@media (max-width: 1000px) {
	.headline > .container > h1 {font-size: 105px;}
	.headline > .container > h2 {font-size: 50px;}
	.featurette-divider {margin: 40px 0;}
	.featurette-image {max-width: 50%;}
	.headline > .container > img {max-width: 80%;}
	.featurette-image.pull-left {margin-right: 10px;}
	.featurette-image.pull-right {margin-left: 10px;}
	.featurette-heading {font-size: 20px;}
	.navbar ul.navbar-nav li a { font-size: 13px; }
}

@media (max-width: 891px) {
	.headline > .container > h1 {font-size: 105px;}
	.headline > .container > h2 {font-size: 50px;}
	.featurette-divider {margin: 40px 0;}
	.featurette-image {max-width: 50%;}
	.headline > .container > img {max-width: 80%;}
	.featurette-image.pull-left {margin-right: 10px;}
	.featurette-image.pull-right {margin-left: 10px;}
	.featurette-heading {font-size: 20px;}
	.navbar ul.navbar-nav li a { font-size: 12px; }
}

@media (max-width: 768px) {
	.container {margin: 0 15px;}
	.featurette-divider {margin: 40px 0;}
	.featurette-heading {font-size: 20px;}
	.navbar ul.navbar-nav li a { font-size: 12px; float: left; }
	#footer-inside-left { width: 45%; }
	
}
 
@media (max-width: 668px) {	
	.headline > .container > h1 {font-size: 70px;}
	.headline > .container > h2 {font-size: 32px;}
	.featurette-divider {margin: 30px 0;}
	.navbar ul.navbar-nav li a { font-size: 12px; float: left; }
	
}

@media (max-width: 640px) {
	.headline > .container > h1 {font-size: 60px;}
	.headline > .container > h2 {font-size: 30px;}
	.navbar ul.navbar-nav li a { font-size: 12px; float: left; }
	.quarter h2.featurette-heading { float: none; margin: 0px; position: relative; width: 100%;}
	.quarter ul { float: none; margin: 20px 0px 30px 0px; position: relative; width: 76%; border-left: none; }
}
@media (max-width: 600px) { 
	#subheader a {
		margin:8px 0;
}
}
@media (max-width: 470px) { 
	.social {
		width: 162px !important;
		margin-top: 14px !important;
	}
	.social ul {
		width:100%;
	}
}
@media (max-width: 372px) {
	.social {
		width: 162px !important;
		margin-top: -10px !important;
    	margin-bottom: 10px;
	}
}
@media (max-width: 410px) { 
	#subheader span {
		padding:8px 0;
		line-height:inherit !important
	}
}




@media (max-width: 375px) {
	.featurette-divider {margin: 10px 0;}
	.featurette-image {max-width: 100%;}
	.headline > .container > img {max-width: 100%;}
	.featurette-image.pull-left {margin-right: 0; margin-bottom: 10px;}
	.featurette-image.pull-right {margin-left: 0; margin-bottom: 10px;}
	.navbar ul.navbar-nav li a { font-size: 12px; float: left; }
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font: 12px/1.4 'Ubuntu', Verdana, Helvetica, sans-serif; }

.container { max-width: 1000px; margin: auto auto; }

.featurette-divider {margin: 15px 0;}

.featurette-heading {font-size: 20px; font-weight: bold; }

.featurette-image {max-width: 50%;}

.headline > .container > a > img {width: 180px; float: left; padding: 6px 0}
.headline > .container > img {max-width: 80%;}

.featurette-image.pull-left {margin-right: 10px;}

.featurette-image.pull-right {margin-left: 10px;}

.gate-marquee {
  padding-top: 15px;
  max-width: 970px;
  margin: 0 auto;
  box-sizing: border-box;
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.gate-marquee a {
    color:#555555;
}

.social {
	float: right;
	width: 260px;
	text-align: left; 
	font-size: 14px;
	font-weight: bold;
	color: #808080;
	margin-top: 32px;
}
.social span {
	line-height: 2.2em
}
.social span, .social ul {
	float: left;
}
.social ul {
	list-style-type: none;
	padding: 0 0 0 12px;
	margin-left:0;
}
.social ul li {
	list-style-image: none;
	float: left;
	padding-left:6px;
}
#subheader {
	float:left;
	width:100%;
	background:#ff4e32;
	min-height:40px;
}
#subheader > div {
	max-width:1000px;
	margin:0 auto;
	padding:0 15px;
}
#subheader span {
	float:left;
	color:#FFF;
	font-size:17px;
	line-height:40px;
}
#subheader a {
	text-decoration:none;
	float: right;
	display:block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #555;
    font-weight: bold;
    padding: 7px 14px;
    margin-top: 4px;
    font-size: 12px;
}
#subheader a:hover,#subheader a:active, #subheader a:visited {
	text-decoration:none
}












