/*
Theme Name: Zero Energy Project
Theme URI:
Author: Astir Agency
Author URI: http://www.weareastir.com
Description:
Version: .93
License: GNU General Public License
License URI: see license.txt

Twitter Bootstrap


*/

/* Import the necessary TK Bootstrap WP CSS additions */
@import url( bootstrap-wp.css);
@import url( same-height.css);



/* My Minimal WordPress Styling comes here */

/* This is a small security for too long strings titles */
body {
    word-wrap: break-word;
	color: #5e797a;
	font-family: "Open sans";
	line-height:1.8;
    max-width: 100vw;
    overflow-x: hidden;
}
a {color: #61cae8}
p  {margin: 0 0 20px;}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}


/* Images and wp-captions should always fit and be responsive */
img {
	display: inline-block;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"] {
	margin-top: 10px;
	margin-bottom: 10px;
}
.wp-caption {
	border: 0;
	margin-bottom: 10px;
	max-width: 100%;
	padding: 0 40px;
	font-size: .8em;
	line-height:1.6;
}
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
}
.wp-caption .wp-caption-text {
	text-align: center;
	margin-top: 10px;
}

/* WP Gallery */
.gallery {
	margin-bottom: 1.5em;
}
.gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.gallery dd {
	margin: 0;
}


/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

hr {margin-top: 40px; margin-bottom: 40px}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/* Content */
.main-content-inner {
	padding-bottom: 0;
}
.hentry {
	margin: 0 0 1.5em;
}


/* Clearing */
.clear {
	clear: both;
}


/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

.font-weight-bold {font-weight: 600;}
.font-weight-normal {font-weight: 400}

