body{
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif !important;
}
/*
html{
    overflow-x: hidden;
}
*/

.sysTopSpacer{
	margin-top:140px; 
	width:100%; 
	height:1px;
}

.sliderBtn img{
	display:none !important;
}

.navbar.affix .pageTitle{
	display:none;
}

.pageTitle{
	/* height:30px; */
	width:100%;
	background:white;
	/*background-image: url("/img/dark_wall.png");
    background-repeat: repeat;
	background-size: 150px;*/
}

.cervtopsmvt {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

.navbar.affix-top #navbartop{
	background-color: #fff !important;
	clear:both;
}



.navbar.affix #navbartop{
	/*background-image: url("/img/dark_wall.png");
    background-repeat: repeat;
    background-size: 150px;*/
	background:white;
	border-top: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	border-bottom: 1px solid #686868;
}

.navbar.affix-top .navbar-nav a{
	color:#555 !important;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px !Important;
}
.navbar.affix-top .navbar-nav a:hover{
	color:#000 !important;
	/* font-size: 24px !important; */
}


.navbar.affix .navbar-nav a{
	color:#686868 !important;
	padding-left: 12px;
	padding-right: 12px;
}



.navbar.affix-top .smallcervicon, .navbar.affix-top .smalliconcontainer{
	display:none;
}

.smalliconcontainer{
	width:0px;
	float:left;
	margin-left:20px;
}

.navbar.affix .smallcervicon{
	display:block !important;
	height:42px;
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1800px) {
	
}

/*this was in 1800 section*/
.navbar.affix-top .pageTitle{
	display: block;
	/* height: 75px; */
}
.navbar.affix-top .pageTitle img{
	padding: 0px;
	height: 75px;
}
.thirdcol{
	width:33%;
	/* min-width:200px; */
	float:left;
}
.navbar-header {
	/*background-image: url("/img/dark_wall.png");
	background-repeat: repeat;
	background-size: 150px;
	*/
	background:white;
}
.contentBox{
	/* height: 100%; */
	/* min-height: 400px; */
	position: relative;
	padding:0px;
}



@media only screen and (max-width : 1175px) {
	a.featBlockTitle {
		font-size: 18px !important;
		font-size: 1.8vw !important;
	}
	a.featBlockText{
		margin-left:7px !important;
	}
	.cervtopsmvt{
		font-size: calc(1vw + 1vh);
	}
}



@media only screen and (max-width: 1095px){
	#freshair {
		padding: 140px 0 !important;
	}
	.navBarSocial{
		margin-top: 3px !important;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 990px) {	/*was 992*/
	
	a.featBlockTitle {
		font-size: 22px !important;
	}
	
	.navbar.affix .smallcervicon{
		display:none;
	}
	.contentBox{
		height: auto;
		min-height: 400px;
		position: relative;
		padding: 0px;
		padding-bottom: 20px;
	}
	.cervfeaticon {
		height: 75px;
	}
	.cervsubtext {
		font-size: 15px !important;
	}
	.precol, .postcol{
		display:none;
	}
	.maincol{
		width: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.smallscrpostcerv{
		display:block !important;
	}
	.simCERVBox{
		display:block;
	}
	.fblockUSA {
		padding-left: 115px !important;
	}
	.featBlock:not(.fblockUSA) {
		padding-left: 100px !important;
	}
	.feat-cerv img {
		/*max-width: 100%;*/
		height: 300px !important;
	}
	#features .col-md-6 {
		padding: 0px;
	}
	
	.ha-iaqstats {
		/* background: url(images/large/data.PNG) !important; */
		/* background-position-y: 30% !important; */
		/* background-attachment: fixed !important; */
		background-position-x: 35% !important;
		/* -webkit-backface-visibility:hidden; */
	}
	
	.ha-cervbridge{
		background: url(/img/seigaiha.png) !important;
		background-size:100%;
	}
}

@media only screen and (max-width : 940px) and (min-width : 768px) {	/*was 992*/
	#mainNav:not(.affix-top) #navbartop{
		padding-left: 140px !important;
	}
	#mainNav:not(.affix-top) .nav.navbar-nav a{
		font-size: 13px !important;
	}
}
@media only screen and (max-width: 850px) and (min-width: 786px) {
	#mainNav:not(.affix-top) .nav.navbar-nav a{
		font-size: 11.5px !important;
	}

}

@media only screen and (max-width: 785px) and (min-width: 768px) {
	#mainNav:not(.affix-top) .nav.navbar-nav a{
		font-size: 10px !important;
	}
}

@media only screen and (max-width : 850px){
	.ha-cervbridge, .ha-iaqstats, #downloads{
		background-attachment: initial !important;
		background-image: url("/img/funky-lines.png") !important;
		background-size: 80% !important;
		background-repeat: repeat !important;
	}
	.tleText{
		font-size:11px !important;
		padding-top:2px !important;
	}
	.tleTitle{
		font-size:13px !important;
	}
	.tleActive .tleBox{
		height:150px !important;
	}
	#simCERVDesc .tleActive img {
		transform: scale(1.2) !important;
	}
	#simCERVDesc img {
		height:30px !important;
	}
	.tleActive .tleTitleArrow{
		margin-top:-7px !important;
	}
	.int_featcont{
		width: 33% !important;
	}

	.int_featcont:nth-of-type(3) {
		border-right: none !important;
	}
	.hideBelow850{
		clear: none !important;
	}
	.int_featcont_c{
		clear: none !important;
		padding-left: 1%;
		padding-right: 1%;
		padding-top: 55px;
		width: 33%;
		height: 250px !important;
		float: left;
		border-left: 1px solid #dedede;
	}

	h4.int_fc_header{
		height:35px;
	}
	
}

@media only screen and (max-width : 830px){
	.navbar.affix-top .navbar-nav a {
		font-size: 14px !Important;
	}
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.navbar.affix-top #navbartop{
		clear: none !important;
	}
	.cervlogocol{
		/* float:right !important; */
		/*min-width: 200px;*/
	}
	.smallcervicon {
		display: block !important;
		margin-top: 4px;
		position: absolute;
		left: 0px;
		right: 0px;
		margin: 4px auto;
	}
	a.featBlockTitle {
		font-size: 22px !important;
	}
	a.featBlockText {
		font-size: 14px !important;
	}
	.quote-area{
		font-size:14px !important;
	}
	.sectionhead{
		font-size:20px !important;
	}
	a.featBlockTitle, a.featBlockText {
		margin-left: 2px; 
	}
	.sliderPause {
		left: 50% !important;
		top: -30px !important;
	}
	.iaqtable td {
		font-size: 12px !important;
	}
	.iaqtable th{
		font-size: 12px !important;
	}
	.iaqtable {
		/*top: 20% !important;*/
	}
	.navbar.affix-top .newsbar{
		margin-top: 5px !important;
		min-width:550px !important;
		/* margin-right: 5px !important; */
	}
	.navbar.affix-top .newsbar a{
		font-size:10px;
		padding:8px;
	}
	.bottomtriangle{
		display:none;
	}
	.affix .navbar-header{
		    border-bottom: 1px solid #686868;
	}

	.navBarSocial{
		display:none;
	}

}

