@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,600);

body{
	background-image:url('/images/white_carbon.png');
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	}	
	
.container{
	padding:0px;
	/*outline:1px solid white;*/
	}
	
.row{
	padding:0px;
	margin:0px;
	height:285px;
	margin-bottom:10px;
	}
	
header{
	height:110px;
	margin-bottom:35px;
	background-color:#093c8b
	}
	
.header-logo{
	padding-top:23px;
	display:block;
	margin-left:45px;
	max-width:347px;
	max-height:68px;
	}
	
.navbar-header{height:38px;}
	

.navbar-default{
	background-color:#093c8b;
	height:10px;
	border:none;}
	
.navbar{
	border-radius:0px;
	height:30px;
	margin:0px;
	top:11px;
	z-index:10999;
	}
	
.navbar-default .navbar-nav > li > a{
	font-size:14px;
	color:#fff;
	width:auto;
	text-align:left;
	padding-left:11px;
	padding-right:40px;
	padding-top:8px;
	padding-bottom:10px;
	border-left:1px solid white;}
	
	.navbar-default .navbar-nav > li > a:hover{
		color:white;}
		
		.navbar-default .navbar-nav > li > a:focus{
			color:white;}
			
		.navbar-right{
			position:absolute;
			right:0px;
			}
			
			
/* GOOGLE TRANSLATE */

#google_translate_element{
	width:150px;
	position:relative;
	top:-36px;
	float:right;
	right:30px;}
	
/* SEARCH */

#header-search-cont{
		width:220px;
		position:relative;
		float:right;
		top:-38px;
		right:0px;
		z-index:2100;
		display:block;}
		
	#keywords{
		padding-left:10px;
		color:#666666!important;
		border:none;
		text-transform:uppercase;
		background-color:#FFF;
		width:220px;
		height:38px;}
		
	#header-search-btn{
		color:#ffffff;
		position:absolute;
		background:none;
		margin-top:15px;
		display:inline-block;
		left:190px;
		width:13px;
		top:0px;
		height:13px;
		border:none;
		background-image:url('../images/search-icon.png');
		background-repeat:no-repeat;
		}
		
	#search-results a{
		color:#3fc3d5;}
	
	#search-results a:hover{
		text-decoration:none;}
		
		.repeater{
			height:auto;
			padding-bottom:20px;
			border-bottom:1px solid #e2e0e1;
			}




/* TABS */

.about > div:first-child {
	padding-right:10px;
	}

.about > div:first-child > a > img{
	float:right;}
	
.about > div:first-child > img{
	float:right;}
	
.spirit > div:first-child {
	padding-right:10px;
	}

.spirit > div:first-child > a > img{
	float:right;}
	
.lyncolec > div:first-child {
	padding-right:10px;
	}

.lyncolec > div:first-child > a > img{
	float:right;}
	
.homenews > div:first-child {
	padding-right:10px;
	}

.homenews > div:first-child > a > img{
	float:right;}

.homenews > div:first-child > img{
	float:right;}	


/* END TABS */

.group-cont{
	overflow:hidden;
	}

.row{
	/*height:285px;*/
}

.row > div{height:100%;}

.img-height{height:100%;width:auto;}	
	
	
	
	
	
/* ABOUT */

.group-home-about{
	background-color:#093c8b;
	color:#ffffff;
	padding:0px 30px;
	}
	
.group-home-about > h1{
	font-size:24px;
	margin-bottom:25px;
	font-weight:bold;}
	
.about > div:last-child{
	padding-left:10px;}
	

/* about txt only*/
		.about > div:last-child > p {
			color:white;
			position:absolute;
			top:20px;
			font-weight:700;
			padding:0 30px;
			}
			
			.about > div:last-child > p > span:first-child{
				font-size:30px;
				line-height:1;
				}
	

/* SPIRIT */

.spirit > div{
	overflow:hidden;
	}
	
