/*======================================================
Screen Style Sheet
Solaronics
------------------------------------------------------
Author(s):Rachel Mayo
Created:June 13 2018
======================================================*/

/* Imported CSS Files */
@import url("bootstrap.min.css"); 
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,700');

/* General Classes */
*{
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

.hidden,.hidetext,.special,.smallsite{display:none !important;}
.clear{clear:both;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.warning,.error{color:#a00;font-size:10px;text-align:left;display:block;}
.errorMessage {color:#a00;font-size:11px;font-weight:bold;text-align:left;margin:2px auto 0;display:block;}
#token,.special {width:1px;height:1px;padding:0px;margin:0px;border:none;position:absolute;left:-9999px;}
.center {text-align:center;margin-left:auto;margin-right:auto;}
address {margin:0;}
.left {float:left;}
.right {float:right;}
img.left {margin:0 15px 15px 0;}
img.right {margin:0 0 15px 15px;}
img {max-width:100%;}
.unstyled {list-style:none;background:none;border:none;box-shadow:none;margin:0;padding:0;}
.sep {margin:0 6px;display:inline-block;opacity:0.5;filter:alpha(opacity=50);}
input,textarea,a,.btn,button{outline:none;}
input[type="file"]:focus{cursor:pointer;}
.constrain {width:1200px;margin:0 auto;}
#main-content .constrain .constrain {width:100%;}
a,input,textarea,button,.btn,
#header-top,
#header-bottom,
#search-toggle,
#search-container,
.search-form,
.bucket,
.bucket h2,
.bucket i,
.buckets a span,
.readmore span,
.post-item .img-wrapper,
.img-wrapper:before,
.slick-arrow:before,
.fancybox-arrow:after {
	transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
}

body {
	color:#444;
	font-size:16px;
	font-family:'Montserrat', sans-serif;
	font-weight:300;
	letter-spacing:0.025em;
	margin:0 !important;
}
html.noscroll,
html.noscroll body {
	overflow:hidden !important;
    position:relative;
    height:100%;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4{
	font-weight:600;
	line-height:1.2;
	display:block;
}
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
.h2:first-child,
.h3:first-child,
.h4:first-child,
.h5:first-child {
	margin-top:0;
}
h1,
.h1 {
	font-size:2em;
	margin:0;
}
h2,
.h2 {
	font-size:2em;
	margin:0 0 20px;
}
h3,
.h3 {
	font-size:1.4em;
	margin:0 0 20px;
}
h3 em,
.h3 em {
	font-weight:300;
	position:relative;
}
/*.richtext h3 em:after {*/
/*	content:"";*/
/*	background:#921d23;*/
/*	height:1px;*/
/*	width:200px;*/
/*	margin:20px auto;*/
/*	display:block;*/
/*}*/
h4,
.h4
ul.fancy b {
	font-size:1.2em;
	line-height:1.2;
	margin:20px 0 10px;
	display:block;
}
ul.fancy li:first-child b {
	margin-top:0;
}
h5,
.h5 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:0.05em;
}
p, .richtext li {
    font-size: 1em;
    letter-spacing: normal;
    line-height: 1.5;
}
p {
	margin:0 0 15px;
}
.richtext ul {
	list-style:none;
	padding-left:25px;
	margin-bottom:15px;
}
.richtext ul > li {
	margin-bottom:3px;
	position:relative;
}
.richtext ul > li > ul{
	list-style: disc;
}
.richtext ul > li:before {
	content:"\f06d";
	font-family:"Font Awesome 5 Pro";
	font-weight:bold;
	display:block;
	position:absolute;
	top:0;
	left:-25px;
}
.richtext ul > li > ul > li:before {
    content: "";
    position: relative;
    top: auto;
    left: auto;
    display: initial;
}
.richtext .three-columns{
  -webkit-column-count: 3; /* Chrome, Safari, Opera */
  -moz-column-count: 3; /* Firefox */
    column-count: 3;	
}
a {
	color:#E22B33;
}
.richtext a {
	font-weight:600;
}
a:hover {
	color:#000;
	text-decoration:none;
}

.bold:before {
	font-weight:bold;
}
.block.white-color .richtext{
	color:#fff;
}
.w100 {
	width:100%;margin: 10px;
}
.w75 {
	width:74%;margin: 10px;
}
.w66 {
	width:65%;margin: 10px;
}
.w60 {
	width:59%;
}
.w50 {
	width:48%;margin: 10px;
}
.w40 {
	width:39%;
}
.w33 {
	width:32%;margin: 10px;
}
.w25 {
	width:24%;margin: 10px;
}
.w20 {
	width:19%;margin: 10px;
}


/* Buttons */
.button,
.button.red-gradient:hover,
#filters .mixitup-control-active {
	color:#fff;
	font-size:16px !important;
	font-weight:bold;
	text-decoration:none !important;
	text-align:center;
	text-transform:uppercase;
	text-shadow:1px 1px 0 rgba(0,0,0,0.1);
	background:#E22B33;
	border:none;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:inset 0 0 0 1px #E22B33;
	-moz-box-shadow:inset 0 0 0 1px #E22B33;
	-webkit-box-shadow:inset 0 0 0 1px #E22B33;
	height:auto;
	line-height:normal;
/*     margin:0 auto; */
	padding:8px 30px;
	display:inline-block;
}
.button:hover {
	color:#E22B33;
	text-shadow:none;
	background:#fff;
	box-shadow:inset 0 0 0 1px #E22B33;
	-moz-box-shadow:inset 0 0 0 1px #E22B33;
	-webkit-box-shadow:inset 0 0 0 1px #E22B33;
}
.button.arrow-left:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f323';
	margin-right:10px;
	font-weight:normal;
	font-size:13px;
}
.button.arrow-right:after{
	font-family:"Font Awesome 5 Pro";
	content:'\f324';
	margin-left:10px;
	font-weight:normal;
	font-size:13px;
}
.small-btn{
	font-size:0.8em !important;
	letter-spacing:0.05em;
	line-height:28px;
	height:28px;
	padding:0 16px;
}

.red-gradient {
	box-shadow:inset 0 -15px 30px #921d23;
	-moz-box-shadow:inset 0 -15px 30px #921d23;
	-webkit-box-shadow:inset 0 -15px 30px #921d23;
}

.button.orange-btn {
	box-shadow:inset 0 15px 30px #f37b30;
	-moz-box-shadow:inset 0 15px 30px #f37b30;
	-webkit-box-shadow:inset 0 15px 30px #f37b30;
}
.button.orange-btn:hover,
.bucket:hover .button.orange-btn {
	color:#fff;
	background:#f37b30;
	box-shadow:none;
}

.button.white-btn {
	color:#921d23;
	text-shadow:none;
	background:#fff;
	box-shadow:none;
}
.button.white-btn:hover,
.fauxlink:hover .button.white-btn {
	color:#fff;
	background:#E22B33;
}

.button.hollow-btn {
	color:#E22B33;
	text-shadow:none;
	background:transparent;
}
.button.hollow-btn:hover {
	color:#fff;
	background:#E22B33;
}

p + .content-button {
	margin-top:20px;
}
.button i {
	margin-right:10px;
}


/* Separators */
hr {
	border-top:1px solid #ddd;
	margin:0;
}
.hr {
	background:#ccc;
	height:1px;
	width:100%;
	margin:30px auto;
	display:block;
}
.hr:first-child {
	margin-top:0;
}
.hr:last-child{
	margin-bottom:0;
}

.divider {
	text-align:center;
	margin:40px auto;
	position:relative;
}
.divider:before,
.divider:after {
	content:"";
	background:#ddd;
	width:40%;
	height:1px;
	display:block;
	position:absolute;
	top:49%;
}
.divider:before {
	left:0;
}
.divider:after {
	right:0;
}
.spacer{
	height:40px;
	display:block;
	clear:both;
}


/* Tables */
.table{
	min-width:500px;
}
.table td{
	text-align:right;
}
.table tbody:first-child tr:first-child td,
.table thead:first-child tr:first-child th{
	font-weight:bold;
	background:#eee;
	color:#89c2dc;
	text-align:left;
}
.table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th{
	border:1px solid #888;
}
.table tbody:first-child tr td:first-child{
	font-weight:bold;
	text-align:left;
}
.table-responsive{
	position:relative;
    overflow:auto;
    display:block;
    padding-bottom:15px;
    border:0;
}
.table-responsive::-webkit-scrollbar-track {
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:rgba(238, 238, 238, 1);
	height:10px;
}

.table-responsive::-webkit-scrollbar {
	width:12px;
	background-color:#eeeeee;
	height:5px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.table-responsive::-webkit-scrollbar-thumb {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	background-color:#89c2dc;
}

/* Custom Style Elements */
.round,
.round:before {
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

ul.fancy {
	list-style:none;
	text-align:left;
}
ul.fancy li {
	margin:0 0 15px;
	position:relative;
}
ul.fancy li:before {
	content:"";
	background:url("../images/fancy-bullet.png") center center/18px 18px no-repeat;
	height:20px;
	width:20px;
	display:block;
	position:absolute;
	top:2px;
	left:-32px;
}

.quote {
	border-left:none;
	padding:10px 0 0 50px;
	position:relative;
}
.quote:before {
	content:"\201C";
	color:#fd8587;
	font-family:sans-serif;
	font-size:100px;
	line-height:0.8;
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.quote .content {
	font-size:1.4em;
	display:block;
}
.quote .source {
	font-style:italic;
	margin:10px 0 0;
	display:block;
}
.quote .source:before {
	content:"\2013";
	margin-right:5px;
	display:inline-block;
}

.tpl-3 #main-content > .block1 .richtext img {
	margin:0 0 20px 20px;
	float: right;
}


/* ***************************************** Header */
body {
	padding-top:150px; /* height of the header */
}
#header {
	background:#fff;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	transition:top 0.2s ease-in-out;
	-moz-transition:top 0.2s ease-in-out;
	-webkit-transition:top 0.2s ease-in-out;
}
#search-container.open + #header {
	top:50px;
}
.scrolling #header {
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);
}
#header-top {
	text-align:right;
}
#header-top .constrain {
	padding:18px 0 22px;	
}
.scrolling #header-top .constrain,
.scrolling #search-container .constrain,
.scrolling #primary-nav .level1 > .inner-nav > .constrain {
	/* width:94%; */
	max-width:1200px;
}
.scrolling #header-top .constrain,
#header-bottom .constrain{
	position: relative;
}
#header .logo {
	width:300px;
	float:left;
}
.scrolling #header .logo {
	width:160px;
    padding:2px 0 0;
}
#header-top p {
	margin:0;
}
#global-nav,
#header-top .red-btn,
#header .phone {
	margin-top:10px !important;
	vertical-align:middle;
	display:inline-block;
}
#global-nav {
	line-height:1;
}
#global-nav li {
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:40px;
	height:40px;
	margin:0 10px;
    display:inline-block;
    position:relative;
}
#global-nav a {
	color:#666;	
}
#global-nav a:hover {
	color:#E22B33;
}
#header-top .red-btn {
/*     margin:0 30px 0 20px; */
	padding:6px 20px;   
	font-size: 13px !important;
}