@media only screen and (max-width:695px){
	.cervtopsmvt{
	font-size: 18px;
	}
	.cervlogocol img {
		width: 100%;
		height: auto !important;
	}
}

@media only screen and (max-width:650px){
	#learnmore .postprev_cont{
		width: 450px !important;
		/* height: 200px !important; */
		max-width: 100%;
		margin: auto 0px !important;
		display: block;
	}
	#learnmore .newsContent>a {
		margin: auto;
		max-width: 450px;
		display: block;
		padding-bottom: 15px;
	}
	#learnmore .postprev_featImg{
		max-height:250px !important;
	}
	#learnmore .postprev_title{
		font-size:18px !important;
	}
	#learnmore .smScrClear{
		clear:both;
	}
	.newsPrevInBox>a{
		display: block;
		margin: auto;
		max-width: 450px;
	}
	.bottomBtn{
		position: relative !important;
		height: 75px;
		padding-top: 19px !important;
		font-size: 25px !important;
	}
	.sysTopSpacer{
		margin-top:90px; 
	}
}

@media only screen and (max-width : 600px){
	.cervtopsmvt{
		font-size:17px;
		font-size: calc(1vw + 1vh);
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
	.tableStatement br{
		display:block !important;
	}
	.avgIAQdescTxt {
		font-size: 18px !important;
		padding: 18px !important;
	}
	.ha-iaqstats table tr:last-child td:first-child {
		-moz-border-radius-bottomleft:0px !important;
		-webkit-border-bottom-left-radius:0px !important;
		border-bottom-left-radius:0px !important;
	}

	.ha-iaqstats table tr:last-child td:last-child {
		-moz-border-radius-bottomright:0px !important;
		-webkit-border-bottom-right-radius:0px !important;
		border-bottom-right-radius:0px !important;
	}

	.ha-iaqstats table tr:first-child th:first-child {
		-moz-border-radius-topleft:0px !important;
		-webkit-border-top-left-radius:0px !important;
		border-top-left-radius:0px !important;
	}

	.ha-iaqstats table tr:first-child th:last-child {
		-moz-border-radius-topright:0px !important;
		-webkit-border-top-right-radius:0px !important;
		border-top-right-radius:0px !important;
	}

	.int_featcont{
		width: 50% !important;
		height: 175px !important;
	}
	.int_featcont_c{
		width: 50% !important;
		height: 175px !important;
	}
	.int_featcont:nth-of-type(even) {
		border-right: none !important;
	}
	.int_featcont:nth-of-type(odd) {
		border-right: 1px solid #dedede !important;
	}
	p.int_fc_subtxt{
		text-align:center !important;
	}
	img.int_fc_img{
		max-width: 112px !important;
	}
	.int_featcont:nth-of-type(1) img.int_fc_img{
		max-width:80px !important;
	}

}

@media only screen and (max-width : 557px) {
	a.featBlockTitle {
		text-decoration: underline;
		font-size: 16px !important;
	}
	.avgIAQrect{
		width:100% !important;
		border-top-right-radius:0px !important;
		border-bottom-right-radius:0px !important;
	}
	.avgIAQContainer{
		height: 75px !important;
		margin-top: 20px !important;
	}
	.iaqText{
		font-size:35px !important;
	}
	.ppmText {
		font-size: 15px !important;
		margin-top: -7px !important;
	}
	.avgIAQouterC {
		height: 95px !important;
		width: 95px !important;
		margin-top: -9px !important;
		padding: 5px !important;
	}
	.navbar.affix-top .newsbar{
		width:100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		margin: 0px !important;
	}
	th .thimg{
		width: 90px;
		height:auto !important;
	}
	.compTable td .thimg{
		width:30px;
		height:auto;
	}
	.compTable td:nth-of-type(1){
		width:30% !important;
	}
	.compTable td{
		width:17% !important;
		padding-left:5px;
	}
	.centerHeaderSub{
		font-size:12px;
		padding: 5px 20px;
	}
	.smSecHead{
		font-size:16px !important;
	}

}

@media only screen and (max-width: 1025px), only screen and (max-height: 500px){
	.quoteText {
		color: black;
		background: #ffffffb0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		padding: 5px;
	}

	.quoteAttribution {
		color: gray;
		background: #ffffffb0;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
}

@media only screen and (max-width : 500px) {
	.cervlogocol img, .signincol img, .belogocol img{
		max-height:65px !important;
		width:auto !important;
	}
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 480px) {
	.navbar.affix-top .pageTitle{
		display: block;
		height: 45px;
	}
	.navbar.affix-top .pageTitle img {
		padding: 0px;
		height: 45px !important;
		margin-right: 0px;
	}
	#freshair{
		padding: 95px 0 !important;
	}
	.ei-slider{
		padding-bottom: 95px !important;
	}
	.thirdcol {
		/* width: auto !important; */
		min-width: auto !important;
	}
	.navbar.affix .smallcervicon{
		
	}
	.smalliconcontainer {
		float: left;
		margin-left: 20px;
	}
	
	.cerviceLoginBtn {
		height: 40px !important;
	}
	
	a.featBlockTitle {
		text-decoration: underline;
		font-size: 16px !important;
	}
	a.featBlockText {
		font-size: 12px !important;
	}
	.featBlock:not(.fblockUSA) {
		padding-left: 79px !important;
		/* padding-left: 0px; */
	}
	a.featBlockTitle, a.featBlockText {
		margin-left: 2px !important;
	}
	.meetSecHeader {
		font-size: 19px;
	}
	.topText {
		font-size: 50px !important;
	}
	
	.dimsPic{
		width: 100% !important;
	}
	.specsTable{
		font-size: 10px !important;
		width: 100% !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.avgIAQdescTxt{
		padding: 5px !important;
	}
	.compTable td:first-child{
		font-size:14px !important;
	}
	.compTable td{
		padding-top:5px;
		padding-bottom:5px;
	}
	.compTable td .thimg{
		width:25px;
		height:auto;
	}
	.int_cont .int_CERV2{
		width:240px;
		height:auto;
	}
	.int_cont .int_pre{
		font-size:17px;
	}
	.int_cont .int_post{
		font-size:22px;
	}
	.int_unit{
		width: 60%;
		height: auto !important;;
	}
	p.int_fc_subtxt{
		width: 100% !important;
	}
	.ha-livelonger, .ha-iaqstats, .ha-cervbridge{
		margin-top: 95px !important;
	}
	
}

@media only screen and (max-width : 411px) {
	a.featBlockTitle {
		text-decoration: underline;
		font-size: 14px !important;
	}
	a.featBlockText {
		font-size: 15px !important;
	}
	.meetSecHeader {
		font-size: 15px !important;
	}
	/*.avgIAQdescTxt{
		padding: 5px !important;
	}*/
	.small_featBlockTitle{
		display: block !important;
		width: 100%;
		font-size: 16px;
		text-align: right;
		margin-bottom: -15px;
		margin-top: 15px;
		font-weight: bold;
		padding-right: 5px;
	}
	.featBlockTitle{
		display: none !important;
	}
	.f-content {
		-js-display: flex;
		display: flex;
		align-items: center;
	}
	.int_featcont{
		width: 100% !important;
		height: 130px !important;
	}
	.int_featcont_c{
		width: 100% !important;
		height: 130px !important;
		margin-top: 40px !important;
	}
}
@media only screen and (max-width : 380px) {
	a.featBlockTitle {
		text-decoration: underline;
		font-size: 13px !important;
	}
	a.featBlockText {
		font-size: 14px !important;
	}
}
@media only screen and (max-width : 360px) {
	a.featBlockTitle {
		text-decoration: underline;
		font-size: 12px !important;
	}
	a.featBlockText {
		font-size: 13px !important;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


.contentBox{
	height: 100%;
	/* min-height: 630px; */
	position: relative;
	padding:0px;
}

#features{
	height:auto;
}



.smallscrpostcerv .cervposttext {
	margin-top: 0px;
	color: #202020;
	float: none;
}
.smallscrpostcerv {
	text-align: center;
	display:none;
}

.navbar.affix .pageTitle img{
	display:none;
}

.container-fluid{
	padding-left:0px !important;
	padding-right:0px !important;
}
#navbartop{
	padding-left:15px;
	padding-right:15px;
	/* border-bottom:1px solid #686868; */
}
/*
.navbar-default .nav > li>a, .navbar-default .nav>li>a:focus{
	color:#222;
}
*/
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    /* font-size: 15px !important; */
}

.navbar .navbar-collapse {
    text-align: center;
}
.navbar-nav>li>a {
    padding-top: 11px;
    padding-bottom: 7px;
    font-size: 16px !important;
}
.navbar{
	min-height:32px !important;
	border:0px !important;
	background-color: transparent !important;
}

#freshair{
	padding: 115px 0;
	min-height:400px;
	position: relative;
}

