/*

Theme Name: Zuli

*/

@import url(https://fonts.googleapis.com/css?family=Lora:300,400,700|Open+Sans:300,400,600);

/* Menu */

@media (min-width: 250px) and (max-width: 400px) {
	.frblog {float:left !important;}
}

.flblog {float:left;}

.frblog {float:right;}

.image_header > img {
	float:left;
	height:auto !important;
}

.image_header{
	height:430 !important;
}

.readmorebg {
	background:#f0f0f0;
	padding-bottom:146px !important;
	padding-top:126px !important;
}

@media (min-width: 800px) {

	.home_blocks_products .cat3:first-child .cat3-in > img{
		margin-left:-2px;
	}

	.home_blocks_products .cat3:nth-child(3n) .cat3-in > img{
		margin-left:2px;
	}

}

@media (min-width: 250px) and (max-width: 1011px) {

	.top-menu ul li:last-child a {
		border: 0 solid #fff !important;
		padding: 20px 0 !important;
	}

	.ssb-share {
	    float: left !important;
	    margin-top: -51px !important;
	    padding: 0 5% !important;
	    position: relative;
	}

	.header-text h1 {
	    font-size:25px !important;
	}

	.header-text h2 {
	    font-size:17px !important;
	}

	.menu-button {
	    display: block !important;
	    margin-top: 29px;
	    right: 30px !important;
	    top: auto;
		position: fixed !important;
	}

	.top-menu ul li:first-child {
		padding-top:25px;
	}

	.top-menu ul li:last-child {
		padding-bottom:25px !important;
	}

	.logo {
	    margin: 4px 0 0 30px !important;
		position:absolute;
		z-index:12;
	}

	.menu-back-s .logo {
	    margin: 4px 0 0 30px !important;
	}

	.logo-menu .top-menu {
		display: none;
		width: 100%;
		padding-top: 20px 0 0 0;
		margin: 0;
		position: fixed;
		margin-top:0px;
		z-index:10;
		top:0;
		padding-top: 81px;
		background-color: #313131;
	}

	.top-menu ul {
		float: none;
		background: #292929;
		margin: 0;
		padding-top:20px;
		padding-bottom:20px;
		width: 100%;
	}

	.top-menu ul li {
		list-style: none;
		display: block;
		margin: 0;
		color: #fff;
		font-weight: bold;
		background: #292929;
		text-align: center;
		width: 100%;
		padding: 0px;
	}

	.top-menu ul li a {
		display: block;
		margin: 0;
		text-align: center;
		width: 100%;
		padding: 20px 0;
	}

	.top-menu ul li:last-child {
		border: 0px !important;
		margin-right: 0px !important;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}

	.top-menu ul li:last-child a {
		border: 0px !important;
		margin-right: 0px !important;
		font-weight: normal;
		margin: 0;
		padding: 20px 0;
		transition: all 0.3s ease 0s;
	}

	.top-menu ul li a:link, .top-menu ul li a:visited, .top-menu ul li a:active {
		color: #fff !important;
		font-weight: normal !important;
		font-family: 'Open Sans', sans-serif !important;
		font-size: 14px;
	}

	.top-menu ul li a:hover {
		color: #000 !important;
		background: #ececec;
	}
	
	.top-menu ul li iframe {
		width: 100% !important;
		height: 55px !important;
	}
}



@media (min-width: 1012px) and (max-width: 1150px) {

	.logo {
	    margin: 8px 0 0 80px !important;
	}

	.top-menu {
	    margin-right: 40px !important;
  		width: 75% !important;
	}

	/*.logo {
	    margin: 43px 0 0 50px !important;
	    width: 10% !important;
	}

	.top-menu {
	    margin-right: 50px !important;
	    width: 79% !important;
	}

	.menu-back-s .logo {
	    margin: 4px 0 0 50px !important;
	}*/

}

.logo-menu {
	position: fixed;
	display: block !important;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 10000;
	padding: 25px 0 29px 0;
	height:34px;
	transition: all 0.3s ease 0s;
}

.menu-back-s .logo {
	clear: both;
	transition: all 0.3s ease 0s;
}

.menu-back-s .top-menu {
	transition: all 0.3s ease 0s;
}

.head-trans {
	position: fixed !important;
	background: transparent url("images/back60.png") repeat !important;
    transition: none;
}

.logo {
	width: 12%;
	float: left;
	margin: 8px 0 0 100px;
	padding: 0;
	transition: all 0.3s ease 0s;
}

.top-menu {
	float: right;
	width: 70%;
	text-transform: uppercase;
	font-weight: normal;
	margin-right: 100px;
	display: block;
	margin-top: 4px;
}

.top-menu ul {
	float: right;
	padding: 0;
	margin: 0;
}

.top-menu ul li {
	list-style: none;
	display: inline-block;
	margin-top: 1px;
	letter-spacing: .2em;
	margin-right: 53px;
}

.top-menu ul li iframe {
	width: 130px;
	height: 45px;
	margin-top: -7px;
}

.top-menu ul li:last-child {
	border: 0;
	font-weight: normal;
	padding: 0;
	margin: 0;
	float: right;
}

.top-menu ul li:last-child a {
	border: 1px solid #fff;
	padding: 10px 29px 11px 29px;
	transition: all 0.3s ease 0s;
}

.top-menu ul li:last-child a:hover {
	background: url("images/white-back.jpg") repeat !important;
	color: #313131 !important;
	transition: all 0.3s ease 0s;
}

.top-menu ul li:last-child a:after {
	transition: all 0.3s ease 0s;
}

.top-menu ul li a:link, .top-menu ul li a:visited, .top-menu ul li a:active {
	color: #fff;
	font-weight: normal !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 11px;
	transition: all 0.3s ease 0s;
}

.top-menu ul li a:hover {
	color: #ccc;
}

.top-menu ul li.current-menu-item a span,
.stories .top-menu ul li.menu-item-1200 a span {
	border-bottom: 1px solid #ffffff;
	padding-bottom: 13px;
}

.over {
	background: url("images/white-back.jpg") repeat !important;
	color: #313131 !important;
}

.current-cat a:link, .current-cat a:active, .current-cat a:visited {
	color: #313131 !important;
	opacity: 1;
}

.menu-button {
	position: absolute;
	height: 34px;
	width: 34px;
	top: 0px;
	right: 10px;
	display: none;
	cursor: pointer;
	z-index:14;
}

.menu-open {
	background: url("images/nav.svg") no-repeat top center; height:20px;
}

.menu-close {
	background: url("images/nav_close.svg") no-repeat bottom center; height:20px;
}

/* CSS Document */

html{margin:0!important;padding:0!important}
body{margin:0!important;padding:0!important;font-size:12pt;font-family:'Open Sans',sans-serif!important}
h1{font-weight:400;font-size:30px}
h2{letter-spacing:.2em;font-family:'Open Sans',sans-serif!important;font-weight:300}
p{line-height:33px;font-size:12pt;margin-right:10px}
a{text-decoration:none}
.fl{float:left}
.fr{float:right}
.cl{clear:both}
.trans{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

video {
	width: 100% !important;
	height: auto !important;
}

.fb_comment_box{
    width: 60%;
    margin: 0 20%;
    padding-bottom:80px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    margin-left: 0;
    margin-right: 11px;
}

.pagination {
    border-radius: 0px;
    margin:0;
    padding-left: 0;
    text-align: center;
    width: 100%;
}

.pagination li{
    width: auto;
    display: inline-block;
    list-style: none;
}

.pagination .current {
	border: 1px solid #434343 !important;
 	color: #434343 !important;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

.pagination > li > a, .pagination > li > span {
    background-color: #fff;
    border: 1px solid #acacac;
    color: #acacac;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 16px 21px 15px 21px !important;
    position: relative;
    text-decoration: none;
    margin-right: 11px;
    margin-bottom: 15px;
	font-size:12px;
}

.flex-direction-nav a{
	margin-top:-30px !important; 	
}

.flexslider:hover .flex-prev{
	left:20px !important;
}

.flexslider:hover .flex-next{
	right:20px !important;
}

body {
	visibility: visible;
	display:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
}

.content-area-inner .grey-back p a {
	color: #313131 !important;
	text-decoration: underline;
}

.cat2-inr img {
	width: 100%;
	height: auto;
}

.borbot {
	border-bottom: 1px solid #ececec;
	margin: 0 20%;
}

.press-title a {
	text-decoration: none !important;
}

.press-title a:hover {
    color: #313131 !important;
}

.content-area-inner .grey-back p a:hover {
	color: #313131 !important;
}

.content-area-inner .press-title a:hover {
	 color: #313131 !important;
}

.down {
	color: #313131 !important;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px;
	font-weight: 400;
	padding-bottom: 6px;
}

.cat3l-in img {

	display: block;

	height: auto;

	width: 100%;

}

.mb {

	color: #747474 !important;

	font-family: 'Open Sans', sans-serif !important;

	font-size: 18px;

	font-weight: 400;

}

.download {

	color: #313131 !important;

	font-family: 'Open Sans', sans-serif !important;

	font-size: 18px;

	text-decoration: underline !important;

	font-weight: 400;

}



.metaslider-298 {

	margin-top: 5px;

}

.download:hover {

	color: #4b89dc !important;

}

.press-title {

	font-family: 'Open Sans', sans-serif !important;

	color: #313131;

	font-size: 16px;

}

.press-inner span {

	font-family: 'Open Sans', sans-serif !important;

	color: #313131;

	font-size: 16px;

}

.press-inner .press-title a {

	font-family: 'Open Sans', sans-serif !important;

	color: #000;

	text-decoration: none;

}

.press-title a:hover {

	font-family: 'Open Sans', sans-serif !important;

	color: #000;

	text-decoration: none;

}

.press-title a {

	font-family: 'Open Sans', sans-serif !important;

	color: #313131;

}

.svgclass {

	width: 60px !important;

	height: 60px !important;

	text-align: center !important;

	margin: 0 auto !important;

	padding: 77px 0 8px 0;

}

.svg-image{text-align:center!important}.h10{height:10px}.h20{height:20px}.h60{height:60px}.h50{height:50px}.h55{height:55px}.h55{height:55px}.h70{height:80px}.h90{height:90px}.h120{height:120px}.h125{height:125px}.h80{height:70px}.h140{height:140px}.h150{height:150px}.h145{height:145px}.h160{height:160px}.heei{padding-top:70px!important}.h30 {padding-top: 29px;}

.investersgrey {

	background-color: #f7f7f7;

	margin-top: -40px;

	padding-top: 40px;

}

.menu-back-s {

    background: #303131;

	/*background-color: rgba(49, 49, 49, 0.8);*/

	top: 0px !important;

}

#zenbox_tab {

	border: 1px solid;

	margin: 0 auto;

	cursor: pointer;

	height: 50px !important;

	margin-bottom: 50px;

	margin-top: 20px;

	position: relative !important;

	top: 23%;

	width: 170px !important;

	z-index: 10000;

}

#zenbox_tab img {

	display: none !important;

}

.ZenboxTabLeft {

	background: url("support1.png") no-repeat top center !important;

	border: 1px solid #fff !important;

}

.ZenboxTabLeft:hover {

	background: url("support1.png") no-repeat bottom !important;

	border: 1px solid #fff !important;

}



/* ------------------------- Zuli Home ----------------------------- */



.blog-post-heading {

	font-family: 'Open sans', serif;

	font-size: 16px;

	font-weight: 300;

}

.blog-post-heading a:link, .blog-post-heading a:visited, .blog-post-heading a:active {

	font-family: 'Open sans', serif;

	font-size: 16px;

	font-weight: 400;

	color: #3baeda;

}

.blog-post-heading a:hover {

	color: #313131;

}

.partner-img-title {

	color: #FFF !important;

	width: 98%;

	height: auto;

	position: absolute;

	left: 40px;

	bottom: 40px;

	font-size: 24px;

	font-weight: 300;

}

.partner-img-title img {

	width: 75px !important;

	height: auto !important;

}

.textpart {

	padding-top: 15px;

	margin-bottom: 5px;

	width: 80%;

}

.partner-img-title2 {

	color: #FFF !important;

	width: 98%;

	height: auto;

	position: absolute;

	left: 40px;

	bottom: 40px;

	font-size: 24px;

	font-weight: 300;

}

.partner-img-title2 img {

	width: 205px !important;

	height: auto !important;

}

.career-txt {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 200;

	width: 100%;

}

.career-txt h1 {

	text-align: center;

	color: #fff !important;

	font-weight: 400;

}

.team-area h1 {

	letter-spacing: 0px;

}

.team-area h2 {

	letter-spacing: 0px;

}

.img-button-career {

	text-align: center;

	border: 1px solid #fff;

	width: 168px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 26px auto 0;

	padding-top: 15px;

	height: 33px;

	letter-spacing: .2em;

	transition: all 0.3s ease 0s;

}

.img-button-career:hover {

	background: #fff;

	color: #000;

}

iframe video {

	height: auto !important;

}

.blog-post-heading a {

	font-size: 16px !important;

}

.blog-post-heading span {

	font-size: 16px !important;

}

.Energy .post-categories li a:link, .Energy .post-categories li a:active, .Energy .post-categories li a:visited {

	color: #f6bb43 !important;

}

.Energy .post-categories li a:hover {

	color: #ccc !important;

}

.opensans24 {

	font-size: 24px !important;

	font-family: "Open Sans", sans-serif !important;

	font-weight: 300 !important;

}

.Design .post-categories li a:link, .Design .post-categories li a:active, .Design .post-categories li a:visited {

	color: #3baeda !important;

}

.Design .post-categories li a:hover {

	color: #ccc !important;

}

.Appartment .post-categories li a:link, .Appartment .post-categories li a:active, .Appartment .post-categories li a:visited {

	color: #d870ad !important;

}

.Appartment .post-categories li a:hover {

	color: #ccc !important;

}

.connected .post-categories li a:link, .connected .post-categories li a:active, .connected .post-categories li a:visited {

	color: #37bd9c !important;

}

.connected .post-categories li a:hover {

	color: #ccc !important;

}

.Technology .post-categories li a:link, .Technology .post-categories li a:active, .Technology .post-categories li a:visited {

	color: #e9573e !important;

}

.Technology .post-categories li a:hover {

	color: #ccc !important;

}

#grid {

	clear: both;

	position: relative

}