#header-top .red-new {
    margin:0px;
    padding: 6px 20px;
    font-size: 13px !important;
}

#header-top .red-btn.rfq {
	padding:6px 20px;
}
.scrolling #header-top .red-btn {
    margin:5px 0 0 !important;
	padding:6px 20px;
	display:none;
}
#header .phone {
    font-size: 1.4em;
    margin-left: 10px;
}

#header .phone a,
#contact-info .phone a,
#footer .phone a {
	color:#444;
	pointer-events:none;
}
#header .phone i,
#contact-info .phone i,
#footer .phone i,
#footer address i {
	font-size:0.85em;
	margin-right:10px;
	position:relative;
	transform:scaleX(-1);
	-moz-transform:scaleX(-1);
	-webkit-transform:scaleX(-1);
}

#search-toggle {
	color:#fff;
	border:1px solid transparent;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:40px;
	height:40px;
	width:40px;
	margin-top:10px;
	float:right;
}
#search-toggle:hover {
	border-color:#fff;
}
#search-container {
	background:#eee;
	width:100%;
	height:0;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
}
#search-container.open {
	box-shadow:inset 0 -5px 10px #ddd;
	-moz-box-shadow:inset 0 -5px 10px #ddd;
	-webkit-box-shadow:inset 0 -5px 10px #ddd;
	height:50px;
}
.search-form {
	position:relative;
}
.sidebar .search-form {
	border:1px solid #ddd;
	position:relative;
}
.search-form input,
.search-form button {
	color:#E22B33;
	vertical-align:middle;
	background:none;
	border:none;
	box-shadow:none;
	line-height:50px;
	height:50px;
	display:inline-block;
}
.sidebar .search-form input,
.sidebar .search-form button {
	line-height:40px;
	height:40px;
}
.search-form input {
	font-size:1.1em;
	width:100%;
	padding:0 80px 0 60px;
}
.sidebar .search-form input {
	font-size:1em;
	padding:0 40px 0 10px;	
}
.search-form button {
	position:absolute;
	display:block;
}
.search-form .search-close {
	color:#eee;
	font-size:13px;
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:32px;
	height:30px;
	width:30px;
	top:10px;
	right:0;
}
.sidebar .search-form .search-close {
	display:none;
}
.search-form .search-close:hover {
	background:#444;
}
.search-form .search-submit {
	line-height:50px;
	height:50px;
	width:50px;
	top:0;
	left:0;
}
.sidebar .search-form .search-submit {
	line-height:40px;
	height:40px;
	width:40px;
	left:auto;
	right:0;
}
.search-form .search-submit:hover {
	color:#444;
}


/* ***************************************** Primary Navigation */
#header-bottom {
	background:#921d23;
	background:-moz-linear-gradient(top,  #921d23 0%, #e22b33 100%);
	background:-webkit-linear-gradient(top,  #921d23 0%,#e22b33 100%);
	background:linear-gradient(to bottom,  #921d23 0%,#e22b33 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#921d23', endColorstr='#e22b33',GradientType=0 );
	position:relative;
}
.scrolling #header-bottom {
	height:0;
}
#header nav {
	float:left;
}
#primary-nav a {
	color:#fff;
	text-decoration:none !important;
	display:block;
	position:relative;
	text-transform: uppercase;
}

@media only screen and (min-width:1200px) {

	body.scrolling {
		padding-top:74px;
	}
	.scrolling #global-nav,
	.scrolling #header .phone{
		display:none;
	}
	.scrolling #header #search-toggle {
	    color: #E22B33;
	    position: absolute;
	    right: 5px;
	    top: -71px;
	}
    .scrolling #primary-nav {
	    position: absolute;
	    top: -68px;
	    right: 60px;
	}
	#pid1,#pid64,#pid61,.scrolling #pid65 {
		display:none !important;
	}
	#primary-nav > li {
		font-size:0.9em;
		font-weight:600;
	    line-height:60px;
		height:60px;
		margin:0 13px;
		padding:0;
		float:left;
		display:block;
	}
	.scrolling #primary-nav > li {
		font-size:0.8em;
		margin:0 5px;
	}
	#pid5 {
		margin-left:0 !important;
	}
	#primary-nav > li > a {
	    padding:0 5px;
	}
	.scrolling #primary-nav > li > a {
		color:#444;
	}
	#primary-nav > li.active > a {
		box-shadow:inset 0 -4px 0 rgba(255,255,255,0.8);
		-moz-box-shadow:inset 0 -4px 0 rgba(255,255,255,0.8);
		-webkit-box-shadow:inset 0 -4px 0 rgba(255,255,255,0.8);
	}		
	#primary-nav > li > a:hover {
		box-shadow:inset 0 -4px 0 #fff;
		-moz-box-shadow:inset 0 -4px 0 #fff;
		-webkit-box-shadow:inset 0 -4px 0 #fff;
	}	
	.scrolling #primary-nav > li > a:hover {
		color:#E22B33;
	}	
	#primary-nav .level1 > .inner-nav {
		background:#000;
		line-height:normal;
		width:100%;
		padding:30px 0;
		position:fixed;
		top:152px;
		left:0;
		display:none;
	}
	.scrolling #primary-nav .level1 > .inner-nav {
		top:74px;
	}
	
	#primary-nav .level1 > .inner-nav a:hover {
		color:#f37b30;
	}
	#primary-nav img {
		width:25%;
		float:right;
	}	
	#primary-nav .level2 {
		width:25%;
		margin-bottom:10px;
		padding-right:20px;
		float:left;
	}
	#primary-nav .level2.parent {
		margin-bottom:0;
	}
	#primary-nav .level2 > a {
		text-transform:uppercase;
		padding:5px 0;
	}
	#primary-nav .level2 > .inner-nav {
		border-left:1px solid #E22B33;
		margin-top:10px;
		padding-left:20px;
	}
	#primary-nav .level3 > a {
		font-weight:normal;
		padding:5px 0;
	}

	.scrolling #header-top .red-btn {
		font-size:13px !important;
	}
}