.contentBox.bg-primary{
	/* padding: 115px 0; */
}



.ei-slider {
    position: absolute !important;
    height: 100% !important;
	padding-bottom: 115px;
}
.ei-slider-thumbs {
    margin-top: -15px !important;
    z-index: 999 !important;
}

.ei-slider-large img{
	position:absolute;
	bottom:0px;
}


.takeContBack{
	position:absolute;
	left:0%;
	bottom:0px;
	z-index:0;
}

#takecontrol {
    /* height: initial !important; */
    padding-bottom: 86px;
}

#thesystem{
	background-image: url("/img/hexabump.png");
    background-repeat: repeat;
    background-size: 7px;
	height: auto;
}

#controllerContainer {
    /*height: 100%;
    display: flex;
    align-items: center;*/
    height: 100%;
}

.loadDemoText {
    position: absolute;
    z-index: 999;
    top: 50%;
    font-size: 31px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: white;
    cursor: pointer;
    text-shadow: 0px 0px 5px black;
}

.loadDemoText:hover {
    color: white;
    text-decoration: none;
}

.cervDemoPrev {
    cursor: pointer;
    background-image: url(/img/takecontrol_overlay.png);
	background-repeat-x: no-repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    height: 100%;
}

@media only screen and (max-width : 687px) {
	.cervDemoPrev {
		 background-image: url(/img/takecontrol_mobile_overlay.png);
	}
}

#demoFrame{
	width: 100%;
	height: 100%;
	border: 0px;
}

#MainMenu, #SettingsMenu{
    -webkit-box-shadow: 0px 3px 9px black !important;
    -moz-box-shadow: 0px 3px 9px black !important;
	box-shadow: 0px 3px 9px black !important;
}
.sectionhead{
	text-align: center;
	color: #ffffff;
	font-size: 40px;
	font-weight: bold;
	font-family: 'Open Sans Condensed', sans-serif;
	/*background-image: url("/img/dark_wall.png");
    background-repeat: repeat;
    background-size: 150px;*/
	background: url("/img/footer_lodyas.png");
	padding: 10px;
	background-size: 25%;
}
.sectionsubhead {
    text-align: center;
    font-weight: bold;
    font-size: 17px;
    color: white;
    background: #333333;
    padding: 5px 0px;
    background-image: url("/img/footer_lodyas.png");
    background-size: 25%;
}

#cervSysSVG{
	width:100%;
}
#cervSysSVG svg{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#sysdeets_partb, #sysdeets_parta, #sysdeets_fans, #sysdeets_geoboost, #sysdeets_filterbox, 
#sysdeets_hydroex, #sysdeets_touchscreen, #sysdeets_cervice, #sysdeets_ventsw{
	cursor:pointer;
}

.feat-row {
    height: 100%;
    background-image: url(/img/brushed.png);
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.feat-cerv{
	-js-display: flex;
	display: flex;
    /*height: 100%;*/
}

.feat-cerv img {
    height: 500px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.featBlock{
    padding-left: 79px;
	margin-top:13px;
}

.featBlock, .featBlock img{
	height: 75px;
}
.featBlock img{
	margin-left: -79px;
	float:left;
}
.featBlock .f-content{
	height:100%;
	width:100%;
	float:left;
	margin-left: -1px;
}

.f-orange{
	background-color: #DD8934;
}
.f-blue{
	background-color:#579BB6;
}
.f-red{
	background-color: #F68989;
}
.f-lighturple{
	background-color: #B981D0;
}
.f-green{
	background-color: #11B796;
}

.f-lightblue{
	background-color:#65a5e3;
}

.fblockUSA img{
	margin-left: -114px;
}
.fblockUSA{
	padding-left: 88px;
	margin-bottom: 13px;
}

.cervfeaticon{
	height: 100px;
}

.cervpretext:hover, .cervposttext:hover, .cervsubtext:hover{
    text-decoration: none;
    color: #E5E5E5;
    cursor: default;
}
.cervpretext {
    float: right;
	margin-top: 30px;
}
.cervsubtext {
    font-size: 20px !important;
    display: block;
}
.cervposttext {
	float: left;
	margin-top: 55px;
}

.cervpretext, .cervposttext, .cervsubtext{
    color: #E5E5E5;
    font-size: 32px;
}
a.featBlockTitle{
	font-size: 20px;
}
a.featBlockText{
	font-size: 13.7px;
}

.small_featBlockTitle{
	display:none;
}

a.featBlockTitle, a.featBlockText{
    color: white;
    font-weight: bold;
    margin-left: 10px;
	color: #E5E5E5;
	display:block;
}
a.featBlockTitle:hover, a.featBlockText:hover{
	text-decoration: none;
	color: #E5E5E5;
}
.innerSpecs{
	background-image: url("/img/lil_fiber.png");
	background-repeat: repeat;
	/* background-size: 150px; */
	padding-top: 44px;
	/* position: fixed; */
	/* top: 589px; */
	height: 100%;
}
#specs .sectionhead {
    margin-top: -44px;
}
#specs .row {
    height: 100%;
}
.row {
     margin-right: 0px; 
     margin-left: 0px; 
}
#specs .col-md-3 {
    /*border-right: 5px solid #212121;
    height: 100%;*/
	height:200px;
}
#specs{
	height: auto !important;
	min-height: 150px;
}

