/*

Theme Name: Steve Blank

Theme URI: http://xentina.com

Description: Steve Blank Custom Theme

Author: Xentina Creative Group

Author URI: http://xentina.com

Version: 1.0

Template: responsive

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: stevecstheme

*/



body{

	margin:0;

	padding:0;

	font-family:Open Sans;

	font-size:1em;

	background-color:#FFF;

	font-weight: lighter;

}



div#wrapper {

  max-width: 1200px;

  margin: 80px auto 0 auto;

  padding: 0 1em;

  border:0;

  border-radius:0;

}



.front-page #wrapper{

	max-width:none;

	margin:100px 0 0 0;

	padding: 0;

	border:0;

	border-radius:0;

}



.page-template-services-page #wrapper {

  max-width: 100%;

  padding: 0;

}



.pageheader{

	margin:100px 0 0 0;

}



.pageheader img{

	width:100%;

}



.hasheader{

	margin-top:0 !important;

}



#container{

	max-width:none;

	padding:0;

	margin:0;

}



.cblock{

	max-width: 1200px;

	margin:0 auto;

	padding:0 2em;

	display: block;

	overflow: hidden;

}



#content-full{

	margin:0 auto;

}



h1.entry-title{

	font-size: 2em;

	color: #1ba0ad;

	border-bottom: 1px solid #1ba0ad;

	padding-bottom: 0.3em;

}



/* HEADER */



#header{

	display:block;

	overflow:hidden;

	background: url('img/header-bg.gif');

	position: fixed;

	width: 100%;

	height: 100px;

	z-index: 999;

}



#header .cblock{

	position:relative;

}



#header #logo{

	padding:1em 1.5em;

	max-width: 80%;

	text-align: left;

}



#header .top-menu{

	float:right;

	margin: 2.5em 0 0 2em;

}



#header .top-menu li a{

	border:none;

	font-size:1em;

	color:#FFF;

	text-transform: uppercase;

	padding: 0 0.8em;

}



#click-menu, #responsive-menu {

	z-index: 9999999 !important;

}



div#restitle {

  position: absolute;

  color: #FFF;

  bottom: 0.6em;

  left: 10.8em;

  font-size: 0.9em;

}





/* FRONT PAGE */



.homecnt{

	font-size:0.9em;

}



#outter-wrapper{

	display:block;

	overflow:hidden;

	width:100%;

	border-bottom:5px #4c99a3 solid;

	position: relative;

	background:url('img/small-companies-big-business.jpg') no-repeat right center;

	background-size: cover;

}



#outter-wrapper.interior{

	margin-top:100px;

}



#outter-wrapper .flex-control-nav, #outter-wrapper .flex-control-paging{

	display:none;

}

#outter-wrapper .metaslider, #outter-wrapper .flexslider{

	margin-bottom:0;

}



#outter-wrapper .cnthome{

	display:block;

	overflow:hidden;

	float:right;

	width: 45%;

	margin: 1em 3em 1em 1em;

}



#outter-wrapper .cnthome p{

	padding: 1.5em;

  background-color: #000;

  opacity: 0.5;

  display: block;

  overflow: hidden;

  font-weight: normal;

  color: #FFF;

  line-height: 1.5;

font-size: 1.2em;

}



#outter-wrapper .cnthome h1,#outter-wrapper .cnthome h2 {

  font-size: 3em;

  font-weight: normal;

  text-shadow: 2px 2px 2px #999;

	padding-left: 0.5em;

}



#outter-wrapper.interior .cnthome h2 {

  font-size: 2.6em;

}



#outter-wrapper .cnthome h1 span,#outter-wrapper .cnthome h2 span {

    text-transform: uppercase;

  font-size: 1.5em;

  line-height: 1.1;

}







#outter-wrapper h1.hometitle {

  position: absolute;

  z-index: 9999;

  width: 11.36363636em;

  margin-left: -6.39204em;

  left: 50%;

  top: 50%;

  margin-top: -2.5625em;

  height: 3.125em;

  background-color: #FFF;

  opacity: 0.7;

  border-bottom: 0.2841em #1ba0ad solid;

  border-right: 0.2841em #1ba0ad solid;

  text-align: center;

  color: #515151;

  font-size: 2.2em;

  padding: 1em;

  font-weight:normal;

  line-height: 1.2;

}



#outter-wrapper h1.hometitle span{

	text-transform:uppercase;

	color:#1ba0ad;

	font-weight:bold;

	font-size:1.5em;

}



.callme {

  position: absolute;

  margin: -34px auto 0 -155px;

  width: 310px;

  left: 50%;

  text-align: center;

  z-index: 99;

}