.header-section {

	width: 100%;

	position: relative;

	margin: 0;

	padding: 0;

}

.header-section-inner {

	width: 100%;

	position: relative;

	margin: 0;

	padding: 0;

	height: 430px;

	overflow: hidden;

	background: #313131;

}

/*#my_video_1 {

	height: 0px !important;

}
*/


.header-text {
/*	padding-top: 70px;*/
	text-align: center;
	clear: both;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	height: 345px;
	overflow: hidden;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.header-text h1 {
	text-align: left;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 40px;
	font-weight: 300;
	margin: 0 0 30px 7%;
	padding: 0;
}

.header-text h2 {
	text-align: left;
	color: #fff !important;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 0;
	margin: 0px 0 48px 7%;
	padding: 0;
	line-height: 28px;
}

.header-button {

	text-align: center;

	border: 1px solid #dc4453;

	width: 170px;

	height: 35px;

	text-transform: uppercase;

	font-size: 14px;

	margin: 0 auto;

	padding-top: 15px;

	cursor: pointer;

}

.header-button:hover {

	background: #DC4453;

}

.header-text a:link, .header-text a:active, .header-text a:visited {

	color: #fff;

}

.header-text a:hover {

	color: #fff;

}

a.features-link:link, a.features-link:active, a.features-link:visited {

	color: #fff;

}

a.features-link:hover {

	color: #fff;

}

.stories-menu {

	color: #333;

	text-align: center;

	margin-top: -5px;

	padding: 31px 0;

	background-color: #f0f0f0;

	margin-bottom: 2px;

}

.blog-cat-inner {

	color: #333;

	text-align: center;

	margin-top: -5px;

	padding: 31px 0;

	background-color: #f0f0f0;

	margin-bottom: 2px;

}

.stories-menu ul li {

	display: inline-block;

}

.stories-menu ul li a {

	color: #313131;

	padding: 0 30px;

	letter-spacing: .2em;

	text-transform: uppercase;

	font-size: 12px;

	opacity: 0.30;

	transition-duration: 0.2s;

	transition-property: opacity;

	transition-timing-function: ease-in-out;

}

.stories-menu ul li a:hover{color:#313131;opacity:1}a.post-link:active,a.post-link:hover,a.post-link:link,a.post-link:visited,a.spec-link:active,a.spec-link:hover,a.spec-link:link,a.spec-link:visited,a.stories-link:active,a.stories-link:hover,a.stories-link:link,a.stories-link:visited,a.sup-link:active,a.sup-link:hover,a.sup-link:link,a.sup-link:visited{color:#fff}.content-area{width:100%;position:relative;background:#fff;min-height:300px}.row2{margin:0;position:relative}.row3{margin:0;position:relative;background:#fff}.content-area-inner .row2,.content-area-inner .row3{padding:160px 0 0}

.cat2 {

	width: 50%;

	position: relative;

	overflow: hidden;

	height: auto;

}

.cat2-inl {

	width: 100%;

	border-bottom: 2px solid #fff;

	border-top: 2px solid #fff;

	margin-right: 2px;

	height: auto;

	float: right;

}

.cat2-inr {

	width: 100%;

	border-bottom: 2px solid #fff;

	border-top: 2px solid #fff;

	margin-left: 2px;

	height: auto;

	float: right;

}

.cat3 {

	width: 33.33%;

	position: relative;

	overflow: hidden;

	height: auto;

}

.cat3_2 {

	width: 66.666%;

	position: relative;

	overflow: hidden;

	height: auto;

}

.cat3l {

	width: 33.33%;

	position: relative;

	overflow: hidden;

	height: auto;

}

.cat3l-in {

	 border-bottom: 2px solid #fff;

        border-right: 2px solid #fff;

        border-top: 0 solid #fff;

        box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

        float: right;

        height: auto;

        margin: 0;

        width: 100%;

}

.cat3l:nth-child(3n+0) .cat3l-in{

    border-right: 0;

    margin-top: -2px;

}

.content-area-inner .cat3l-in {

	float: left !important;

}

.cat3-in {

	width: 100%;

	border-bottom: 2px solid #fff;

	border-top: 0px solid #fff;

	margin-left: 2px;

	height: auto;

	float: right;

}

.content-area-inner .cat3-in {

	float: left !important;

}

.cat3r-in {

	width: 100%;

	border-bottom: 2px solid #FFF;

	border-top: 0px solid #FFF;

	border-left: 0px solid #FFF;

	height: auto;

	margin: 0 0 0 2px;

}

.cat3_2-in {

	width: 100%;

	border-bottom: 2px solid #FFF;

	border-top: 0px solid #FFF;

	border-left: 0px solid #FFF;

	height: auto;

	margin: 0 0 0 2px;

}

.img2 {

	width: 100%;

	height: auto;

	display: block;

}

.img3 {

	width: 100%;

	height: auto;

	display: block;

}

.img-button-2r {

	text-align: center;

	color: #fff !important;

	width: 100%;

	height: 195px;

	margin: auto;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}

.img-button {

	text-align: center;

	color: #fff !important;

	width: 100%;

	height: 195px;

	margin: auto;

	position: absolute;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

}

.img-button h2 {

	text-align: center;

	color: #fff !important;

	font-weight: 300 !important;

	font-size: 18pt;

	letter-spacing: 0px !important;

	margin-top: 7px;

}

.img-button-2r h2 {

	text-align: center;

	color: #fff !important;

	font-weight: 300 !important;

	font-size: 24pt;

	letter-spacing: 0px !important;

	margin-top: 7px;

}

.img-button2 {

	text-align: center;

	border: 1px solid #03F;

	width: 150px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 10px 7px;

}

.img-button-features {

	text-align: center;

	border: 1px solid #3aadda;

	width: 170px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 17px 0;

	letter-spacing: .2em;

}

.img-button-features:hover {

	background: #3aadda;

}

.img-button-more {

	text-align: center;

	border: 1px solid #3aadda;

	width: 170px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 17px 0;

	letter-spacing: .2em;

	color: #3aadda;

}

.img-button-more:hover {

	background: #3aadda;

	color: #fff;

}

.img-button-stories {

	text-align: center;

	border: 1px solid #058961;

	width: 170px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 17px 0;

	letter-spacing: .2em;

}

.img-button-stories:hover {

	background: #058961;

}

.img-button-spec {

	text-align: center;

	border: 1px solid #e3b347;

	width: 170px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 17px 0;

	letter-spacing: .2em;

}

.img-button-spec:hover {

	background: #e3b347;

}

.img-button-post {

	border: 1px solid #5eccaf;

	font-size: 12px;

	letter-spacing: .2em;

	margin: 0 auto !important;

	padding: 17px 0;

	text-align: center;

	text-transform: uppercase;

	width: 170px;

}

.img-button-post:hover {

	background: #5eccaf;

}

.img-button-sup {

	text-align: center;

	border: 1px solid #d94553;

	width: 170px;

	text-transform: uppercase;

	font-size: 12px;

	margin: 0 auto;

	padding: 17px 0;

	letter-spacing: .2em;

}

.img-button-sup:hover {

	background: #d94553;

}

.img-button2 span {

	font-size: 12px;

	text-transform: uppercase;

}

.footer-section {

	min-height: 150px;

	width: 94%;

	background: #313131;

	color: #fff;

	padding: 80px 0 120px 6%;

}

.column5 {

	width: 14%;

	margin: 10px 2px;

}

.column5 h2 {

	font-size: 18px;

	font-weight: 400;

	letter-spacing: 0 !important;

	line-height: 29px;

	margin: 0;

	padding: 0 0 6px;

}

.column5 ul li, .column5 ul {

	list-style: none;

	margin: 0;

	padding: 2px 0px;

	font-size: 16px;

	line-height: 25px;

	font-weight: 400;

}

.column5 ul li a:hover {

	color: #ccc !important;

}

.column5 ul li a:link, .column5 ul li a:visited, .column5 ul li a:active {

	color: #757575;

}

.footer-area ul {

	list-style: none;

	display: block;

	margin: 1px 0 0;

	padding: 0;

	color: #525252;

}

.footer-area ul li {

	list-style: none;

	display: inline-block;

	margin: 0px;

	padding: 0 10px;

	color: #757575;

	font-weight: bold;

}

.flogo {

	padding: 10px 0 0 0;

}

.copy {

	color: #757575;

	font-size: 12px;

	text-align: left;

	padding: 0;

	margin: 0;

}

.flogo-mobile {

	display: none;

}

.page-header-image img {

	height: auto;

	width: 100% !important;

}

.page-header-ima {

	width: 100% !important;

	height: auto;

	overflow: hidden;

}

.page-header-ima img {

	width: 100% !important;

	height: auto;

}

.content-area-inner {

	min-height: 400px;

	clear:both;

}

.content-area-inner .row3 img, .content-area-inner .row2 img {
	width: 100%;
	height: auto;
	display: block;
}

.content-area-inner p {
	padding: 0 20%;
	font-family: 'Open Sans', sans-serif;
	color: #747474;
	font-size: 18px;
	margin: 0;
	font-weight: 400;
	line-height: 33px;
}

.content-area-inner .content {
	padding: 0 20%;
}

.content-area-inner .fullwidth {

	width: 100% !important;

	padding: 0;

	margin: 0;

}

.content-area-inner .fullwidth img {

	width: 100%;

	height: auto;

	display: block;

	padding: 154px 0 0 0;

}

.content-area-inner h1 {

	padding: 0 0 64px 0;

	margin: 0;

	text-align: center !important;

	font-family: 'Open Sans', sans-serif;

	font-weight: 300;

	font-size: 30px;

	color: #313131;

}

.content-area-inner h2 {

	padding: 2% 20%;

	font-family: 'Open Sans', sans-serif;

}

.grey-back img {

	width: auto !important;

 height:auto !important:

}

.notop-margin {

	margin-top: 0 !important;

}

.borderl {

	margin: 5px 20px 5px 10px;

}

.page-header-image {

	position: absolute;

}

.page-tagline {

	position: absolute;

	text-align: center;

	color: #fff;

	width: 100%;

	top: 40%;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	z-index: 1000;

}

.blog-tagline {

	position: absolute;

	text-align: left;

	color: #fff;

	width: 87%;

	left: 40px;

	bottom: 15px;

	float: left;

	margin: auto;

	height: 110px;

}

.page-tagline h1, .blog-tagline h1 {

	font-weight: 300;

	font-size: 40px;

	margin-top: 55px;

}

.blog-3column {

	width: 33.33%;

	height: auto;

	display: block;

	margin: 0;

	padding: 0;

	float: left;

}

.blog-cat {

	text-align: center;

	margin: 0;

}

.blog-cat ul {

	list-style: none;

	display: inline-block;

	text-align: center;

	margin: 15px auto;

	padding: 0;

	width: 90%;

	text-transform: uppercase;

}

.blog-cat ul li {

	list-style: none;

	display: inline-block;

	text-align: center;

	margin: 0;

	padding: 0 2%;

	font-size: 12px;

	letter-spacing: .2em;

}

.blog-cat ul li a:link, .blog-cat ul li a:visited {

	color: #999 !important;

}

.blog-cat ul li a.active,.blog-cat ul li.current-cat a {

	color: #000 !important;

}

.blog-cat ul li a:hover {

	color: #000 !important;

}

.blog-content-area {

	text-align: left;

	margin: 0;

	width: 100%;

}

.blog-content-area ul {

	list-style: none;

	display: inline-block;

	text-align: left;

	margin: 10px auto;

	padding: 0;

}

.blog-content-area ul li {

	list-style: none;

	display: inline-block;

	text-align: left;

	margin: 0;

	padding: 0 10px 0 0;

	font-size: 16px;

}

.blog-tagline a:link, .blog-tagline a:visited, .blog-tagline a:active {

	color: #fff !important;

}

.blog-tagline a:hover {

	color: #ececec !important;

}

.blog-tagline h2 {

	font-size: 24px;

	font-weight: 300;

	letter-spacing: 0;

	margin: 0;

	padding: 0;

	width: 94%;

	height: 65px;

}

.img-button-blog-load a:link {

	text-align: center;

	border: 1px solid #d94553;

	width: 150px;

	margin: 80px auto;

	padding: 10px;

}

.img-button-blog-load {

	text-align: center;

	text-transform: uppercase;

	font-size: 12px;

	margin: 100px auto;

}

a.blog-load:link, a.blog-load:active, a.blog-load:visited {

	color: #db4551;

}

a.blog-load:hover {

	color: #000;

}

.team-area {

	position: relative;

	width: 33.3333333%;

	float: left;

	overflow: hidden;

        height: auto;

	

        

}

.team-image {

	width: 100%;

	height: auto;

        box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

        border-right: 2px solid #FFF;

        border-bottom: 2px solid #FFF;

}

.team-image img {

	width: 100%;

	height: auto;

	display: block;

}



.team-area:nth-child(3n) .team-image {

    margin-top: -2px;

     border-right: 0;

}

.team-text {

	position: absolute;

	bottom: 2px;

	left: -2px;

	width: 100%;

	background: #313131;

	text-align: center;

	z-index: 1000;

	display: none;

	padding: 25px 0;

	height:100%;

}

.team-area h1 {

	margin: 0 !important;

	padding-bottom: 0;

    padding-top: 49%;

	font-size: 24px;

	color: #fff;

	font-weight: 300;

	filter: alpha(opacity=100) !important;

	-moz-opacity: 1 !important;

	-khtml-opacity: 1 !important;

	opacity: 1 important;

}

.team-area p {

	margin: 0 !important;

	padding: 0 !important;

	font-size: 17px;

	color: #fff;

	text-align: center !important;

	font-weight: 400;

	filter: alpha(opacity=100) !important;

	-moz-opacity: 1 !important;

	-khtml-opacity: 1 !important;

	opacity: 1 important;

}

.team-area h2 {

	margin: 0;

	padding: 0;

	font-size: 17px;

	color: #000;

	text-align: center;

}

.loadcon {

}

#lmo {

	cursor: pointer

}

#nmo {

	background: none repeat scroll 0 0 #ececec;

	border: 1px solid #ececec;

	display: none;

}