.spectitle {
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #202020;
    margin-top: 10px;
}
.spectitle:hover{
	text-decoration:none;
}	
	
.componentdetails{
	display:none;
	position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
	padding-top: 44px;
}

.componentdetails .comp-mainblock, .comp-back, .comp-content{
	height:100%;
}
.comp-back{
	background-image: url(/img/backarrow.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 40px;
	cursor: pointer;
}
.comp-content{
	background: #ECECEC;
	padding-top: 145px;
}

.comp-titleblock {
	padding-top: 20px;
	margin-top: -145px;
}
.comp-titleicon img {
    height: 100px;
}

a.comp-titletextL:hover, a.comp-titletextS:hover{
	text-decoration:none;
}

a.comp-titletextL, a.comp-titletextS {
    display: block;
    text-align: center;
    font-weight: bold;
    color: #696969;
}
	
a.comp-titletextL{
	font-size: 35px;
}
a.comp-titletextS{
	font-size: 27px;
}

.comp-contentblock{
    height: 100%;
}

.comp-cbouter{
	height: 100%;
    padding: 20px 15px 20px 15px;
	
}
.comp-cbinner{
	background: #fff;
	height: 100%;
    width: 100%;
	
}

.cbititle {
    display: block;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    padding-bottom: 10px;
}
.cbititle:hover{
	text-decoration:none;
}
.cbitext {
    font-size: 16px;
    padding: 15px;
}
.cbitext:hover{
	text-decoration:none;
}

.comp-cbinner img{
	height: 200px;
}

.cbiimg{
	text-align:center;
}
.cbitxt{
	text-align:left;
	padding: 0px 15px;
}

.tryoutbtn:hover {
    background: #4088A5;
}
.tryoutbtn {
    width: 80%;
    text-align: center;
    height: 60px;
    background: #579BB6;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
	-js-display: flex;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.tryoutbtn a {
    color: white;
    font-size: 17px;
    font-weight: bold;
}
.tryoutbtn a:hover {
    color: white;
    text-decoration:none;
}
.tryoutbtn:hover a {
    color: #F7F7F7;
}

.dlRowStarter{
	height:20px;
}
.dlbox {
    /* float: left; */
    /* width: 150px; */
    /* height: 45px; */
    /* margin-top: 7px; */
    /* background: rgba(87, 155, 182, 0.88); */
    /* margin-left: 10px; */
    /* text-align: center; */
    /* cursor: pointer; */
    /* border-radius: 3px; */
    /* border: 2px solid rgb(87, 155, 182); */
}

#downloads {
    padding-top: 44px;
    height: auto;
    background-image: url("/images/large/laptop.png");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    -webkit-backface-visibility:hidden;
    background-position-y: 85%;
    min-height: 150px;
}





#downloads .sectionhead {
    margin-top: -44px;
}

.dlsrow {
    margin-top: 10px;
    display: inline-block;
    /*padding-left: 170px;*/
    padding-left:155px;
    padding-right: 6px;
    /* border-top-right-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    background: rgba(37, 37, 37, 0.64);
}

.dlRowStarter {
    /* height: 60px; */
    float: left;
    margin-left: -160px;
    margin-top: 15px;
    width: 150px;
    height: inherit;
}

.dlbox {
    float: left;
    width: 150px;
    height: 97px;
    margin-top: 25px;
    background: #55A8CA;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 8px;
    position: relative;
}

.dltitle {
    color: white;
    /* font-weight: bold; */
    font-size: 15px;
    position: absolute;
    margin-top: -23px;
    left: 0px;
    width: 100%;
}
.dltitle:hover {
    text-decoration: none;
    color: #DCDCDC;
}
	
.iaqtable {
    position: absolute;
    right: 0px;
    /*top: 26%;*/
    margin-right: 0px;
    color: #E6E6E6;
}

.iaqtable th {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    background: rgba(45, 48, 69, 0.75);
    min-width: 145px;
}

.iaqtable tr:nth-child(odd) {
    background: rgba(75, 78, 103, 0.95);
}

.iaqtable tr:nth-child(even) {
    background: rgba(90, 94, 125, 0.95);
}

.iaqtable td {
    padding: 4px 10px;
	font-size: 16px;
}
.iaqtable td:nth-child(1) {
    text-align: center;
    font-weight: bold;
}

.tablesrc {
    font-weight: bold;
    color: white;
    float: right;
}

.tablesrc:hover {
    color: white;
}

.ha-iaqstats h2 {
    color: rgba(255, 255, 255, 0.24) !important;
    font-size: 25px;
}

.ha-iaqstats h3 {
    color: rgba(255, 255, 255, 0.28)  !important;
}

.ha-cervbridge h2 {
    font-size: 37px !important;
}
.ha-cervbridge h3 {
    color: rgba(255, 255, 255, 0.77) !important;
}

.ha-livelonger{
	background: url(images/large/mountains.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-y: -10%;
	background-attachment: fixed;
	-webkit-backface-visibility:hidden;
}

.ha-iaqstats{
	background: url(images/large/cerviceontablet2.png);
	/*background-size:cover;
    background-position-y: 100%;
    background-attachment: fixed;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* background-position-y: 100%; */
	background-attachment: fixed;
	background-repeat:no-repeat;
	-webkit-backface-visibility:hidden;
}

.ha-cervbridge{
	background: url(images/large/controllerontable.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-y: 50% !important;
	background-position-x: 50% !important;
	background-attachment: fixed;
	-webkit-backface-visibility:hidden;
	margin-top: 140px;
}

.wideSysImg{
	height:125px !important;
}

#simulate{
	height: 1200px;
	background: #23374A;
}


#simulate.fixscroll{
	
}
#simulate.fixscroll .simulateInner{
	position: fixed;
	-webkit-backface-visibility:hidden;
	top: 42px;
	z-index: 99;
	width: 100%;
	/* height: 100%; */
	background: #23374A;
}
#simulate.fixscroll .simulateInner.setbottom {
    position: absolute !important;
    bottom: 0px !important;
    top: initial !important;
}