@media only screen and (min-width:1400px) { 

	body.scrolling {
		padding-top:84px;
	}

	.scrolling #header .logo {
		width:240px;
		padding:0;
	}
	
	.scrolling #primary-nav {
		top:-71px;
	    right:50px;	
	}
	#primary-nav > li {
		font-size:0.9em;
	}	
	.scrolling #primary-nav .level1 > .inner-nav {
		top:84px;
	}

	.scrolling #header-top .red-btn {
		font-size:15px !important;
	    margin:8px 0 0 !important;
	}
	.scrolling #header-top .red-btn.rfq {
		font-size:14px !important;
	}
	
}


/* ***************************************** Home Banner */
.banner-overlay:before{
	content:"";
	background-color:rgba(40,40,40,0.8);
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#home-banner {
	text-align:center;
	background:url("../images/Solaronics-New-v2.jpg") center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	line-height:420px;
	height:450px;
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:0;
}
#home-banner:after,
#inner-banner:after {
	content:"";
	background:url("../images/img-hero-bottom-curve.png") center top no-repeat transparent;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:93px;
	width:100%;
	position:absolute;
	bottom:-33px;
	left:0;
	z-index:2;
}
#home-banner .constrain {
	position:relative;
	z-index:3;
}
#home-banner .bucket {
	color:#eee;
	line-height:1;
	border:2px solid #eee;
	border-color:rgba(255,255,255,0.8);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	vertical-align:middle;
	width:360px;
	margin:0 60px;
	padding:30px 30px 0;
	display:inline-block;
	position:relative;
	top:0;
}
#home-banner .bucket:first-child {
	margin-left:0;
}
#home-banner .bucket:last-child {
	margin-right:0;
}
#home-banner .bucket:hover,
#apps-buckets .bucket:hover {
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.5);
	top:-3px;
	cursor:pointer;
}
#home-banner .icon {
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:90px;
	height:90px;
	width:90px;
	margin:0 auto;
}
#home-banner .icon img {
	height:60px;
}
#home-banner h2 {
	font-size:1.6em;
	margin:20px auto 10px;
}
#home-banner .button {
	position:relative;
	bottom:-18px;
}


/* ***************************************** Inner Banner */
#inner-banner {
	text-align:center;
	background:center center #ccc;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	line-height:180px;
	height:200px;
	width:100%;
	margin:0 auto;
	overflow:hidden;
	position:relative;
	z-index:0;
	/* margin-top:48px; */
}
#inner-banner .constrain {
	line-height:1.2;
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:3;
}
#inner-banner h1,
#inner-banner .h1 {
	color:#fff;
		text-transform: uppercase;
}
#inner-banner picture img{
	width:auto;
	height:auto;
	min-width:100%;
	min-height:100%;
	max-width:none;
	max-height:none;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
}


/* ***************************************** Breadcrumbs */
#breadcrumbs,
#mobile-bread {
	font-size:0.9em;
	margin-top:20px;
}
#breadcrumbs,
#breadcrumbs a,
#mobile-bread,
#mobile-bread a {
	color:#fff;
}
#breadcrumbs a:hover {
	color:#E22B33;
}
#mobile-bread i {
	font-weight:400;
	margin-right:5px;
}


/* ****************************************** Tabbed Content */
.text-tabs.dark-bg .tab-content,
.image-bg .text-blocks {
	color:#ccc;
	color:rgba(255,255,255,0.8);
}
.white h2,
.white h3,
.white h4{
	color:#fff !important;
}
.text-tabs.dark-bg .tab-title {
	color:#fff;
}
.text-tabs .tab-title:hover,
.text-tabs.dark-bg .tab-title:hover {
	color:#2bc271 !important;
	cursor:pointer;
}
.bullet-tabs .tab-title span {
	line-height:1.2;
	vertical-align:middle;
}
.bullet-tabs .tab-title .title {
	display:inline-block;
}
.bullet-tabs .tab-title .bullet {
	background:#888;
	border:6px solid #fff;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	height:20px;
	width:20px;
	display:inline-block;
	position:absolute;
	top:10px;
	left:-31px;
}
.bullet-tabs .tab-title:before {
	content:"";
	height:100%;
	width:30px;
	display:block;
	position:absolute;
	top:0;
	left:-30px;
}
.bullet-tabs .tab-title.current .bullet {
	background:#fff;
	border:2px solid #0065aa !important;
	height:18px;
	width:18px;
	top:9px;
	left:-30px;
}

.text-tabs .tabs-menu-wrapper {
	margin:0 0 20px -5px;
}
.text-tabs .tab-title,
.text-tabs .tab-content {
	color:#888;
}
.text-tabs .tab-title {
	margin-right:10px;
	padding:5px;
	display:inline-block;
}
.text-tabs .tab-title.current {
	color:#f56c6e !important;
	font-weight:bold;
}
.tabs .tab-content {
	display:none;
}
.tabs .tab-content.current {
	display:block;
}
.tabbed-content .tab-content{
	border:1px solid #89c2dc;
	padding:32px;
}
.tabbed-content .content-block{
	padding:0;
}
.tabbed-content .nav-tabs li{
	margin-right:-3px;
}
.tabbed-content .nav-tabs a,
.tabbed-content .nav-tabs li.active a{
	border:1px solid #89c2dc;
    border-bottom-color:transparent;
    border-radius:0;
    color:#292b2c;
}
.tabbed-content .nav-tabs li.active a{
	background-color:#89c2dc;
}
.tabbed-content .nav-tabs a:hover{
	border:1px solid #89c2dc;
    border-bottom-color:transparent;
    background-color:#eeeeee;
}


.nopadding + #accordion {
	margin-top:20px;
}
#accordion.faq {
	margin-bottom:30px;
}
#media-gallery {
	margin:0 -15px 30px;
}
.panel-group {
	margin-top:20px;
	margin-bottom:0;text-align: left;
}
.panel-group + h2{
	margin-top:20px;
}
.panel-group .panel {
	background:none;
	border:none;
	border-radius:0;
	box-shadow:none;
}
.panel-group.faq .panel {
	border-bottom:1px solid #ccc;
	margin-top:0;
	padding:20px 0;
}
.panel-group.default .panel+.panel {
    margin-top:15px;
}
.panel-group .panel-heading{
	background:none;
	border:none;
	padding:0;
}
.panel-group .panel-title {
	font-size:1em;
}
.panel-group .panel-heading a {
	background:#fff;
	border:1px solid #666;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:10px 15px 10px 40px;
	display:block;
	position:relative;
}
.panel-group.faq .panel-heading a {
	color:#E22B33;
	font-weight:bold;
	border:none;
	padding:10px 50px 10px 0;
}
.panel-group.default .panel-heading a[aria-expanded="true"]{
	color:#fff;
	background-color:#666;
	border-bottom-left-radius:0;
	border-bottom-right-radius:0;
}
.panel-group.default .panel-heading a:hover {
	color:#E22B33;
	border-color:#E22B33;
}
.panel-group.default .panel-heading a[aria-expanded="true"]:hover {
	color:#fff;
	background:#E22B33;
}
.panel-group .panel-heading a:before,
.panel-group .panel-heading a[aria-expanded="true"]:before{
	font-family:"Font Awesome 5 Pro";
    font-size:20px;
    line-height:1.2;
	position:absolute;
	left:15px;
}
.panel-group.faq .panel-heading a:before, 
.panel-group.faq .panel-heading a[aria-expanded="true"]:before {
	left:auto;
	right:0;
}
.panel-arrows .panel-heading a:before{
	content:'\f107';
}
.panel-arrows .panel-heading a[aria-expanded="true"]:before{
	content:'\f106';
}
.panel-plusminus .panel-heading a:before{
	content:'\f067';
}
.panel-plusminus .panel-heading a[aria-expanded="true"]:before{
	content:'\f068';
}
.panel-group .panel-heading a:focus{
	text-decoration:none;
}
.panel-group .panel-body {
	border:1px solid #666;
	border-top:none !important;
	border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px;
	padding:20px;
}
.faq.panel-group .panel-body {
	font-size:0.9em;
	border:none;
	padding:20px 0;
}
.panel-group .content-block{
	padding:0 !important;
}