.ssb-share {

    float: right;

    margin-top: -82px;

    padding: 0 20%;

    position: relative;

}

.header-strip {

	height: 4px;

	width: 100%;

	background: none repeat scroll 0 0 #ccc;

}

.mob-head-image {
	width: 100%;
	height: auto;
}

.mob-head-image img {
	width: 100%;
	height: auto;
}

.mob-head-image.aboutus img {
	float: right;
	height: 100% !important;
	width: auto !important;
	margin-top: 0 !important;
}

.mob-head-image.nest img {
	float: right;
}

.stories .header-section-inner .video-container video {
	left: 0;
	right: auto;
}

.press {

	width: 100%;

	background: #fff;

	padding: 33px 0 0 0;

}

.p-grey {

	background: #f0f0f0 !important;

	padding: 40px 0px 50px 0;

	margin-bottom: 7px;

}

.grey-back {

	background: #f0f0f0 !important;

	padding: 60px 0;

	padding-bottom: 155px;

}

.press-inner {

	width: 60%;

	margin: 0 auto;

}

.press p {

	width: 100%;

	margin: 0;

	padding: 0;

}

.press img {

	height: auto;

	width: auto;

	float: left;

	padding: 10px 38px 10px 0;

}

.image_header{

    width: 100%;

    overflow-x: hidden;

    height: 100%;

    overflow-y: hidden;

}