#specs.fixscroll .innerSpecs {
    position: fixed;
	-webkit-backface-visibility:hidden;
    height: 400px;
    width: 100%;
    z-index: 99;
}

.simCERVBox {
    background: #23374A;
    /* height:100%; */
	-js-display: flex;
    display: flex;
    /* align-items: center; */
    overflow: hidden;
}

#simCERV {position: relative;background: #23374A;}

#sim_houseColor{
	-webkit-transition: fill 0.5s ease;
    -moz-transition: fill 0.5s ease;
    -ms-transition: fill 0.5s ease;
    -o-transition: fill 0.5s ease;
    transition: fill 0.5s ease;
}


[id^="sim_btn_"] {
    cursor: pointer;
}

[id^="sim_btn_"]:hover rect:nth-child(1) {
    fill: #EAEAEA !important;
}

#simCERV * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -ms-user-select: none;
}

#simCERVDesc {
    padding: 10px;
    color: white;
    font-weight: bold;
    position: relative;
    width: 100%;
    height: 100%;
}

#simCERVDesc>div{
	/* display: block; */
	/* display: flex; */
	/* align-items: center; */
	padding-bottom: 7px;
	padding-top: 7px;
}

#simCERVDesc img {
    height: 45px;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
}

#simCERVDesc .tleActive img{
	transform:scale(1.4);
}

.simDescAreaTop {
    /* position: absolute; */
    /* top: 57px; */
}
.simCERVHeader{
	color:white;
	background:#202020;
	
	width:100%;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

.quote-container{
	margin-top: 70px;
	height:100px;
}
.quote-area {
    text-align: center;
    font-size: 22px;
	display:none;
	width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.quote-area:first{
	display:block;
}

.quoteText {
    color: black;
}

.quoteAttribution {
    color: gray;
}

.freshairArea {
    margin-top: 30px;
    text-align: center;
    color: #466381;
    font-weight: bold;
    text-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}

.topText {
    font-size: 60px;
}

.freshAirDivider {
    width: 290px;
    height: 7px;
    margin-left: auto;
    margin-right: auto;
    background: #466381;
    margin-top: -14px;
    box-shadow: 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white, 0px 0px 10px white;
}
.botText {
    font-size: 22px;
}

.sliderProgress {
    width: 0%;
    height: 2px;
    background: rgb(9, 158, 0);
    position: absolute;
    top: 0px;
    z-index:99;
	max-width: 100%;
}

.timelineContainer{
	width: 100%;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	overflow:hidden;
}

.timelineEvent{
	width: 100%;
	text-align: center;
	/* background: #2A4156; */
	margin-top: 10px;
	margin-bottom: 3px;
	padding: 5px;
	cursor:default;
	opacity:.4;
	min-height: 27px;
	min-width: 286px;
}
.timelineEvent:hover{
	/* opacity:.5; */
}

.tleBox{
	/* display: none; */
	margin-left: auto;
	margin-right: auto;
	height:0px;
	width:50%;
	overflow:hidden;
	-webkit-transition: height 0.4s ease, width 0.4s ease;
	-moz-transition: height 0.4s ease, width 0.4s ease;
	-ms-transition: height 0.4s ease, width 0.4s ease;
	-o-transition: height 0.4s ease, width 0.4s ease;
	transition: height 0.4s ease, width 0.4s ease;
}

.tleActive .tleBox{
	/* display:block; */
	height:200px;
	width: 350px;
}

.tleTitle{
    width: 50%;
    /* min-width: 115px; */
    display: none;
}

.tleActive .tleText{
}

.tleText{
	font-weight: normal;
	height: 200px;
	background: white;
	width: 100%;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	color: #23374A;
	padding: 10px;
	text-align: justify;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

.tleText {}


.tleActive{
	opacity: 1 !important;
}
.tleRH{
	/* background: #D12525; */
	 -webkit-transition: margin-top 0.5s ease;
    -moz-transition: margin-top 0.5s ease;
    -ms-transition: margin-top 0.5s ease;
    -o-transition: margin-top 0.5s ease;
    transition: margin-top 0.5s ease;
	margin-top:65px;
	
}
.tleVH .tleTitle{
	background: #D24924;
}
.tleOff{
	/* background: #999999; */
}
.tleVS{
	/* background: green; */
}
.tleRC{
	/* background: #4047FF; */
}
.tleVC{
	/* background: #708AFF; */
}


.cerviceLoginBtn {
    float: right;
    padding: 5px !important;
    cursor: pointer;
}

.signincol {
    width: auto;
    float: right;
}

.tleTitle {
    display: block;
    width: 100%;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 16px;
}



.tleTitleArrow {
    width: 30px;
    height: 30px;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    margin-left: auto;
    margin-right: auto;
}

.tleVH .tleTitleArrow {
    border-bottom: 15px solid #D24924;
}

.tleRH .tleTitleArrow {
    border-bottom: 15px solid #CC2424;
}

.tleRH .tleTitle {
    background: #CC2424;
}

.tleOff .tleTitleArrow {
    border-bottom: 15px solid #999999;
}

.tleOff .tleTitle {
    background: #999999;
}

.tleVS .tleTitleArrow {
    border-bottom: 15px solid #008000;
}

.tleVS .tleTitle {
    background: green;
}

.tleVC .tleTitleArrow {
    border-bottom: 15px solid #708AFF;
}

.tleVC .tleTitle {
    background: #708AFF;
}

.tleRC .tleTitleArrow {
    border-bottom: 15px solid #4047FF;
}

.tleRC .tleTitle {
    background: #4047FF;
}

.sliderPause {
    height: 14px;
    width: 12px;
    position: absolute;
    right: -18px;
    top: 0px;
    border-left: 4px solid rgb(10, 10, 10);
    border-right: 4px solid rgb(10, 10, 10);
    cursor: pointer;
}

.sliderPause.sPlay {
    border-left: 10px solid rgb(10, 10, 10);
    border-right: 0px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}

#snow{
	background: none;
	background-image: url('/img/sim/s1.png'), url('/img/sim/s2.png'), url('/img/sim/s3.png');
	/* height: 100%; */
	height: 450px;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
	opacity:.5;
}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  100% {background-position: 500px 500px, 400px 400px, 300px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

/*
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}	*/

.navbar-default .navbar-toggle .icon-bar {
    background-color: #b3b3b3 !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.iaqtable table {
    -webkit-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    -moz-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
	 box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    /* background: #2D3045; */
	border-radius: 10px;
}
.tableStatement {
    font-size: 25px;
    color: #5A5E7D !important;
    text-decoration: none !important;
    font-weight: bold;
}

.avgIAQContainer {
    width: 100%;
    height: 85px;
    display: block;
    margin-top: 30px;
}

.avgIAQouterC {
    height: 115px;
    width: 115px;
    border-radius: 50%;
    background: rgba(87,165,97,1);
    margin-top: -15px;
    float: left;
    -webkit-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    -moz-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
	 box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    padding: 10px;
}

.avgIAQinnerC {
    /* height: 100px; */
    /* width: 100px; */
    /* border-radius: 50%; */
    /* background: green; */
}

.avgIAQrect {
    height: 100%;
    width: 80%;
    background: rgba(90, 94, 125, 0.95);
    /* margin-left: 50px; */
    border-radius: 50px;
    -webkit-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    -moz-box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
	box-shadow: 2px 2px 3px rgba(45, 48, 69, 0.54);
    /* padding-left: 50px; */
}

.avgIAQdescTxt {
    font-size: 20px;
    width: 100%;
    padding: 10px;
    padding-left: 125px;
    /* margin-left: 76px; */
    font-weight: bold;
    padding-right: 30px;
    text-align: center;
}

.iaqText {
    font-size: 42px;
    text-align: center;
}

.ppmText {
    text-align: center;
    font-size: 20px;
    margin-top: -15px;
}

.liveDatatext {
    text-align: center;
    font-size: 14px;
}



.ha-iaqstats table tr:last-child td:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    border-bottom-left-radius:10px
}

.ha-iaqstats table tr:last-child td:last-child {
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    border-bottom-right-radius:10px
}

.ha-iaqstats table tr:first-child th:first-child {
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    border-top-left-radius:10px
}

.ha-iaqstats table tr:first-child th:last-child {
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    border-top-right-radius:10px
}

.raq_subhead {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #60B95A;
}

.raq_subhead2 {
    text-align: center;
    font-size: 17px;
    color: gray;
}

.footerArea {
   
    width: 100%;
    height: 126px;
    color: white;
}

.contactArea {
    height: 100%;
    width: 20%;
    float: left;
    text-align: center;
    position: relative;
    -o-transition: background 0.3s ease-in-out;
	-webkit-transition: background 0.3s ease-in-out;
    -moz-transition:background 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
}

.contactArea a {
    color: rgb(255, 255, 255) !important;
    font-size: 18px;
    display: block;
    font-weight: bold;
}

.contactAreaHeader {
    font-size: 24px !important;
}

.contactArea.col1 {
    background: #92AEFF !important;
}

.contactArea.col2 {
    background: #E87979;
}

.contactArea.col3 {
    background: #60B95A;
}

.contactArea.col4 {
    background: #EF9D56;
}

.contactArea.col1:hover {
    background: #88A3F1 !important;
}

.contactArea.col2:hover {
    background: #D86D6D !important;
}

.contactArea.col3:hover {
    background: #53A54E !important;
}

.contactArea.col4:hover {
    background: #D28848;
}

.copyrightArea {
    background-image: url("/img/dark_wall.png");
    background-repeat: repeat;
    background-size: 150px;
    height: 35px;
    text-align: center;
    font-size: 15px;
    padding-top: 8px;
    width: 100%;
    float: left;
}

.phoneIcon {
    margin-top: 9px;
    margin-bottom: 13px;
    height: 40px;
}

.addressIcon {
    margin-top: 0px;
    margin-bottom: 5px;
    height: 40px;
}

.emailIcon {
    margin-top: 9px;
    margin-bottom: 13px;
    height: 40px;
}



.emailText{
	unicode-bidi: bidi-override;
    direction: rtl;
}


#ei-slider {
    max-width: initial !important;
}

.small_featBlockTitle.orange {
    color: #DD8934;
}

.small_featBlockTitle.blue {
    color: #579BB6;
}

.small_featBlockTitle.red {
    color: #F68989;
}

.small_featBlockTitle.green {
    color: #11B796;
}

.small_featBlockTitle.lighturple {
    color: #B981D0;
}

.small_featBlockTitle.lightblue {
    color: #65A5E3;
}

#contact {
	height: auto !important;
}