/* Video Block */
.video-block {
	color:#fff;
	text-align:center;
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	line-height:300px;
	height:300px;
	width:100%;
	margin:0 auto;
	display:block;
	position:relative;
}
.richtext + .video-block {
	margin-top:30px;
}
.video-block:hover {
	color:#E22B33;
}
.video-block .inner {
	line-height:normal;
	vertical-align:middle;
	display:inline-block;
	position:relative;
	z-index:1;
}
.video-block h4 {
	font-size:1.6em;
}
.video-block .play {
	font-size:50px;
}


/* Fancybox */
.fancybox-arrow{
	opacity:1 !important;
}
.fancybox-arrow:after {
	background-color:transparent;
	background-image:none;
	color:white;
	font-size:20px;
}
.fancybox-arrow:hover:after{
	opacity:.5;
}
.fancybox-arrow--left:after{
	font-family:"Font Awesome 5 Pro";
	content:'\f105';
}
.fancybox-arrow--right:after{
	font-family:"Font Awesome 5 Pro";
	content:'\f105';
}
.fancybox-button--close{
	top:-40px;
    right:-15px;
    left:auto;
    position:absolute;
    background-color:transparent;
    opacity:0;
}
.fancybox-button--close:hover{
	background-color:transparent;
	opacity:.5;
}
.fancybox-infobar{
	position:absolute;
	bottom:-30px;
	top:auto;
	padding:0;
	right:0;
	left:auto;
}
.fancybox-infobar button{
	display:none;
}
.fancybox-infobar__body{
	background-color:transparent;
	line-height:inherit;
	text-align:right;
	opacity:0;
}
.fancybox-caption{
	border-top:0;
	position:absolute;
    bottom:-30px;
    padding:0;
    left:0;
    opacity:0;
}
.fancybox-slide--complete .fancybox-caption,
.fancybox-slide--complete .fancybox-infobar__body,
.fancybox-slide--complete .fancybox-button--close{
	opacity:1;
}


/* ****************************************** Forms */
.forms {
	text-align:left;
}
.forms .input-group {
    margin:0 auto 10px;
    min-height:0 !important;
}
.forms .input-group.w50 {
    width:49%;
    float:left;
    padding:0 !important;
}
.forms .input-group.w50:nth-child(odd) {
	clear:left;
}
.forms .input-group.w50.right{
	float:right;
}
.forms .input-group.w100 + .input-group.w50  {
	margin-right:2%;
}
.forms .input-group.w100{
	width:100%;
	margin-right:0;
	float:none;
	clear:both;
}
#contact .input-group.w100,
#rfq .input-group.w100 {
	margin-bottom:20px;
}
.forms input[type=text], 
.forms input[type=email],
.forms input[type=number],
.forms input[type=tel], 
.forms input[type=password],
.forms textarea,
.forms select,
.forms #file-uploader-image,
.forms .bootstrap-select{
	color:#444;
	font-size:13px;
	background:#fff;
	border:1px solid #E22B33;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	width:100%;
	line-height:36px !important;
	height:36px;
	margin:0;
	padding:10px;
	display:block;
}
.forms input[type=text]:focus, 
.forms input[type=email]:focus,
.forms input[type=number]:focus,
.forms input[type=tel]:focus, 
.forms input[type=password]:focus,
.forms textarea:focus,
.forms select:focus,
.forms #file-uploader-image:focus{
	border-color:#222;
}
.forms textarea {
	line-height:1.4 !important;
	height:60px !important;
	padding:10px !important;
}
.forms label{
	font-weight:normal;
	color:#292b2c;
	font-size:15px;
}
.small .red,
.forms label .required{
	color:#a00;
}
.forms #file-uploader-image{
	padding:0 10px;
	position:relative;
}
.forms #file-uploader-image:focus{
	border-color:#292b2c;
	outline:0;
}
.forms .file-uploader-items .file-wrap{
	margin-bottom:0;
}
.forms .file-uploader-items .title{
	display:block;
	margin-bottom:0;
	height:35px;
}
.forms .file-uploader-items img{
	display:none;
}
.forms .file-uploader-items .delete-button{
	background:none;
	position:absolute;
	text-indent:inherit;
	font-size:0;
	top:0px;
    right:-18px;
    cursor:pointer;
}
.forms .file-uploader-items .delete-button:before{
	content:'×';
	font-size:15px;
	color:#c50000;
}
.forms .file-uploader-buttons{
	position:absolute;
	right:0;
	top:0;
	line-height:normal;
}
.forms .qq-upload-button,
.forms .qq-clear-button{
	font-size:0;
	text-align:center;
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:26px;
	height:26px;
	width:26px;
	padding:0;
	border:0;
	margin:4px 5px 0 0;
}
.forms .qq-clear-button {
	padding-left:4px;
}
.forms .qq-upload-button:hover,
.forms .qq-clear-button:hover{
	background:#444; 
}
.forms .qq-upload-button:before,
.forms .qq-clear-button:before {
	color:#fff;
	font-family:"Font Awesome 5 Pro";
	font-size:12px;
}
.forms .qq-upload-button:before{
	content:'\f0c6';
}
.forms .qq-clear-button:before{
	content:'\f2ed';
}
.qq-upload-list {
	margin:0;
}
.forms .errorMessage{
	color:white;
	font-size:12px;
	font-weight:normal;
	line-height:1;
	background-color:#c50000;
	width:100%;
	margin:0;
	padding:5px 7px;
}

.forms .submit {
	margin-top:10px;
}


/* Custom Selects, Checkboxes & Radios */
.forms .bootstrap-select{
	padding:0;
	border:0;
}
.forms .bootstrap-select:focus,
.forms .bootstrap-select button:focus{
	outline:0 !important;
}
.forms .bootstrap-select button{
	background-color:transparent;
	padding-left:10px;
	line-height:36px;
	border:1px solid #d7d8d8;
	border-radius:0;
	padding:0 10px;
}
.forms .bootstrap-select.open button,
.forms .bootstrap-select.open button:hover,
.forms .bootstrap-select button:active,
.forms .bootstrap-select.open button:active,
.forms .bootstrap-select.open button:focus{
	-webkit-box-shadow:none;
    box-shadow:none;
    background-color:transparent;
    border-radius:0;
    border:1px solid #292b2c;
}
.forms .bootstrap-select button span{
	font-weight:normal;
	text-transform:none;
}
.forms .bootstrap-select .dropdown-toggle  .caret{
	border:0;
	top:4px;
    right:20px;
}
.forms .bootstrap-select button .caret:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f107';
}
.forms .bootstrap-select.open button .caret:before{
	content:'\f106';
}
.forms .bootstrap-select .dropdown-menu{
	margin:0 0 0 -1px;
	border-radius:0;
	border:1px solid #292b2c;
	padding:0;
	background-color:#eeeeee;
}
.forms .bootstrap-select .dropdown-menu a{
	padding:8px 10px;
}
.forms .bootstrap-select .dropdown-menu a:hover{
	background-color:#dddddd;
}
.forms .bootstrap-select .dropdown-menu a:active,
.forms .bootstrap-select .dropdown-menu a:focus{
	outline:0;
}
.forms .checkbox-container,
.forms .radio-container,
.forms .switch-container{
	display:block;
	position:relative;
	padding-left:35px;
	margin-bottom:12px;
	cursor:pointer;
	font-size:15px;
	line-height:24px;
	color:#292b2c;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
    user-select:none;
}
.forms .switch-container{
	padding-left:60px;
}
.forms .checkbox-container input,
.forms .radio-container input,
.forms .switch-container input{
	opacity:0;
	position:absolute;
	cursor:pointer;
	left:0;
	width:100%;
	height:100%;
	margin:0;
	z-index:2;
}
.forms .checkbox-container .checkmark{
	position:absolute;
    top:0;
    left:0;
    height:25px;
    width:25px;
    background-color:#fff;
    border:1px solid #da3037;
    line-height:30px;
}
.forms .radio-container .radio{
	position:absolute;
    top:0;
    left:0;
    height:23px;
    width:23px;
    background-color:#fff;
    border:1px solid #da3037;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    line-height:30px;
    margin:0;
}
.forms .switch-container .switch{
	position:absolute;
    top:0;
    left:0;
    height:23px;
    width:50px;
    background-color:#d7d8d8;
    border:1px solid #d7d8d8;
    border-radius:100%;
    -moz-border-radius:100%;
    -webkit-border-radius:100%;
    line-height:30px;
    margin:0;
}
.checkbox-container .checkmark:after,
.radio-container .radio:after,
.switch-container .switch:after  {
	font-family:"Font Awesome 5 Pro";
    position:absolute;
    display:none;
}
.forms .checkbox-container:hover input ~ .checkmark:after {
    content:'\f0c8';
    display:block;
    font-weight:bold;
    top:-3px;
    left:6%;
    font-size:23px;
    color:#da3037;
}
.forms .radio-container:hover input ~ .radio:after{
	content:'\f111';
	display:block;
    font-weight:bold;
	top:-19%;
	left:10%;
	font-size:17px;
	color:#da3037;
}
.forms .switch-container input ~ .switch:after{
	content:'\f111';
	display:block;
    font-weight:bold;
	top:-4px;
	left:1px;
	font-size:20px;
	color:#ffffff;
}
.checkbox-container input:checked ~ .checkmark:after,
.forms .checkbox-container:hover input:checked ~ .checkmark:after{
    display:block;
    content:"\f14a";
    font-weight:bold;
    top:-3px;
    left:6%;
    font-size:23px;
    color:#da3037;
}