.hue-overlap-panel {
	background:  #816dd4;
	color: #ffffff;
	position: relative;
	border-bottom: 20px solid #f5f5f5;
}

.hue-overlap-panel .top-border {
	background: #ffffff;
	position: absolute;
	width: 100%;
	height: 40px;
}

.hue-overlap-panel .gif-offset-content {
	background: url('/wp-content/uploads/2016/03/app_desktop.gif') no-repeat;
	width: auto;
	height: 476px;
	position: relative;
	padding-left: 695px;
	margin: 0 auto;
}

.hue-overlap-panel .gif-offset-content h1 {
	color: #ffffff;
    padding: 148px 0 0 0;
    font-size: 28px;
    width: 325px;
    text-align: left !important;
}

.hue-overlap-panel .gif-offset-content p {
    color: #ffffff;
	font-size: 16px;
	line-height: 1em;
	padding: 0;
	margin: 17px 0 0 0;
	width: 325px;
}

.app-ctas {
	margin: 50px 0 0 0;
	padding: 0;
}

.app-ctas span:not(.cta-sprite) {
	display: inline-block;
	text-align: left;
	position: relative;
	bottom: 10px;
	font-size: 14px;
}
.app-ctas a {
	color: #ffffff;
	text-decoration: underline !important;
}