.dimsPic{
	width:75%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.airflowPlotPic {
    width: 95%;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.specsTable {
    width: 400px;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 30px;
}

.specsTable tr:nth-child(even) {
    background: rgba(210, 210, 210, 0.49);
}

.specsTable tr td:nth-child(1) {
    text-align:center;
    font-weight:bold;
    color: #424242;
}

.specsTable td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.specsTable th {
    text-align: center !important;
    font-weight: bold;
    color: #424242;
}

.dlhov {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-image: url(/img/ovrly_download.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: 0;
	-o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

.dlhov:hover {
    opacity: .5;
}

.dlbox img {
    width: 100%;
}

.specsCont{
	width:100%;
}

.ha-livelonger, .ha-iaqstats, .ha-cervbridge {
    display: block;
    width: 100%;
    position: relative;
    height: auto;
    min-height: 100% !important;
}
.livebettertext {
    font-size: 23px;
    text-align: center;
    font-weight: bold;
    color: rgb(255, 255, 255);
    /* background: #579BB6; */
}

.lbtBl {
    background: rgba(87, 155, 182, 0.75);
}

.lbtPurp{
    background: rgba(90,94,125,.75);
}

.fresh_icn_cont {
    /* width: 150px; */
    /* text-align: center; */
    -js-display: flex;
    /* display: flex; */
    height: 100%;
    width: 100%;
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    /* align-items: center; */
    /* justify-content: center; */
    /* flex-direction: column; */
}

.fresh_icn_area {
    border-radius: 5px;
    cursor: pointer;
    width: 750px;
    max-width: 95%;
    height: 250px;
    display: block;
    margin: auto;
    vertical-align: top;
    -o-transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    position: relative;
    /* padding-left: 175px; */
}

.fresh_prev {
    height: 225px;
    background: white;
    margin-left: 190px;
}

.fresh_prev img {
    height: auto;
    max-height: 100%;
    width: 100%;
    display: block;
    margin: auto;
}

.centerImg {
    width: 650px;
    max-width: 90%;
    display: block;
    margin: auto;
}

.fi_title {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none !important;
    margin-top: 15px;
    margin-bottom: 15px;
}

.fiHealth {
    background: rgba(254, 149, 149, 0.85);
}

.fresh_icn {
    cursor: pointer;
    -o-transition: all .35s;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    width: 175px;
    float: left;
    /* margin-left: -175px; */
    height: 225px;
}

.fiCog {
    background: rgba(255,170,106,.85);
}

.fi_link {
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 0px 10px;
    font-weight: bold;
    text-decoration: none !important;
    margin-top: 30px;
}

.fi_img {
    width: 125px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.fi_title:hover {}

.fiSleep {
    background: rgba(113, 209, 232, 0.85);
}

.fiProd {
    background: rgba(100,200,140,.85);
}

.livebettertextSm {
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: rgb(255, 255, 255);
    /* background: #579BB6; */
}


.fiHealth:hover {
    background: rgba(254, 149, 149, 0.92);
}

.fiCog:hover {
    background: rgba(255,170,106,.92);
}

.fiSleep:hover {
    background: rgba(113, 209, 232, 0.92);
}

.fiProd:hover {
    background: rgba(100,200,140,.92);
}




.fiHealth:hover .fi_img{
	animation-name: pulse_animation;
	animation-duration: 250ms;
	transform-origin:50% 50%;
	animation-iteration-count: 2;
	animation-timing-function: linear;
}

.fiCog:hover .fi_img{
    transition-duration: 1.5s;
    transform: scale(1.1);
}

.fiSleep:hover .fi_img{
    animation-name: pulse_animation;
	animation-duration: 3000ms;
	transform-origin:50% 50%;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

.fiProd:hover .fi_img{
    transition-duration: 1.5s;
    transform: scale(1,1.1);
    transform-origin:50% 100%;
}

@keyframes pulse_animation {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
}

.fresh_icn_suptxt {
	display: none;
    text-align: center;
    width: 90%;
    margin-bottom: 10px;
    margin-left: 5%;

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 750px) {
	
	.fresh_icn_cont {
		display: block;
		position: relative;
	}
	.fresh_icn_subtxt, .fi_title, .fi_link{
		display: none;
	}
	.fresh_icn_suptxt {
		display: block;
	}
	.fresh_icn{
		width: 90%;
		margin-bottom: 10px;
		margin-left: 5%;
		height: 75px;
		padding:5px;
	}
	.fi_img{
		height:100% !important;
		width:auto;
	}
	.fresh_prev{
		margin:auto;
		width: 90%;
		height:auto;
	}
	.fresh_icn_area{
		height:auto;
		margin-bottom:25px;
	}
}

.fi_href {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
    z-index: 10;
}

.livebettertext small {
    font-size: 50%;
    color: rgba(255, 255, 255, 0.64);
	margin-right: -10%;
}
@media only screen and (max-width : 455px) {
    .livebettertext small{
        display:block;
        margin-right:0px;
    }
}

.fresh_icn_subtxt, .fresh_icn_suptxt {
    font-size: 17px;
    background: rgba(255, 255, 255, 0.90);
    padding: 5px 10px;
    margin-top: 15px;
    border-radius: 3px;
    cursor: default;
}

.dllink {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(/img/ovrly_download.png);
    background-size: 50px;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-position-y: 50%;
    opacity: 0;
	-o-transition: opacity 0.1s ease-in-out;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}

.dllink:hover {
    opacity: .5;
}

.fillSec {
    height: 400px;
    width: 100%;
    float: left;
}

.specsArea, .dlsArea{
	-o-transition: max-height 1s ease-in-out;
    -webkit-transition: max-height 1s ease-in-out;
    -moz-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out;
	max-height:9000px;
}

.specsArea.secCollapse, .dlsArea.secCollapse {
    max-height: 100px;
    overflow-y: hidden;
    position: relative;
}

.secCollapse .specsExpand {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    background-image: url("/img/hexellence.png");
    cursor: pointer;
    padding-top: 32px;
    font-size: 25px;
    font-weight: bold;
    color: #757575;
    z-index: 999;
    opacity: .96;
    background-size: 130px;
}

#learnmore {
    height: auto;
    min-height: 585px;
    /* background-image: url("/img/gradient_squares.png"); */
    /* background-image: url("/news/white_wall_hash.png") !important; */
    padding-bottom: 25px;
    background: #f1f1f1;
}

#learnmore p {
    text-align: center;
    padding: 6px;
    color: #555;
    font-size: 14px;
}

#newsSubEmail {
    display: block;
    margin: auto;
}

.subscribeBtn {
    display: block;
    margin: 10px auto;
}

.newsPrevContent {
    max-width: 680px;
    margin: 10px auto;
    text-align: center;
    /* height: 235px; */
    margin-bottom: 0px;
    /* padding: 0px 40px; */
}

.newsPrevInBox {
    height: 100%;
    width: 100%;
    /* background: #d6d6d6; */
    padding-bottom: 30px;
    position: relative;
}

.bottomBtn {
    color: white;
    padding: 5px;
    background: #56a8ef;
    font-size: 18px;
    position: absolute;
    width: 100%;
    bottom: 0px;
    cursor: pointer;
}

.newsContent {
    /* color: white; */
    height: 95%;
}
.learnMoreSec h2 {
    text-align: center;
    padding: 15px;
    font-size: 18px;
    font-weight: bold;
    color: #555;
}

#learnmore .postprev_mainCont {
    padding-top: 95px;
}

#learnmore .postprev_cont {
    width: 23%;
    float: left;
    padding: 6px;
    background: white;
    height: 100%;
    margin-right: 1%;
    margin-left: 1%;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    min-height: 210px;
	cursor:pointer;
}

#learnmore .postprev_featImg {
    max-width: 100%;
    max-height: 95px;
    margin-bottom: 8px;
    margin-top: -95px;
}