.radio-container input:checked ~ .radio:after,
.forms .radio-container:hover input:checked ~ .radio:after{
	display:block;
	content:'\f111';
	font-weight:bold;
	top:-19%;
	left:10%;
	font-size:17px;
	color:#da3037;
}
.switch-container input:checked ~ .switch{
	background-color:#da3037;
	border-color:#da3037;
}
.switch-container input:checked ~ .switch:after{
	display:block;
	content:'\f111';
	font-weight:bold;
	top:-4px;
	right:0;
	left:auto;
	font-size:20px;
	color:#ffffff;
	border:0;
}

.no-results-right {
    border-left: 1px solid #979797;
    padding: 0px 0px 0px 20px;
}

.no-results-right, .no-results-left {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
/* ***************************************** Search Results */
.sisea-highlight {
	text-shadow:1px 1px 1px #fff;
	background:#e9e9e9;
	padding:3px;
}
.sisea-paging {
	color:#777;
	font-size:12px;
	text-transform:uppercase;
	margin:15px 0;
}
.sisea-result-pages {
	margin-right:2px;
}
.sisea-current-page {
	color:#000;
}
.sisea-result {
	border-bottom:1px solid #ddd;
	padding:20px 0;
}
.sisea-result:first-child {
	border-top:1px solid #ddd;
}
.sisea-result h3 {
	color:#888;
	font-size:1.4em;
}
.sisea-result p {
	margin:0;
}


/************* Content Block Styling *********/
/*
.tpl-2 #main-content,
.tpl-3 #main-content {
	background:url("https://solaronicsusa.com//assets/images/template/bg-h1-section.jpg") no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
}
*/
.constraint-container{
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
    width:100%;
    clear:both;
    position:relative;
}
.constraint-container .constrain {
	position:relative;
	z-index:1;
}
.constraint-container.gray-bg{
	background: #cccccc;
}

.content-block {
	margin:0 auto;
	padding:80px 0;
	position:relative;
	z-index:1;
}
.nested .block .content-block{
	padding:10px 0;
}
.nested .block.gray-bg .content-block{
	padding:10px 30px;
}
.richtext .two-columns{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
#main-content .content-block > .block:last-child .content-block {
	padding-bottom:0;
}
.content-block .content-block {
	padding: 20px 0;
}

.content-block .constrain .w25,
.content-block .constrain .w33,
.content-block .constrain .w40,
.content-block .constrain .w50,
.content-block .constrain .w60,
.content-block .constrain .w66,
.content-block .constrain .w75{
	vertical-align:top;
	display:inline-block;
	padding-top:0;
}
.content-block .constrain .w25:first-child,
.content-block .constrain .w33:first-child,
.content-block .constrain .w40:first-child,
.content-block .constrain .w50:first-child,
.content-block .constrain .w60:first-child,
.content-block .constrain .w66:first-child,
.content-block .constrain .w75:first-child{
	padding-left:0;
	padding-right:16px;
	padding-bottom:0;
	padding-top:0;
}
.content-block .constrain .w25:last-child,
.content-block .constrain .w33:last-child,
.content-block .constrain .w40:last-child,
.content-block .constrain .w50:last-child,
.content-block .constrain .w60:last-child,
.content-block .constrain .w66:last-child,
.content-block .constrain .w75:last-child{
	padding-right:0;
	padding-left:16px;
	padding-bottom:0;
}

.two-cols .constrain > .w25,
.two-cols .constrain > .w33,
.two-cols .constrain > .w40,
.two-cols .constrain > .w50,
.two-cols .constrain > .w60,
.two-cols .constrain > .w66,
.two-cols .constrain > .w75{
	float:left;
}

.content-block.three-cols .w33,
.content-block.three-cols .w50{
	padding:0 16px;
}

.content-block.four-cols .w25{
	padding:0 16px;
}

.block.no-bg + .block.no-bg .content-block,
.block.no-bg + .block.no-bg .w25,
.block.no-bg + .block.no-bg .w33,
.block.no-bg + .block.no-bg .w40,
.block.no-bg + .block.no-bg .w50,
.block.no-bg + .block.no-bg .w60,
.block.no-bg + .block.no-bg .w66,
.block.no-bg + .block.no-bg .w75,
.block.no-bg + .block.white-bg .content-block,
.block.no-bg + .block.white-bg .w25,
.block.no-bg + .block.white-bg .w33,
.block.no-bg + .block.white-bg .w40,
.block.no-bg + .block.white-bg .w50,
.block.no-bg + .block.white-bg .w60,
.block.no-bg + .block.white-bg .w66,
.block.no-bg + .block.white-bg .w75 {
	padding-top:0 !important;
}

.content-block .w25{
	width:25%;
}
.content-block .w33{
	width:33.333%;
}
.content-block .w40{
	width:40%;
}
.content-block .w50{
	width:48%;
}
.content-block .w60{
	width:60%;
}
.content-block .w66{
	width:66%;
}
.content-block .w75{
	width:75%;
}

.nopadding > .content-block {
	padding:0 !important;
}

.content-block .bg-left,
.content-block .bg-right {
	background:center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	height:100%;
	position:absolute;
	top:0;
}
.content-block .bg-left {
	left:0;
}
.content-block .bg-right {
	right:0;
}
.content-block .w75.bg-left,
.content-block .w75.bg-right {
	width:75%;
}
.content-block .w66.bg-left,
.content-block .w66.bg-right {
	width:66.66%;
}
.content-block .w60.bg-left,
.content-block .w60.bg-right {
	width:60%;
}
.content-block .w40.bg-left,
.content-block .w40.bg-right {
	width:40%;
}
.content-block .w33.bg-left,
.content-block .w33.bg-right {
	width:33.33%;
}


/* New */
.richtext + .button {
    margin: 20px 0;
    display: inline-block;
}
.richtext p:last-child{
	margin-bottom:0;
}

.img-wrapper + .richtext h1:first-child,
.img-wrapper + .richtext h2:first-child,
.img-wrapper + .richtext p:first-child{
	margin-top:30px;
}

.content-block .heading:first-child:last-child{
	margin-bottom:-15px;
}



/************* Gallery & Buckets Styling *********/
.gallery{
	clear:both;
	position:relative;
}
.gallery.img-full img{
	min-height:100%;
	min-width:100%;
	max-width:none;
}
.gallery.fullwidth .img-wrapper,
.buckets.fullwidth .fauxlink{
	width:100%;
	margin:10px auto;
	float:none;
}
.gallery.two-cols .img-wrapper,
.buckets.two-cols .fauxlink{
    width:49%;
}
.gallery.three-cols .img-wrapper,
.buckets.three-cols .fauxlink{
    width:23%;
}
.gallery.four-cols .img-wrapper,
.buckets.four-cols .fauxlink{
    width:24%;
}
.gallery.five-cols .img-wrapper,
.buckets.five-cols .fauxlink{
    width:19%;
}

.img-wrapper {
	text-align:center;
	position:relative;
}
.gallery .img-wrapper {
	padding:15px;
    float:left;
    position:relative;
	opacity:0.85;
	filter:alpha(opacity=85);
}
.gallery.slider .img-wrapper {
    padding: 5px 5px 5px 15px;
}
.gallery .img-wrapper:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
.img-wrapper.img-left{
    margin-top:7px;
	padding:0 22px 10px 0;
	float:left;
}
.img-wrapper.img-right{
	float:right;
	padding:0 0 10px 22px;
    margin-top:7px;
}
.img-wrapper:before {
	color:#fff;
	font-size:40px;
	line-height:30px;
	margin:-15px 0 0 -15px;
	position:absolute;
	top:50%;
	left:50%;
}
.img-wrapper.img-full img{
	width:100%;
}
.img-wrapper a{
	display:block;
	margin-bottom:10px;
}
a.img-wrapper:focus{
	outline:0;
}
a.img-wrapper p{
	color:#292b2c;
}
.img-wrapper p.img-caption-in{
    background-color:rgba(17, 17, 17, 0.5);
    color:white;
    position:absolute;
    bottom:0;
    z-index:10;
    padding:10px 15px;
    margin:0;
    text-align:left;
    width:100%;
}
.img-wrapper p.img-caption-out{
	padding:10px 15px;
}
.img-wrapper i{
	position:absolute;
	top:15px;
	right:15px;
	color:white;
}
.gallery .img-wrapper i {
	top:30px;
	right:30px;
}
.gallery.caption-outer .img-wrapper:before {
	top:44%;
}
.img-wrapper:hover:before {
	font-size:44px;
	text-shadow:0 0 10px rgba(0,0,0,0.5);
}
.gallery .caption {
	font-size:0.9em;
	text-align:center;
	margin:0;
	padding:10px 0;
	display:block;
}
.gallery.caption-inner .caption{
	color:#fff;
	background:rgba(0,0,0,0.5);
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
}

.gallery.slider{
	margin-bottom:40px;
}
.gallery.slider .img-wrapper{
	margin:0;
}
.gallery.slider img{
	margin:0 auto;
	display:block;
}
.gallery.slider .flex-prev:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f104';
	color:white;
}
.gallery.slider .flex-next:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f105';
	color:white;
}
.gallery.carousel .slick-prev:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f104';
	color:#292b2c;
}
.gallery.carousel .slick-next:before{
	font-family:"Font Awesome 5 Pro";
	content:'\f105';
	color:#292b2c;
}
.slick-dots li button:before{
	font-size:14px;
}

