/*

Theme Name: Liva Wordpress Theme
Theme URI: http://themeforest.net/item/liva-retina-ready-multipurpose-wordpress-theme/7299468
Author URI:http://themeforest.net/user/JoiThemes
Description: Clean Corporate Theme
Author: Joi Team
Version: 1.1
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*---general overrides---*/
.but {
background-color: #3398d4 !important;
}

.content_fullwidth {
padding: 35px 0px 0px 0px !important;
}

.one_half, .one_third, .one_fourth, .two_third, .three_fourth, .one_fifth {
margin-bottom: 25px !important;
}

/*----------Client directory--------*/
.brand {
/*background: url(images/pages/brand-divider.png) center right no-repeat;*/
float: left;
margin: 10px 0 40px;
text-align: center;
display: block;
}

.segment_selected {
	background-color: #3398d4; 
	color: #fff; 
	padding: 2px;
}

.brand .brand-logo {
    height: 173px;
    width: 250px;
}

.brand .info {
    background: none repeat scroll 0 0 #818181;
    color: white;
    margin: 10px 5px 10px 0;
    padding-left: 10px;
    padding-right: 10px;
    border: none;	
}


.wpsc-tags {
	margin: 10px 0 17px 0;
}

.wpsc-tags li {
	display: inline;
}

.wpsc-tags li a {
display: inline-block;
background: #6c6c6c;
color: #fff;
font-size: 12px;
line-height: 1;
margin: 0 5px 5px 0;
padding: 3px 5px;
border-radius: 2px;
-webkit-border-radius: 2px;
text-shadow: 0 1px 0 #fff;
-webkit-text-shadow: 0 1px 0 #fff;
}


.wpsc-tags li a:hover {
	background: #eee;
	color: #d54e21;
	
	text-shadow: none;
	-webkit-text-shadow: none;
}

/*----call to action mods----*/
.punch_text03 {
	padding: 40px 0px 40px 0px !important;
	background: #3398d4 !important;
}

.block-page-break .page-break-title {
font-size: 24px;
font-weight: bold;
font-style: italic;
/*margin: 27px 50px 0px 0px;*/
padding-bottom: 40px !important;
}

.block-page-break {
color: #fff;
text-align: center;
}
.ctacontainer {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;

}
.punch_text03 .ctacontainer a {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #2c322d;
	background-color: #fff;
	border-radius: 4px;
	padding: 18px 30px;
	margin: 43px 0px 0px 50px;
}


@media (max-width: 991px) {
   .block-page-break .page-break-title {
      display: block;
      margin-bottom: 10px;
      margin-right: 0;
   }

   .punch_text03 .ctacontainer a {
      margin: 43px 0px 0px 0px;
   }
}

@media (max-width: 481px) {
   .block-page-break {
      padding: 40px 0;
   }

}

/*----------footer------------------*/
ul.footer_social {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.footer_social li {
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 5px;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 24px;
	line-height: 35px;
	vertical-align: middle;
background-color: #fff;
	color: #3398d4;
}
.footer_social li:hover {
	background-color: #383634;
}
.footer_social li i {
	color: #3398d4;
}



/*-----homepage hero----*/
.format_text {
font-size: 1.1em;
line-height: 1.636em;
}
.hero-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #222;
}
.hero-image h1, .hero-image h2 {
    line-height: 1.1em;
    letter-spacing: normal;
}
.hero-image h1 {
    font-weight: 600;
    margin-bottom: 1em;
}
.hero-image h2 {
    margin-top: -1em;
    margin-bottom: 1em;
}
.hero-wrapper {
    position: relative;
    max-width: 1280px;
    margin: auto;
}
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(../images/grid.png);
}
.hero-text-center {
    margin: 0 auto;
    text-align: center;
    padding: 10% 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.hero-image h1 {
    font-size: 2.3em;
}
.hero-image h2 {
    font-size: 1.5em;
}
.about-ab {
background: #222;
}
.about-ab-wrapper {
padding: 2% 30px;
max-width: 1280px;
margin: auto;
color: #fff;
}

#about-left {
width: 22%; float: left; padding: 5px 15px; font-size: 1.2em;
}
#about-middle {
width: 56%; float: left; padding: 5px 15px; margin: 0px 5px 5px 5px; border-left: #444 solid 1px; color: #aaa;
}
#about-right {
width: 14%; float: left; padding: 5px 15px; text-align: center;
}


/* for 980px or less */
@media screen and (max-width: 980px) {
#about-left {
width: 28%; padding: 1% 4%;
}

#about-middle {
width: 47%; padding: 1% 4%; margin: 0px 0px 5px 5px; float: right; border: none;
}

#about-right {
clear: both; padding: 1% 4%; width: auto; float: none;
}
}

/* for 600px or less */
@media screen and (max-width: 600px) {

	#about-left {
		width: auto;
		float: none;
	}
	
	#about-middle {
		width: auto;
		float: none;
		margin-left: 0px;
border: none;
	}
	
	#about-right {
		width: auto;
		float: none;
	}

}

/*--------State profiles--------*/
.profile th, .profile td {
text-align: left;
width:50%; 
padding: .3em 12px .3em 0;
border-bottom: 1px solid #cecece;
}

.lastrow th, .lastrow td {
border-bottom: none;
}

table.profile {
 width: 95%;
}

h3.profile {
background: #eee;
line-height: 1.5em;
width: 95%;
padding-left: 3px;
margin-bottom: 10px;
}

/*-------common corner------*/
statelist ul {
   width: 100%;
  }  /* float & allow room for the widest item */
.statelist ul li {
    float: left;
    width: 32%;
  }  /* stop the float */
.statelist  br {
    clear: left;
  }  /* separate the list from subsequent markup */