.callme p{

	margin:0.5em 0;

	padding:0

}

.callme p a{

	color:#515151;

	font-size: 2em;

}



.white{

	border-top:#399fa9 solid 5px;

	background-color:#FFF;

	padding: 2em 0;

}



.white.fst, .grey.fst{

	border-top:none;

}

.white.fstint {

	padding-top:1em;

	border-top:none;

}





.grey{

	border-top:#399fa9 solid 5px;

	background-color:#4b4b4b;

	padding: 2em 0;

}



.green{

	border-top:#399fa9 solid 5px;

	background-color:#5ea4b0;

	padding: 2em 0;

}



.white h2{

	text-transform: uppercase;

	font-weight: lighter;

	color: #1ba0ad;

	margin-top: 0.3em;

	font-size: 2.5em;	

}



.white p{

	font-size: 1.4em;

  	line-height: 1.5;

  	margin: 1em 0;

}



.grey h2{

	text-transform: uppercase;

	font-weight: lighter;

	color: #FFF;

	margin-top: 0.3em;

	font-size: 2.5em;	

}



.green h2{

	text-transform: uppercase;

	font-weight: lighter;

	color: #FFF !important;

	margin-top: 0.3em;

	font-size: 2.5em;	

}



.grey p,.green p{

	font-size: 1.4em;

  	line-height: 1.5;

  	margin: 1em 0;

	color:#FFF;

}



.nb{

	border:none !important;

}



.nb h2{

	font-weight:bold;

}



.white.nb h2{

	font-weight:bold;

	color: #555;

}

.grey.nb h2{

	font-weight:bold;

	color: #FFF;

}

.fullwimg{

	width:100%;

}



.actions{

	display:block;

	overflow:hidden;

	max-width: 100%;

	margin: 4em auto 1em auto;

}



.actions .item{

	float:left;

	width:33%;

	overflow:hidden;

	text-align:center;

}



.actions .item h3{

	text-transform:uppercase;

	color:#525252;

    font-weight: lighter;

}



/* FOOTER */



#footer {

  width: 100%;

  margin: 5em 0 0 0;

  padding: 3em 0 0 0;

  max-width: none;

  text-align:center;

  background: url('img/header-bg.gif');

  overflow:visible;

  position:relative;

  height: 70px;

}



#footer .cblock{

	overflow:visible;

	position:relative;

	top: -3.5em;

}



.smedia{

	padding:1em;

	text-align:center;

	margin-top: -3.5em;

}



.smedia img{

	margin:0 1em;

}





#foottext{

	font-size:1.2em;

	text-align:center;

	color:#999;

}



#foottext a{

	color:#999;

}



#testimonials_container .result {

  	width: 33%;

  	float: left;

  	overflow: hidden;

}



#testimonials_container .result .testimonial {

  	padding: 0 1em 0 1em;

}

#testimonials_container .result:last-child .testimonial {

	padding: 0 0 0 1em;

}

#testimonials_container .result:first-child .testimonial {

	padding: 0 1em 0 0;

}



#testimonials_container .result .testimonial h3{

	display:none;

}

#testimonials_container .result .testimonial .inner{

	background:url('img/quote.jpg') no-repeat left top;

	padding-top:5px;

}



#testimonials_container .result .testimonial .client .name{

	color: #1ba0ad;

  	font-size: 2em;

}



/* ABOUT US PAGE */



.page-template-about-page, .page-template-about-page #wrapper{

	background-color:#4b4b4b;

}

.aboutpage{

	color:#FFF;

	text-align:left;

}



.aboutpage h1 {

  text-transform: uppercase;

  color: #FFF;

  border: none;

  font-weight: normal;

  font-size: 2.5em;

}



.page-template-about-page .post-entry{

	font-size:1.4em;

}



.page-template-services-page .entry-title.post-title{

	display:none;

}



.aboutpage .row{

	display:block;

  clear: both;

	overflow:visible;

	padding-top:2em;

	border-top:1px solid #4c99a3;

}

.aboutpage .row .dcolv1{

	display:block;

	overflow:hidden;

	width:48%;

	float:left;

	padding: 0 2% 0 0;

}

.aboutpage .row .dcolv1:last-child{

	padding: 0 0 0 2%;

}



.aboutpage .aboutimagecnt{

	float:right;

	margin:-3.5em 0 2em 2em;

	padding:0.5em;

	background-color:#FFF;

	max-width:60%;

}











/* CONTACT PAGE */



.page-template-contact-page, .page-template-contact-page #wrapper{

	background-color:#1ba0ad;

}

.contactpage{

	color:#FFF;

	text-align:center;

}



.contactpage h1 {

  display:none;

}