#learnmore .postprev_date {
    font-size: 10px;
    /* color: white; */
    padding: 3px;
    margin-bottom: 5px;
}

#learnmore .postprev_title {
    font-size: 11px;
	color: #555 !important;
}

#learnmore .revArt .postprev_title {
    /* background: #ef9d56; */
    /* color: white; */
    padding: 3px;
}

#learnmore .fetArt .postprev_title {
    /* background: #56a8ef; */
    /* color: white; */
    padding: 3px;
}

#learnmore .postprev_cont.fetArt {
    border-top: 5px solid #56a8ef;
}

#learnmore .postprev_cont.revArt {
    border-top: 5px solid #ef9d56;
}

#learnmore .postprev_cont.spotlightArt {
    border-top: 5px solid #60b95a;
}

#learnmore .postprev_cont.techArt {
    border-top: 5px solid #e87979;
}
#learnmore .postprev_cont.whatsNew {
    border-top: 5px solid #92AEFF;
}
#learnmore .postprev_cont.events {
    border-top: 5px solid #d096da;
}

.pubOpenCont {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9999999;
    background: rgba(0, 0, 0, 0.82);
    display: flex;
    align-items: center;
/* disable scrollbar on both x and y axis */
            /* disable scrollbar on x-axis only */
            /* disable scrollbar on y-axis only */
}