div.statelist{
   margin:0 auto;
	
  }

/*-------product bullets-----*/

.prod-list ul li{
	list-style: square !important;
	padding: 0px;
	margin: 0px;
}

.prod-left-space {
	width: 6%; 
	position: relative; 
	margin-right: 4%; 
	margin-bottom: 40px; 
	float: left;
}

.prod-bullets-third {
	width: 26%; 
	position: relative; 
	margin-right: 4%; 
	margin-bottom: 40px; 
	float: left;
}

.prod-right-space {
	width: 6%; 
	margin-right: 0 !important; 
	clear: right; 
	position: relative; 
	margin-bottom: 40px; 
	float: left;
}

@media only screen and (max-width: 767px){
.prod-left-space {
	display: none;
}

.prod-bullets-third {
	width: 100%; 
	position: relative; 
	margin-bottom: 0px; 
	float: left;
}

.prod-right-space {
	display: none;
}
}


/*---Contact form overrides----*/
/*-------Web to lead----------*/
.w2lsubmita{
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:left;
	width: 100%;
	border: #fbfbfb solid 2px;
	cursor:pointer;
	background-color: #3398D4;
	color:white;
	font-size:20px;
	padding-top:22px;
	padding-bottom:22px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
  margin-top:-4px;
  font-weight:600;
}

.w2lsubmita :hover{
	background-color: rgba(0,0,0,0);
	color: #0493bd;
}
	
.w2lsubmita submit:hover {
	color: #3498db;
}

/* SalesForce WordPress to Lead Default CSS */
/*use the SFDC plugin styles even though the plugin is not working at this time */
.salesforce_w2l_lead form.w2llead{ text-align:left; clear:both;}
.salesforce_w2l_lead #salesforce{ margin: .25em 0 0 0; color: #aaa; }
.salesforce_w2l_lead #salesforce a{ color: #999; }

.salesforce_w2l_lead .w2llabel, .w2linput { display:block; float:left; box-sizing: border-box; }
.salesforce_w2l_lead .w2llabel.error { color:#f00; }
.salesforce_w2l_lead .w2llabel { clear:left; margin:.25em 0; width:50%; }
.salesforce_w2l_lead .w2linput.text{ width:50%; height:auto; margin:.25em 0; }
.salesforce_w2l_lead .w2linput.textarea { width:100%; height:6em; margin:.75em 0;}
.salesforce_w2l_lead .w2lsubmit{ float:none; clear:both; }
.salesforce_w2l_lead .w2linput.submit { float:none; margin: .75em 0 0 0; clear:both; width: 15em;  height: 3em; font-size:1.2em;}
.salesforce_w2l_lead .w2llabel.checkbox, 
.salesforce_w2l_lead .w2linput.checkbox{ display: inline-block; float: none; }
.salesforce_w2l_lead .sf_type_checkbox input{ width: 1.25em; }


.salesforce_w2l_lead .w2llabel.checkbox{ clear: none; margin: 0; }
.salesforce_w2l_lead .w2linput.textarea, .salesforce_w2l_lead .w2linput.text { font-size: inherit; }

.salesforce_w2l_lead .top-aligned .w2linput{
	clear: left;
}

.salesforce_w2l_lead .left-aligned .w2llabel{
	width: 25%;
}

.salesforce_w2l_lead .left-aligned .w2linput.text, .salesforce_w2l_lead .left-aligned .w2linput.textarea{
	width: 75%;
}

.salesforce_w2l_lead .placeholders .w2linput{
}

.salesforce_w2l_lead .w2linput.text.captcha{ width: 160px; float: left; clear: none; }
.salesforce_w2l_lead .w2limg{ display: block; clear: both; float: left;}
.salesforce_w2l_lead .required { font-weight: bold; color: inherit; }
.salesforce_w2l_lead span.required { color: red; }

.salesforce_w2l_lead .left-aligned .w2limg{
	float: left;
	clear: none;
}

.salesforce_w2l_lead .w2linput.text.captcha{ 
	height: 75px;
	margin: 0 0 0 .5em;
	font-size: 2.5em;
	font-family: 'Times New Yorker', serif;
	text-align: center;
}

.salesforce_w2l_lead .sf_cc_user{
	padding: 1em 0;
}

.sidebar .w2linput, #sidebar .w2llabel{ float:none; display:inline; }
.sidebar .w2llabel.error { color:#f00; }
.sidebar .w2llabel { margin:.25em 0; float:none; display:inline; }
.sidebar .w2linput.text{ width:95%; height:auto; margin:.25em 0;}
.sidebar .w2linput.textarea {width:95%; height:4em; margin:.25em 0;}
.sidebar .w2lsubmit{ float:none; clear:both; }
.sidebar .w2linput.submit { margin:.25em 0 0 0; }

.sidebar .sf_type_captcha{
	text-align: center;
}

.sidebar .sf_type_captcha .w2llabel{
	padding: .5em 0;
	display: inline-block;
	width: 100%;
}

.sidebar .w2linput.text.captcha, .sidebar .w2limg{
	float: none;
	display: inline-block;
}

.sidebar .w2linput.text.captcha{
	margin: .25em 0 0 0;
	height: auto;
	font-size: 1em;	
}

.salesforce_w2l_lead .sf_field, .sf_type_checkbox{ clear: both; }
.salesforce_w2l_lead .sf_field span.error_message{ clear: left; display: block; color: red; font-size: 80%; }

/*---client slider---*/
img.clientslider{
    width:175px; /* you can use % */
    height: auto;
}

.clients .jcarousel-skin-tango .jcarousel-item {
width: 193px !important;
height: auto !important;
text-align: center;
}