.app-ctas a:hover {
	text-decoration: none;
	opacity: 0.75;
    -webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.app-ctas .cta-sprite img {
	width: 165px;
	height: 48px;
	margin: 0 16px 0 0;
	padding: 0;
	display: inline;
}

.app-ctas span.cta-sprite img {
	opacity: 0.2;
}

.app-ctas .cta-sprite:not(span) img:hover {
	opacity: 0.75;
    -webkit-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}

.icon-grid {
	border-top: 1px solid #e5e5e5;
}

.icon-grid .info-box {
	float: left;
	border-bottom: 1px solid #e5e5e5;
	height: 340px;
}

.info-box.presence {
	background: url("/wp-content/uploads/2016/03/presence.svg") center 23px no-repeat;
	background-size: 361px 116px;
}
.info-box.energy {
	background: url("/wp-content/uploads/2016/03/energy.svg") center 23px no-repeat;
	background-size: 529px 123px;
}
.info-box.roomcontrol {
	background: url("/wp-content/uploads/2016/03/control.svg") center 44px no-repeat;
	background-size: 173px 80px;
}
.info-box.dimmer {
	background: url("/wp-content/uploads/2016/03/dimming.svg") center 14px no-repeat;
	background-size: 175px 141px;
}
.info-box.easyscheduling {
	background: url("/wp-content/uploads/2016/03/schedule.svg") center 23px no-repeat;
	background-size: 230px 143px;
}
.info-box.multiusersupport {
	background: url("/wp-content/uploads/2016/03/multiuser.svg") center 50px no-repeat;
	background-size: 125px 65px;
}

.icon-grid .info-box.half-block {
	width: 50%;
}

.icon-grid .info-box.quarter-block {
	width: 25%;
}

.icon-grid .info-box .info-box-copy {
	border-right: 1px solid #e5e5e5;
	height: 100%;
}

.icon-grid .info-box .info-box-copy .rowend {
	border-right: 0;
}

.icon-grid .info-box .info-box-copy h3 {
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1em;
	font-weight: bold;
	padding-top: 188px;
	margin: 0 50px 0;
}

.icon-grid .info-box .info-box-copy p {
	font-size: 14px;
	padding: 0;
	margin: 15px 50px 0;
	line-height: 24px;
}

.icon-grid .info-box .info-box-copy p span {
	font-size: 11px;
}

.offwhite-block {
	clear: both;
	background: #f5f5f5;
}

.offwhite-block h1 {
	text-align: left !important;
	padding-bottom: 40px;
	padding-right: 20% !important;
	padding-left: 20% !important;
}

.offwhite-block p a {
	text-transform: uppercase;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	margin-top: 25px;
    display: block;
    letter-spacing: 2px;
}

.offwhite-block p a:hover {
	text-decoration: underline;
}

/*.ios-cta img {
	background: url(//cdn.shopify.com/s/files/1/0726/3015/t/7/assets/appstore.svg?16337198245016612724) no-repeat;
}
.android-cta img {
	background: url(//cdn.shopify.com/s/files/1/0726/3015/t/7/assets/google.svg?16337198245016612724) no-repeat; opacity: 0.25;
}*/

.app-cta-content p {
	max-width: 815px;
	line-height: 1.75em;
	margin: 50px auto 0 auto;
}

/* ------------------------- buttons CSS ----------------------------- */



.link-button {
	display: block;
	font-family: "Open Sans", sans-serif !important;
	font-size: 12px;
	letter-spacing: .2em;
	margin: 20px auto 0;
	padding: 24px 0 24px 0 !important;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	width: 168px;
	transition: all 0.3s ease 0s;
	line-height: 0px
}

.link-button:after {

	transition: all 0.3s ease 0s;

}

.white-border:link, .white-border:visited, .white-border:active {

	border: 1px solid #fff;

	color: #fff;

}

.white-border:hover {

	background: #fff;

	color: #000;

}

.grey-border {

	display: none !important;

}

.grey-border:link, .grey-border:visited, .grey-border:active {

	border: 1px solid #ccc;

	color: #ccc;

}

.grey-border:hover {

	background: #ccc;

	color: #000;

}

.red-border:link, .red-border:visited, .red-border:active {

	border: 1px solid #db4453;

	color: #dc4453;

}

.red-border:hover {

	background: #db4453;

	color: #fff;

}

.red-border-h:link, .red-border-h:visited, .red-border-h:active {

	border: 1px solid #db4453;

	color: #fff!important;

}

.red-border-h:hover {

	background: #db4453;

	color: #fff !important;

}

.blue-border:link, .blue-border:visited, .blue-border:active {

	border: 1px solid #3aadda;

	color: #3aadda;

}

.blue-border:hover {

	background: #3aadda;

	color: #fff;

}

.blue-border-h:link, .blue-border-h:visited, .blue-border-h:active {

	border: 1px solid #3aadda;

	color: #fff;

}

.pink-border:hover {

	background: #d870ad;

	color: #fff;

}

.pink-border:link, .pink-border:visited, .pink-border:active {

	border: 1px solid #d870ad;

	color: #fff;

}

.cat3r-in .pink-border:hover {

	background: #d870ad;

	color: #fff;

}

.cat3r-in .pink-border:link, .pink-border:visited, .pink-border:active {

	border: 1px solid #d870ad;

	color: #fff;

}

.blue-border-h:hover {

	background: #3aadda;

	color: #fff;

}

.green-border:link, .green-border:visited, .green-border:active {

	border: 1px solid #058961;

	color: #058961;

}

.green-border:hover {

	background: #058961;

	color: #fff !important;

}

.green-border-h:link, .green-border-h:visited, .green-border-h:active {

	border: 1px solid #058961;

	color: #fff;

}

.green-border-h:hover {

	background: #058961;

	color: #fff !important;

}

.yellow-border:link, .yellow-border:visited, .yellow-border:active {

	border: 1px solid #e3b347;

	color: #e3b347;

}

.yellow-border:hover {

	background: #e3b347;

	color: #fff;

}

.yellow-border-h:link, .yellow-border-h:visited, .yellow-border-h:active {

	border: 1px solid #e3b347;

	color: #fff;

}

.yellow-border-h:hover {

	background: #e3b347;

	color: #fff;

}

.lite-green-border:link, .lite-green-border:visited, .lite-green-border:active {

	border: 1px solid #5eccaf;

	color: #5eccaf;

}

.lite-green-border:hover {

	background: #5eccaf;

	color: #fff;

}

.lite-green-border-h:link, .lite-green-border-h:visited, .lite-green-border-h:active {

	border: 1px solid #5eccaf;

	color: #fff;

}

.lite-green-border-h:hover {

	background: #5eccaf;

	color: #fff;

}

.other-green-border:link, .other-green-border:visited, .other-green-border:active {
	border: 1px solid #27ae60;
	color: #fff;
}

.other-green-border:hover {
	background: #27ae60;
	color: #fff;
}


.other-green-border-reverse:link, .other-green-border-reverse:visited, .other-green-border-reverse:active {
	border: 1px solid #27ae60;
	background: #27ae60;
	color: #fff;
}

.other-green-border-reverse:hover {
	background: none;
	color: #fff;
}



/* RESPONSIVE CSS    -------------------------------------------------- */

@media (min-width: 0px) and (max-width: 800px) {

.blog-cat{

        width: 100%;

        overflow: hidden;

        height: 100px;

        position: relative;

    z-index: 999;

}

.blog-cat ul{

        width: auto;

        min-width: 100%;

        margin: 40px auto;

        white-space: nowrap;

}

.blog-cat-inner{

        height: 110px;

        overflow-x: scroll;

        -webkit-overflow-scrolling: touch;

        width: 102%;        

}

body{

        max-width: 100%;

        overflow-x: hidden;

}

.press-inner {

	width: 90%;

}



.content-area-inner {

    clear: both;

    z-index: 0 !important;

	padding-top:0px !important;

}

.page-tagline h1, .blog-tagline h1 {

	margin-top: 0;

	margin-bottom:0;

	display:block;

}

.press p{

padding:0 !important;

}

.press img{

max-width:100%;

}

.mob-head-image {
	display: block;
}



.team-area {

	position: relative;

	width: 100%;

	overflow: hidden;

}

.team-image {

	width: 100%;

	height: auto;

	border-right: 0 ;

	border-bottom: 2px solid #FFF;

}

.team-image {

	margin: 0;

}

.team-text {

	left: 0;

}

.content-area-inner h1 {

	padding-top: 25px;

	padding-bottom: 25px;

	padding-left: 18px;

	padding-right: 18px;

}



.content-area-inner p {

	padding-left: 18px;

	padding-right: 18px;

}

.team-area h1{

    padding-top: 49%;

}

.fb_comment_box{

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    margin: 0;

    padding-left: 18px;

    padding-right: 18px;

    width: 100%;

}

/*.header-section-inner {

	height: auto;

	overflow: visible;

}*/

.content-area-inner .row3 img, .content-area-inner .row2 img {

	width: 100%;

	height: auto !important;

}

.cat2{width:100%;position:relative;margin-top:1px}.cat3,.cat3_2{width:100%;position:relative;margin-top:1px;height:auto}.cat3l{width:100%;position:relative;margin-top:1px}.cat2-inl,.cat2-inr,.cat3-in,.cat3l-in,.cat3r-in{border:0!important;margin:0!important;padding:0!important}

.img3 {

	width: 100%;

	height: auto;

}

.column5 {

	width: 29%;

	margin: 10px 10%;

}



.header-section {

	width: 100%;

	position: relative;

	margin: 0;

	padding: 0;

	background: #313131

}

.video-js {

	display: block;

}

.header-text {
	clear: both;
	padding-top: 80px;
	color: #fff !important;
	right: 0;
	left: 0;
	font-family: 'Open Sans', sans-serif;
	position: absolute;
}

.img-button h2 {

	text-align: center;

	color: #fff !important;

	font-weight: 300 !important;

	font-size: 20px;

	letter-spacing: 0px !important;

	margin-top: 7px;

}

.img-button-2r h2 {

	text-align: center;

	color: #fff !important;

	font-weight: 300 !important;

	font-size: 20px;

	letter-spacing: 0px !important;

	margin-top: 7px;

}

.footer-section {

	min-height: 150px;

	width: 100%;

	background: #313131;

	color: #fff;

	padding: 44px 0;

}

.flogo-main {

	display: none !important;

}

.flogo-mobile {

	clear: both;

	display: block !important;

}



.page-tagline h1, .blog-tagline h1 {

	font-weight: 300;

	font-size: 24px;

}

.page-header-ima {

	width: 100% !important;

	height: auto;

	overflow: hidden;

}

.img-button-2r {

	text-align: center;

	color: #FFF !important;

	width: 100%;

	height: 165px;

	overflow: auto;

	margin: auto;

	position: absolute;

	top: 0px;

	left: 0px;

	bottom: 0px;

	right: 0px;

}

.img-button {

	text-align: center;

	color: #FFF !important;

	width: 100%;

	height: 165px;

	margin: auto;

	position: absolute;

	top: 0px;

	left: 0px;

	bottom: 0px;

	right: 0px;

}

}



@media (min-width: 801px) and (max-width: 980px) {

	.header-section {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

	.header-section-inner {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}

	.img-button h2 {
		text-align: center;
		color: #fff !important;
		font-weight: 300 !important;
		font-size: 16pt;
		letter-spacing: 0px !important;
		margin-top: 7px;
	}

	.img-button-2r h2 {
		text-align: center;
		color: #fff !important;
		font-weight: 300 !important;
		font-size: 20pt;
		letter-spacing: 0px !important;
		margin-top: 7px;
	}

	.column5 {
		width: 15%;
		margin: 10px;
	}

	.img-button-2r {
		text-align: center;
		color: #FFF !important;
		width: 100%;
		height: 145px;
		margin: auto;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

	.img-button {
		text-align: center;
		color: #FFF !important;
		width: 100%;
		height: 145px;
		margin: auto;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

}



@media (min-width: 981px) and (max-width: 1900px) {

	.header-section {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

	.header-section-inner {
		width: 100%;
		position: relative;
		margin: 0;
		padding: 0;
	}

	video {
		width: 100% !important;
		height: auto !important;
	}

	.img-button h2 {
		text-align: center;
		color: #fff !important;
		font-weight: 300 !important;
		font-size: 18pt;
		letter-spacing: 0px !important;
		margin-top: 7px;
	}

	.img-button-2r h2 {
		text-align: center;
		color: #fff !important;
		font-weight: 300 !important;
		font-size: 24pt;
		letter-spacing: 0px !important;
		margin-top: 7px;
	}

	.column5 {
		width: 15%;
		margin: 10px;
	}

	.img-button-2r {
		text-align: center;
		color: #FFF !important;
		width: 100%;
		height: 150px;
		margin: auto;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

	.img-button {
		text-align: center;
		color: #FFF !important;
		width: 100%;
		height: 150px;
		margin: auto;
		position: absolute;
		top: 0px;
		left: 0px;
		bottom: 0px;
		right: 0px;
	}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 321px) {

	.header-text {
		margin-top: -14px !important;
	}

}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {

	.content-area-inner{clear:both;padding-top:55px}.content-area-inner .fullwidth img,.content-area-inner .row2,.content-area-inner .row3{padding:70px 0 0}.h80{height:20px}.h160{height:70px}

}

/* Smartphones (landscape) ----------- */

@media only screen and (min-device-width : 360px) and (max-device-width : 380px) {

	/* Styles */

	.header-text {
		margin-top: -10px !important;
	}

}

/* Smartphones (portrait) ----------- */

@media only screen and (min-width : 900px) and (max-width : 980px) {

/* Styles */

}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 979px) {

	/* Styles */

	/*.mob-head-image img {

		margin-top: 55px !important;

	}*/

	.img-button h2 {
		font-size: 20pt;
	}

}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

	/* Styles */

	.mob-head-image img {
		margin-top: 0px;
	}

}

@media only screen and (min-device-width: 800px) and (max-device-width: 800px) and (orientation : portrait) {

	/* Styles */

	/*.mob-head-image img {
		margin-top: 55px !important;
	}*/

}

@media (min-width: 700px) and (max-width: 800px) {

    .team-area h1{
        padding-top: 49%;
    }

	.team-area{
		width:50%;
	}

    .team-image,.team-area:nth-child(3n) .team-image{
        border-right:1px solid #FFF;
        border-left:1px solid #FFF;
        margin-top: 0;
    }

	.team-area:nth-child(2n) .team-image{
		border-right:0;
	}

    .team-area:nth-child(2n+1) .team-image{
		border-left:0;
	}

}



@media only screen and (min-device-width : 320px) and (max-device-width : 479px) {

	.page-tagline {
		width:80%;
	}


	.content-area-inner .grey-back p a {

	    color: #313131 !important;

	    display: block;

	    padding-bottom: 40px;

	    text-align: center;

	    text-decoration: underline;

	}

	.navigation {margin:57px 0 12px 0 !important;}

	.press img {

		width: 100%;

		padding:0 !important;

		padding-bottom:40px !important;

	}

	.content-area-inner h2 {

	    padding: 2% 5%;

	}

	.ssb-share {

	    clear: both;

	    display: block;

	    float: right;

	    margin-bottom: 40px;

	    margin-top: -20px;

	    padding: 0;

	    position: relative;

	    width: 96%;

	}

	.stories-menu {

	    padding: 14px 0;

	}

	.header-section-inner {

		height: 350px;

		/*overflow: hidden;*/

	}

	.content-area-inner h1 {

	    padding-bottom: 30px;

	}



	.svgclass {

	    padding: 45px 0 8px !important;

		margin-bottom: -20px !important;

	}

	.header-section-inner .wp-post-image {

	 	height: 78%;

	    margin-left: -440px;

	    margin-top: 79px;

	    overflow: hidden;

	    width: auto;

	}



	.mob-head-image {

		display: block;

		height: 360px; 

		overflow: hidden;

	}

	.mob-head-image img {

	/*	height: 82%;

	    margin-left: -139px;

	    margin-top: 66px;*/

	    text-align: center;

	    width: auto;

	}

	.header-text {

	    margin-top: 60px !important;

	}

	.header-text h1 {

		font-size: 23px;

	}

	.link-button {

	     padding: 21px 18px !important;

	}

	.flogo {

	    float: left;

	    margin-top: 81px;

	    padding: 10px 0 0;

	}

}

@media only screen and (min-device-width : 480px) and (max-device-width : 639px) {

	.press img {

		width: 100%;

		padding:0 !important;

		padding-bottom:40px !important;

	}

	.content-area-inner h2 {

	    padding: 2% 4%;

	}

	.ssb-share {

	    clear: both;

	    display: block;

	    float: right;

	    margin-bottom: 40px;

	    margin-top: -20px;

	    padding: 0;

	    position: relative;

	    width: 96%;

	}

	.stories-menu {

	    padding: 14px 0;

	}

	.header-section-inner {

		height: 350px;

		overflow: hidden;

	}

	.content-area-inner h1 {

	    padding-bottom: 30px;

	}



	.svgclass {

	    padding: 45px 0 8px !important;

		margin-bottom: -20px !important;

	}

	.header-section-inner .wp-post-image {

	 	height: 78%;

	    margin-left: -380px;

	    margin-top: 79px;

	    overflow: hidden;

	    width: auto;

	}



	.mob-head-image {

		display: block;

		height: 396px; 

		overflow: hidden;

	}

	.flogo {

	    float: left;

	    margin-top: 81px;

	    padding: 10px 0 0;

	}



	.mob-head-image img {

		/*height: 82%;

	    margin-left: -139px;

	    margin-top: 79px;*/

	    text-align: center;

	    width: auto;

	}

	.header-text {

	    margin-top: 84px !important;

	}

	.header-text h1 {

		font-size: 23px;

	}

	.link-button {

	     padding: 21px 18px !important;

	}

}



@media only screen and (min-device-width : 640px) and (max-device-width : 640px) {

	.press img {

		width: auto;

		padding:0 !important;

		padding-bottom:40px !important;

	}

	.content-area-inner h2 {

	    padding: 2% 3%;

	}

	.ssb-share {

	    clear: both;

	    display: block;

	    float: right;

	    margin-bottom: 40px;

	    margin-top: -20px;

	    padding: 0;

	    position: relative;

	    width: 96%;

	}

	.stories-menu {

	    padding: 14px 0;

	}

	.blog-cat ul {

	    padding: 14px 0;

	}

	.header-section-inner {

		height: 350px;

		overflow: hidden;

	}



	.content-area-inner h1 {

	    padding-bottom: 30px;

	}



	.svgclass {

	    padding: 45px 0 8px !important;

		margin-bottom: -20px !important;

	}

	.header-section-inner .wp-post-image {

	 	height: 78%;

	    margin-left: -269px;

	    margin-top: 79px;

	    overflow: hidden;

	    width: auto;

	}



	.mob-head-image {

		display: block;

		height: 450px; 

		overflow: hidden;

	}

	.mob-head-image img {

	        /*height: 100%;

	    margin-left: -191px;

	    margin-top: 22px;*/

	    text-align: center;

	    width: auto;

	}

	.header-text {

	    margin-top: 113px !important;

	}

	.header-text h1 {

		font-size: 23px;

	}

	.link-button {

	     padding: 21px 18px !important;

	}

	.flogo {

	    float: left;

	    margin-top: 81px;

	    padding: 10px 0 0;

	}

}



.header-section-inner .video-container{

	width:100% !important;

	height:100% !important;

}

.header-section-inner .video-container > div{
	width:100% !important;
	height:100% !important;
}

.header-section-inner .video-container  video{
	min-height:100% !important;
	min-width:100%;
	width:auto !important;
	height:auto !important;
	left: auto;
	right: 0;
}

.mob-head-image {
	display:none;
}

.home .mob-head-image {
	display:block;
}

.home .video-container {
	display: none;
}

.mob-head-image .home_mobile {
	display:none;
}

.notFound .mob-head-image {
	display: block;
}

.notFound .mob-head-image img {
	margin: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

.header-text {
	bottom: unset;
	top: 30%;
	width: 515px;
	right: 50%;
}

.header-text .link-button {
	float: left;
	margin-top: 0;
	margin-left: 7%;
}

/*.home .video-container {
	display: none;
}

.home .mob-head-image {
	display: block;
}*/

.home_blocks_products .cat3 .cat3-in {
	margin-left:0;
}

.ssb-share{
	padding-left:0;
}

.fb-comments > span, .fb-comments > span > iframe{
	width:100% !important;
}

.career-txt > h1{
	padding:0;
}

.content-area-inner h3 p {font-size:24px !important; color: #313131; font-family: "Lora",serif;} 

@media (max-width: 600px) {

	.header-section-inner {
		height:350px !important; 
	}

}

@media (max-width: 1011px) {

	.page-tagline {
		top:30%;
	}

	.ssb-share{
		padding:0 20% !important;
		margin-top: -40px !important;
		margin-left: -4px !important;
	}

	.header-text {
		right: 45%;
	}
}

@media (max-width: 865px) {
	.header-text {
		width: auto;
		left: 10px;
	}
}

@media (max-width: 800px) {

	.page-tagline {
		top:45% !important;
		margin-top:0;
	}

	.ssb-share {
		padding:0 !important;
		margin-top: -40px !important;
		margin-left: 0 !important;
        width: 100%;

	}

    .ssb-share > div{
        float: left;
        display: block !important;
        height: 30px;
    }

    .ssb-share > div:first-child {
        padding-left: 18px;
    }

    .ssb-share > div:last-child{
        padding-left: 18px;
    }

	.blog-cat-inner{
		padding:5px 0;
	}

    .video-container{
        display: none !important;
    }

    .mob-head-image {
            display:block;
    }

}

@media (max-width: 768px) {

	.header-section .video-container{
		display:none;
	}

	.logo > a > img{
		height:20px;
		width:auto;
	}

    .blog-tagline h2{
        padding: 0;
    }

}

.contentul ul {
    padding: 0 20%;
	color: #747474;
    font-family: "Lora",serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
	padding-bottom:25px;
}

.contentul ul li {
    list-style:inside;
}

.contentol ol li {
    list-style:inside decimal;
}

.contentol ol {
    padding: 0 20%;
	color: #747474;
    font-family: "Lora",serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
	padding-bottom:25px;
}

.delhome {display:none !important;}

a {
    outline: none;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

p a {
	color: #313131;
	text-decoration: underline;
}

.post-page .header-section-inner {
	height: auto;
	position: relative
}

.post-page .post-banner {
	width: 100%;
	margin-bottom: -5px;
}

.post-page .post-mobile-banner {
	display: none;
}

.partnerships a .textpart {
	color: #ffffff;
}

.post-password-form {
	padding: 200px 0;
	text-align: center;
}

.search .content-area-inner {
	min-height: 200px;
}

.search .content-area-inner form {
	text-align: center;
	margin: 100px 0;
}

.search .content-area-inner form label {
	font-family: "Lora",serif;
	color: #747474;
	font-size: 18px;
	margin: 0;
	font-weight: 400;
	line-height: 33px;
}

.search .content-area-inner form input#s {
	padding: 3px;
}

.searchresults {
	margin: 0 0 100px 0;
}

.searchresults h1.title {
	padding: 64px 20% 0 20%;
	text-align: left !important;
}

.searchresults h1.title a {
	color: #313131;
}

.searchresults .resultsCount {
	margin: 50px 0 0 0;
}

/*Flexslider Overrides */
.metaslider .flexslider {
	margin: 0 0 0 0 !important;
}

.metaslider .flexslider .flex-control-nav {
    bottom: 20px !important;
    line-height: 11px !important;
    position: absolute;
}

.metaslider .flexslider .flex-control-nav li a {
	margin: 0 6px !important;
	padding: 0 !important;
    width: 8px;
    height: 8px;
    background: #ffffff;
}

.metaslider .flexslider .flex-control-paging li a.flex-active {
    background: #e9573e !important;
    cursor: default !important;
}

/* mailchimp form updates */
#mc_embed_signup {
	overflow: hidden !important;
}

#mc_embed_signup #mc_embed_signup_scroll {
	text-align: center;
}

#mc_embed_signup #mc_embed_signup_scroll h2 {
	font-size: 28px !important;
	color: #313131 !important;
	font-family: "Open Sans",sans-serif !important;
	letter-spacing: normal;
}

#mc_embed_signup #mc_embed_signup_scroll .newsletter-copy {
	color: #8D8D8D !important;
	text-align: center !important;
	font-size: 16px !important;
	opacity: 1 !important;
	margin-bottom: 20px !important;
	font-family: "Open Sans",sans-serif !important;
}

#mc_embed_signup #mc_embed_signup_scroll input {
	float: left !important;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #ccc;
    padding: 0;
    color: #222;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
    height: 40px !important;
    width: 100%;
}

#mc_embed_signup #mc_embed_signup_scroll #mc-embedded-subscribe {
	font-size: 14px !important;
	background: #313131 none repeat scroll 0% 0% !important;
	color: #FFF !important;
	border-radius: 4px !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	padding: 16px 20px !important;
	margin-bottom: 20px !important;
	text-transform: none !important;
	font-family: "Open Sans",sans-serif !important;
	height: auto !important;
    display: block;
    width: 96%;
    border: 0;
    font-weight: normal;
    line-height: 1em;
}

