@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);

html,body
{
	font-family: 'Source Sans Pro', sans-serif;	
	font-weight:400;
	width: 100%;    
	/*height: 100%;    */
	margin: 0px;
	padding: 0px;
	overflow-x: hidden; 
}

.navList {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navList > li {
  position: relative;
  padding: 10px 15px;
}

.navList > li > a {
  position: relative;
}

#pageHeaderService:hover{
	color: #a4b2bd;
}

#pageHeaderService{    
	z-index: 10;
	color: #F14B51;
	font-size: 24px;
	line-height: 60px;
	font-weight:300;
}

#service{
	color: #F14B51;
}

#service:hover{
	color: #a4b2bd;
}

.banner {
	padding:4em 0em;	/* CHANGE PADDING HERE */
	font-weight:300;
	margin-bottom:4px;
}

.bannerSpacer {
	margin-bottom:40px;
}

.banner p {
	color:#ffffff;
	font-size:22px;
	margin:auto;
}

.navbar {
	margin-bottom:0.0em;
}

.internalText{
	font-size:19px;	
	line-height:1.6em;
	color: #333333;
	font-weight:300;
}                   

.gulluColorBlue {     
	background-color: #6CBAEB;  
}                    

.gulluColorGreen{     
	background-color: #7cd298;
}                     

.gulluColorRed{     
	background-color: #F3494C;
}                     

.gulluColorOrange{     
	background-color: #F19B2C;
}

.gulluColorGray {     
	background-color: #97a4ad;  
}

.gulluColorLightGray {     
	background-color: #a4b2bc;  
}

.gulluColorFooter {     
	background-color: #f2f6f7;  
}

.vbottom {
	display: inline-block;
	vertical-align: bottom;
	float: none;
}

.vtop{
	display: inline-block;
	vertical-align: top;
	float: none;
}

/* centered columns styles */
.row-centered {
	text-align:center;
}

a:link {
	text-decoration: none;
}

#iPhoneTest {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url("../img/iPhone small@2x.png") no-repeat;
	background-size: 300px 624px;
	width: 300px;
	height: 624px;
	padding: 94px 0 0 0px;
}

/*#iPhoneTest #youtubeVideo{
	background: #000;
	width: 248px;
	height: 441px;
	overflow: hidden;
}
*/
/*xs*/
@media (max-width: 767px){
	.goCenter{
		display: block;
		margin-right: auto;
		margin-left: auto;
		padding:0em 0em		
	}	
	
	.bannerTextSpacer{
		margin-top:20px;
		margin-bottom:20px;
	}
	
	.textCenter{
		text-align: center;
	}
	
	.wrapIcon{
		width: 210px;	
	}
	
	.wrapButton{
		width: 210px;
	}
	
	.wrapInnerButton{
		width: 180px;
	}
	
	.col-centered {
		display:inline-block;
		float:none;
		/* reset the text-align */
		text-align:left;
	}

	#pageHeaderService{
		line-height: 30px;
	}
	
	.navList > li {
	  position: relative;
	  padding: 8px 15px;
	}

	.centerHeader{
		text-align: center;	
	}
}

/*all except for xs (phones)*/
@media (min-width: 768px) and (max-width: 991px) , (min-width: 992px) and (max-width: 1199px) , (min-width: 1200px){	
	
	.appstafarianIconAdjustment{
		margin-left:51px;
	}

	.fillerLi{
		margin-left:27px;
	}

	.goLeft{
		float:left;
	}	
	
	.textLeft{
		text-align:left;
	}
	
	.wrapButton{
		width: 210px;		
	}
	
	.btn-sc{
		float: right;
		margin-left: 15px;
	}
	
	.col-centered {
		display:inline-block;
		float:none;
		/* reset the text-align */
		text-align:left;
		/* inline-block space fix */
		margin-right:-4px;
	}	
}


/*sm*/
@media (min-width: 768px) and (max-width: 991px){	

	.softPush{
		padding-left: 38px; /*8px to compensate for overshot image, 30px padding*/
	}
	
	.goCenterSm{	
		display: block;
		margin-right: auto;
		margin-left: auto;	
	}
	
	.deviceSpacer{
		padding:20px 0px;
	}	
}

/*md*/
@media (min-width: 992px) and (max-width: 1199px) { 
	
	.softPush{
		padding-left: 64px; /*34px to compensate for overshot image, 30px padding*/
	}	
}

/*lg*/
@media (min-width: 1200px){
	.slimContainer{
		width: 960px;
	}
	.softPush{
		padding-left: 66px; /*33px to compensate for overshot image, 30px padding*/
	}
}


/*The darkener for the video*/

#overlay-back {
	position   : absolute;
	top        : 0;
	left       : 0;
	width      : 100%;
	/*height     : 300%;*/
	background : #000;
	opacity    : 0.6;
	filter     : alpha(opacity=60);
	z-index    : 5;
	display	   : none;
}

#youtubeContainer {
	position   : absolute;
	/*top        : 0;*/
	left       : 0;
	width      : 100%;
	height     : 100%;
	z-index    : 10;
	display    : none;
}