.buckets {
	margin:20px 0;
	clear: both;
	text-align: center;
}
.buckets:first-child {
	margin-top:0;
}
.buckets:last-child {
	margin-bottom:0;
}
.buckets.carousel {
	padding:0 20px;
}
.buckets .fauxlink {
    margin: 0 auto 20px;
    padding: 0 15px;
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.buckets.carousel .fauxlink {
	vertical-align:middle;
	margin:0;
	padding:15px;
	display:inline-block;
	float:none;
}
.fauxlink:hover {
	cursor:pointer;
}
.buckets.big-red .inner {
	background:url("../images/bg-bucket.jpg") center center no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;	
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	padding:30px 20px;
	transition:inherit !important;
	height:403px;
}
.carousel.buckets.big-red .fauxlink:not(.slick-current) .inner{
	height:320px;
}
.buckets.big-red .slick-active.slick-center .inner {
	box-shadow:0 0 20px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);	
}
.buckets.big-red .fauxlink:hover .inner {
	box-shadow:0 5px 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.5);
}
.buckets.small-gray .inner {
	background:#eee;
	border-top:4px solid #E22B33;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	height:210px;
	padding:15px;
	position: relative;
}
.buckets.small-gray a {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}
.buckets.small-gray .noBucketText .inner {
	padding-top:60px;
}
.buckets.small-gray .fauxlink:hover .inner {
	box-shadow:0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
}
.buckets.big-red .noBucketText .inner{
	padding-top:30px;
	height:300px;
}
.buckets.big-red .noBucketText .inner img{
	width:70%;
}
.buckets.big-red .button{
    position: absolute;
    bottom: 30px;
    left: 50%;
    margin-left: -63.5px;	
}
.buckets img,
.buckets h3,
.buckets p {
	margin:0 auto 15px;
}
.buckets.big-red h3,
.buckets.big-red p {
	color:#fff;
}
.buckets.big-red h3 {
	line-height:50px;
	height:100px;
}
.buckets.big-red h3 em {
	line-height:1.2;
	vertical-align:middle;
	display:inline-block;
}
.buckets.carousel h3 {
	margin-bottom:0;
}
.buckets.carousel .slick-active.slick-center h3 {
	margin-bottom:15px;
}
.buckets img,
.buckets h3,
.buckets p {
	margin:0 auto 5px;
}
.buckets h3.long {
	font-size:1.3em;
}
.buckets.small-gray h3 {
	text-shadow:1px 1px 0 #fafafa;	
}
.buckets p {
	font-size:0.9em;
}
.buckets.carousel p {
	height:0;
	overflow:hidden;
	opacity:0;
	filter:alpha(opacity=0);
	transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
}
.buckets.carousel .slick-center p {
	height:auto;
	opacity:1;
	filter:alpha(opacity=100);
}
.buckets.small-gray a,
.readmore {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
}
.buckets.small-gray a span,
.readmore span {
	margin-right:3px;
}
.buckets.small-gray .fauxlink:hover a span,
.fauxlink:hover .readmore span {
	margin-right:15px;
}
.buckets.small-gray i,
.readmore i {
	color:#444;
	font-weight:400;
}

.buckets .slick-prev {
	left:-45px;
}
.buckets .slick-next {
	right:-45px;
}
.slick-prev:before, 
.slick-next:before {
    color:#000;
	font-family:"Font Awesome 5 Pro";
	font-size:18px;
	font-weight:bold;
}
.slick-prev:hover:before,
.slick-next:hover:before {
	color:#E22B33;
}
.slick-prev:before {
	content:"\f053";
}
.slick-next:before {
	content:"\f054";
}

#apps-buckets .bucket {
	color:#ddd;
	text-align:center;
	height:160px;
	margin-bottom:20px;
	position:relative;
	top:0;
}
#apps-buckets .bucket:nth-child(5),
#apps-buckets .bucket:nth-child(6),
#apps-buckets .bucket:nth-child(7),
#apps-buckets .bucket:nth-child(8) {
	margin-bottom:0;
}

#apps-buckets .bucket img {
	height:50px;
}
#apps-buckets .bucket h4 {
	font-size:1em;
	height:35px;
}


/* Case Studies */
#filters {
	padding:10px 0 40px;
}
#filters button {
	color:#222;
	text-shadow:none;
	background:none;
	box-shadow:none;
	padding:8px 20px;	
}
#filters button + button {
	margin-left:20px !important;
}
#filters button:hover {
	background:#ddd;
}
#filters .mixitup-control-active {
	pointer-events:none;
}

.cs-bucket {
	text-align:left;
}
.cs-bucket.mix {
	margin-bottom:30px;
}
.cs-bucket img {
	margin:0 20px 0 0;
	float:left;
}
.cs-bucket.mix img {
	margin-right:30px;
}
.cs-bucket h4 {
	font-size:1em;
	text-transform:uppercase;
	margin:0;
}
.cs-bucket .h3 {
	margin:15px 0;
}
.cs-bucket a {
	font-size:0.9em;
}
.cs-bucket a i {
	margin-right:5px;
}

.mixitup-page-stats,
.mixitup-page-list {
	font-size:0.9em;
	vertical-align:middle;
	display:inline-block;
}
.mixitup-page-stats {
	width:auto !important;
}
.mixitup-page-list {
	margin-left:10px;
}
.mixitup-page-list .mixitup-control {
	display:none;
}
.mixitup-page-stats,
.mixitup-control-prev,
.mixitup-control-next {
	vertical-align:middle;
	line-height:40px;
	height:40px;
	width:40px;
	display:inline-block !important;
}
.mixitup-page-list button:hover {
	color:#E22B33;
}
.mixitup-control-disabled {
	color:#aaa !important;
}


/* ************ File Downloads ************ */
.files li {
    text-align: center;
    height: 130px;
    width: 30.5%;
    margin: 10px 1%;
    background: #eee;
    display: inline-block;
    vertical-align: top;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}
.files li a {
	text-decoration:none;
	padding:15px;
	display:block;
}
.files li:hover {
	background:#d6d5d5;
}
.files .title,
.files .filesize,
.files .download {
	display:block;
}
.files .title {
    font-size: 0.9em;
}
.files .filesize {
	color:#888;
	font-size:0.8em;
	line-height:1;
	margin:10px auto;
}
.files .download {
	color:#444;
	font-size:0.8em;
}
.files .download i {
	font-size:11px;
}
.files .download span {
	text-decoration:underline;
}
.files li:hover .download span {
	color:#E22B33;
	text-decoration:none;
}
.files .icon-default:before,
.files .icon-filetype:before,
.files .extension:before{
	content:'\f15b';
	font-family:"Font Awesome 5 Pro";
	color:#444;
	font-size:40px;
	font-weight:200;
	line-height:1;
	margin-bottom:10px;
	display:block;
}
.files .icon-pdf:before{
	content:'\f1c1';
}
.files .icon-doc:before,
.files .icon-docx:before{
	content:'\f1c2';
}
.files .icon-txt:before{
	content:'\f15c';
}
.files .icon-xls:before,
.files .icon-xlsx:before{
	content:'\f1c3';
}
.files .icon-ppt:before,
.files .icon-pptx:before{
	content:'\f1c4';
}