#mc_embed_signup #mc_embed_signup_scroll #mailchimpclose {
	border-radius: 5px;
	position: absolute;
	z-index: 100;
	top: -10px;
    right: -5px;
    margin-right: 0;
	cursor: pointer;
	color: #8D8D8D !important;
}

#mc_embed_signup #mc_embed_signup_scroll #mailchimpclose::before {
    background: transparent none repeat scroll 0% 0% !important;
    font-size: 32px !important;
    color: #313131 !important;
    top: 10px !important;
    right: 6px !important;
    padding: 2px !important;
    height: 32px !important;
    width: 32px !important;
    text-indent: 1px !important;
    border-radius: 3px;
	position: absolute;
	content: "×";
	font-weight: normal;
	line-height: 31px;
	text-align: center;
}

/* Media Queries */
@media only screen and (min-device-width : 5000px) and (max-device-width : 7500px) {

	.content-area {
	    margin-top: -70px !important;
	}

}

@media (max-width : 1400px) {

	.post-page .page-tagline h1 {
		font-size: 28px;
	}

}

@media (max-width : 1270px) {
	.hue-overlap-panel .top-border {
        height: 43px;
		margin-top: -1px;
	}

	.hue-overlap-panel .gif-offset-content {
		background: url('/wp-content/uploads/2016/03/app_mobile.gif') no-repeat top center;
		width: 100%;
		max-width: 725px;
		height: auto;
		padding: 592px 0 0 0;
	}

	.hue-overlap-panel .gif-offset-content h1 {
		width: auto;
	    padding: 0;
	    margin: 20px 7% 0;
	}

	.hue-overlap-panel .gif-offset-content p {
		width: auto;
	    padding: 0;
	    margin: 35px 7% 0;
	}

	.app-ctas {
	    text-align: center;
	}

	.app-ctas span:not(.cta-sprite) {
		bottom: 0;
	}
}