.spirit > div:nth-child(3){
	padding-left:0px;
	}
	
.spirit > div:nth-child(4){
	padding-left:7px;
	}

.spirit > div:nth-child(5){
	padding-left:10px;
	padding-right:10px;
	}

.spirit > div:nth-child(6){	
	background-color:#efbb42;
	color:#ffffff;
	}
	
	.spirit > div:nth-child(6)> h4{margin-top:23px;}	
	
	.spirit > div > ul{	
		padding-left:0px;
	}
	
	.spirit > div > ul > li{
		padding-top:10px;
		list-style:none;
		width:100%;
		height:45px;
		border-bottom:1px solid #cd9d2c;
		}	
		
		.spirit > div > ul > li:last-child{
			border-bottom:none;}
		
		.spirit > div > ul > li > a{
		font-weight:700;
		font-size:13px;
		color:white;
		padding-left:6px;
		width:100%;
		padding-top:0px;	
		}	
		
		.spirit > div > ul > li:before{
			font-family: FontAwesome;
			content:" \f105";
			}
					
		/*small boxes */
	.spirit > div > .row{
		text-align:center;
		height:140px;
		font-size:14px;}
	
	.orange{
		color:white;
		background-color:#efbb42;}
		
		/* spirit txt only*/
		.spirit > div > p {
			color:white;
			position:absolute;
			bottom:20px;
			font-weight:700;
			padding:0 30px;
			}
			
			.spirit > div:nth-child(4) > a > p {
			color:white;
			position:absolute;
			top:18px;
			padding:0 20px;
			}
		
			
			
/* LYNCOLEC */

.lyncolec > div > div > h4{margin:0px;padding-top:20px;padding-left:20px;margin-bottom:15px;}

.lyncolec > div{
	overflow:hidden;
	color:white;
	}

.lyncolec > div:nth-child(3){
	padding-left:0px;
	}
	
	.lyncolec > div > div > ul{	
		padding-left:27px;
	}
	
	.lyncolec > div > div > ul > li{	
		list-style-type:none;
	}
	
	/* list 1 */
	
	.lyncolec > div:nth-child(4){
		padding-left:7px;
				padding-right:10px;
		}
	
	.lyncolec > div:nth-child(4) > div{
		background-color:#0083cb;
		height:100%;
		padding-left:10px;
		}
		
		.lyncolec > div:nth-child(4) > div > h4{
			padding-left:10px;}
		
	.lyncolec > div:nth-child(4) > div > ul > li{
		list-style-type:disc;
		width:100%;
		height:auto;
		}	
		
		.lyncolec > div:nth-child(4) > div > ul > li > a{
		font-weight:700;
		font-size:14px;
		color:white;
		padding-left:6px;
		width:100%;
		padding-bottom:12px;	
		}	


/* list two */

.lyncolec > div:nth-child(5){
		padding-left:0px;
		padding-right:10px;
		}
		
		.lyncolec > div:nth-child(5) > div{
		background-color:#0083cb;
		height:100%;
		}
		
		.lyncolec > div:nth-child(5) >  div > ul{	
		padding-left:20px;
		padding-right:20px;
		}
	
	.lyncolec > div:nth-child(5) > div > ul > li{
		padding-top:10px;
		list-style:none;
		width:100%;
		height:45px;
		border-bottom:1px solid #00689c;
		}	
		
		.lyncolec > div:nth-child(5) > div > ul > li:last-child{
			border-bottom:none;}
		
		.lyncolec > div:nth-child(5) > div > ul > li > a{
		font-weight:700;
		font-size:13px;
		color:white;
		padding-left:6px;
		width:100%;
		padding-top:0px;	
		}	
		
		.lyncolec > div:nth-child(5) > div > ul > li:before{
			font-family: FontAwesome;
			content:" \f105";
			}
			
.lyncolec > div:nth-child(6){
		padding-left:0px;
		}
		
		/* lyncolec txt only*/
		.lyncolec > div > p {
			color:white;
			position:absolute;
			bottom:20px;
			font-weight:700;
			padding:0 30px;
			}
			
			.lyncolec > div:nth-child(6) > a > p {
			color:white;
			position:absolute;
			top:18px;
			padding:0 20px;
			}
		
		
	/* NEWS */
	
	.homenews > div{
		padding-left:0px;
		padding-right:10px;
		}
		
		.homenews > div:last-child{
			padding-right:0px;}
			
		.homenews > div > .news-hometeaser{
			height:105px;
			overflow:hidden;}
			
		.homenews > div > .news-hometeaser > img{
			width:100%;
			height:auto;}
			
		.homenews > div > .homenews-text{
			background-color:#f6f6f6;
			overflow:hidden;
			min-height:123px;
			font-size:13px;
			padding:20px;
			}
			
			.homenews > div > .homenews-text > p > a{
				color:#666666;}
			
			
			.homenews > div > .homenews-text > p{
				margin-bottom:0px;}
				
				.homenews > div > .homenews-text > p:last-child{
					font-weight:700;}
					
				.homenews > div > .homenews-text > a{
				font-weight:700;
				color:#666666;}
			

	
footer > .container-fluid{
	height:auto;
	background-color:#093c8b;
	padding-top:35px;
	color:#ffffff;}
	
	footer > div > .container{
	padding-left:33px;}
	
	footer > div > .container > div:last-child{padding-right:0px;text-align:right;font-weight:700;}
	
	footer > div > .container > div:last-child > img{
	margin-bottom:10px;
	float:right;	
	}

footer > div > div > p{
	font-size:13px;
	}

footer > div > div > p:nth-child(3){
	max-width:400px;
	position:relative;
	top:36px;
	}

footer > div > div > p:last-child{
	bottom:0px;
	margin-top:7px;
	float:right;
	}
	
	footer > div > div > p:last-child > a{
		color:#fff;
		}
		
	.generic-body{
		padding-left:45px;}
		
		/* sub nav */

.generic-body > div:first-child{
	padding-left:0px;
	}

#side-nav > ul{
	background-color:#093c8b;
	padding:0px;
	}
	
	#side-nav > ul >li{
		padding-left:20px;
		padding-top:20px;
		list-style-type:none;
		height:60px;
		border-bottom:1px solid #cccaca;
		}
		
		#side-nav > ul > li:first-child  >a{
		color:#fff;}
		
	#side-nav > ul > li:first-child{
		font-size:16px;
		font-weight:700;
		background-color:#093c8b;
		border-left:none;
		border-right:none;
		border-bottom:none;
		}
		
	.sitemap-txt{
		margin-bottom:50px;}
		
		/* NEWS ARTICLE GROUP */
			.article-image{
				display:block;
				float:right;
				max-width:40%;
				padding-left:20px;
				padding-bottom:20px;
			}

			.article{
				padding-bottom:50px;}

			.article > p:first-of-type{font-weight:700; color:#6c9bcf;}
			.article > span{display:block;margin-bottom:20px;}
			
			
/* GERBER FORM */

#contact-form{height:auto;
padding-top:40px;}

	#contact-form p {
		padding: 15px 0px;
		margin: 0; }
	
	
	#contact-form label {
		float: left;
		width: 120px;
		color: #777; }
	
	#contact-form input, #contact-form textarea {
		border: 1px solid #ccc;
		padding: 7px;
		width: 300px; }
	
	#contact-form #form-submit, #contact-form button {
		border: 0;
		width: auto;
		padding: 7px 15px;
		background: #093c8b;
		color: #fff;
		font-family: lato, arial, sans-serif;
		font-size: 14px;
		font-weight: 700;
		cursor: pointer; }
		
		#contact-form #form-submit:hover, #contact-form button:hover {
			background: #093c8b; }
			
			/*END GERBER FORM*/
			
			/* cookies page static template */
	.generic-body > div > h2{color:#093c8b;}

/* iPad styles */
@media only screen 
and (min-width : 640px) 
and (max-width : 1290px) {
	body{
		background-image:url('/images/white_carbon_@2X.png');
		font-size:1.2em;
		}
		
		.about > div:last-child > p > span:first-child{font-size:2.5em;line-height:1;}
		
		header{
		height:122px;}
		
		.header-logo{
			margin-left:0px;
			width:40%;}
			
			#google_translate_element{top:-30px;}
			#header-search-cont{top:-30px;}
		
		
		.navbar-brand{display:none;}

		.navbar-toggle{
		border:none;
		position:absolute;
		background-color:#093c8b;
		border-radius:0px;
		right:-20px;
		top:0px;
		}
		
		.navbar-right{position:relative;}
		
		.navbar-default .navbar-toggle:focus{
			background-color:#093c8b!important;}
			
			.navbar-default > .navbar-toggle:hover{
			background-color:#093c8b!important;}
		
		.navbar-default .navbar-toggle .icon-bar{
			background-color:#ffffff;}
	
	.navbar-collapse{
	background-color:#093c8b;
	box-shadow:none;
	color:#fff;
	margin:0px!important;
	border:none;
	}
	
	.navbar-default .navbar-nav > li > a{
		color:#ffffff;
		font-weight:bold;
		border-bottom:1px solid #fff;
		border-left:none;
		}
		
	.navbar-default .navbar-nav > li > a:hover{
		color:#fff;
		text-decoration:none;}
		
		.navbar-default .navbar-nav > li > a:focus{
			color:#fff;
			text-decoration:none;}
			
			.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{
				margin-left:0px;
				margin-right:0px;}
				
				.group-home-about > p {font-size:0.9em;} 
			
	
	/* SPIRIT ROW */
	
	.spirit > div:nth-child(4){
		padding-left:10px;}
		
	.spirit > div:nth-child(5){
		padding-right:0px;}
	
	.spirit > div:nth-child(6){
		margin-top:10px;}
		
		/* LYNC */
		
		.lyncolec > div:nth-child(3){
			padding-left:10px;}
			
		.lyncolec > div:nth-child(4){
			padding-left:10px;
			padding-right:0px;
			}
			
		.lyncolec > div:nth-child(5){
			margin-top:10px;}
			
		.lyncolec > div:nth-child(6){
			margin-top:10px;}
			
			.lyncolec > div:nth-child(4) > div > ul > li {margin-bottom:7px;}
			.lyncolec > div:nth-child(4) > div > ul > li > a{font-size:12px;}
	
	
	/* NEWS */
	
	.homenews{
		margin-top:305px;
		}
		
		.homenews div:nth-child(2){padding-right:0px;}
		.homenews div:nth-child(3){padding-right:0px;}
		.homenews div:nth-child(4){padding-right:0px;}
	
		.homenews > div > .news-hometeaser{height:auto;}
		.homenews > div{height:auto;}
		
		
		/*lists*/
		
		.group-cont > div > div > ul > li > a{font-size:0.9em;}
		.group-cont > div > div > div > ul > li > a{font-size:0.9em!important;}
		
		
	
	
	footer > div > .container{padding-left:0px;}
	
	footer > div > .container > div:first-child{padding-left:0px;}
	footer > div > .container > div:last-child{padding-right:10px;}
	
	footer > div > div > p:last-child{padding-right:10px;}
	
		
		
}


/* iPhone styles */
@media only screen 
and (min-width : 320px) 
and (max-width : 640px) {
		body{
		background-image:url('/images/white_carbon_@2X.png');
		}
		
		.container{padding-left:4%;padding-right:4%;}
		
		.header-logo{
			margin-left:0px;
			width:70%;}
			
			
		/* GOOGLE TRANSLATE */

		#google_translate_element{
			width:150px;
			position:relative;
			top:20px;
			z-index:30999;
			float:left;
			left:0px;}
			
			.navbar-default{background-color:none!important;}
			
		/* SEARCH */
		
		#header-search-cont{
				z-index:30999;
				width:30%;
				position:absolute;
				float:right;
				top:65px;
				right:15px;
				display:block;}	
				
				
		#keywords{
		padding-left:10px;
		color:#666666!important;
		border:none;
		border-radius:none;
		text-transform:uppercase;
		background-color:#FFF;
		width:100%;
		height:auto;}
		
		#header-search-btn{
			display:none;
		}
		
				
		/* END SEARCH */
		
		
		.navbar-toggle{
		border:none;
		position:absolute;
		background-color:#093c8b;
		border-radius:0px;
		right:-20px;
		top:-45px;
		}
		
		.navbar-right{position:relative;}
		
		.navbar-default .navbar-toggle:focus{
			background-color:#093c8b!important;}
			
			.navbar-default > .navbar-toggle:hover{
			background-color:#093c8b!important;}
		
		.navbar-default .navbar-toggle .icon-bar{
			background-color:#ffffff;}
	
	.navbar-collapse{
	background-color:#093c8b;
	box-shadow:none;
	color:#fff;
	position:absolute;
	width:100%;
	top:40px;
	right:15px;
	border:none;
	}
	
	.navbar-default .navbar-nav > li > a{
		color:#ffffff;
		font-weight:bold;
		border-bottom:1px solid #fff;
		border-left:none;
		}
		
	.navbar-default .navbar-nav > li > a:hover{
		color:#fff;
		text-decoration:none;}
		
		.navbar-default .navbar-nav > li > a:focus{
			color:#fff;
			text-decoration:none;}
			
			
/* HOMEPAGE GRID TABS X 3 */

#mobile-tab-1{background-color:#093c8b; height:40px; color:#fff;padding-top:8px; font-weight:700;padding-left:30px;}		
#mobile-tab-1 > i{float:right;font-size:24px;}	

#mobile-tab-2{background-color:#efbb42; height:40px; color:#fff;padding-top:8px; font-weight:700;padding-left:30px;}	
#mobile-tab-2 > a{color:#fff;}	
#mobile-tab-2 > a > i{float:right;font-size:24px;}	

#mobile-tab-3{background-color:#0083cb; height:40px; color:#fff;padding-top:8px; font-weight:700;position:relative;}	
#mobile-tab-3 > a{color:#fff;}	
#mobile-tab-3 > a > i{float:right;font-size:24px;}	

			
/* REMOVE PADDING AND ADD MARGIN BOTTOM TO ALL COLUMNS */

.about > div {margin-bottom:10px;}
.about > div:last-child{padding:0px;}
.about > div:last-child > p {font-size:0.5em;}
.about > div:last-child > p > span:first-child{font-size:1em;}

.spirit > div {margin-bottom:10px;}
.spirit > div:nth-child(4){padding-left:0px;}
.spirit > div:nth-child(5){padding-left:0px;padding-right:0px;margin-bottom:0px;}
.spirit > div > ul > li > a{font-size:0.6em;}

.lyncolec > div {margin-bottom:10px;}
.lyncolec > div:nth-child(4){padding-left:0px;padding-right:0px;}
.lyncolec > div:nth-child(5){padding-right:0px;}

/* news */
.row > div{height:auto;}
.homenews div:nth-child(2){padding-right:0px;}
.homenews div:nth-child(3){padding-right:0px;}
.homenews div:nth-child(4){padding-right:0px;}
.homenews div:nth-child(5){margin-bottom:50px;}

footer > .container-fluid {height:auto;}
footer > div > .container{padding-left:0px;text-align:center;}
footer > div > .container > div:last-child{text-align:center;}
		

}