/*
 Theme Name:   Telkonet
 Theme URI:
 Description:
 Author:       starkmedia
 Author URI:   starkmedia.com
 Template:     twentyseventeen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*
	Dark Green 397A2F
	Light Green 699D1F

	background: rgb(57,122,47);
	background: -moz-linear-gradient(-45deg,  rgb(57,122,47) 0%, rgb(105,157,31) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	background: linear-gradient(135deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a2f', endColorstr='#699d1f',GradientType=1 );

	background: rgb(68,68,68);
	background: -moz-linear-gradient(-45deg,  rgb(68,68,68) 0%, rgb(102,102,102) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	background: linear-gradient(135deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#666666',GradientType=1 );
*/

/* GENERAL */
html,body,button,input,select,textarea {
	font-family: 'Avenir W01', Arial, sans-serif;
}
body {
	font-size: 18px;
	font-weight: 400;
	color: #444444;
	background: #F6F6F6;
}
@-webkit-keyframes fadein { from {opacity:0} to {opacity:1} }
@keyframes fadein { from {opacity:0} to {opacity:1} }
.site {
	max-width: 1600px;
	margin: 0 auto;
	-webkit-animation:fadein 0.4s;
  	-moz-animation: all 0.4s;
  	-o-animation: all 0.4s;
	animation:fadein 0.4s;
}
.site-content {
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Avenir W01', Arial, sans-serif;
	line-height: 1.2;
	color: #222;
}
h4 {
	font-weight: normal;
}
a {
	color: #397A2F;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
a:hover {
	color: #699D1F;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
p {
	color: #444;
}
iframe {
	margin-bottom: 0;
}
.navigation-top {
	border: 0;
}
.main-navigation a {
	color: #444444;
}
.main-navigation a:hover {
	color: #397A2F;
}
.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {
	display: none;
}
.main-navigation ul li.menu-item-has-children::before, .main-navigation ul li.menu-item-has-children::after, .main-navigation ul li.page_item_has_children::before, .main-navigation ul li.page_item_has_children::after {
	display: none !important;
}
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link {
	background: #111111;
	font-size: 16px;
	color: #cccccc;
}
.navigation-top .current-menu-item > a,.navigation-top .current_page_item > a {
	color: #397A2F;
}
.site-search {
	display: block;
	padding: 0.5em 1em 1em;
	text-align: center;
	background: rgb(57,122,47);
	background: -moz-linear-gradient(-45deg,  rgb(57,122,47) 0%, rgb(105,157,31) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	background: linear-gradient(135deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a2f', endColorstr='#699d1f',GradientType=1 );
}
.site-search .search-submit {
	display: none;
}
.site-search input[type="search"] {
	display: block;
	max-width: 75%;
	margin: 0 auto;
	font-size: 18px;
	padding: 0.5em 1em;
	border: 0;
	box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.contain {
	display: block;
	margin: 0 auto;
	padding: 0 1em;
	max-width: 1240px;
}
.site-header {
	display: block;
	background: #fff;
	margin: 0 auto;
	vertical-align: top;
}
.site-branding {
	padding: 0.75em 0;
	margin-bottom: 0 !important;
	text-align: center;
}
.custom-header {
	margin-bottom: 0 !important;
}
.custom-logo-link:hover {
	opacity: 1 !important;
}
.custom-logo-link img {
	display: block;
	margin: 0 auto;
	width: auto;
	max-height: 35px;
}
.cta {
	text-align: center;
}
.bc-cta {
	float: right;
}
.bc-cta a.tel:first-child {
	border-right: 1px solid #999;
}
.site-footer {
	margin: 0;
	padding-bottom: 5%;
	color: #909090;
	background: #f6f6f6;
}
.site-info a {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.social-navigation .icon {
	width: 24px;
	height: 24px;
}
.social-navigation a {
	width: auto;
	height: auto;
	color: #909090;
	background-color: #f6f6f6;
	margin: 0 1em;
}
.social-navigation a:hover {
	color: #699D1F;
	background-color: #f6f6f6;
}
.site-footer a {
	color: #666666;
}
.site-footer a:hover {
	color: #444444;
}
.site-footer .copyright a {
	padding-left: 0.25em;
	margin-left: 0.25em;
}
.site-footer .links a {
	padding-left: 0.25em;
	margin-left: 0.25em;
}
.site-footer .copyright a:first-child,.site-footer .links a:first-child {
	border: 0;
}
a.linkedin {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0.75em;
	text-indent: -9999px;
	background: transparent url(img/linkedin.png) center center no-repeat;
	background-size: 30px auto;
}
a.twitter {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0.75em;
	text-indent: -9999px;
	background: transparent url(img/twitter.png) center center no-repeat;
	background-size: 30px auto;
}
a.youtube {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0.75em;
	text-indent: -9999px;
	background: transparent url(img/youtube.png) center center no-repeat;
	background-size: 30px auto;
}
a.facebook {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0.75em;
	text-indent: -9999px;
	background: transparent url(img/facebook.png) center center no-repeat;
	background-size: 30px auto;
}
a.yahoo {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 0.75em;
	text-indent: -9999px;
	background: transparent url(img/yahoo.png) center center no-repeat;
	background-size: 30px auto;
}
a.linkedin:hover,a.twitter:hover,a.youtube:hover,a.facebook:hover,a.yahoo:hover {
	opacity: 0.75;
}
#responsive-menu-container .responsive-menu-search-box {
	padding: 2% 4% !important;
	height: 40px !important;
	font-size: 16px;
	box-shadow: inset 0px 0px 4px rgba(0,0,0,0.5);
}
a.mobilebtn {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em !important;
	margin: 0 auto 1em !important;
	text-align: center;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
#responsive-menu-container #responsive-menu-additional-content {
	padding-top: 0 !important;
}
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
	font-size: 24px;
}
.subscribe {
	display: block;
	padding: 1em;
	color: #fff;
	text-align: center;
	background: rgb(68,68,68);
	background: -moz-linear-gradient(-45deg,  rgb(68,68,68) 0%, rgb(102,102,102) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	background: linear-gradient(135deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#666666',GradientType=1 );
}
.subscribe .container {
	display: block;
	max-width: 820px;
	margin: 0 auto;
}
.subscribe iframe {
	height: 50px;
  	overflow-x: hidden;
  	max-height: 100%;
  	max-width: 100%;
}
.subscribe-label {
	display: block;
	float: left;
	width: 400px;
	font-size: 17px;
	text-transform: uppercase;
	padding-right: 1.5em;
	text-align: left;
	background: transparent url(img/subscribe.png) left center no-repeat;
	background-size: 22px auto;
	padding-left: 30px;
}
.subscribe-form {
	display: block;
	float: left;
	width: 420px;
	text-align: left;
	overflow: hidden;
}
#breadcrumbs {
	background: #eee;
	color: #999;
	padding: 1em 70px;
	font-size: 14px;
}
#breadcrumbs a {
	color: #999;
	font-weight: 400;
	padding: 0 0.75em;
}
#breadcrumbs .breadcrumb_last {
	color: #666;
	padding: 0 0.5em;
	font-weight: normal;
}
#breadcrumbs a:hover {
	color: #222;
}
.contentblock {
	display: block;
	padding: 3% 0;
}
.contentblock h2 {
	font-size: 24px;
	color: #397A2F;
}
.contentblock h3 {
	color: #699D1F;
	margin: 0 0 0.5em;
	padding: 0;
}
.contentblock h4 {
	color: #397A2F;
}
.contentblock ul,.contentblock ol {
	margin-left: 1.5em;
}
.contentblock ul.half {
	margin-bottom: 0;
}
.contentblock.full {
	border-top: 1px solid #eee;
}
.gray {
	background-color: #f6f6f6;
}
.cookie-notice-container {
	font-size: 16px;
	padding: 1.5em;
}
.cookie-notice-container a {
	color: #fff;
	text-decoration: underline;
}
#cn-accept-cookie {
	display: block;
	text-decoration: none;
	padding: 0.5em 1.5em;
	background: #699D1F;
	font-size: 14px;
	margin: 1em auto 0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#responsive-menu .searchtoggle {
	display: none;
}

/* ROOM OF DEVICES */
.homehero {
	background-color: #000;
}
.map {
	position: relative;
	max-width: 1600px;
	margin: auto;
	background-color: #ccc;
}
.map h2 {
	position: static;
	background: #397A2F;
	text-align: center;
	display: block;
	padding: 0.5em;
	margin: 0 auto;
	left: auto;
	right: auto;
	font-size: 21px;
	color: #fff;
	font-weight: 400;
}
.map img {
	display: block;
	width: 100%;
}
.map-popup {
	position: absolute;
	top: 210%;
	margin-left: -60px;
	z-index: 99;
	padding: 0;
  	-webkit-transition: all 0.2s ease-in;
  	-moz-transition: all 0.2s ease-in;
  	-o-transition: all 0.2s ease-in;
  	transition: all 0.2s ease-in;
	transform: translate(-50%,-50%);
	box-shadow: 0 0 24px rgba(0,0,0,0.22);
	opacity: 0;
	visibility: hidden;
}
.map-popup h3 {
	display: block;
	font-size: 16px;
	font-weight: normal;
	background-color: #397A2F;
	color: #fff;
	padding: 0.5em 1em;
	margin: 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.map-popup h3 a {
	color: #fff;
	float: right;
	outline: none;
}
.map-popup p {
	display: block;
	font-size: 14px;
	background-color: #fff;
	color: #444;
	padding: 0.5em 1em;
	margin: 0;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.map-popup a.btn {
	display: block;
	text-transform: uppercase;
	padding-top: 0.5em;
}
.map-popup > *:first-child {
	margin-top: 0;
}
.map-popup > *:last-child {
	margin-bottom: 0;
}
.map-popup.open {
	opacity: 1;
	visibility: visible;
}
.pop {
	display: block;
	padding: 0.75em 1em;
	background: #fff;
}
.pop p {
	padding: 0 0 0.5em;
}
.pop ul {
	font-size: 13px;
	margin: 0 0 0 1em;
	padding: 0;
}
.pop a {
	font-size: 14px;
}
.marker {
	position: absolute;
	z-index: 1;
	display: inline-block;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	outline: none !important;
	width: 16px;
	height: 16px;
	text-align: center;
	text-decoration: none;
	text-indent: -9999px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background-color: rgba(57,122,47,0.9);
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.marker:hover {
	color: #fff;
	background-color: rgba(57,122,47,1);
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
}
.map-item1 {
	position: absolute;
	top: 58%;
	left: 2%;
}
.map-item2 {
	position: absolute;
	top: 40%;
	left: 20%;
}
.map-item3 {
	position: absolute;
	top: 80%;
	left: 10%;
}
.map-item4 {
	position: absolute;
	top: 50%;
	left: 48%;
}
.map-item5 {
	position: absolute;
	top: 45%;
	left: 78%;
}
.map-item6 {
	position: absolute;
	top: 47%;
	left: 92%;
}
.map-item7 {
	position: absolute;
	top: 70%;
	left: 93%;
}
.map-item8 {
	position: absolute;
	top: 65%;
	left: 20%;
}
.mobilehero {
	background: #fff;
}
.mobilehero .item {
	font-size: 15px;
	line-height: 1.4;
	padding: 1em;
	max-width: 80%;
	margin: 0 auto;
}
.mobilehero .item h3 {
	font-size: 19px;
	font-weight: normal;
	margin: 0 0 0.25em;
}
.mobilehero .item p {
	margin: 0 0 0.5em;
}
.mobilehero .item a {
	text-transform: uppercase;
}
.mobilehero .owl-prev {
	position: absolute;
	display:block;
	width: 30px;
	height: 30px;
	left: 5px;
	top: 40%;
	text-indent: -9999px;
	background: transparent url('img/leftarrow.png') center center no-repeat;
	background-size: 30px 30px;
}
.mobilehero .owl-next {
	position: absolute;
	display:block;
	width: 30px;
	height: 30px;
	right: 5px;
	top: 40%;
	text-indent: -9999px;
	background: transparent url('img/rightarrow.png') center center no-repeat;
	background-size: 30px 30px;
}
.mobilehero .owl-dots {
	display: none;
}
.howitworks a {
	display: block;
	width: 100%;
	font-size: 21px;
	line-height: 1.4;
	color: #fff;
	padding: 0.5em 0.75em 0.75em 4em;
	margin: 0 auto;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
}
.howitworks a img {
	float: left;
	margin-right: 1em;
}
.howitworks .desc {
	display: block;
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}
@media only screen and (max-width:48em) {
	.map-item a {
		position: absolute;
		z-index: 1;
		display: inline-block;
		cursor: pointer;
		outline: none;
		width: 21px;
		height: 21px;
		text-decoration: none;
		text-indent: -9999px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
		background-color: rgba(57,122,47,0.9);
  		-webkit-transition: all 0.2s;
  		-moz-transition: all 0.2s;
  		-o-transition: all 0.2s;
  		transition: all 0.2s;
	}
	.map-item a:hover {
		background-color: rgba(105,157,31,1);
	}
	.map-popup {
		display: none !important;
		width: 0px !important;
	}
	.greater {
		display: none;
	}
}
@media only screen and (min-width:48em) {
	.map h2 {
		position: absolute;
		background: transparent;
		display: block;
		margin: 3% auto 0;
		left: 0;
		right: 0;
		font-size: 40px;
	}
	.map-item {
		position: absolute;
    	width: auto;
    	height: auto;
    }
    .map-item .marker {
		padding: 0.4em 0.8em;
		top: auto;
		left: auto;
		width: auto;
		height: auto;
		background-color: rgba(85,85,85,0.7);
		text-indent: 0px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
    }
    .map-item .marker:hover {
		background-color: rgba(85,85,85,0.9);
	}
	.map-item1 {
		top: 52%;
		left: 2%;
	}
	.map-item2 {
		top: 20%;
		left: 20%;
	}
	.map-item3 {
		top: 82%;
		left: 10%;
	}
	.map-item4 {
		top: 50%;
		left: 45%;
	}
	.map-item5 {
		top: 35%;
		left: 78%;
	}
	.map-item6 {
		top: 40%;
		left: 92%;
	}
	.map-item7 {
		top: 62%;
		left: 94.5%;
	}
	.map-item8 {
		top: 60%;
		left: 20%;
	}
	.map-popup {
		position: absolute;
		left: 58px;
		width: 280px;
		transform: translateY(-0%);
	}
	.map-item5 .map-popup,.map-item6 .map-popup,.map-item7 .map-popup {
		margin-left: -270px;
	}
	.lesser {
		display: none;
	}
	/*.map-popup:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -16px;
		margin-top: -16px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 16px 16px 16px 0;
		border-color: transparent #fff transparent transparent;
	}
	.map-popup.edge {
		left: auto;
		right: calc(100% + 24px);
	}
	.map-popup.edge:before {
		left: auto;
		right: -16px;
		border-width: 16px 0 16px 16px;
		border-color: transparent transparent transparent #fff;
	}*/
}

/* HOMEPAGE */
#video {
	margin: 0;
}
.elevator {
	display: block;
	background: #fff;
	padding: 5% 5% 0;
}
.elevator-nb {
	display: block;
	background: #fff;
	padding: 1% 5% 0;
}
.about {
	display: block;
	max-width: 900px;
	margin: 0 auto;
	font-size: 18px;
	line-height: 1.3;
	color: #444;
	border-bottom: 1px solid #ddd;
}
.about p {
	padding: 0;
	text-align: center;
}
.feature {
	display: block;
	max-width: 1240px;
	margin: 1.5em auto 0;
}
.fbk {
	display: block;
	margin: 0 0 1em;
}
.fbkimg {
	float: left;
	width: 30%;
	padding-right: 0.75em;
}
.fbkcopy {
	float: left;
	width: 70%;
}
.fbk h3 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 0.25em;
	padding: 0;
}
.fbk p {
	font-size: 16px;
	line-height: 1.4;
	padding: 0;
	margin: 0 0 0.5em;
}
.industries {
	display: block;
}
.indleft img,.indright img {
	width: 100%;
	height: auto;
}
.indbk {
	display: block;
	background: #fff;
	padding: 3% 5%;
	margin-bottom: 1em;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.indbk:hover {
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.indbk h3 {
	font-size: 24px;
	margin: 0 0 0.25em;
}
.indbk h3 a {
	color: #222;
}
.indbk h3 a:hover {
	color: #397A2F;
}
.indbk p {
	font-size: 16px;
	line-height: 1.3;
	color: #444;
	margin-bottom: 0.5em;
}
a.indbtn {
	color: #397A2F;
	text-transform: uppercase;
}
a.indbtn:hover {
	color: #699D1F;
}
.indsecondary {
	display: block;
	max-width: 1480px;
	margin: 0 auto 1em;
	padding: 0 5%;
}
.indsecondary img {
	display: block;
	float: left;
	width: 35%;
	max-width: 35%;
	height: auto;
	margin-right: 1em;
}
.indsmbk {
	display: block;
	float: left;
	width: 55%;
	background: #fff;
	margin-bottom: 2em;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.indsmbk:hover {
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.indsmbk h3 {
	font-size: 21px;
	margin: 0 0 0.25em;
}
.indsmbk h3 a {
	color: #222;
}
.indsmbk h3 a:hover {
	color: #397A2F;
}
.indsmbk p {
	font-size: 16px;
	line-height: 1.3;
	color: #444;
	margin-bottom: 0.5em;
}
.indsmbtn {
	color: #397A2F;
	text-transform: uppercase;
}
.indsmbtn:hover {
	color: #699D1F;
}
.secondary {
	display: block;
	padding: 0 5%;
	margin: 0 auto;
}
.secbk {
	text-align: center;
	line-height: 0;
	margin-bottom: 5%;
}
.secbk img {
	width: 100%;
	max-width: 630px;
	height: auto;
}
.seccon {
	margin: 0 auto;
	max-width: 630px;
	line-height: 1.3;
	background: #f6f6f6;
	text-align: left;
	padding: 5%;
}
.seccon h3 {
	font-size: 21px;
	margin-bottom: 0.25em;
}
.seccon p {
	font-size: 16px;
	margin-bottom: 0.5em;
}
.seccon form {
	padding: 2% 3%;
}
.downloadhd {
	padding-left: 60px;
	background: transparent url(img/download-icon.png) left top no-repeat;
	background-size: 52px auto;
}
.downloadsm {
	font-size: 16px;
	font-weight: normal;
	color: #222;
	text-transform: uppercase;
}
.downloadhd h4 {
	font-size: 21px;
	font-weight: normal;
	color: #397A2F;
	margin: 0;
	padding: 0;
}
.seccon input.subfield {
	width: 60%;
	font-size: 15px;
	padding: 0.5em 1em;
	margin: 0.75em 1em 0.75em 0;
	border: 0;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.seccon input.sub {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	padding: 0.75em 2em ;
	margin: 0 auto;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.seccon h4 a {
	font-size: 24px;
	font-weight: normal;
	color: #222;
}
a.secbtn {
	text-transform: uppercase;
}

/* LANDING */
.landinghd {
	width: 100%;
	background-size: cover;
	padding: 8% 0;
	background-color: #222;
}
.landinghd h1 {
	display: block;
	max-width: 90%;
	font-size: 28px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 1em;
	background: -moz-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%, rgba(57,122,47,0.9) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	background: linear-gradient(135deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6699d1f', endColorstr='#e6397a2f',GradientType=1 );
}
.landinghd-nb {
	width: 100%;
	padding: 3% 0 1.5%;
}
.landinghd-nb h1 {
	display: block;
	font-size: 28px;
	color: #397A2F;
	text-align: center;
	margin: 0 auto;
}
.elevator .contain,.elevator-nb .contain {
	display: block;
	max-width: 900px;
	margin: 0 auto;
	color: #444;
}
.elevator .contain p,.elevator-nb .contain p {
	padding: 0;
	text-align: center;
}
.supporting {
	display: block;
}
.supleft img,.supright img {
	width: 100%;
	height: auto;
}
.supleft,.supright {
	margin-bottom: 8%;
}
.supleft .supbk {
	left: 5%;
}
.supright .supbk {
	right: 5%;
}
.supbk {
	position: absolute;
	display: block;
	margin-top: -24%;
	background: rgba(246,246,246,0.95);
	max-width: 45%;
	padding: 3% 5%;
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.supbk:hover {
	margin-top: -25%;
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.supbk h3 {
	font-size: 36px;
	margin: 0 0 0.25em;
}
.supbk h3 a {
	color: #222;
}
.supbk h3 a:hover {
	color: #397A2F;
}
.supbk p {
	font-size: 18px;
	line-height: 1.3;
	color: #444;
}
a.supbtn {
	color: #397A2F;
	text-transform: uppercase;
}
a.supbtn:hover {
	color: #699D1F;
}
.two-column {
	display: block;
	max-width: 1480px;
	margin: 0 auto;
}
.subblock {
	display: block;
	text-align: center;
	margin-bottom: 3em;
}
.subblock h2 {
	margin: 0.5em 0;
	padding: 0 1em;
}
.subblock h2 a {
	color: #222;
	font-size: 31px;
}
.subblock h2 a:hover {
	color: #397A2F;
}
.subblock p {
	font-size: 18px;
	color: #444;
	padding: 0 3em;
}
.subblock a.subbtn {
	text-transform: uppercase;
}
.full {
	display: block;
	margin: 0 auto;
	padding: 0;
	background: #f6f6f6;
}
.fullcopy {
	padding: 2% 5% 0;
	margin: 0 auto;
	line-height: 1.3;
	text-align: left;
}
.fullcopy form {
	padding: 2% 1%;
}
.fulldownloadhd {
	padding-left: 90px;
	background: transparent url(img/download-icon.png) left top no-repeat;
	background-size: 75px auto;
	min-height: 80px;
}
.fulldownloadsm {
	font-size: 18px;
	font-weight: normal;
	color: #222;
	text-transform: uppercase;
	padding-top: 0.5em;
}
.fulldownloadhd h4 {
	font-size: 24px;
	font-weight: normal;
	color: #397A2F;
	margin: 0;
	padding: 0;
}
.fullcopy input.subfield {
	width: 60%;
	font-size: 15px;
	padding: 0.5em 1em;
	margin: 0.75em 1em 0.75em 0;
	border: 0;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.25);
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.fullcopy input.sub {
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	padding: 0.75em 2em ;
	margin: 0 auto;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
  	-webkit-transition: all 0.2s;
  	-moz-transition: all 0.2s;
  	-o-transition: all 0.2s;
  	transition: all 0.2s;
}
.fullcopy h4 a {
	font-size: 24px;
	font-weight: normal;
	color: #222;
}
a.fullbtn {
	text-transform: uppercase;
}
.fullimg {
	line-height: 0;
}
.fullimg img {
	width: 100%;
	height: auto;
}
.page-template-page-devicelist .subpages {
	border-top: 1px solid #ddd;
	padding-top: 2em;
}
.fullcontain,.contentblock.half,.contentblock.thirds {
	padding: 1.5em;
}

/* DETAIL */
.device {
	margin: 0 auto;
	max-width: 1480px;
}
.devgallery {
	display: block;
	text-align: center;
}
.lSPager {
	margin-left: auto !important;
	margin-right: auto !important;
}
.lsPager a,.lsPager img {
	outline: none !important;
}
.lSPager .active {
	opacity: 0.75;
}
.devcopy h1 {
	font-size: 28px;
}
.devcopy p {
	color: #444;
}
.device-feature {
	background: #f6f6f6;
}
.featcopy {
	padding: 5% 5% 3%;
	text-align: center;
}
.featcopy h2 {
	font-size: 24px;
	color: #222;
	padding: 0;
	margin: 0 0 0.5em;
}
.featcopy a.btn {
	text-transform: uppercase;
}
.featimg {
	line-height: 0;
}
.featimg img {
	width: 100%;
	height: auto;
}
.device-keyfeatures {
	background: #fff;
	padding: 5%;
}
.device-keyfeatures h2 {
	display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 1em;
	font-size: 24px;
	text-align: center;
    border-bottom: 1px solid #ddd;
}
.device-keyfeatures .contain {
	display: block;
	margin: 2em auto 0;
	padding: 0;
	max-width: 1480x;
}
.device-keyfeatures .col {
	color: #444;
}
.device-keyfeatures .col a {
	color: #397A2F;
}
.device-integrate .featcopy {
	padding: 5% 5% 2.5%;
	text-align: left;
}
.device-integrate .featcopy h3 {
	font-size: 21px;
}
.device-resources {
	background: #f6f6f6;
	padding: 5%;
}
.device-resources h2 {
	display: block;
    max-width: 900px;
    margin: 0 auto;
    padding: 0 0 1em;
	font-size: 24px;
	text-align: center;
    border-bottom: 1px solid #ddd;
}
.device-resources .contain {
	display: block;
	margin: 2em auto 0;
	max-width: 1480x;
}
.device-resources .col {
	color: #444;
}
.device-resources .col a {
	background: transparent url(img/downsm-ico.png) center left no-repeat;
	background-size: 25px auto;
	color: #397A2F;
	padding-left: 35px;
}
.device-resources .col a:hover {
	background: transparent url(img/downsm-ico.png) center left no-repeat;
	background-size: 25px auto;
	color: #699D1F;
}
.leadform {
	color: #fff;
	padding: 5%;
	background: rgb(57,122,47);
	background: -moz-linear-gradient(-45deg,  rgb(57,122,47) 0%, rgb(105,157,31) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	background: linear-gradient(135deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a2f', endColorstr='#699d1f',GradientType=1 );
}
.leadform h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin: 0 0 0.5em;
}
.leadform p {
	display: block;
    max-width: 900px;
    margin: 0 auto;
	color: #fff;
	text-align: center;
}
.leadform form {
	display: block;
    max-width: 900px;
    margin: 2em auto 0;
	text-align: center;
}

/* INDUSTRY */
.casestudies {
	color: #fff;
	padding: 5%;
	background: #333;
}
.casestudies h3 {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 0 0 0.5em;
}
.casestudies p {
	display: block;
    max-width: 900px;
    margin: 0 auto;
	color: #fff;
	text-align: center;
}
.casestudies a.btn {
	display: block;
	text-indent: 0px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 1em auto 0;
	max-width: 230px;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.casestudies a.btn:hover {
	max-width: 260px;
}
.greenleadform {
	color: #fff;
	padding: 5%;
	text-align: center;
	background: rgb(57,122,47);
	background: -moz-linear-gradient(-45deg,  rgb(57,122,47) 0%, rgb(105,157,31) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	background: linear-gradient(135deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a2f', endColorstr='#699d1f',GradientType=1 );
}
.greenleadform h2 {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin: 0 0 0.5em;
}
.greenleadform p {
	display: block;
    max-width: 900px;
    margin: 0 auto 2em;
	color: #fff;
	text-align: center;
}
.greenleadform form,.greenleadform iframe {
	display: block;
    max-width: 900px;
    margin: 2em auto 0;
	text-align: center;
}
.greenleadform a.btn {
	display: block;
	text-indent: 0px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 1em auto 0;
	max-width: 230px;
	text-align: center;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.greenleadform a.btn:hover {
	max-width: 260px;
}
.csimages {
	text-align: center;
	margin: 2em auto;
}
.csimage {
	display: inline-block;
	padding: 0 1em;
	margin: 0 auto;
	max-width: 240px;
	text-align: center;
	vertical-align: middle;
}
.csimage img {
	height: auto;
	max-width: 100%;
}
.video-feature {
	background: #f6f6f6;
}
.feature-slideshow {
	display: block;
	margin: 0 auto;
	max-width: 1600px;
}
.feature-slideshow .slideimg,.feature-slideshow .slidecopy {
	display: block;
	float: left;
	width: 50%;
}
.feature-slideshow .slideimg img {
	width: auto !important;
	margin: 0 auto;
}
.feature-slideshow .slidecopy {
	padding: 5%;
}
.feature-slideshow .slidecopy h3 {
	font-size: 24px;
}
.feature-slideshow .slidecopy a.btn {
	text-transform: uppercase;
}
.feature-slideshow .owl-nav {
	opacity: 0.25;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.feature-slideshow .owl-nav:hover {
	opacity: 1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.feature-slideshow .owl-prev {
	position: absolute;
	display:block;
	width: 60px;
	height: 60px;
	left: 5px;
	top: 40%;
	text-indent: -9999px;
	background: transparent url('img/leftarrow.png') center center no-repeat;
	background-size: 60px 60px;
}
.feature-slideshow .owl-next {
	position: absolute;
	display:block;
	width: 60px;
	height: 60px;
	right: 5px;
	top: 40%;
	text-indent: -9999px;
	background: transparent url('img/rightarrow.png') center center no-repeat;
	background-size: 60px 60px;
}
.owl-dots {
	z-index: 9999;
	margin-top: -45px;
	text-align: center;
}
.owl-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 15px 7px;
	background: #ccc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.owl-dot.active {
	background: #699d1f;
}
.top-cta {
	display: block;
	padding: 1.5em 1em;
	color: #fff;
	text-align: center;
	vertical-align: top;
	background: rgb(57,122,47);
	background: -moz-linear-gradient(-45deg,  rgb(57,122,47) 0%, rgb(105,157,31) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	background: linear-gradient(135deg,  rgb(57,122,47) 0%,rgb(105,157,31) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#397a2f', endColorstr='#699d1f',GradientType=1 );
}
.top-cta .container {
	display: block;
	max-width: 820px;
	margin: 0 auto;
}
.top-cta iframe {
	height: 55px;
  	overflow-x: hidden;
  	max-height: 100%;
  	max-width: 100%;
}
.top-cta-label {
	display: block;
	float: left;
	width: 400px;
	font-size: 18px;
	text-transform: uppercase;
	padding-right: 1.5em;
	text-align: center;
}
.top-cta-form {
	display: block;
	float: left;
	width: 420px;
	text-align: left;
	overflow: hidden;
}

/* INTEGRATIONS */
.partners {
	margin: 0 auto 3em;
	max-width: 1480px;
}
.partners h3 {
	font-size: 24px;
	color: #699D1F;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 2px solid #ddd;
	padding-bottom: 0.5em;
	margin: 0 auto 2em;
	max-width: 900px;
}
.partnerblock {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}
.partnerblock h3 {
	font-size: 24px;
}
.partnerblock img {
	min-height: 80px;
	width: auto;
}
.iframe {
	border-top: 1px solid #ddd;
}
.products {
	margin: 0 auto 3em;
	max-width: 1480px;
}
.products .contain {
	text-align: center;
}
.products h3 {
	font-size: 24px;
	color: #699D1F;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 2px solid #ddd;
	padding-bottom: 0.5em;
	margin: 0 auto 2em;
	max-width: 900px;
}
.productsblock {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}
.productsblock h3 {
	font-size: 24px;
}
.productsblock img {
	min-height: 80px;
	width: auto;
}

/* RESOURCES */
.video-embed {
	background: #000;
	line-height: 0;
	padding: 5%;
}
.video-embed iframe {
	width: 100%;
}
.casestudy-details {
	background: #f6f6f6;
	padding: 5%;
}
.casestudy-details h2 {
	margin-bottom: 0.25em;
}
.cs-left h2,.cs-right h2 {
	padding: 0;
}
.cs-left p,.cs-right p {
	font-size: 21px;
	padding: 0;
	margin: 0 0 1.5em;
}
.cs-left ul {
	font-size: 21px;
	margin-left: 1em;
}
a.file {
	display: block;
	font-size: 21px;
	margin: 1em 0 0;
	padding-left: 70px;
	background: transparent url(img/download-icon.png) left top no-repeat;
	background-size: 60px auto;
	min-height: 60px;
}
a.file span {
	display: block;
	font-size: 16px;
	color: #699D1F;
	text-transform: uppercase;
}

/* BLOG */
.blogcontain,.searchcontain {
	display: block;
	padding: 3% 0 0;
}
.searchcontain {
	margin: 0 auto;
	max-width: 900px;
}
.searchcontain #main {
	float: none !important;
	width: 100% !important;
}
.blog .page-header,.archive .page-header,.search .page-header {
	width: 100%;
	background-size: cover;
	padding: 3% 0;
	background: rgb(68,68,68);
	background: -moz-linear-gradient(-45deg,  rgb(68,68,68) 0%, rgb(102,102,102) 100%);
	background: -webkit-linear-gradient(-45deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	background: linear-gradient(135deg,  rgb(68,68,68) 0%,rgb(102,102,102) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#666666',GradientType=1 );
}
.blog .page-header h1,.archive .page-header h1,.search .page-header h1 {
	display: block;
	max-width: 100%;
	font-size: 30px;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
	color: #fff;
	text-align: center;
	margin: 0 auto;
	padding: 0.5em 1em;
}
.blog .site-main > article,.archive .site-main > article,.search .site-main > article {
	padding-bottom: 2em;
}
.single-post .entry-title {
	font-size: 30px;
}
.blog .entry-meta {
	font-size: 16px;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.blog .entry-meta a {
	color: #999;
}
.blog .entry-content {
	font-size: 18px;
}
h2.widget-title {
	font-size: 24px;
	color: #397A2F;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 1px;
	padding-bottom: 0.5em;
	margin-bottom: 0;
	border-bottom: 1px solid #ddd;
}
.widget ul li, .widget ol li {
	font-size: 18px;
	color: #999;
	border-top: 1px solid #ddd;
	border-bottom: 0;
}
.widget ul li a, .widget ol li a {
	font-size: 18px;
	color: #222;
	padding-right: 0.25em;
}
.widget ul li a:hover, .widget ol li a:hover {
	color: #699D1F;
}
.entry-meta {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.link-more {
	text-transform: uppercase;
}
.entry-footer {
	padding: 1em 0;
	margin-top: 1em;
	border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.blog .cat-links a {
	font-size: 16px;
	color: #397A2F;
	text-transform: none;
	letter-spacing: 0px;
}
.blog .cat-links a:hover {
	color: #699D1F;
}
.entry-footer .cat-links a {
	font-size: 16px;
	color: #397A2F;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0px;
}
.entry-footer .cat-links .icon {
	font-size: 20px;
}
.blog h2.entry-title,.archive h2.entry-title,.search h2.entry-title {
	font-size: 24px;
}
.blog h2.entry-title a:hover,.archive h2.entry-title a:hover,.search h2.entry-title a:hover {
	color: #397A2F;
}
.widget_search input.search-field {
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.widget_search input.search-field:focus {
	border-color: #999;
	-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
	box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.widget_search button.search-submit {
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
}
#blogsubscribe .subscribe {
	padding: 2em 2em 1em;
	box-shadow: inset 0px 0px 6px rgba(0,0,0,0.5);
}
#blogsubscribe .subscribe iframe {
	height: 150px;
}
#blogsubscribe .sublabel {
	display: inline-block;
	font-size: 18px;
	line-height: 1.4;
	text-transform: none;
	background: transparent url(img/subscribe.png) left top no-repeat;
	background-size: 26px auto;
	padding-left: 34px;
	text-align: left;
	margin: 0 0 1em;
}
#blogsubscribe .subfield {
	margin: 0.5em 0 1em;
	width: 100%;
}
#blogsubscribe .subscribe input.sub:hover {
	padding: 0.75em 3em;
}
#comments {
	font-size: 16px;
	padding-top: 2em;
}
#commentform input,#commentform textarea {
	box-shadow: inset 0px 0px 4px rgba(0,0,0,0.25);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
#commentform .comment-metadata {
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#commentform .form-submit input.submit {
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
}
.comment-list, .comment-list .children {
	margin: 0 0 0 2em;
}


/* MISC */
.lightbox { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .container:before, .container:after {
	content: " ";
	display: table;
}
.clearfix:after, .container:after {
	clear: both;
}
.clearfix, .container {
	*zoom: 1;
}
.entry-content a, .entry-summary a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:focus:not(.prev):not(.next), .pagination a:hover:not(.prev):not(.next), .comments-pagination a:focus:not(.prev):not(.next), .comments-pagination a:hover:not(.prev):not(.next), .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
	webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.page:not(.home) #content {
	padding: 0;
}
.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-onhttp://telkonet.is.starkmedia.com/platform/ecosmart-devices/ecotouch-wireless-thermostat/#e-column:not(.has-sidebar) .page-header {
	margin: 0;
}

/* WooCommerce */
.woocommerce .site-header {
	border-bottom: 1px solid #eee;
}
.woocommerce #primary {
	width: 100% !important;
}
.woocommerce #secondary {
	display: none;
}
.woocommerce-breadcrumb,.woocommerce-result-count,.woocommerce-ordering {
	display: none;
}
.woocommerce .wrap {
	display: block;
	padding: 3em 2em !important;
	max-width: 1240px !important;
    margin: 0 auto !important;
}
.woocommerce-loop-product__title {
	font-size: 18px;
	color: #222;
	font-weight: 300;
	letter-spacing: 0px;
	text-transform: none;
}
.woocommerce-loop-product__title:hover {
	color: #397A2F;
}
.woocommerce-message {
	background: #699D1F;
	padding: 1.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.woocommerce-products-header {
	padding: 1.5em;
	background: -moz-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%, rgba(57,122,47,0.9) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	background: linear-gradient(135deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6699d1f', endColorstr='#e6397a2f',GradientType=1 );
}
.woocommerce-products-header h1 {
	display: block;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
	text-transform: none;
	padding: 0 0 0.5em;
	margin: 0;
	text-align: center;
}
ul.products li.product {
	text-align: center;
}
ul.products li.product .button {
	display: none;
}
a.buy-btn {
	display: inline;
	text-indent: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 0.5em auto 0;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
a.buy-btn:hover {
	padding: 0.5em 2.5em;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
}
.woocommerce .type-product {
	display: block;
	padding: 3em 2em;
	max-width: 1240px;
    margin: 0 auto;
}
.woocommerce-info {
	background: #fff;
	color: #444;
	text-align: left;
	padding: 0;
}
.woocommerce.has-sidebar #main {
	width: 100% !important;
	padding: 0px !important;
}
.woocommerce .summary p.price {
	font-size: 21px;
	color: #699D1F;
}
.woocommerce img, .woocommerce-page img {
	margin: 0 auto;
}
.woocommerce .entry-summary {
	display: block;
}
.woocommerce table.variations select {
	padding: 0.6em;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);

}
.single-product form.cart input {
	padding: 0.6em;
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
}
.woocommerce input {
	box-shadow: inset 0px 2px 3px rgba(0,0,0,0.1);
}
.woocommerce .cart button,.single-product .woocommerce-variation-add-to-cart .button {
	display: inline-block;
	text-indent: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 0 auto 0.25em;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.woocommerce .cart button:hover,.single-product .woocommerce-variation-add-to-cart .button:hover {
	padding: 0.5em 2.5em;
}
.woocommerce .entry-summary .product_meta {
	display: block;
	clear: left;
	margin: 1em 0 0;
}
.woocommerce .sku_wrapper,.woocommerce .posted_in {
	display: block;
	padding-top: 0.5em;
}
.woocommerce .posted_in a {
	color: #222;
}
.woocommerce .posted_in a:hover {
	color: #397A2F;
}
.woocommerce .product_meta .sku_wrapper {
	font-style: italic;
	color: #666;
}
.woocommerce .posted_in {
	font-size: 0.9em;
	color: #666;
}
.woocommerce-tabs {
	padding-top: 2em;
}
.woocommerce-tabs a {
	font-size: 18px;
	color: #666;
	text-transform: uppercase;
	box-shadow: none;
	outline: none;
	padding: 0.5em;
}
.woocommerce-tabs a:hover {
	color: #333;
	box-shadow: none;
}
.woocommerce-tabs .active a {
	color: #397A2F;
	box-shadow: 0 2px 0 #397A2F !important;
}
.woocommerce .variations tr {
	border: 0px;
}
.woocommerce .shop_attributes tr {
	border-top: 1px solid #eee;
	border-bottom: 0px;
}
.woocommerce .shop_attributes tr:first-child {
	border: 0;
}
.woocommerce .shop_attributes th,.woocommerce .shop_attributes td {
	padding: 1em 0;
	vertical-align: top;
}
.woocommerce .shop_attributes th {
	padding-right: 2em;
}
.woocommerce .shop_attributes p {
	margin: 0;
}
.woocommerce-Tabs-panel h2 {
	display: none;
}
#tab-description {
	padding-top: 1em;
}
a.remove {
	width: 24px;
	height: 24px;
	line-height: 21px;
	border: 1px solid #397A2F;
}
a.remove:hover {
	background: #397A2F;
}
.woocommerce-error a,.woocommerce-info a,.woocommerce-message a {
	color: #fff;
}
.woocommerce-cart .coupon .button {
	display: block;
	text-indent: 0px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.75em 1.5em;
	margin: 0;
	max-width: 230px;
	text-align: center;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.woocommerce-cart .coupon .button:hover {
	max-width: 260px;
	padding: 0.75em 2.5em;
}
.shop_table .actions .button {
	display: inline-block;
	text-indent: 0px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	padding: 0.75em 1.5em;
	margin: 0;
	max-width: 230px;
	text-align: center;
	background: rgb(102,102,102);
	background: -moz-linear-gradient(top,  rgb(102,102,102) 0%, rgb(68,68,68) 100%);
	background: -webkit-linear-gradient(top,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	background: linear-gradient(to bottom,  rgb(102,102,102) 0%,rgb(68,68,68) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
 	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.shop_table .actions .button:hover {
	max-width: 260px;
	padding: 0.75em 2.5em;
}
.cart_totals h2 {
	text-transform: capitalize;
}
.woocommerce-checkout .landinghd-nb,.woocommerce-cart .landinghd-nb {
	text-transform: capitalize;
	padding: 1.5em;
	background: -moz-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%, rgba(57,122,47,0.9) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	background: linear-gradient(135deg,  rgba(105,157,31,0.9) 0%,rgba(57,122,47,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6699d1f', endColorstr='#e6397a2f',GradientType=1 );
}
.woocommerce-cart .landinghd-nb {
	margin-bottom: 3em;
}
.woocommerce-checkout .landinghd-nb h1,.woocommerce-cart .landinghd-nb h1 {
	display: block;
	font-size: 24px;
	color: #fff;
	font-weight: 300;
	letter-spacing: 0px;
	text-transform: none;
	padding: 0 0 0.5em;
	margin: 0;
	text-align: center;
	text-transform: capitalize;
}
.checkout-button {
	display: block;
	float: right;
	text-indent: 0px;
	font-size: 21px;
	font-weight: 400;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 0.5em auto 0;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.checkout-button:hover {
	color: #fff !important;
	padding: 0.5em 2.5em;
	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
	-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
}
.checkout-button::after {
	display: none;
}
.woocommerce-cart .contentblock,.woocommerce-cart .fullcontain {
	padding-top: 0;
	max-width: 1280px;
	margin: 0 auto;
}
.woocommerce-error a:hover,.woocommerce-info a:hover,.woocommerce-message a:hover {
	color: #699D1F;
	box-shadow: 0px !important;
}
.checkout_coupon {
	padding: 2em;
	margin: 0 0 2em;
	background: #f5f5f5;
}
.checkout_coupon p {
	margin: 0 0 0.25em;
}
.checkout_coupon button.button {
	display: inline;
	text-indent: 0px;
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 0 auto;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.checkout_coupon button.button:hover {
	padding: 0.5em 2.5em;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
}
.woocommerce-checkout .contentblock {
	padding: 0 1em 3em;
	max-width: 1280px;
	margin: 0 auto;
}
.woocommerce button#place_order {
	display: block;
	width: auto;
	text-indent: 0px;
	font-size: 21px;
	font-weight: 400;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	padding: 0.5em 1.5em;
	margin: 0.5em auto 0;
	text-align: center;
	background: rgb(105,157,31);
	background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
	background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 2px 2px rgba(0,0,0,0.4) !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}
.woocommerce button#place_order:hover {
	color: #fff !important;
	padding: 0.5em 2.5em;
	-webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
	-moz-box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.4) !important;
}
a.cart-btn {
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	color: #666 !important;
	text-transform: uppercase;
	background: transparent url('img/cart-ico.png') left center no-repeat;
	background-size: 16px auto;
	padding-left: 21px !important;
	margin-left: 0.75em;
}
a.cart-btn:hover {
	color: #222 !important;
}
a.showcoupon {
	color: #397A2F !important;
}
a.showcoupon:hover {
	color: #699D1F !important;
}
.woocommerce-billing-fields {
	margin-bottom: 2em;
}
.woocommerce-error {
	list-style-type: none;
}
.wc_payment_method label img {
	padding: 0 0.25em;
}
.woocommerce-cart-form img {
	max-width: 120px;
}
.related h2 {
	text-transform: capitalize;
}
.woocommerce-customer-details {
	margin-top: 2em;
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
	text-transform: capitalize;
}

/* MEDIA QUERIES */
@media screen and (max-width: 767px) {
	.site-branding {
		border-bottom: 1px solid #ddd;
	}
	.cta a.btn,.cta a.tel {
		position: absolute;
		z-index: 999;
		top: 18px;
		display: inline-block;
		text-indent: -9999px;
	}
	.cta a.btn {
		width: 26px;
		height: 26px;
		right: 18px;
		background: transparent url(img/email.png) center center no-repeat;
		background-size: 26px auto;
	}
	.cta a.tel {
		width: 26px;
		height: 26px;
		right: 60px;
		background: transparent url(img/phone.png) center center no-repeat;
		background-size: 26px auto;
	}
	#breadcrumbs {
		display: none;
	}
	.copyright,.social,.links {
		display: block;
		float: none;
		width: 100%;
		font-size: 14px;
		text-align: center;
		padding: 1.5em 0 0;
	}
	.video-embed iframe {
		display: block;
		margin: 0 auto;
		width: auto;
		height: auto;
	}
	.contentblock img {
		display: block;
		float: none;
		padding: 0;
		margin: 0 auto 1em;
	}
	.feature-slideshow .slideimg, .feature-slideshow .slidecopy {
		float: none !important;
		width: 100% !important;
	}
	.supleft .supbk,.supright .supbk {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		background: #fff;
		margin: 0 !important;
	}
	.supleft .supbk {
		left: auto !important;
	}
	.supright .supbk {
		right: auto !important;
	}
	.supleft .supbk:hover,.supright .supbk:hover {
		margin-top: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.devcopy {
		padding: 5% 5% 3%;
	}
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
	.site-header {
		min-width: 100% !important;
	}
	#breadcrumbs {
		padding: 1em !important;
	}
	.custom-logo-link {
		display: block !important;
		margin: 0 auto !important;
		width: auto !important;
    }
	.custom-logo-link img {
		display: block !important;
		margin: 0 0 0 280px !important;
		padding: 0.5em 0 0 !important;
		width: auto !important;
		right: auto !important;
		left: auto !important;
		max-height: 55px !important;
	}
	.site-branding {
		padding-top: 0 !important;
	}
	.cta a.btn,.cta a.tel {
		position: absolute !important;
		z-index: 999 !important;
		top: 18px !important;
		display: inline-block !important;
		text-indent: -9999px !important;
		box-shadow: none !important;
	}
	.cta a.btn {
		width: 26px !important;
		height: 26px !important;
		right: 18px !important;
		background: transparent url(img/email.png) center center no-repeat !important;
		background-size: 26px auto !important;
	}
	.cta a.tel {
		width: 26px !important;
		height: 26px !important;
		right: 60px !important;
		background: transparent url(img/phone.png) center center no-repeat !important;
		background-size: 26px auto !important;
	}
	.fbk {
		float: none !important;
		width: 100% !important;
		margin: 0 0 1em !important;
	}
	.fbkimg {
		text-align: center;
	}
	.indbk {
		display: block !important;
		position: static !important;
		background: #fff !important;
		padding: 3% 5% !important;
		margin-top: 0 !important;
		margin-bottom: 1em !important;
		max-width: 100% !important;
  	}
	.indleft .indbk {
		left:  auto !important;
	}
	.indright .indbk {
		right: auto !important;
	}
	.indsecondary {
		display: block !important;
		max-width: 100% !important;
		margin: 0 auto 1em !important;
		padding: 0 5% !important;
	}
	.indsecondary img {
		display: block !important;
		float: left !important;
		width: 25% !important;
		max-width: 25% !important;
		height: auto !important;
		margin-right: 1em !important;
	}
	.indsmbk {
		display: block !important;
		float: left !important;
		width: 75% !important;
		background: #fff !important;
		margin-bottom: 2em !important;
	}
	.indsecleft,.indsecmiddle,.indsecright {
		width: 100% !important;
		margin-bottom: 2em !important;
	}
	.indsecleft .indsmbk,.indsecmiddle .indsmbk,.indsecright .indsmbk {
		position: static !important;
		margin: 0 !important;
		padding: 3%;
		min-height: 200px;
	}
	.subscribe {
		padding: 1em !important;
	}
	.subscribe .container {
		max-width: 100% !important;
	}
	.subscribe-label {
		font-size: 16px !important;
		background: transparent url(img/subscribe.png) left center no-repeat!important;
		background-size: 45px auto!important;
		padding-left: 55px!important;
		width: 35% !important;
		line-height: 1.2 !important;
		margin-left: 5%;
	}
	.subscribe-form {
		width: 60% !important;
	}
	.copyright,.social,.links {
		float: none !important;
		width: 100% !important;
		text-align: center !important;
		margin-bottom: 2em !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.supleft .supbk,.supright .supbk {
		position: static !important;
		width: 100% !important;
		max-width: 100% !important;
		background: #fff;
		margin: 0 !important;
	}
	.supleft .supbk {
		left: auto !important;
	}
	.supright .supbk {
		right: auto !important;
	}
	.featcopy, .featimg {
		float: none !important;
		width: 100% !important;
	}
	.device-resources .col {
		float: none !important;
		width: 100% !important;
	}
	.top-cta .container {
		max-width: 100% !important;
	}
	.top-cta-label {
		width: 45%;
	}
	.top-cta-form {
		width: 55%;
	}
	.partnerblock {
		float: none !important;
		width: 100% !important;
		min-height: 0 !important;
	}
	.landinghd h1 {
		max-width: 75% !important;
		font-size: 30px !important;
	}
	.feature-slideshow .slideimg, .feature-slideshow .slidecopy {
		float: none !important;
		width: 100% !important;
	}
	#breadcrumbs {
		font-size: 13px !important;
	}
	#breadcrumbs a {
		padding: 0 0.5em !important;
	}
}
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1) {
	.site-header {
		min-width: 100% !important;
	}
	.custom-header {
		width: 19% !important;
	}
	.custom-logo-link img {
		max-height: 45px !important;
		padding-left: 1em;
	}
	.navigation-top {
		width: 600px !important;
	}
	.main-navigation li {
		font-size: 13px !important;
	}
	.indsecleft,.indsecmiddle,.indsecright {
		border-right: 3px solid #fff;
	}
	.indsecleft .indsmbk,.indsecmiddle .indsmbk,.indsecright .indsmbk {
		position: static !important;
		margin: 0 !important;
		padding: 6%;
		min-height: 200px;
	}
	.indsmbk h3 {
		font-size: 21px !important;
	}
	.footer .contain {
		padding: 0;
	}
	.social {
		width: 30% !important;
	}
	.copyright,.links {
		width: 35% !important;
	}
}
@media screen and (min-width: 768px) {
	.site-branding {
		padding: 1.5em 0 0;
		margin-bottom: 0 !important;
		text-align: center;
	}
	.site-header {
		min-width: 1140px;
	}
	.custom-header {
		display: block;
		float: left;
		width: 22%;
		margin: 0;
	}
	.custom-logo-link {
		padding: 0;
	}
	.custom-logo-link img {
		max-height: 55px;
	}
	.navigation-top {
		display: block;
		width: 740px;
		padding-top: 2em;
		top: auto;
		bottom: auto;
		margin: 0 auto;
		text-transform: uppercase;
	}
	.main-navigation {
		width: auto !important;
		margin: 0 auto !important;
	}
	.main-navigation li.parenthover a {
		color: #397A2F;
	}
	.main-navigation li.parenthover ul a {
		color: #222;
	}
	.main-navigation ul ul {
		border: 0;
	}
	.main-navigation ul ul a {
		width: 18em;
		padding: 1em;
		border-top: 1px solid #ddd;
	}
	.main-navigation ul ul li:first-child a {
		border-top: 0;
	}
	ul#top-menu li:first-child {
		display: none;
	}
	ul#top-menu li.menu-item-object-custom:last-child a {
		text-indent: -9999px;
		background: transparent url(img/search.png) center center no-repeat;
		background-size: 16px;
		outline: none;
	}
	ul#top-menu li.menu-item-object-custom a.open {
		opacity: 0.75;
	}
	ul.sub-menu {
		-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
		box-shadow: 0px 2px 15px rgba(0,0,0,0.25);
	}
	ul.sub-menu li {
		display: block !important;
	}
	ul.sub-menu li a {
		background: #f6f6f6;
  		-webkit-transition: all 0.2s;
  		-moz-transition: all 0.2s;
  		-o-transition: all 0.2s;
  		transition: all 0.2s;
	}
	ul.sub-menu li a:hover {
		color: #fff;
		background: #666666;
	}
	.contain {
		padding: 0 2em;
	}
	.third {
		display: block;
		float: left;
		width: 33.33%;
		padding-right: 5%;
	}
	.third p {
		margin-bottom: 0.75em;
	}
	.subscribe {
		padding: 2em 1em;
	}
	.subscribe-label {
		font-size: 21px;
		background: transparent url(img/subscribe.png) left center no-repeat;
		background-size: 28px auto;
		padding-left: 40px;
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
	.site-footer {
		display: block;
		padding: 3em 1em;
		margin: 0 auto;
	}
	.cta {
		display: block;
		float: right;
		width: 20%;
		padding: 1.75em 1em;
		text-align: center;
	}
	.site-footer .copyright a {
		border-left: 1px solid #ccc;
		padding-left: 0.75em;
		margin-left: 0.5em;
	}
	.site-footer .links a {
		border-left: 1px solid #ccc;
		padding-left: 0.75em;
		margin-left: 0.5em;
	}
	.cta a.btn {
		position: static;
		display: inline-block;
		text-indent: 0px;
		font-size: 16px;
		color: #fff;
		text-transform: uppercase;
		padding: 0.5em 1.5em;
		margin: 0 auto 0.25em;
		background: rgb(105,157,31);
		background: -moz-linear-gradient(top,  rgb(105,157,31) 0%, rgb(57,122,47) 100%);
		background: -webkit-linear-gradient(top,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
		background: linear-gradient(to bottom,  rgb(105,157,31) 0%,rgb(57,122,47) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699d1f', endColorstr='#397a2f',GradientType=0 );
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
		-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
		box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
  		-webkit-transition: all 0.2s;
  		-moz-transition: all 0.2s;
  		-o-transition: all 0.2s;
  		transition: all 0.2s;
	}
	.cta a.btn:hover {
		padding: 0.5em 2.5em;
	}
	.cta a.tel {
		position: static;
		display: inline-block;
		text-indent: 0px;
		color: #444;
		font-size: 15px;
		padding: 0.25em 0.25em 0;
	}
	.cta a.tel:hover {
		color: #666;
	}
	.copyright {
		display: block;
		float: left;
		width: 30%;
		text-align: left;
	}
	.social {
		display: block;
		width: 40%;
		float: left;
		text-align: center;
	}
	.links {
		display: block;
		float: right;
		width: 30%;
		text-align: right;
	}
	.howitworks a {
		position: absolute;
		line-height: auto;
		width: 240px;
		right: 2%;
		padding: 0.5em 0.75em 0.65em;
		margin-top: -3.5%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
		-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
		box-shadow: 0px 2px 5px rgba(0,0,0,0.5);
	}
	.howitworks a:hover {
		margin-top: -4%;
		-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.6);
		box-shadow: 0px 2px 15px rgba(0,0,0,0.6);
	}
	.howitworks a img {
		margin-right: 0.5em;
	}
	.elevator {
		padding: 3em 1em;
	}
	.elevator-nb {
		padding: 1em 1em 3em;
	}
	.feature {
		margin: 3em auto 0;
	}
	.indleft,.indright {
		margin-bottom: 8%;
	}
	.indleft .indbk {
		left: 5%;
	}
	.indright .indbk {
		right: 5%;
	}
	.indbk {
		position: absolute;
		margin-top: -20%;
		margin-bottom: auto;
		background: rgba(246,246,246,0.95);
		max-width: 45%;
		padding: 5%;
	}
	.indbk:hover {
		margin-top: -21%;
		-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	}
	.indbk h3 {
		font-size: 36px;
	}
	.indbk p {
		font-size: 18px;
		margin-bottom: 1.5em;
	}
	.about {
		font-size: 21px;
		line-height: 1.4;
	}
	.about p {
		padding: 0 2em 1em;
	}
	.fbk {
		float: left;
		width: 33.33%;
		margin: 0;
	}
	.fbkimg {
		float: left;
		width: 28%;
	}
	.fbkcopy {
		float: left;
		width: 65%;
	}
	.fbk h3 {
		font-size: 24px;
		font-weight: normal;
		margin: 0 0 0.25em;
		padding: 0;
	}
	.fbk p {
		font-size: 16px;
		line-height: 1.4;
		padding: 0;
		margin: 0 0 1em;
	}
	.indsecleft,.indsecmiddle,.indsecright {
		display: block;
		float: left;
		width: 33.33%;
	}
	.indsecleft .indsmbk {
		margin-left: -2%;
	}
	.indsecmiddle .indsmbk {
		margin-left: 1%;
	}
	.indsecright .indsmbk {
		margin-left: 2%;
	}
	.indsecondary {
		margin: 0 auto 3em;
		padding: 0 3% 3%;
	}
	.indsecondary img {
		float: none;
		width: 100%;
		max-width: 400px;
		height: auto;
		margin-right: 0;
	}
	.indsmbk {
		position: absolute;
		float: none;
		width: auto;
		margin-top: -15%;
		margin-bottom: auto;
		background: rgba(246,246,246,0.95);
		max-width: 400px;
		padding: 3%;
	}
	.indsmbk:hover {
		margin-top: -16%;
		-webkit-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
		-moz-box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
		box-shadow: 0px 2px 15px rgba(0,0,0,0.2);
	}
	.indsmbk h3 {
		font-size: 24px;
	}
	.indsmbk p {
		font-size: 18px;
		margin-bottom: 1.5em;
	}
	.secondary {
		max-width: 1480px;
		margin: 0 auto 2em;
		padding: 0 3% 3%;
	}
	.secbk {
		display: block;
		float: left;
		width: 50%;
		padding: 0 2%;
		margin-bottom: 0;
	}
	.seccon {
		padding: 6%;
		min-height: 260px;
	}
	.seccon h3 {
		font-size: 1.375rem;
		margin-bottom: 0.5em;
	}
	.seccon p {
		font-size: 18px;
		margin-bottom: 1.5em;
	}
	.downloadhd {
		padding-left: 90px;
		background: transparent url(img/download-icon.png) left top no-repeat;
		background-size: 75px auto;
		min-height: 80px;
	}
	.downloadsm {
		font-size: 18px;
		padding-top: 0.5em;
	}
	.downloadhd h4 {
		font-size: 24px;
	}
	.mobilehero {
		display: none !important;
	}
	.elevator .contain,.elevator-nb .contain {
		font-size: 21px;
	}
	.elevator .contain p,.elevator-nb .contain p {
		padding: 0 1em;
		margin: 0;
	}
	.landinghd h1 {
		max-width: 50%;
		font-size: 40px;
	}
	.landinghd-nb h1 {
		font-size: 40px;
	}
	.fullcopy,.fullimg {
		display: block;
		float: left;
		width: 50%;
	}
	.device {
		padding: 0 0 3%;
	}
	.devgallery,.devcopy {
		display: block;
		float: left;
		width: 50%;
		max-width: 50%;
	}
	.devgallery {
		padding: 3%;
	}
	.devcopy {
		padding: 8% 3% 3%;
	}
	.devcopy h1 {
		font-size: 40px;
	}
	.device-keyfeatures .contain {
		padding: 0 1em;
	}
	.featcopy h2 {
		font-size: 36px;
	}
	.featcopy,.featimg {
		display: block;
		float: left;
		width: 50%;
	}
	.device-keyfeatures .col {
		padding-right: 1em;
	}
	.device-keyfeatures h2 {
		font-size: 36px;
	}
	.device-keyfeatures .col {
		display: block;
		float: left;
		width: 33.33%;
	}
	.device-integrate .featcopy h3 {
		font-size: 32px;
	}
	.device-resources h2 {
		font-size: 36px;
	}
	.device-resources .col {
		display: block;
		float: left;
		width: 33.33%;
		padding-right: 1em;
	}
	.leadform h2 {
		font-size: 40px;
	}
	.casestudies h3 {
		font-size: 30px;
	}
	.feature-slideshow .slidecopy h3 {
		font-size: 30px;
	}
	.contentblock {
		padding: 3em 1em;
	}
	.contentblock h2 {
		font-size: 30px;
	}
	.fullcontain {
		padding: 2em 2em 0;
	}
	.contentblock.half {
		display: inline-block;
		width: 49.5%;
		padding: 3em;
	}
	.contentblock.thirds {
		display: inline-block;
		width: 33%;
		padding: 3em;
	}
	.contentblock ul.half {
		float: left;
		width: 45%;
		margin-bottom: 1em;
	}
	.blog .page-header h1 {
		font-size: 40px;
	}
	.blogcontain,.searchcontain {
		padding: 5% 0;
	}
	.single-post .entry-title {
		font-size: 40px;
	}
	.blog h2.entry-title,.archive h2.entry-title,.search h2.entry-title {
		font-size: 30px;
	}
	.has-sidebar #main {
		float: left !important;
		width: 70%;
		padding-right: 5%;
	}
	.has-sidebar #secondary {
		float: left !important;
		width: 30%;
	}
	#cn-accept-cookie {
		float: left;
		margin-top: -0.5em;
		margin-left: 2em;
	}
	.partners {
		margin: 3em auto;
	}
	.partners h3 {
		font-size: 30px;
		padding-top: 0;
	}
	.partnerblock {
		float: left;
		width: 33.33%;
		min-height: 360px;
	}
	.partnerblock img {
		max-height: 80px;
	}
	.partnerblock h4 {
		font-size: 24px;
	}
	.partnerblock p {
		font-size: 16px;
		color: #444;
		padding: 0 2em;
	}
	.products {
		margin: 3em auto;
	}
	.products h3 {
		font-size: 30px;
	}
	.productsblock {
		display: inline-block;
		width: 25%;
	}
	.productsblock img {
		max-height: 80px;
	}
	.productsblock:nth-child(4n+1){
    	clear: left !important;
	}
	.video-embed {
		padding: 3em 1em;
	}
	.casestudy-details {
		padding: 3em 1em;
	}
	.cs-left {
		display: block;
		float: left;
		width: 65%;
		padding-right: 5%;
	}
	.cs-right {
		display: block;
		float: left;
		width: 35%;
		font-size: 21px;
	}
	.subblock:nth-child(odd) {
		clear: left;
	}

	/* WooCommerce */
	.woocommerce-products-header h1 {
		font-size: 40px;
	}
	.woocommerce h1.product_title {
		font-size: 36px;
		margin-top: 0.5em;
	}
	.woocommerce-loop-product__title {
		font-size: 21px;
	}
	.single-product .summary p.price {
		font-size: 24px;
		margin-bottom: 1em;
	}
	.woocommerce .cart button,.single-product .woocommerce-variation-add-to-cart .button {
		font-size: 18px;
	}
	.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
		width: 40%;
	}
	.checkout_coupon button.button {
		font-size: 18px;
	}
	.woocommerce-cart .landinghd-nb h1,.woocommerce-checkout .landinghd-nb h1 {
		font-size: 40px;
	}
	.woocommerce-products-header,.woocommerce-checkout .landinghd-nb,.woocommerce-cart .landinghd-nb {
		padding: 3em 2em;
	}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
	.main-navigation a {
		padding: 1em;
	}
	.map h2 {
		font-size: 30px;
		margin: 1.5% auto 0;
	}
	.landinghd h1 {
		max-width: 60%;
	}
	.indbk,.supbk {
		max-width: 75%;
	}
	.video-embed iframe {
		height: 320px;
	}
}
@media screen and (min-width: 1140px) {
	.subblock {
		float: left;
		width: 50%;
	}
	.subblock:nth-child(odd) {
		padding-right: 0.25%;
	}
	.subblock:nth-child(even) {
		padding-left: 0.25%;
	}
}
@media screen and (min-width: 1600px) {
	.howitworks a {
		right: 6%;
	}
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 0.4.10 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2014, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all{.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000001;text-align:center;white-space:nowrap;cursor:pointer;background:#666;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}

/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('../img/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}