@media (max-width : 1024px) {

	.icon-grid .info-box.half-block .info-box-copy h3 {
		padding-top: 150px;
	}

	.icon-grid .info-box.quarter-block .info-box-copy h3,
	.icon-grid .info-box.quarter-block .info-box-copy p {
		margin: 15px 30px 0;
	}
}

@media (max-width : 850px) {
	.home .header-text {
		top: 25%;
	}
}

@media (max-width : 800px) {

	.home .header-text {
		top: 0;
	}

	.home .header-text h2 {
		margin: 0px 0 25px 7%;
	}

	.home .header-text .link-button  {
		width: 155px;
	}

	.post-page .page-tagline h1 {
		font-size: 24px;
	}

	.searchresults h1.title {
		padding-left: 18px;
		padding-right: 18px;
	}

	.content-area-inner h1.hue-header {
		padding-top: 0;
		line-height: 1em;
	}

	.icon-grid .info-box.half-block,
	.icon-grid .info-box.quarter-block {
		width: 50%;
	}

	.icon-grid .info-box.half-block {
		height: 420px;
	}

	.icon-grid .info-box.half-block.presence {
		background: url("/wp-content/uploads/2016/03/presence_mobile.svg") center 23px no-repeat;
		background-size: 70% auto;
	}

	.icon-grid .info-box.half-block.energy {
		background: url("/wp-content/uploads/2016/03/energy_mobile.svg") center 23px no-repeat;
		background-size: 73% auto;
	}

	.icon-grid .info-box.half-block.presence h3 {
		padding-top: 45%;
	}

	.icon-grid .info-box.half-block.energy h3 {
		padding-top: 55%;
	}

	.icon-grid .info-box .info-box-copy {
		height: auto;
	}

	.icon-grid .info-box .info-box-copy p {
		padding-bottom: 80px;
	}

	.offwhite-block h1 {
		text-align: left;
		padding: 0 18px 63px !important;
	}

	.offwhite-block p a {
		margin-top: 90px;
		color: #8568d6;
		display: block;
	}
}