.pubOpenInnerBox {
    width: 550px;
    height: 315px;
    margin: auto;
    background: #5d5d5d;
    border-radius: 3px;
    position: relative;
}

.pubOpen_L {
    width: 45%;
    height: 100%;
    float: left;
    padding: 10px;
    background: #6b6b6b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pubOpen_L img{
	max-width:100%;
}

.pubOpen_R {
    width: 55%;
    float: left;
    padding: 10px;
}

.pubOpen_R_TopText {
    text-align: center;
    font-size: 17px;
    color: #fff;
    margin-top: 16px;
	font-weight:normal;
}

.pubOpen_altDL {
    text-align: center;
    font-size: 14px;
	cursor:pointer;
}



.pubOpen_altDL a {
    color: white !important;
    text-decoration: none !important;
	font-weight:normal;
}

body.pubOpenShow {
    overflow: hidden;
}

.pubOpen_closeBtn {
    position: absolute;
    right: 0px;
    top: 0px;
    
    background: #6b6b6b;
    padding-left: 7px;
	padding-right:7px;
    padding-top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #d8d8d8;
    cursor: pointer;
    border-top-right-radius: 2px;
}

.pubOpen_closeBtn:hover {
    background: #777777;
}

.pubOpen_subscribeArea #mc-embedded-subscribe:hover {
    background: #4a9cca !important;
}

.pubOpen_subscribeArea #mc-embedded-subscribe {
    background-color: #3a92c2 !important;
    margin-top: 5px !important;
}

.pubOpen_subscribeArea {
    margin-top: -5px;
    margin-bottom: -5px;
}
.pubOpen_subscribeArea #mce-EMAIL {
    max-width: 100%;
    margin-bottom: 5px;
}

.bottomBtn.pub {
    background: #e87979;
}

.bottomBtn.pub:hover {
    background: #D86D6D !important;
}

.bottomBtn.webinars {
	background:#ef9d56;
}

.bottomBtn.webinars:hover {
    background: #f5933e !important;
}


.newsbar{
	display:none;
}

.navbar.affix-top .newsbar {
    max-width: 65%;
    min-width: 650px;
    background: #0000005e;
    display:block;
    margin: auto;
    /* box-shadow: 0px 1px 2px #65b565; */
    -o-transition: background 0.3s ease-in-out;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    margin-top: 3px;
}

.newsbar a {
    color: white !important;
    width: 100%;
    height: 100%;
    display: block;
    text-decoration: none !important;
    text-align: center;
    padding: 10px;
    font-weight: 600;
}

.navbar.affix-top .newsbar:hover {
    background: #0000008c;
}

.navbar.affix-top .bottomtriangle {
   position: absolute;
   width: 16px;
   height: 5px;
   bottom: -9px;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #0000005e;
   left: 0px;
   right: 0px;
   margin: auto;
}

.navBarSocial img {
    height: 20px !important;
    width: 20px;
}

.navBarSocial {height: 0px;position: absolute;right: 5px;margin-top: 30px;}

.navBarSocial a {
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0px;
    opacity: .65;
}

.navBarSocial a:hover {
    opacity: 1;
}

#CERV2Link {
    text-align: center;
    background: #f2f2f2;
    /* padding-top: 175px; */
    min-height: 400px;
    position: relative;
    display: block;
    min-height: 100% !important;
}

.ha-CERV2 img{
    position: absolute;
    height: 100%;
    padding-top: 175px;
    padding-bottom: 10px;
    left: 0;
    right: 0;
    margin: auto;
}



a.int_pre {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    color: black !important;
    text-decoration: none !important;
}

a.int_post {
    display: block;
    margin: auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: black !important;
    text-decoration: none !important;    

}

img.int_CERV2 {
    height: 106px;
    display: block;
    margin: auto;
    text-align: center;
}

img.int_unit {
    height: 340px;
    display: block;
    margin: auto;
    text-align: center;
}


.int_cont {
    margin-top: 20px;
}


.int_featcont {
    padding-left:1%;
    padding-right:1%;
    padding-top: 55px;
    width: 20%;
    height: 250px;
    float: left;
    position: relative;
    border-right: 1px solid #dedede;
    margin-bottom: 20px;
    margin-top: 20px;
}

.int_featcont:nth-of-type(5) {
    border-right: 0px;
}

img.int_fc_img {
    max-height: 50px;
    max-width: 100%;
    display: block;
    margin: -55px auto 10px;
    position: absolute;
    right: 0px;
    left: 0px;
}

h4.int_fc_header {
    font-weight: bolder;
    text-align: center;
    color:#3a3a3a;
    font-size: 16px;
}

p.int_fc_subtxt {
    width: 80%;
    text-align: left;
    font-size: 14px;
    margin: 10px auto;
    color: #686868;
}

.int_fc_learnmore {
    padding: 10px 20px;
    border: 2px solid #4398d6;
    margin: auto;
    text-align: center;
    width: fit-content;
    border-radius: 20px;
    cursor: pointer;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    color: #4398d6;
    font-weight: bold;
    -webkit-transition: all .25s;
    -moz-transition: all .25s;
    transition: all .25s;
}
.int_fc_learnmore:hover{
	background: #4398d6;
	color: white;
}

.int_featcont_c {
    clear: both;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
    height: 210px;
    position: relative;
}

.int_featcont_c .int_fc_img {
    height: 100px !important;
}

.int_featcont_c .int_fc_subtxt {
    text-align: center !important;
}

img.img_full {
    width: 100%;
}

h2.centerHeader {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
    color: #3a3a3a;
}

p.centerHeaderSub {
    max-width: 800px;
    text-align: center;
    margin: 10px auto 20px;
    color: #686868;
}


img.thimg {
    height: 40px;
}

table.compTable {
    margin: auto;
    max-width: 750px;
    width: 100%;
    margin-bottom: 40px;
}

.compTable th {
    text-align: center;
}

a.thsub {
    font-size: 11px;
}

.compTable td{
    border-bottom: 1px solid #dedede;
}

.compTable th {
    padding: 10px 0px;
    font-weight: bold;
}

.compTable td img {
    display: block;
    margin: 10px auto;
}


.compTable td:first-child{
    width: 130px;
    text-align: center;
    font-size: 16px;
}

.smSecHead {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

a:hover{
	text-decoration:none !important;
}