/* ************ Paging ************ */
.paging ul{
	margin:0;
	padding:0;
	width:100%;
	text-align:center;
}
.paging ul li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline-block;
}
.paging ul li a{
	color:#292b2c;
	font-size:15px;
	padding:5px;
	display:block;
}
.paging ul li a:hover,
.paging ul li a:active,
.paging ul li a.active{
	text-decoration:none;
	text-shadow:-0.25px -0.25px 0 #c90f14, 0.25px 0.25px #292b2c;
}
.flex-control-nav {
    text-align: center;
    bottom: -30px;
}
.flex-control-nav li {
	vertical-align:middle;
}
.flex-control-paging li a {
	font-size:0;
	height:15px;
	width:15px;
}
.flex-control-paging li a.flex-active {
	background:#E22B33;
}


/* ************ Map ************ */
#map{
	height:400px;
}
#map .infowindow-bg{
	background-color:white;
	display:block;
    width:100%;
    height:100%;
}
#map .infowindow-bg:before{
	content:'';
	bottom:-20px;
	left:50%;
	border:solid transparent;
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(255,255,255, 0);
	border-top-color:#ffffff;
	border-width:10px;
	margin-left:-10px;
}
#map .infowindow-bg div{
	border:0 !important;
	border-top:0 !important;
	border-left:0 !important;
	border-right:0 !important;
	border-bottom:0 !important;
	box-shadow:none !important;
	background-color:transparent !important;
}
#map .infowindow{
	background-color:white;
}
#map ul{
	margin:0;
	padding:0;
}
#map ul li{
	margin:0;
	padding:0;
	font-size:14px;
	color:#292b2c;
	line-height:20px;
	position:relative;
}
#map ul li i{
	font-weight:400;
	position:absolute;
	left:1px;
	top:4px;
}
#map .title{
	text-transform:uppercase;
	font-weight:500;
	-webkit-font-smoothing:antialiased;
	margin-bottom:8px;
}
#map .address,
#map .phone,
#map .fax{
	padding:0 0 5px 25px;
}
#map .address a {
	margin-bottom:5px;
}


/* ************ Address ************ */
.location{
	padding-left:0;
	margin:32px 0 0 0;
	max-width:500px;
}
.location li{
	list-style-type:none;
	position:relative;
	padding-left:30px;
	margin-bottom:5px;
	display:inline-block;
	width:40%;
}
.location li.address{
	float:left;
	margin-right:2%;
	width:55%;
}
.location i{
	position:absolute;
	left:0;
	top:2px;
}


/* Explore Applications */
.block.nopadding {
	z-index:2;
}
#explore-apps {
	color:#fff;
	background:url("../images/explore-apps-bg.jpg") center center no-repeat #3D404B;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	padding:40px 0;
}
#apps-dropdown {
	float:right;
	position:relative;
}
#apps-dropdown button {
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.3);
	position:relative;
	z-index:1;
}
#apps-dropdown.open button,
.sidebar.open h3 {
	background:#888;
}
#apps-dropdown.open button:hover {
	background:#fff;
}
#apps-dropdown button i {
	margin-left:5px;
}
#apps-dropdown ul {
	font-size:0.9em;
	background:#fff;
	border-radius:0px 0px 8px 8px;
	-moz-border-radius:0px 0px 8px 8px;
	-webkit-border-radius:0px 0px 8px 8px;
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 2px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);
	width:100%;
	padding:30px 15px 15px;
	position:absolute;
	top:20px;
	left:0;
	display:none;
}
#apps-dropdown.open ul {
	display:block;
}
#apps-dropdown li {
	margin-bottom:5px;
}
#apps-dropdown li.last {
	margin-bottom:0;
}
#apps-dropdown a {
	color:#444;
	padding:2px 0;
}
#apps-dropdown a:hover {
	color:#E22B33;
}


/* CTAs */
#content-cta {
	background:#fff;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	box-shadow:0 4px 15px rgba(0,0,0,0.4);
	-moz-box-shadow:0 4px 15px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 4px 15px rgba(0,0,0,0.4);
	padding:25px 30px;
	margin:-140px auto 40px;
}
#content-cta #zipcode{
	line-height: 23px !important;
}
#content-cta .button {
	padding:8px 24px;
	float:right;
}
#content-cta h3,
#explore-apps h3 {
	line-height:1.6;
	margin:0;
	float:left;
}
#content-cta h3 i,
#explore-apps h3 i,
#footer .phone i,
#footer address i {
	color:#fff;
	font-size:16px;
	text-align:center;
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:30px;
	height:30px;
	width:30px;
	margin-right:10px;
}
#apps-buckets .bucket i {
	font-size:12px;
	text-align:center;
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:24px;
	height:24px;
	width:24px;
	padding:1px 0 0 1px;
}
#apps-buckets .bucket:hover i {
	background:#921d23;
}


/* Rep Locator */
#rep-locator {
    text-align: center;
    width: 500px;
    margin: 30px 0;
}
#footer #rep-locator {
	width:360px;
	margin:0;
	float:right;
}
#rep-locator .w66 {
	margin:0;
	float:left;
}
#rep-list {
	background:#eee;
	width:900px;
	margin:0 auto 60px;
	padding:35px 40px 20px;
	display:none;
}
#rep-list .results {
	color:#000;
	margin-bottom:30px;
}
#rep-list .no-results {
	display:none;
}
#rep-list .reset {
	color:#E22B33;
}
#rep-list .reset:hover {
	text-decoration:underline;
	cursor:pointer;
}
#rep-list .rep {
	margin-bottom:30px;
	display:none;
}
#rep-list .rep:last-child {
	margin-bottom:0;
}
#rep-list .rep h3 {
	font-size:2em;
}
#rep-list .rep p {
	font-size:0.9em;
	width:60%;
	padding-left:25px;
	vertical-align:top;
	display:inline-block;
	position:relative;
}
#rep-list .rep .phone,
#rep-list .rep .fax {
	width:39%;
}
#rep-list .rep i {
	color:#E22B33;
	position:absolute;
	top:2px;
	left:0;
}

#google-map iframe{
	width:100%;
	height:300px;
	border: none;
	margin:30px auto;
}
/* ****************************************** Sidebar */
.sidebar {
	padding-right:30px !important;
}
.sidebar h3 {
	margin:0 0 25px;
}
.sidebar a,
.post-item .post-info .tags a,
.post-item .post-info .categories a {
	color:#222;	
	display:block;
}
.sidebar h3 a,
.sidebar .current > a {
	color:#E22B33;
}
.sidebar a:hover,
.post-item .post-info .tags a:hover,
.post-item .post-info .categories a:hover {
	color:#888 !important;
}
.sidebar .level1 > a {
	font-weight:bold;
	text-transform:uppercase;
	padding:10px 0;
}
.sidebar .level1 > ul {
	border-left:1px solid #E22B33;
	margin:10px 0 15px;
	padding-left:30px;
}
.sidebar .level2 {
	margin:10px 0;
}
.sidebar .level2:first-child {
	margin-top:0;
}
.sidebar .level2:last-child {
	margin-bottom:0;
}
.sidebar .level2 > a {
	font-size:0.9em;
	padding:5px 0;
}


/* Modal/Popup Boxes */
.modal{
	z-index:99999;
	text-align:center;
}
.modal-dialog{
	width:auto;
	padding-bottom:60px;
}
.modal-content{
	border-radius:0;
	padding:30px;
	width:100%;
	max-width:420px;
	margin:0 auto;
	border:1px solid gray;
}
.modal .close{
	border-radius:0;
	position:absolute;
	right:2px;
	top:8px;
	font-size:26px;
	width:30px;
	font-weight:200;
	height:30px;
	color:black;
	opacity:1;
}
.modal .close:hover{
	opacity:.6;
}
.modal form{
	text-align:left;
}
.modal img{
	height:auto;
}
.forms .modal-header {
	padding-right:50px;
	padding-left:50px;
}
.forms .modal-body {
	padding:20px 50px 40px;
}