.page-template-contact-page .post-entry{

	font-size:1.4em;

}



form p{

	text-align:left;

	  margin: 0.5em 0;

}



div.wpcf7{

	max-width: 460px;

  	margin: 0 auto;

}



div.wpcf7 textarea,div.wpcf7 input{  

	width: 100%;

}



.page-template-contact-page .pageheader {

    position: relative;

    overflow: hidden;

	height: 110px;

}



.page-template-contact-page .pageheader img {

    position: absolute;

    top: 0px;

    left: -9999px;

    right: -9999px;

    margin: auto;

	min-width:1000px;

}





.come-in {

	opacity: 1 !important;

	animation: opacityAnimate 1s 1 ease-in-out;

	-webkit-animation: opacityAnimate 1s 1 ease-in-out;

	-moz-animation: opacityAnimate 1s 1 ease-in-out;

	-o-animation: opacityAnimate 1s 1 ease-in-out;

}



/* BLOG */



.archive h2.entry-title.post-title a{

	text-transform:uppercase;

	color:#5ea4b0;

}

.post-data{

	display:none;

}



.widget-wrapper {

  border: none;

  border-radius: 0;

  background-color: #5ea4b0;

  color: #FFF;

}



.widget-wrapper h3{

	  text-transform: uppercase;

  font-weight: lighter;

  border-bottom: 1px #FFF solid;

  padding-bottom: 0.2em;

  margin-bottom: 0.5em;

}



.widget-wrapper ul,.widget-wrapper ol{

	list-style:none;

	  margin-bottom: 0;

}



.widget-wrapper a{

	color:#FFF;

}



@keyframes opacityAnimate {

	from { opacity: 0; }

	to { opacity: 1; }

}



@-webkit-keyframes opacityAnimate {

	from { opacity: 0; }

	to { opacity: 1; }

}



@-moz-keyframes opacityAnimate {

	from { opacity: 0; }

	to { opacity: 1; }

}



@-o-keyframes opacityAnimate {

	from { opacity: 0; }

	to { opacity: 1; }

}



@media screen and (max-width: 875px) {

	#header #logo{

		padding:1em 0;

	}

	#header .cblock{

		padding-left:1em;

	}

	.homecnt{

		font-size:0.8em;

	}

	.white.fst {

	  	padding-top: 6em;

	}

	#testimonials_container .result {

	  width: 100%;

	  float: left;

	  margin: 1em 0;

	}

	#testimonials_container .result .testimonial, #testimonials_container .result:first-child .testimonial, #testimonials_container .result:last-child .testimonial{

		padding:1em 0;

	}

	.aboutpage .aboutimagecnt{

		display:none;

	}

	div#restitle {

  		left: 8.1em;

	}

}



.post-entry h2 {

  font-size: 1.5em;

  color: #1ba0ad;

  text-transform: uppercase;

}



/* BLOG */



h2.btitle {

  font-size: 1.5em;

}



h2.btitle span{

   font-size: 0.74em;

  font-weight: lighter;

}



h2.entry-title.post-title {

  font-size: 1.5em;

  margin: 0;

}



#content-archive .post .post-entry p {

  margin: 0.5em 0;

}



@media screen and (max-width: 790px) {

	#outter-wrapper .cnthome {

	  float: none;

	  width: auto;

	  margin: 2em;

	  font-size: 0.7em !important;

	  text-align: center;

	}

	#outter-wrapper .cnthome h1, #outter-wrapper .cnthome h2 {

  		padding-left: 0;

	}

	.actions{

		max-width: 100%;

	}

	.actions .item h3{

		font-size: 1.3em;

	}

	.aboutpage .row .dcolv1 {

		width:100%;

		float:none;

		padding:0;

	}

	.aboutpage .row .dcolv1:last-child{

		padding:0;

	}

}

@media screen and (max-width: 520px) {

	.homecnt{

		font-size:0.7em;

	}

	.white.fst {

	  	padding-top: 7em;

	}

	#footer .smedia img{

		max-width:40px;

		margin: 0 0.5em;

	}

	.smedia {

	  margin-top: -2.5em;

	}

	.actions .item {

	  float: none;

	  width: 100%;

	  margin-bottom: 1em;

	}

}



@media screen and (max-width: 430px) {

	#outter-wrapper .cnthome h1,#outter-wrapper .cnthome h2 {

  		font-size: 2em;

	}

	div#restitle {

  		display:none;

	}

}



@media screen and (max-width: 320px) {

	#header #logo{

		margin-top: 0.5em;

	}

	.callme{

		width: 200px;

  		margin: -28px auto 0 -100px;

	}

	.callme p a{

		font-size: 1.5em;

	}

}