/* COLORS */
.yellow {color:#fad61d;}
.slate {color:#5E797A; }
.slate a {color:rgba(91,121,122,.85); text-decoration:underline }
.slate a:hover {color: rgba(91,121,122,.7); }
.white  {color: #fff;}
.white a  {color: #fff; text-decoration:underline; font-weight: bold;}
a.white:hover, .white a:hover {color: rgba(255,255,255,.7)}
.teal,.cyan {color: #61cae8;}
.blue {color: #2398c1;}
.red {color: #e7344d}
.yellowbg {background-color:#fad61d;}
.slatebg,.forrestbg {background-color:#5E797A; color: #fff;}
.whitebg {background-color: #fff;}
.offwhitebg {background-color: #f3f3f3;}
.tealbg, .cyanbg {background-color: #61cae8;}
.tealbg a, .cyanbg a {color: #fff;}
.tealbg a:hover, .cyanbg a:hover {color: rgba(255,255,255,.8);}
.bluebg {background-color: #2398c1;}
.redbg {background-color: #e7344d}
.ltgreybg {background-color: #f1f1f1;}

/* buttons */
.btn {text-decoration: none !important; font-weight:normal !important; text-transform: uppercase;}
.btn.yellow {color: #5e797a; background-color:#fad61d;}
.btn.yellow:hover {background-color:rgba(251,217,0,.7);}
.btn.yellowborder {color: #fad61d; background-color: #fff; border: 2px solid #fad61d;}
.btn.yellowborder:hover {background-color: rgba(255,255,255,.8);}
.btn.white {color: #fad61d; background-color:#fff;}
.btn.white:hover {color: #fad61d; background-color:rgba(255,255,255,.8);}
.btn.whiteborder {color: #fff; border: 2px solid #fff;}
.btn.whiteborder:hover {background-color: #fad61d; color: #fff; border: 2px solid #fff;}
.btn.slate {color: #fff; background-color:#5E797A;}
.btn.slate:hover {color: #fff; background-color:rgba(95,121,122,.8);}
.btn.slateborder {color: #5E797A; background-color: #fff; border: 2px solid #5E797A;}
.btn.slateborder:hover {background-color: rgba(255,255,255,.8);}
.btn:active, .btn.active { webkit-box-shadow: none;
box-shadow: none}

.overlay {position: absolute; top:0; right: 0; left: 0; bottom: 0; text-indent:-5000px;-webkit-transition: background-color .5s; /* Safari */
    transition: background-color .5s}
.overlay:hover {background-color: rgba(0,0,0,.1); -webkit-transition: background-color .5s; /* Safari */
    transition: background-color .5s}

.codebutton {clear: both;}

.uppercase {text-transform:uppercase;}
.centered {text-align: center; margin:auto}
.textright {text-align: right;}

.opensans {font-family:'open sans';}

.light {font-weight: 300;}
.normal {font-weight: 400;}
.semibold, .bold {font-weight: 600 !important}

.line1point1 {line-height: 1.1}

.bordertop {border-top: 1px solid #ccc;}
.borderbottom {border-bottom: 1px solid #ccc;}
.noborder {border-width: 0 !important}
.borderbottomwhite {border-bottom: 1px solid #fff;}
.bordertopwhite {border-top: 1px solid #fff;}
.borderbottomyellow {border-bottom: 2px solid #fad61d;}
.noshadow {-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0)  !important;
box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;}

.margintop0 {margin-top: 0 !important;}
.marginbottom0 {margin-bottom: 0 !important;}
.margintop {margin-top: 20px !important;}
.margintop2x {margin-top: 40px !important;}
.marginbottom2x {margin-bottom: 40px !important;}
.marginbottom {margin-bottom: 20px;}
.marginleft {margin-left: 20px;}
.marginright {margin-right: 20px;}
.margintophalf {margin-top: 10px !important;}
.margintopquarter {margin-top: 5px !important;}
.margintopnegativehalf {margin-top: -10px;}
.marginbottomhalf {margin-bottom: 10px;}
.marginlefthalf {margin-left: 10px;}
.marginrighthalf {margin-right: 10px;}
.nomargin {margin: 0;}
.padding {padding: 20px;}
.padding2x {padding: 40px;}
.paddinghalf {padding: 10px}

.nopadding {padding: 0;}
.nopaddingbottom {padding-bottom: 0 !important;}
.paddingtop {padding-top: 20px !important;}
.paddingtop2x {padding-top: 40px !important; }
.paddingbottom {padding-bottom: 20px;}
.paddingbottom2x {padding-bottom: 40px;}
.paddingleft {padding-left: 20px;}
.paddingright {padding-right: 20px;}
.paddingright0 {padding-right: 0;}
.paddingleft0 {padding-left: 0 !important;}
.paddingtophalf {padding-top: 10px;}
.paddingtopquarter {padding-top: 5px;}
.paddingbottomquarter {padding-bottom: 5px;}
.paddingbottomhalf {padding-bottom: 10px;}
.paddinglefthalf {padding-left: 10px;}
.paddingrighthalf {padding-right: 10px;}

.fullheight {height: 100%; top: 0; bottom: 0;}
.fullwidth   {width: 100%; left: 0; right: 0;}

.point5em {font-size: .5em; line-height:1em;}
.point7em {font-size: .7em}
.point8em {font-size: .8em}
.point9em {font-size: .9em}

.left {float: left;}
.right {float:right;}

.disc {list-style: disc; padding-left: 30px;}

.absolute {position: absolute;}
 .flex {
	  		display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
	   display: -moz-box;      /* OLD: Firefox (buggy) */
	   display: -ms-flexbox;   /* MID: IE 10 */
	   display: -webkit-flex;  /* NEW, Chrome 21+ */
	   display: flex;          /* NEW: Opera 12.1, Firefox 22+ */
	   -webkit-box-align: center; -moz-box-align: center; /* OLD… */
	   -ms-flex-align: center; /* You know the drill now… */
	   -webkit-align-items: center;
	   align-items: center;


}
.cover {background-size: cover; background-position:center}


.entry-content aside {font-size: .9em;
background-color: #eee;
padding: 20px;
	border-left: 5px solid; font-style: italic}

@media (min-width: 768px) {.entry-content aside {margin-left: -30px;} }

/* HEADER */
#masthead .navbar-brand {padding: 0; width: 102px; height: 66px; background-image:url(../png/logo.png); background-position: 0 -200px; text-indent:-5000px;}
.ubermenu a{color: #5e797a;}
.ubermenu a:hover{color: #fad61d;}
.ubermenu-responsive-toggle {font-size: 8px; color:#5E797A}
.ubermenu-responsive-toggle .fa {font-size: 24px;  margin-right:0 !important;}
#menu-item-95 {font-size: 30px; font-weight: 600 !important; color: #999;}
#menu-item-95 .ubermenu-content-block {padding-bottom: 0 !important}
.ubermenu-row-id-85_auto_1 {margin-bottom:0 !important;}
#menu-item-85 .ubermenu-item-level-2 >a {padding-bottom: 0px;}
#menu-item-85 .ubermenu-item-level-2 >a  span{text-transform: uppercase; border-bottom:1px solid #5E797A; font-weight:600; width: 100%; font-size: 18px; padding-bottom:3px; }

.ubermenu .ubermenu-row.ubermenu-row-id-5420 {margin-bottom: 0}

.headersubscribe {/* position: absolute; */
/* right: 20%; */
background-color: #fad61d;;
top: 0px;
padding: 5px 15px;
font-size: 13px;
text-align: center;
text-transform: uppercase;
border-radius: 0px 0px 5px 5px;
/* box-shadow: 2px 2px 2px rgba(20, 20, 20, .2); */
color: #fff;
height: 33px;
overflow: hidden;
transition: all 1s;}
.headersubscribe .nothanks {float: right;}

.headersubscribe.notactive {height:0; padding:0; transition: all 1s;}


@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
.navbar-brand, .playbutton, .mapmarker {
    background-image:url(../png/logo2x.png);
    background-size:300px 300px; /* This replicates the original standard sprite dimensions, and assumes the actual dimensions of sprite@2x.png are 1200x800px */
  }
}


.breadcrumbs {
font-size: 14px;
padding-top: 1em;
margin-bottom: -1em;}

/* FOOTER */
#colophon {background-color: #5e7979; padding:  2em 0 ;  margin-top: 2em; font-size:12px}
#colophon a {color: #fff;}
#colophon a:hover {color: rgba(255,255,255,.5);}
#footer-menu {padding: 0;}
#footer-menu > li {font-weight: bold; text-transform:uppercase; margin-bottom: 1.5em; display:inline-block}
#footer-menu li li {font-weight:normal; text-transform:none; line-height: 15px; margin-bottom: .5em}
#footer-menu .sub-menu {padding: 0;}
#colophon .socialicons a{margin: 0 .25em; font-size: 22px}

/* SLIDER */

.row .fullheight {height: 250px;background-size: cover; background-position:center;}

div.homeslider {width: 100%; overflow:hidden}
.textblock {position: relative;}
.textblock .inner {position: absolute; bottom: 2em; padding: 2em; width: 90%;}
.textblock h1 em,.textblock span em  {display: block; color: #fff;font-size: 2em; font-weight: normal; font-family: times; font-style: italic; line-height: 1; margin-top: -10px; padding-bottom: 20px; text-transform:none}
.textblock h1, .home .textblock span {display: block; color: #fff;font-size: 1.25em;  font-weight: normal; font-family: times; font-style: italic; line-height: 1.4; margin-left: 8px; margin-bottom: 0; text-transform: uppercase }
.slick-dots {bottom: 10px;}
.slick-dots li button:before {font-size: 20px; color: white;opacity: .5;}

.hero {position: relative;}
.hero img {width: 100%}
.hero span.caption {position: absolute;
bottom: 0px;
right: 0px;
padding:2px 10px;

font-size: 12px;
color: #fff;
background-color: rgba(0, 0, 0, .2);}


/* CONTENT */
.entry-content {line-height: 1.8; margin-top: 1.5em}
.single-post .entry-content { font-size: 18px;}

/* CONTENT BOXES */

.contentboxrow {background-size: auto 100%; background-position:center;background-repeat:no-repeat}
/* .contentboxrow .container {padding: 0 0 15px 0;} */
.home .contentboxrow {font-size: 14px;}
.contentboxrow.full {background-size: cover; background-position:center;}
.contentboxrow .container {padding-bottom: 0}
.boxtitle {font-size: 10px; text-transform:uppercase; letter-spacing:2px; position:absolute; top: 15px; left: 30px; margin:0;}
h4.boxtitle {font-size: 12px; text-transform:uppercase; letter-spacing:2px; position:absolute; top: 15px; left: 0px; margin:0; background-color: #fad61d; padding: 5px;}
h4.boxtitle:after {display: none;}
.halftext .titlewrap {position:relative;height:35px; margin-left: -10px;}
.halftext .titlewrap .boxtitle {left: 3px; top: 20px}
.boxtitle:after{content:''; width:30px; height:2px; background:#fad61d; position:absolute;left: 0; bottom:-4px;}
.full-center {text-align: center;}
.yellowbg .boxtitle:after{ background:#fff; }
.full-standard {padding-left: 30px; padding-right: 30px;}
.halfbox h2 {font-size: 1.2em;}
.halfbox {min-height: 275px; background-size:cover; background-position: center; font-size: 14px; padding-top: 20px; padding-bottom: 70px}

.halftext {background-size:cover; background-position: center}
.centeredbox, .leftbox  {background-size:cover; background-position: center; min-height:400px; padding: 70px 15px;}
.centeredbox .boxheadline, .leftbox .boxheadline,.centeredbox .boxsubhead, .leftbox .boxsubhead {text-align: center; width: 100%;}
.leftbox header{padding: 40px 0 25px 0; text-align:center;}
.lowleft.btn, .codebutton {position: absolute; bottom: 15px; left: 30px;}

.withtitle {padding-top: 40px;}
.withtitle .withtitle {padding-top: 0;}
.withbutton {padding-bottom: 60px;}
.withbutton .withbutton{padding-bottom: 0;}
label.dropdown {margin-bottom: 0}
label.dropdown select {
	padding: 5px 52px 6px 12px;
	background: #FBD81B;
	color:#5F797A;
  font-weight: bold;
	border: 0px solid transparent;
	border-radius: 4px;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	outline: none;
}
label.dropdown select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #444;
}
label.dropdown select::-ms-expand {
	display: none;
}
label.dropdown:before {
	content: '';
	right: 5px;
	top: -7px;
	width: 30px;
	height: 33px;
	background: transparent;
	position: absolute;
	pointer-events: none;
	display: block;
}
label.dropdown { position: relative; }
label.dropdown:after {
	content: '\f0d7';
	 font-family: FontAwesome;
	color: #fff;

	right: 2px;
	top: 4px;
	border-left: 1px solid #fff;
	position: absolute;
	pointer-events: none;
	width: 35px;
	padding:3px 0 1px 0;
	text-indent: 14px;
}
@media screen\0 {
	label.dropdown:after {
		width: 38px;
		text-indent: 15px;
        right: 0;
	}
}
@media screen and (min--moz-device-pixel-ratio:0) {
	label.dropdown select { padding-right: 40px; }
	label.dropdown:before { right: 6px; }
	label.dropdown:after {
		text-indent: 14px;
		right: 6px;
		top: 6px;
		width: 36px;
	}
}


.flex_video {position: relative; min-height:250px; background-size: cover; background-position:center}
.unconstrained .flex_video h1.boxtitle {left: 15px; }
.flex_video a {position: absolute; top: 0; left: 0; bottom: 0; right: 0; text-align:center;text-decoration:none}
.flex_video h2 {margin-top: 75px; text-decoration:none}

.playbutton {padding: 0; width: 50px; height: 50px; background-image:url(../png/logo.png); background-position: -200px -200px; text-indent:-5000px;
position: absolute;
top: 50%;
left: 50%; margin-top: -25px; margin-left:-25px;}

.singleadvantage {margin: 30px 0;}
.singleadvantage a{text-decoration: none; text-shadow: none}
.halftext .singleadvantage .number,.halfbox .singleadvantage .number  { width: 35%}
.singleadvantage .number a {text-decoration: none !important; font-weight:normal}
.singleadvantage .number p sup { font-size: 70px;top: -0.3em}
.singleadvantage .number p {font-size: 100px; font-family:"Times New Roman", Times, serif; font-style:italic; line-height:.84 }
.singleadvantage .number h3 {margin: 0 0 0 15px; font-size: 14px}
.singleadvantage  h2 {margin: 0 0 .25em 0}
.advantagesblock {overflow:hidden; font-size: 14px}
.advantagesblock .singleadvantage  h2 {font-size: 20px}
.advantagesblock .col-md-6:nth-child(4n+1),.advantagesblock .col-md-6:nth-child(4n+3),.postlist .halfbox:nth-child(4n+1),.postlist .halfbox:nth-child(4n+3)  {background-color:#fad61d;}
.halfbox.white h2 { text-shadow: 1px 1px 2px rgba(50, 50, 50, 1)}
.postlist .halfbox:nth-child(4n+1) .btn.yellow, .postlist .halfbox:nth-child(4n+3) .btn.yellow {background-color: #fff; color: #fad61d; }
.advantagesblock .col-md-6:nth-child(4n),.advantagesblock .col-md-6:nth-child(4n+2),.postlist .halfbox:nth-child(4n),.postlist .halfbox:nth-child(4n+2)  {background-color: #fff;}
.postlist .halfbox:nth-child(4n).hasimage,.postlist .halfbox:nth-child(4n+2).hasimage  {background-color: rgba(0,0,0,.3);}
.advantagesblock .col-md-6:nth-child(4n+1) .number,.advantagesblock .col-md-6:nth-child(4n+3) .number {color:rgba(255,255,255,.3);}
.advantagesblock .col-md-6:nth-child(4n+2) .number,.advantagesblock .col-md-6:nth-child(4n) .number  {color: rgba(190,190,190,.2);}

.postlist .halfbox.hasimage{color: #fff; background-blend-mode: multiply, normal;
  -webkit-background-blend-mode: multiply, normal;
}

.advantagesblock .col-md-6 {min-height: 200px; position: relative;}
.advantagesblock .number {font-family: times;position: absolute; top: -30px; left: 0px;
  			font-size: 320px; font-family:"Times New Roman", Times, serif; font-style:italic; line-height:.84; letter-spacing: -.15em }
.singleadvantage .number  sup { font-size: 150px;top: -0.6em; margin-right:.15em}
.advantagesblock .text { z-index: 2;  }

article.zep_builder, article.zep_designer {border-bottom: 1px solid #ccc; padding-bottom: 20px}
article.zep_builder h1, article.zep_designer h1 {margin: 0; font-size:20px}
.zep_builder .page-header, .zep_designer  .page-header{border: 0px;}
.directorysocial {font-size: 20px; padding-top: 5px; line-height: .7}
.directorysocial a {color: #61cae8; }


.custom-counter, .odd-even {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.custom-counter li {
  counter-increment: step-counter;
  margin-bottom: 0px;
  padding: 40px 60px;
  display: block;
  position: relative;
  overflow:hidden;
  font-size: 18px;

}
.custom-counter li:nth-child(2n+1),.odd-even li:nth-child(2n+1){background-color: #f5f5f5;}

.custom-counter li::before {
  content: counter(step-counter);
  margin-right: 5px;
  font-size: 950%;
  font-family: times;
  color: #333;
font-style: italic;
  padding: 3px 8px;
  border-radius: 3px;
  position: absolute;
  top:0;
  bottom:0;
  margin:  auto;
  left: 0;
  line-height: .7  ;
   opacity: .05;

}

.odd-even li{
   margin-bottom: 0px;
  padding: 40px 30px;
}
.comments-area {background-color: #f1f1f1;
padding: 10px 0; font-size: 16px}
footer.entry-meta,.pager { padding: 2em 0;}
footer.entry-meta a, .pager li > a {display: inline-block;
margin-bottom: .5em;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
text-transform:uppercase;
color: #fff;
background-color: #fad61d;}
footer.entry-meta a:hover,.pager li > a:hover {background-color:rgba(251,217,0,.7);}
#nav-below.post-navigation {font-size: 12px}

.datalabel {text-transform: uppercase; display: block; width: 100%; font-size: 12px; font-weight:bold; margin-top: 1em; line-height: 13px;}


ul.locationlist {list-style: none; padding: 0; -webkit-column-gap:0px;
/* Chrome, Safari, Opera */
-moz-column-gap: 0px;
/* Firefox */
column-gap: 0px;}
.locationlist li {color:#5E797A; border-bottom: 1px solid #eee; margin: 0; padding: 0; display:inline-block; width: 100%; }
.locationlist a {color:#5E797A;padding: .55em .5em; font-weight:300; width: 100%; display:block}
.locationlist a:hover {color:#fff;background-color:#fad61d; }
.mapmarker {width: 21px; height: 36px; background-image:url(../png/logo.png); background-position: -150px -200px; display:inline-block}


div.gform_body {font-size: 16px;}
#field_1_16 .gfield_label {display: none;}
li#field_1_16.field_description_below div.ginput_container_checkbox {margin-top: 0;}


a.to-content {
	display: block;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 45%;
left: 45%;
	bottom: 20px;
	background: #fff url("../png/down-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.to-content {
	background-color: #ccc;
}


/* POPULAR BLOGS */
.popularblogs ul {list-style: none; padding:0}
.popularblogs li {border-bottom: 1px solid #ccc; padding-bottom:8px; margin-bottom: 6px;}
.popularblogs li:last-child {border-bottom: 0;}
 .popularblogs a {font-weight: 600; color: #555;}
.popularblogs a:hover {text-decoration: none; color: #61cae8;}



/*sharing */
div.synved-social-container.synved-social-container-share {
text-align: center;
position: fixed;
right: 0;
bottom: 0;
width: 94px;
border: 4px 2px 2px 4px solid rgba(255,255,255,.8);
background-color: rgba(255,255,255,.8); z-index:120}
div.synved-social-container.synved-social-container-share::before {content: 'share '; font-size: 10px; display: block; text-align:left; margin-left:4px;}


.swp_social_panelSide {top: auto !important; bottom:0 !important;}




@media (max-width: 767px) {
.alternating {position: relative;padding: 20px; color: #fff;margin: 2px 0;}
.alternating .boxtitle {position:relative; top: 0; left: 0 ; text-shadow: 1px 1px 2px rgba(50, 50, 50, 1)}
.alternating h2.boxheadline {padding: 2em 0; text-shadow: 1px 1px 2px rgba(50, 50, 50, 1)}
.alternating p {margin-top: -3em; text-shadow: 1px 1px 2px rgba(50, 50, 50, 1)}
.alternating  .lowleft.btn {position:relative;bottom: 0; left: 0 }

div.altbg {position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index:-1;
background-size:cover;
background-position: center;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
body {font-size: 18px;}
.col-sm-6:nth-child(2n+1) {clear: both;}


.textblock .inner .title {margin-left: -90%; text-align:right; max-width:auto; width: 140%}
.textblock .inner {margin-left: 0; text-align:left}

.col-count-sm-2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

/* HEADER */
#masthead {margin-top: 5px}
#masthead .navbar-brand { width: 102px; height: 66px;  background-position: 0 -200px;}
nav.ubermenu { margin-top: 13px;}

/* PAGE HEADER */
.pagehead p {max-width: 400px;}

/* SLIDER */
.row .fullheight {height: 350px; font-size: 14px;}
.slick-slide .textblock h1 em {width: 7em;}
.home .slick-slide .textblock h1 em, .home .slick-slide .textblock span em  {width: 10em;}
.textblock h1 em, .textblock span em {margin-left: -80px;}

.textblock h1, .home .textblock span {color: #fff;font-size: 1.5em; margin-left: -34px; }


/* CONTENT */
.entry-content {font-size: 16px;}
.single-post  .entry-content {font-size: 18px;}

/* CONTENT BOXES */
.halfbox h2 {font-size: 1.5em;}
.leftbox header{padding: 45px 0; }
.centeredbox, .leftbox {min-height: 490px;}
.halfbox {height: 325px;}
.postlist .halfbox {height: auto; min-height: 325px}
	.postlist .halfbox .content { text-shadow: 0px 0px 6px rgba(0,0,0,0.7);
}
.flex_text h2 {font-weight: 400; margin-bottom:20px; }
.yellowbg  .flex_text {color: #445051}
.flex_text .content {

	font-size: 16px}

.unconstrained .flex_video h1.boxtitle {left: 50%; margin-left: -360px;}

.alternating {position: relative; min-height:300px;}
.alternating .altbg {position: absolute; top: 0; left: 0; right: 40%; bottom: 0%; z-index:-2; background-size:cover; background-position:center}
.alternating .altfade {position: absolute; top: 0; left: 42%; right: 15px; bottom: 0%; height: 100%;z-index: -1; background: linear-gradient(to  left, white, white 70%, rgba(255,255,255,0)); }
.alternating .alttext {position: absolute; top: 0; left: 52%; right: 15px; bottom: 0%;height: 70%;width: 50%; margin: auto; }
.alternating:nth-child(2n+1) .boxtitle {color: #fff; text-shadow: 1px 1px 2px rgba(50, 50, 50, 1);}
.alternating:nth-child(2n+1) .btn {left: 52%}
.alternating:nth-child(2n) .altbg {position: absolute; top: 0; right: 0; left: 40%; bottom: 0%; z-index:-2; background-size:cover; background-position:center }
.alternating:nth-child(2n) .altfade {position: absolute; top: 0; right: 48%; left: 15px; bottom: 0%; height: 100%;z-index: -1; background: linear-gradient(to  right, white, white 80%, rgba(255,255,255,0)); }

.alternating:nth-child(2n) .alttext {position: absolute; top: 0; right: 52%; left: 30px; bottom: 0%; }
.alternating:nth-child(2n) .btn {left: 30px}

.advantagesblock .col-md-6 { overflow: hidden;}

.playbutton {padding: 0; width: 105px; height: 104px; background-image:url(../png/logo.png); background-position: -175px -50px; text-indent:-5000px;
position: absolute;
top: 50%;
left: 50%; margin-top: -52px; margin-left:-52px;}



}


@media (min-width: 992px) {
.col-md-4:nth-child(2n+1) {clear: none;}
.col-md-4:nth-child(3n+1) {clear: both;}


.col-md-6:nth-child(2n+1) {clear: both;}


.col-count-2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}
.col-count-md-3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

/* HEADER */
#masthead .navbar-brand { width: 126px; height: 82px;  background-position: 0 -110px;}
nav.ubermenu { margin-top: 13px;}


/* SLIDER */

.row .fullheight {height:450px; font-size: 16px}

/* CONTENT */
.entry-content {font-size: 18px;}
.single-zep_case_study .entry-content {font-size: 18px;}
/* CONTENT BOXES */
.halfbox h2 {font-size: 1.7em;}

.unconstrained .flex_video h1.boxtitle { margin-left: -470px;}

/* CSS used here will be applied after bootstrap.css */
.alternatinglist li {display: block; min-height: 450px;}
.alternatinglist li:nth-child(2n+1) {clear: both;}





.advantagesblock .col-md-6 {height: 200px; position: relative; overflow: hidden;}
.advantagesblock .col-md-6:nth-child(4n+1), .alternatinglist li:nth-child(4n+1), .postlist .halfbox:nth-child(4n+1) {background-color:#fad61d; }
.postlist .halfbox:nth-child(4n+1) .btn.yellow, .postlist .halfbox:nth-child(4n) .btn.yellow {background-color: #fff; color: #fad61d; }
.advantagesblock .col-md-6:nth-child(4n+2), .alternatinglist li:nth-child(4n+2), .postlist .halfbox:nth-child(4n+2) {background-color: #fff;}
.postlist .halfbox:nth-child(4n+2).hasimage  {background-color: rgba(0,0,0,.3);}
.advantagesblock .col-md-6:nth-child(4n+3), .alternatinglist li:nth-child(4n+3), .postlist .halfbox:nth-child(4n+3) {background-color: #fff;}
.postlist .halfbox:nth-child(4n+3).hasimage  {background-color: rgba(0,0,0,.3);}
.advantagesblock .col-md-6:nth-child(4n), .alternatinglist li:nth-child(4n), .postlist .halfbox:nth-child(4n) {background-color:#fad61d; }
.advantagesblock .col-md-6:nth-child(4n+1) .number {color:rgba(255,255,255,.3);}
.advantagesblock .col-md-6:nth-child(4n+2) .number {color: rgba(190,190,190,.2);}
.advantagesblock .col-md-6:nth-child(4n+3) .number {color: #eee;}
.advantagesblock .col-md-6:nth-child(4n) .number {color:rgba(255,255,255,.5);}
.advantagesblock .text {padding-left: 70px; }

.locationlist a {padding: .15em .5em; }


 .flex_video h2 {margin-top: 125px; }

 .sidebar {border-left: 3px solid #61cae8; }


}


@media (min-width: 1200px) {
/* HEADER
#masthead .navbar-brand { width: 157px; height: 102px;  background-position: 0 0;} */
nav.ubermenu { margin-top: 26px;}

.col-count-lg-4 {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}

/* SLIDER */
.row .fullheight {height: 500px; font-size: 18px}
.textblock h1 em,  .home .textblock span em {color: #fff;font-size: 2.25em;  margin-left: -60px;  margin-top: -16px; padding-bottom: 40px; }
.home .textblock h1 em, .home .textblock span em {font-size: 2em;  margin-right: -400px;}
.textblock h1, .home .textblock span {color: #fff;font-size: 1.6em; margin-left: -70px;  max-width: 1000px; display: block}
.home .textblock h1, .home .textblock span  { margin-left: -56px; }

/* CONTENT */
.entry-content {font-size: 18px;}




}



/* UBERMENU full width*/
@media (min-width: 959px) {
/* HEADER */

.ubermenu-item-level-0 > a {font-size: 16px; font-weight:300; font-family: "futura-pt" !important;
letter-spacing:1px;
}
.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {right: 5px !important; margin-top:-8px !important;}

.unconstrained .flex_video h1.boxtitle { margin-left: -570px;}

}
/* UBERMENU full width*/
@media (min-width: 1200px) {
/* HEADER */

.ubermenu-item-level-0 > a {font-size: 20px;
}

}


/* CARD DECKS */
.card-deck {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;}

.card {position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: .25rem;}

.card-deck .card {margin-bottom: 15px;}

.card-title {padding: .75rem 1.25rem;
	margin-top:0;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-text {padding: 15px;
font-size: .9em;
line-height: 1.4;}

@media (min-width: 576px) {
.card-deck {-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -15px;
margin-left: -15px;}

.card-deck .card {	display: -ms-flexbox;
display: flex;
-ms-flex: 0 0 0%;
flex: 0 0 0%;
-ms-flex-direction: column;
flex-direction: column;
margin-right: 15px;
margin-bottom: 15px;
margin-left: 15px;
flex-basis: 50%;

	}
}
@media (min-width: 768px) {
.card-deck .card {
flex-basis: 33%;

	}
}

@media (min-width: 992px) {
.card-deck .card {
flex-basis: 22%;

	}
}

.features_section {padding-top: 30px;}
.features_section .boxtitle, .boxtitle.bigger {position: relative; margin: 0 0 15px; font-size: 16px; top: auto; left: auto;}
.yellowbg .features_section .boxtitle {color:#fff;}

.features_section .grid_holder {display: flex; align-items: stretch;  margin: 0 -15px; flex-wrap: wrap;}

.features_section .big_block {flex-basis: 100%; min-height: 275px; background-size: cover; background-position: center; margin: 0 15px 30px; position: relative;}
.features_section .big_block a {display: block; position: absolute; left: 0; bottom: 0px; right: 0; top:0;}
.features_section .big_block a h3{position: absolute; left: 15px; bottom: 0px; color: #fff; max-width: 350px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5);}


.features_section .small_block {flex-basis: 50%; margin: 0 0 30px; padding: 0 15px; position: relative;}
.features_section .small_block .inner {background-color: #fff;
position: absolute;
left: 15px;
right: 15px;
top: 0;
bottom: 0;
z-index: 0}
.features_section .small_block a {background-color: #fff; color: rgb(94, 121, 122);}
.features_section .small_block img {position: relative;}
.features_section .small_block a h3{font-size: 20px; padding: 0 15px 25px; line-height: 1.4; position: relative; margin-top: 15px;}
.latest_blog_with_images.features_section .small_block a h3{padding: 0 15px 60px; }
.features_section .small_block .post-info{text-align: center;position: absolute;bottom: 10px;left: 15px;right: 15px;color: #333; line-height: 1.4}
.features_section .small_block .date {font-size: 12px; display: block;}
.features_section .small_block .author {font-size: 12px; display: block;}


.allposts {display: block;
text-align: right;
margin: -20px 0 20px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: .1em;
font-size: 12px;
}

@media (min-width: 992px) {
	.features_section .grid_holder {flex-wrap:nowrap; align-items: stretch}
	.features_section .big_block {flex-basis: 47%;}
	.features_section .small_block {flex-basis: 25%;}
}


.video_block_section a {color: rgb(94, 121, 122);}
.video_block_section a:hover {text-decoration: none !important; opacity: .8}
.nowplaying {text-transform: uppercase; color: #333; font-weight: 600;}


/* HIGHLIGHT COLUMNS */
.highlight_columns {margin: 0 -15px; width: auto;}
.highlight_columns .flex-column {background-color: #fff; margin: 15px; padding: 10px;}
.highlight_columns .flex-column h2 {border-top: 8px solid #fad61d; margin-top: 0; padding: 8px; font-size: 36px}
.highlight_columns .flex-column h2 span{color: #fad61d; text-transform: uppercase; font-size: 16px; display: block}
.highlight_columns .flex-column ul {padding: 0; list-style: none}
.highlight_columns .flex-column li {border-bottom: 1px solid #ccc; margin-bottom: 10px;}
.highlight_columns .flex-column li:last-child {border-bottom: 0;}
.highlight_columns .flex-column li h3 {}
@media (min-width: 992px) {
	.highlight_columns {display: flex;}
	.highlight_columns .flex-column {width: 25%;}
}

.post-type-archive-zep_directory .facetwp-facet {margin-bottom: 15px;}
.archive .facetwp-template article{background-color: #f3f3f3; margin-bottom: 15px; padding-bottom: 0px; font-size: 16px; border-bottom: 5px solid #fad61d;overflow-x: hidden;}
.archive .facetwp-template article i {margin-right: 8px}
.archive .facetwp-template article .directory-categories {list-style: none; padding: 0;}
.archive .facetwp-template article .directory-categories .boxtitle {position: relative !important; left: 15px}

@media (min-width: 992px) {
    .archive .facetwp-template {display: grid;grid-template-columns: repeat(2, 1fr);
  column-gap: 10px;
    row-gap: 1em;
 align-items: stretch;}


}

.facetwp-facet.facetwp-type-map {margin-bottom:0}

.facetwp-map-filtering {width: 100%;
background: #fad61d;
border: 0;
text-align: right;
padding-right: 10px;
font-size: 14px;
text-transform: uppercase;
    font-weight: 600;}
.facetwp-map-filtering:hover {opacity: .8}

.facetwp-checkbox {line-height: 1.1; margin-top: 8px;margin-bottom: 8px}

.video-player-16-9 {
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}

.video-player-16-9 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Dual logo style */
.logos {
	display: grid;
	grid-template-columns: 1fr 2.5fr 7fr;
	align-items: center;
}

#logo {
  max-height: 82px;
}

#logo2 {
  max-height: 82px;
}

.first-logo {
	padding: 0.75rem 1.5rem 0.75rem 1.5rem;
}

.second-logo {
	border-left: solid 1px #5e797a;
	/* padding: 0 2rem; */
  padding: 0.75rem 2rem 0 2rem;
	margin-left: 1rem;
}

.two-logos {
  display: inline-flex;
}

.logos {
  grid-template-columns: 3.5fr 7fr;
}

@media screen and (max-width: 992px){
	.logos {
    display: block;
	}

  .two-logos {
    width: 80%;
  }

  .ubermenu-responsive-toggle {
    right: 0rem !important;
  }
}

@media screen and (max-width: 730px){
	.logos {
		/* display: grid;
		grid-template-columns: 1fr 2.5fr 2fr;
		align-items: center;
		margin-top: 1rem; */
	}

}

.ubermenu .ubermenu-target {
	display: unset;
}

.ubermenu-sub-indicators .ubermenu-item-has-children>.ubermenu-target.ubermenu-noindicator {
	padding-right: 15px;
}