/* ************ Blog ************ */
.sidebar .search-form,
.post-filter {
	font-size:14px;
}
.sidebar h5 {
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
}
.sidebar .group {
	margin-bottom:30px;
}
.post-filter li {
	text-transform:capitalize;
}
.post-filter.no-count .count{
	display:none;
}
.post-item {
	margin-bottom:30px;
	min-height: 155px;
}
.post-item .img-wrapper {
	height:200px;
	width:200px;
	margin:0 30px 0 0;
	float:left;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.fauxlink:hover .img-wrapper {
	opacity:1;
	filter:alpha(opacity=100);
}
.post-info h3 {
	margin:15px 0;
}
.post-info .tags,
.post-info .categories {
	display:block;
}
.post-entry {
	padding-bottom:30px;
}
.post-entry .post-info {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	margin:10px 0 20px;
}
.post-entry .gallery.slider.img-full .slides,
.post-entry .img-wrapper.img-full{
	height:300px;
	overflow:hidden;
}
.post-entry .gallery.slider.img-full .slides img,
.post-entry .img-wrapper.img-full img{
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	transform:translateY(-50%);
}

/* Comments */
.quip{
	margin-top:30px;
}
.quip h3,.quip .h3{
	margin-bottom:0;
}
.quip-comment{
	padding:0 !important;
}
.quip-comment .quip-fld{
	margin-bottom:8px;
}
.quip-comment .quip-name,
.quip-comment .quip-email{
	width:48%;
}
.quip-comment .quip-name{
	float:left;
}
.quip-comment .quip-email{
	float:right;
}
.quip-comment .quip-fld input[type="text"],
.quip-comment .quip-fld input[type="email"]{
	width:100%;
}
.quip-add-comment label{
	display:block;
	float:none !important; 
	width:auto !important;
}
.quip-add-comment .quip-notify label{
	display:inline-block;
}


/* ************ PDF Buttons ************ */
.pdf-ctas > a {
    margin:20px 0;
}
.pdf-ctas > a + a {
	margin-left:20px;
}
.pdf-iframe {
    position:relative;
    padding-bottom:129.4%; /* 8.5:11 */
    padding-top:0px;
    height:0;
}
.pdf-iframe iframe,
.pdf-iframe object {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
}


/* ****************************************** Footer */
#footer {
	background:url("../images/bg-footer.jpg") no-repeat;
	-webkit-background-size:cover !important;
	-moz-background-size:cover !important;
	-o-background-size:cover !important;
	background-size:cover !important;
	padding:50px 0 60px;
    clear:both;
    position:relative;
    z-index:1;
}
.page-67 #footer,
.page-70 #footer {
	padding-top:60px;
}
#footer .constrain {
	position:relative;
}
#footer-top {
	margin-bottom:30px;
}
#footer .logo {
	width:200px;
	float:left;
}
#back-top {
	color:#fff;
	font-size:12px;
	text-align:center;
	background:#E22B33;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	line-height:1;
	height:40px;
	width:40px;
	padding-bottom:2px;
	float:right;
}
#back-top:hover {
	background:#444;
}
#back-top i {
	font-size:16px;
	display:block;
}
#footer p,
#footer address,
#footer label {
	font-size:0.85em;
	position:relative;
	    margin-bottom: -40px;
}
#footer .phone,
#footer address {
	min-height:30px;
	padding-left:45px;
}
#footer .w50 .phone,
#footer .w50 address {
	vertical-align:top;
	display:inline-block;
}
#footer .phone {
	margin-bottom:20px;
	padding-top:5px;
}
#footer .w50 .phone {
	margin-right:40px;
}
#footer .phone i,
#footer address i {
	position:absolute;
	top:0;
	left:0;
}
#footer address a {
	color:#444;
	text-decoration:underline;
	margin-top:5px;
	display:block;
}
#footer .w50 address a {
	display:none;
}
#footer address a:hover {
	color:#E22B33;
}
#footer strong {
	display:block;
}
#footer li {
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	vertical-align:top;
	width:49%;
	margin-bottom:15px;
	display:inline-block;
}
#footer .w50 li {
	width:32.5%;
}
#copyright {
	font-size:0.8em !important;
    margin:0;
	position:absolute !important;
    bottom:0;
    left:0;
}

#contact-info {
	margin-top:30px;
}
#contact-info .address,
#contact-info .phone {
	text-align: left;
    vertical-align:top;
    display:inline-block;
}
#contact-info .address {
    width:51%;
	padding-left:30px;
	position:relative;
}
#contact-info .address i {
	position:absolute;
	top:2px;
	left:0;
}
#contact-info .phone {
	width: 47%;
}


/*************** IE styless***************/
.ie7 .col-md-2,
.ie8 .col-md-2 {
    width:16.66666667%;
    float:left;
}
.ie7 .col-md-4,
.ie8 .col-md-4 {
    width:33.33333333%;
    float:left;
}
.ie7 .col-md-6,
.ie8 .col-md-6 {
    width:40%;
    float:left;
}


/* "Edit Page" button */
#edit-page {
	color:#fff;
	font-size:10px;
	font-weight:bold;
	text-decoration:none !important;
	text-transform:uppercase;
	text-align:center;
	letter-spacing:0.05em;
	line-height:1;
	background:#2bc271;
	border-radius:0 0 8px 0;
	-moz-border-radius:0 0 8px 0;
	-webkit-border-radius:0 0 8px 0;
	width:40px;
	padding:5px 0;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
}
#edit-page:hover {
	color:#2bc271;
	background:#fff;
}

/* Dev styles, move later */
.checkboxes,
.radios{
	margin-left:25px;
}
.input-group.required label:after{
	content:'*';
}
.input-group .checkbox label.error,
.input-group .radio label.error{
	position:absolute;
    margin-top:-15px;
    left:-25px;
    padding:0;
}
.input-group .checkbox input.error,
.input-group .radio input.error{
	font-size:inherit;
}


/* New style for navigation */

#pid32 .inner-nav img,
#pid37 .inner-nav img,
#pid46 .inner-nav img,
#pid53 .inner-nav img{
    display:none;
}

.covid{
    background: #921d23;
    background: -moz-linear-gradient(top, #921d23 0%, #e22b33 100%);
    background: -webkit-linear-gradient(top, #921d23 0%,#e22b33 100%);
    background: black;
    color:white;
    text-align:center;
    font-weight: bold;
}
.covid p {
    font-size: 14px;
    padding: 5px 50px;
}
/* Celebrating Tab */
.welcomeFrom {
    height: 45px;
    position: fixed;
    background: #dddddd;
    top: 340px;
    right: -108px;
    padding: 0;
    width: 261px;
    transform: rotate(90deg);
}

.welcomeState {
    font-family: "StateFaceRegular";
    font-size: 30px;
    color: #fd9000;
    line-height: 1;
    float: left;
    margin: 15px 10px;
}

.welcomeTitle {
    width: 221px;
    font-size: 16px;
    font-weight: 700;
    color: #013E50;
    text-transform: uppercase;
    margin: 0;
    float: left;
    height: 60px;
    padding-bottom: 13px;
}
span.welcomeTitleTable {
    display: table;
    width: 100%;
    height: 100%;
}
span.welcomeTitleText {
    display: table-cell;
    vertical-align: middle;
    line-height: 18px;
}
.scrolling .welcomeFrom {
    top: 400px;
}
/* Calculator Styles */
#side-label {
    width: 100%;
    float: left;
}

.total-heat .col-md-4 {
    margin: 0 auto;
    float: none;
}

.form-actions {
    margin: 0;
    margin-top: 30px;
    text-align: center;
}

.total-heat #total {
    border: 3px solid #E22B33;
}

.total-heat #fuel-result {
    border: 3px solid #E22B33;
}

#result-bottom {
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: #E22B33;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    line-height: 1;
    height: 70px;
    width: 70px;
    padding-bottom: 2px;
    position: fixed;
    top: 470px;
    right: 4%;
    z-index: 99999999;
}

#result-bottom i {
    font-size: 16px;
    display: block;
}

.red-star {
    color: #E22B33;
    font-size: 1.4em;
    font-weight: 600;
}

.heat-form .form-group {
    margin-bottom: 40px;
}

.heat-form .inner-walls .form-group {
    margin-bottom: 15px;
}

.heat-form .form-group ul.calc-disclaimer {
    border: 3px solid black;
}

.total-heat #total-corrected {
    border: 3px solid #E22B33;
}



@media only screen and (max-width: 1199px) {
   
  
    span.welcomeState {
        margin: 7.5px 10px;
    }
    .welcomeTitle {
        font-size: 14px;
        height: 45px;
    }
 
}

@media only screen and (max-width: 767px ) {
    .welcomeFrom {
        display: none !important;
    }
    .fen{width:100%;line-height:50px}
   
}