@media (max-width : 680px) {
	.home .header-text {
		top: 0%;
		right: 45%;
	}
	.home .header-text h2 {
		margin-bottom: 5px;
		line-height: 23px;
	}
	.home .header-text {
		top: 0%;
	}
}

@media (max-width : 600px) {

	.post-page .post-banner {
		display: none;
	}

	.post-page .post-mobile-banner {
		display: block;
		width: 100%;
	}

	.app-ctas a,
	.app-ctas span {
		display: block;
		margin-bottom: 5px;
	}

	.app-ctas a img,
	.app-ctas span img {
		padding-top: 0 !important;
	}

	.icon-grid .info-box.half-block,
	.icon-grid .info-box.quarter-block {
		width: 100%;
		height: auto;
	}

	.icon-grid .info-box.half-block .info-box-copy,
	.icon-grid .info-box.quarter-block .info-box-copy {
		border-right: 0;
	}
}

@media (max-width : 596px) {
	.home .mob-head-image .wp-post-image {
		display: none;
	}

	.home .mob-head-image .home_mobile {
		display: block;
		width: 100%;
		height: auto;
	}

	.home .header-text h1 {
		text-align: center;
		font-size: 3em !important;
	}

	.home .header-text h2 {
		text-align: center;
		margin: 0 7%;
		font-size: 1.5em !important;
  		line-height: 1.25em;
	}

	.home .header-text .link-button {
		float: none;
		margin: 420px auto 69px;
		width: 80%;
	}
}

@media (max-width : 575px) {

	.home .header-text h1 {
		font-size: 2.25em !important;
	}

	.home .header-text h2 {
		font-size: 1em !important;
	}

	.home .header-text .link-button {
		margin: 65% auto 5%;
		width: 168px;
	}
}

@media (max-width : 560px) {

	.blog-cat {
		height: 98px;
		position: absolute;
	}

	.blog-cat.dropdown {
		z-index: 1000;
		height: auto;
	}

	.blog-cat .blog-cat-inner {
		height: auto;
	}

	.blog-cat ul {
		margin: 0 auto;
	}

	.blog-cat ul:before {
		position: absolute;
	    top: 39px;
	    right: 30px;
	    content: "";
	    display: inline-block;
	    /* By using an em scale, the arrows will size with the font */
	    width: 0.65em;
	    height: 0.65em;
	    border-right: 0.1em solid #313131;
	    border-top: 0.1em solid #313131;
	    margin-right: 0.5em;
	    -ms-transform: rotate(135deg);
    	-webkit-transform: rotate(135deg);
	    transform: rotate(135deg);
	}

	.blog-cat.dropdown ul:before {
		top: 47px;
	    -ms-transform: rotate(-45deg);
    	-webkit-transform: rotate(-45deg);
	    transform: rotate(-45deg);
	}

	.blog-cat ul li {
		width: 100%;
		display: block;
		padding: 25px 0;
	}

	.blog-cat ul li.all,
	.blog-cat:not(.dropdown) ul li.current-cat,
	.blog-cat ul.subCatList li:first-child {
		padding: 40px 0;
	}

	.blog-cat:not(.dropdown) ul li:not(.current-cat) {
		display: none;
	}

	.content-area-inner .type-stories h1:first-child {
		margin-top: 50px;
	}

	.home .header-text .link-button {
		margin: 55% auto 5%;
		width: 168px;
	}

	.home .header-text .link-button:nth-of-type(2n) {
		margin: 5% auto 5%;
		width: 168px;
	}
}

@media (max-width : 380px) {
	.home .header-text h1 {
		font-size: 1.75em !important;
	}

	.home .header-text h2 {
		font-size: 0.9em !important;
	}

	.hue-overlap-panel .top-border {
	    height: 3.8%;
	}

	.hue-overlap-panel .gif-offset-content {
		background-size: 95% auto;
	}
}

@media (max-width : 350px) {

	.post-page .post-mobile-banner {
		display: block;
		position: absolute;
		width: auto;
		height: 100%;
		left: 50%;
		top: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
	}

	.home .header-text h1 {
		margin-bottom: 20px;
	}

	.home .header-text h2 {
		font-size: 0.65em !important;
		line-height: 1.5em;
	}


}

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

	.header-section .mob-head-image {
		display: block;
		height: 100%;
		position: absolute;
	}

	.header-section .mob-head-image img,
	.header-section .mob-head-image img.attachment-post-thumbnail.wp-post-image {
		height: 100%;
		width: auto;
	}

	.header-section .header-text {
		padding: 125px 0 20px;
		margin-top: 0 !important;
	 	position: relative;
	 	top: 0;
	 	left: 0;
  		height: auto;
	}

}