/* Enter Your Custom CSS Here */
.grid-home { overflow: visible;}
#home-content .home-trans .panel-grid-cell section.home-columns{ padding: 0;}
#home-content .home-trans { background:rgba(41,171,226,0.9); position:relative; margin-top:-281px; z-index:9; border-top:1px solid rgba(255,255,255,0.6);}
#home-content .home-trans .panel-grid-cell .grid-pad{ padding-left: 0;  padding-right: 0; padding-top: 0;}
#home-content .home-trans .panel-grid-cell .grid-pad .column { 
	cursor:pointer; 
	min-height: 280px; 
	margin:0; 
	color:#ffffff; 
	border-right:1px solid rgba(255,255,255,0.6);
	padding:0 5px 75px;
	position:relative;
}
#home-content .home-trans .panel-grid-cell .grid-pad .column:hover{ background:rgba(167,219,141,0.6); }
#home-content .home-trans .panel-grid-cell .grid-pad .column:last-child {border-right:none;}
#home-content .home-trans .panel-grid-cell .grid-pad .column .call-to-action {
	background:#039BE5;
	border:1px solid #ffffff;
	border-radius: 100px;
	color: #ffffff;
	display: inline-block;
	padding: 7px 15px;
	position: absolute;
	left: 50%;
    margin-left: -55px;
	bottom: 24px;
}
.pro_title{text-align:center;}
.pro_des{text-align:center;}



/******************************************/
/******************************************/
/****** OUR CUSTOM CODE STARTS HERE *******/

/*.bldr-hero-content {
  background-color: #FFCC99;
}*/


.bldr-hero-content h1 {
	font-size: 60px;
  	font-weight: normal;
	line-height: 54px;
	margin-bottom: 15px;
	color: #ffedfc;
 	text-shadow: 2px 2px #000000;
}


.bldr-hero-content h2 {
	font-size: 25px;
  	font-weight: normal;
	line-height: 26px;
	color: #ffedfc;
  	text-shadow: -1px 2px #000000;
}


/****************************************/
/****** OUR CUSTOM CODE ENDS HERE *******/
/****************************************/
/****************************************/







.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices{ height:22px!important;}
.stButton .stHBubble{ height:22px!important;}
.stButton .stButton_gradient{ height:22px!important;}

.client-container { height: 170px; padding: 0 15px; width: 240px;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video_title{ text-align:left; font-weight: 700;}
.slider{ margin-bottom:25px;}

.site-title { font-size: 30px;}


.site-header {
	 background-color:#2d3473;
  	/*background-color: #039BE5;*/
  	text-shadow: 1px 1px #000000;
  	/*font-weight: bold;*/
}

/*h1.site-title a { color:#0000E6!important;}*/
h1.site-title a { text-shadow: 1px 1px #000000;}
.overlay-banner h1.site-title a{color:#fff!important;}
.main-navigation a{color:#fff;}




.project-carousel .client-container {
    height: auto;
    padding: 0 15px;
    width: 394px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.project-carousel .caption{ z-index:99;}
.project-carousel .client-container img { 
transform: translateY(0%);
-moz-transform: translateY(0%); 
-ms-transform: translateY(0%); 
-o-transform: translateY(0%); 
-webkit-transform: translateY(0%); 
max-height:inherit;
	height: 300px;
	width: auto;
}


@media screen and (max-width: 980px){
.project-carousel .client-container { width: 308px;}

}

@media screen and (max-width: 900px){
.project-carousel .client-container { width: 283px;}

}

@media screen and (max-width: 867px){
#home-content .home-trans{ margin-top:0;}
#home-content .home-trans .panel-grid-cell .grid-pad .column { min-height: 250px;}
#home-content .home-trans .panel-grid-cell .grid-pad .column { border-bottom:1px solid rgba(255,255,255,0.6); border-right:none;}

.project-carousel .client-container { width: 345px;}
.bldr-hero-content h1 { font-size: 24px; line-height: 28px;}
#pg-455-1 {
		bottom:0px;
		
	}	
	#pg-455-2 {
		margin-top: 0px;
	}
}

@media screen and (max-width: 767px){
 .entry-meta ul{float:left;}
	#pg-455-1 {
		bottom:0px;
		
	}	
	#pg-455-2 {
		margin-top: 0px;
	}
 .meta-block i{float:left; width: 5%;}
 
.project-carousel .client-container { width: 267px;}
#pg-455-1 {
		bottom:0px;
		
	}	
	#pg-455-2 {
		margin-top: 0px;
	}

}

@media screen and (max-width: 480px){
.project-carousel .client-container { width: 356px;}

}

@media screen and (max-width: 400px){
.site-title { font-size: 26px;}
.project-carousel .client-container { width: 240px;}
	#pg-455-1 {
		bottom:0px;
		
	}	
	#pg-455-2 {
		margin-top: 0px;
	}
}

@media screen and (max-width: 320px){
.site-title { font-size: 20px;}
.project-carousel .client-container { width: 210px;}

}


.first_block{float: left; list-style: outside none none; margin: 0; padding: 0; width:auto;}

.first_block ul li{float:left; list-style:none; border-right:1px solid #404040;}
.first_block ul li a{color:#404040; padding:0 7px; text-decoration:none;}
.first_block ul li:last-child{border-right:none;}
.meta-block i{vertical-align: super; float:left;}
.clok{vertical-align:sub!important; width:auto!important;}
.post_detail_lst{margin:0; padding:0; float:left; list-style: outside none none;}
.post_detail_lst li{float:left; list-style:none; border-right:none!important; }
.entry-content p{float:left;}
.post-categories{  width: auto;}
.meta-block img{margin-bottom: 10% !important; vertical-align: middle !important;}



h1, h2, h3, h4, h5, h6 {
    font-family: Avenir Light;
}


.menu-primary-container ul#menu-primary-1 {
		display:none;
}


#mobmenuright li a, #mobmenuright li a:visited, #mobmenuright .mobmenu_content h2, #mobmenuright .mobmenu_content h3 {
    font-family: Avenir Light !important;
    font-size: inherit;
    font-weight: inherit;
    font-style: normal;
		text-transform: uppercase !important;
}


h1.entry-title {
    text-align: center !important;
}

img.mob-standard-logo {
    position: relative;
    top: 20px;
}
.mobmenur-container {
    /*top: 40px;*/
    /*margin-right: 20px;*/
}