/* Styles for rhombus lists */
ul.rhombus, 			.rhombus ul				{ list-style-type: none; padding-top: .75em; }
ul.rhombus li,			.rhombus ul li			{ list-style-type: none; position: relative; padding: .5em 0 .5em 24px; color: #c41230; font-weight: bold; font-size: 1.25em; text-transform: uppercase; }
ul.rhombus li:before, 	.rhombus ul li:before	{ content: '\\'; font-family: 'usg'; position: absolute; left: 0; top: 50%; margin-top: -.5em; color: #ad172b; }
ul.rhombus li a, 		.rhombus ul li a		{ color: inherit; }

/* Lightbox display */
body.lb									{ width: 100%; height: 100vh; overflow: hidden; }
div.lightbox							{ width: 100%; height: 0; position: absolute; z-index: 100000; top: 0; left: 0; background: rgba(0,0,0,.75); opacity: 0; }

.lightbox button						{ margin: 0; padding: 0; border: 0; outline: 0; background: transparent; -webkit-appearance: none; font-family: inherit; font-size: 1em; cursor: pointer; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.lightbox button::-moz-focus-inner		{ padding: 0; border: 0; }


@media only screen and (max-width:766px) {
	body.lb						{ height: 100%; overflow-y: scroll; }
}

@font-face { 
    font-family: "usg"; 
    src:url("../../../clientlib-site/fonts/usg.eot"); 
    src:url("../../../clientlib-site/fonts/usg.eot?#iefix") format("embedded-opentype"), url("../../../clientlib-site/fonts/usg.woff") format("woff"), url("../../../clientlib-site/fonts/usg.ttf") format("truetype"), url("../../../clientlib-site/fonts/usg.svg#usg") format("svg"); 
    font-weight: normal; 
    font-style: normal; }

.youtube-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.youtube-container iframe, .youtube-container object, .youtube-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}



section.product-selector				{ padding-bottom: 120px; }
.product-selector .hdr figure			{ margin-bottom: 1em; }
.product-selector .hdr h1				{ color: #464646; }
.product-selector .prd-sel h1,					
.product-selector .est-sel h1			{ font-weight: bold; font-size: 28px; background: #464646; color: #fff; text-transform: uppercase; padding: .675em .5em; margin: 0; }

.product-selector div.mobile-hide		{ height: auto; overflow: hidden; }


@media only screen and (max-width:990px)
{
	section.product-selector			{ padding-bottom: 180px; }
}

@media only screen and (max-width:766px)
{
	section.product-selector			{ min-height: 100vh; padding-bottom: 0; }
	.product-selector .hdr figure		{ display: none; }

	.product-selector div.prd-est		{ position: relative; left: 0; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }
	.product-selector div.prd-est.on	{ left: -100vw; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }
	.product-selector div.prd-est.on ul	{ top: -2.9em; }
}


.estimator div.parsys				{ margin: 0; padding: 0 }
.estimator div.section				{ margin: 0; padding: 0 }
div.estimator						{ display: block; }
.lightbox div.estimator				{ display: block; background: #fff; position: absolute; z-index: 100001; top: 50%; left: 50%; width: 100%; max-width: 500px; transform: translateX(-50%) translateY(-50%); max-height: 95%; overflow-y: auto; }

.estimator header					{ background: #464646; padding-top: 3em; }
.estimator header h1				{ color: #fff; font-size: 20px; font-weight: bold; text-transform: uppercase; padding: 0 5% .5em; margin: 0; text-align: center !important; }
.estimator h2						{ color: #fff; font-size: 18px; font-weight: bold; background: #a2a2a2; padding: .5em 5%; margin: 0; }
.estimator button.close				{ position: absolute; top: 0; right: .25em; color: #fff; font-size: 3em; }
.estimator div						{ padding: 1em 0; margin: 0 5%; }
.estimator div.or, 					
.estimator div.and					{ padding: 0; text-transform: uppercase; }
.estimator div.underline			{ border-bottom: 1px #464646 solid; }
.estimator input[type=text]			{ width: 100px; height: auto; padding: .25em; font-size: 1.25em; margin: 0 .5em 0 0; display: inline-block; color: #000; background: #f4f4f4; border: none; border-bottom: 1px #464646 solid; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.estimator input[type=submit]		{ color: #fff; padding: .125em 2em; border-radius: .25em; margin: 0 5%; font-weight: bold; background: #464646; }
.estimator p						{ display: inline-block; margin: 0; }
.estimator p em						{ font-weight: bold; font-style: normal; }
.estimator span						{ vertical-align: top; }
.estimator span em					{ font-weight: bold; color: #c41230; font-style: normal; }

.estimator footer					{ background: #f4f4f4; padding: 1em 5%; text-align: right; }
.estimator footer button				{ color: #fff; padding: .5em 1em; border-radius: .25em; margin: 0 .25em; font-weight: bold; background: #464646; }
.estimator footer button:nth-of-type(2) { background: #a2a2a2; }
.estimator footer button:disabled		{ opacity: .5; color: #ccc; box-shadow: none; cursor: default; }

@media only screen and (max-width:768px)
{
    .lightbox							{ height: 100%; width: 100%; }
    .lightbox div.estimator				{ top: 0; left: 0; width: 100%; max-width: none; transform: none; max-height: inherit; overflow-y: visible; }
	.estimator header h1				{ font-size: 16px; }
    .estimator input[type=submit]		{ color: #fff; padding: .125em 2em; border-radius: .25em; margin: 0 0 0 1em; font-weight: bold; background: #464646; }
	.estimator footer					{ display: none; }
}

@media screen {
    #printSection { display: none; }
}

@media print {

    .noprint, .noprint *  {
    	visibility:hidden;
    }

    #printSection * {
        visibility:visible;
    }

    #printSection input[type=submit], #printSection button {
        visibility:hidden;
    }

    #printSection {
       	visibility:visible;
        height:auto;
        width:100%;
    }

}
.techincalspecsdetail-container .techincalspecsdetail-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.techincalspecsdetail-container .techincalspecsdetail-list .columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px;
}
.techincalspecsdetail-container h2 {
    margin-top: 45px;
    font-family: SeroWeb, arial, helvetica, sans-serif;
    -webkit-text-stroke: 1px;
}
.popupmodal {
	position: fixed;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	margin: 0;
}

.general-content .popupmodal {
	margin: 0 auto !important;
	padding: 0 !important;
}

.cmp-popup-modal__wrapper {
	display: flex;
	justify-content: flex-end;
	padding-top: 1rem;
	position: relative;
	width: 100%;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	padding: 0 2.3125rem;
	max-width: 90rem;
	margin: auto;
}

.cmp-popup-modal__container {
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	max-width: 275px;
	position: relative;
}

.cmp-popup-modal__wrapper.cq-dd-image {
	padding-top: 0;
}

.cmp-popup-modal__header {
	display: flex;
	justify-content: flex-end;
	background-color: #C41230;
	padding: .5rem 1rem;
	gap: 1rem;
}

.cmp-popup-modal__header-button {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 1rem;
	padding: 0;
	color: #fff;
}

.cmp-popup-modal__content {
	padding: .5rem 1rem;
}

.cmp-popup-modal__cta {
	background-color: #0077cc;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 1rem;
	padding: 10px 20px;
}

.cmp-popup-modal__actions {
	display: flex;
	gap: 1rem;
	justify-content: center;
}

.cmp-popup-modal__content>*:not(:first-child) {
	transition: max-height ease-in-out .3s;
	max-height: 1000px;
}

.popupmodal .cmp-popup-modal__title {
	font-size: .875rem;
}

.popupmodal .cmp-teaser__description {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.popupmodal .cmp-teaser__description p {
	font-size: .875rem;
}

.cmp-teaser__image {
	margin-bottom: .5rem;
}

.collapsed .cmp-popup-modal__content>*:not(:first-child) {
	max-height: 0;
	overflow: hidden;
	margin: 0;
}

[data-cmp-hook-popup-collapse] .icon-chevron-down {
	transition: transform ease-in-out 0.3s;
}

.collapsed [data-cmp-hook-popup-collapse] .icon-chevron-down {
	transform: rotate(180deg);
	display: inline-block;
}

@media (max-width: 47.9375rem) {
	.popupmodal {
		top: 0;
		display: flex;
	}

	.cmp-popup-modal__header-button[data-cmp-hook-popup-collapse],
	.cmp-teaser__description {
		display: none;
	}

	.cmp-popup-modal__wrapper {
		justify-content: center;
	}
}

@media (min-width: 48rem) {
	.cmp-popup-modal__wrapper {
		padding: 0 1.5rem;
	}
}

@media (min-width: 67.5625rem) {
	.cmp-popup-modal__wrapper {
		padding: 0 2.3125rem;
	}
}
.list ul.product 				{ margin-bottom: 0; list-style-type: none; overflow: hidden; margin-left: 0; }
.list ul.product li 			{ float: left; width: 25%; padding: 0 0.675em 0.5em 0; }
.list ul.product a 				{ width: 100%; position: relative; display: block; float: left; margin: 0 -1px -1px 0; text-decoration: none; color: #5a5a5a; }
.list ul.product a:hover		{ z-index: 1; border-color: #007cba; color: #007cba; } 
.list ul.product a > div 		{ width: 100%; height: 0; padding-bottom: 100%; border: 1px solid #d9d9d9; text-align: center; vertical-align: middle; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: white; box-sizing: border-box; overflow: hidden; }
.list ul.product a > div:hover	{ border: 1px solid #464646; }
.list ul.product a h3			{ font-size: 14px; text-decoration: none; color: #464646; font-weight: bold; font-style: normal; min-height: 5em; }
.list ul.product a p 			{ font-weight: bold; }

.list ul.estimator				{ margin-bottom: 0; list-style-type: none; overflow: hidden; margin-left: 0; }
.list ul.estimator li 			{ float: left; width: 25%; padding: 0 0.675em 0.5em 0; min-height: 290px; }
.list ul.estimator a 			{ width: 100%; position: relative; display: block; float: left; margin: 0 -1px -1px 0; text-decoration: none; color: #5a5a5a; }
.list ul.estimator a:hover		{ z-index: 1; border-color: #007cba; color: #007cba; } 
.list ul.estimator a div 		{ width: 100%; height: 0; padding-bottom: 100%; margin: 0; border: 1px solid #d9d9d9; text-align: center; vertical-align: middle; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: white; box-sizing: border-box; overflow: hidden; }
.list ul.estimator a div:hover	{ border: 1px solid #464646; }
.list ul.estimator a h3			{ font-size: 14px; text-decoration: none; color: #464646; font-weight: bold; min-height: 5em; }
.list ul.estimator a p 			{ font-weight: bold; }

@media only screen and (max-width:768px)
{
    .list ul.product 			{ margin: 0; padding: 0 0 6px 1px; list-style-type: none; overflow: hidden; }
    .list ul.product li 		{ float: none; width: 100%; border-bottom: 1px #666 solid; min-height: inherit; padding: 0; }
    .list ul.product a 			{ width: 100%; position: relative; display: block; float: none; margin: 0 0; padding: 0; text-decoration: none; color: #5a5a5a; }
    .list ul.product a:hover	{ z-index: 1; border-color: #007cba; color: #007cba; } 
    .list ul.product a div 		{ display: none; }
    .list ul.product a h3,
    .list ul.product a p 		{ margin: 0; font-weight: normal; min-height: initial; padding: 1.5em 1.0em; } 
    .list ul.product a p 		{ font-weight: bold; }

    .list ul.estimator 			{ margin: 0; padding: 0; list-style-type: none; overflow: hidden; }
    .list ul.estimator li 		{ float: left; width: 100%; border-bottom: 1px #666 solid; padding: 0; min-height: inherit; }
    .list ul.estimator a 		{ display: block; height: 100%; }
    .list ul.estimator a:hover	{ z-index: 1; border-color: #007cba; color: #007cba; } 
    .list ul.estimator a div 	{ display: none; }
    .list ul.estimator a h3,
    .list ul.estimator a p 		{ margin: 0; font-weight: normal; min-height: initial; padding: 1.5em 1.0em; } 
    .list ul.estimator a p 		{ font-weight: bold; }

	body.lb						{ height: 100%; overflow-y: scroll; }
}



.modal .modal-dialog {
  width: 350px;
  margin: 30px auto;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: auto;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
            }
/* The Modal (background) */
.mktoModal {
  height: 100%;
  position:relative;
  margin:0 auto;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  z-index:-1;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  outline: none;
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 350px;

}

/* Modal Content */
.modal-content {
  display: table;
  padding:25px;
  position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin: 30px auto;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  outline: none;
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 70%;
}

 @media (min-width: 60em) {
 .modal{    
    height:75%;
  	margin:5% auto;
  	max-height: 57em;
    max-width:66em;
    width:85%;
    overflow-y:inherit;
  }
   }
.mktoModal .mktoButton
{
  background:#C41230 !important;
  border:1px solid #fff !important;

}
 .mktoModal .button
{
 background:#C41230 !important;
  border:1px solid #fff !important;

}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
  background: rgba(39, 39, 39, 0.44);
  border: 1px solid white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 8px;

}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.h1 {
  text-transform: uppercase;
  color: #c3122f;
  font: bold 20px/22px SeroWeb, arial, helvetica, sans-serif;
  text-align: left;
  margin: 15px 0 5px 0;
}
.p {
  margin-bottom: 0px;
}



@media (max-width: 767px) {
.mktoModal .modal-content .modal-body .button {
  font-size: 24px;
  padding: 25px;
  }
}
.mktoModal .modal-content .modal-body .button i {
  margin-right: 10px;
}
@media (max-width: 767px) {
.mktomodal .modal-content .modal-body .button.full-width {
    font-size: 24px;
  }
}

.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background:#C41230 !important;
  border:1px solid #fff !important;
}


.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background:#C41230 !important;
  border:1px solid #fff !important;
}
.mktoButtonWrap {
  margin-left:50% !important;
}
.mktoButtonRow {
  width:100% !important;
  text-align:center;
}

.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
  float: left;
  padding-left: 0;
  padding-right: 5px;
}

.mktoForm button.mktoButton {
  display: inline-block;
  vertical-align: middle;
  padding: 15px !important;
  margin: 20px 0 !important;
  font-family: arial, helvetica, sans-serif !important;
  font-size: 14px;
  text-transform: capitalize !important;
  min-width: 140px;
  text-align: center;
  font-style: normal;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mktoModal {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.mktoModal .mktoModalContent {
   position: relative;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  outline: none;
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  width: 350px;
}

.mktoModal .mktoModalClose {
  position: absolute;
  top: 15px;
  right: 15px;
  color: white;
  background: rgba(39, 39, 39, 0.44);
  border: 1px solid white;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 4px 8px;
}

/* This part of the stylesheet is overrides for mobile browsers with screen width restrictions.
   It should always be at the end of the document. */
@media only screen and (max-width: 480px) {
  .mktoForm,
  .mktoForm * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
  }
  .mktoForm .mktoGutter,
  .mktoForm .mktoOffset {
    display: none;
  }
  .mktoForm .mktoFormCol .mktoLabel {
    text-align: left !important;
    width: 100% !important;
  }
  .mktoForm .mktoFormCol {
    float: none !important;
  }
  .mktoForm .mktoFieldWrap {
    float: none !important;
  }
  .mktoForm fieldset {
    padding: 0 10px;
  }
  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField,
  .mktoForm select.mktoField {
    width: 100% !important;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 18px !important;
  }
  .mktoForm select.mktoField {
    height: auto !important;
  }
  .mktoForm .mktoFormRow .mktoField {
    clear: left !important;
  }
  .mktoForm .mktoFormRow .mktoFormCol {
    clear: both !important;
  }
  .mktoForm .mktoRadioList,
  .mktoForm .mktoCheckboxList {
    width: 100% !important;
  }
  .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: left;
    padding-left: 0;
    padding-right: 5px;
  }
  .mktoModal .mktoModalContent {
    padding: 10px 0;
  }
  .mktoModal .mktoModalClose {
    right: 0;
  }
  .mktoForm .cf_widget_socialsignon {
    display: block;
  }
  .mktoForm .cf_widget_socialsignon .cf_sign_on {
    width: 100%;
  }
  .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
    width: auto;
  }
}
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) {
  .mktoMobileShow .mktoForm,
  .mktoForm * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 10px;
  }
  .mktoMobileShow .mktoForm .mktoGutter,
  .mktoMobileShow .mktoForm .mktoOffset {
    display: none;
  }
  .mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
    text-align: left !important;
    width: 100% !important;
  }
  .mktoMobileShow .mktoForm .mktoFormCol {
    float: none !important;
  }
  .mktoMobileShow .mktoForm .mktoFieldWrap {
    float: none !important;
  }
  .mktoMobileShow .mktoForm fieldset {
    padding: 0 10px !important;
  }
  .mktoMobileShow .mktoForm input[type=url],
  .mktoMobileShow .mktoForm input[type=text],
  .mktoMobileShow .mktoForm input[type=date],
  .mktoMobileShow .mktoForm input[type=tel],
  .mktoMobileShow .mktoForm input[type=email],
  .mktoMobileShow .mktoForm input[type=number],
  .mktoMobileShow .mktoForm textarea.mktoField,
  .mktoMobileShow .mktoForm select.mktoField {
    width: 100% !important;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 18px !important;
  }
  .mktoMobileShow .mktoForm select.mktoField {
    height: auto;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoField {
    clear: left;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
    clear: both;
  }
  .mktoMobileShow .mktoForm .mktoRadioList,
  .mktoMobileShow .mktoForm .mktoCheckboxList {
    width: 100%;
  }
  .mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: left !important;
    padding-left: 0 !important;
    padding-right: 5px !important;
  }
  .mktoMobileShow .mktoModal .mktoModalContent {
    padding: 10px 0;
  }
  .mktoMobileShow .mktoModal .mktoModalClose {
    right: 0;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon {
    display: block;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
    width: 100%;
  }
  .mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
    width: auto;
  }
}

.mktoForm .mktoRequiredField label.mktoLabel {
    font-weight: bold !important ;
    font-family: arial, helvetica, sans-serif !important;
        }

.mktoForm .mktoLabel {
    font-weight: bold !important ;
    float: left  !important;
    line-height: 1.2em  !important;
    padding-top: 0.3em  !important;
}


.mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    padding: 2px 3px;
}



/* ==========================================================================
   custom styles
  ========================================================================== */

.calculator-ecosmart *												{ border: 0; font-size: 100%; font: inherit; vertical-align: baseline; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.calculator-ecosmart *, .calculator-ecosmart *:before, .calculator-ecosmart *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.calculator-ecosmart												{ line-height: 1.4; font-family: "SeroWeb", sans-serif; font-size: 16px; border: 1px #ccc solid; border-radius: 6px; padding: 30px; max-width: 43.75em; width: 100%; color: #464646; background: transparent; /* background: #fff; */ }
.calculator-ecosmart input[type=text]								{ border: 1px #000 solid; padding: .5em; -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: 0; }
.calculator-ecosmart input[type=text][disabled] 					{ color: #000; }
.calculator-ecosmart input:not(:disabled)							{ background: #f4f4f4; }
.calculator-ecosmart p												{ margin-bottom: 1.5em; }
.calculator-ecosmart .col					    					{ float: left; }

.calculator-ecosmart .inpt					                   		{ padding: 0 0 1.875em; }
.calculator-ecosmart .inpt input                               		{ color: #c41230; border: 1px solid #c41230; font-weight: lighter; display: inline-block; }
.calculator-ecosmart .inpt label span                          		{ display: block; }
.calculator-ecosmart .inpt label                               		{ font-family: "SeroWebBold", sans-serif; font-style: oblique; font-size: 18px; }
.calculator-ecosmart .inpt .col div                            		{ margin-bottom: 2.10em; }
.calculator-ecosmart .inpt .col input                          		{ font-size: 18px; padding: 8px; height: 34px; }
.calculator-ecosmart .inpt .col:nth-of-type(1)                 		{ width: 58%; margin-right: 4%; font-weight: lighter; font-size: 18px; }
.calculator-ecosmart .inpt .col:nth-of-type(1) input           		{ width: 37%; margin: 0 0.875em 0; }
.calculator-ecosmart .inpt .col:nth-of-type(1) label           		{ vertical-align: middle; width: 38%; }
.calculator-ecosmart .inpt .col:nth-of-type(2)                 		{ width: 36%; }
.calculator-ecosmart .inpt .col:nth-of-type(2) input           		{ font-weight: 500; border: 2px solid #c41230; width: 100%; }
.calculator-ecosmart .inpt .col:nth-of-type(2) input[disabled] 		{ font-weight: 500; color: #c41230; }
.calculator-ecosmart .inpt .col:nth-of-type(2) label           		{ color: #c41230; padding-bottom: 0.625em; }

.calculator-ecosmart .outp section                                  { padding: 0 0 20px; margin: 0 -30px; }
.calculator-ecosmart .outp h2                                       { background: #a2a2a2; font-family: "SeroWeb", sans-serif; color: #fff; font-size: 18px; font-weight: lighter; padding: 10px 15px; margin: 0; }
.calculator-ecosmart .outp h2 span                                  { font-family: "SeroWebBold", sans-serif; }
.calculator-ecosmart .outp h3                                       { font-family: "SeroWebBold", sans-serif; font-style: oblique; font-size: 18px; margin: 0 0 10px; padding: 10px 0; background: #f4f4f4; }
.calculator-ecosmart .outp input[type=text]                         { font-weight: 500; font-size: 20px; border: solid 2px #464646; height: 40px; padding: 10px; width: 75%; color: #464646; }
.calculator-ecosmart .outp input[type=text][disabled]               { font-weight: 500; color: #464646; }
.calculator-ecosmart .outp label                                    { font-weight: lighter; font-size: 16px; }
.calculator-ecosmart .outp .col				                        { width: 33.333%; }
.calculator-ecosmart .outp .col:nth-of-type(1) h3,
.calculator-ecosmart .outp .col:nth-of-type(1) label                { padding-left: 30px; }
.calculator-ecosmart .outp .col:nth-of-type(1) input                { margin-left: 30px; }
.calculator-ecosmart .outp .col:nth-of-type(2) h3, .calculator-ecosmart .outp .col:nth-of-type(2) label { padding-left: 15px; }
.calculator-ecosmart .outp .col:nth-of-type(2) input                { margin-left: 15px; }
.calculator-ecosmart .outp .col:nth-of-type(3) h3, .calculator-ecosmart .outp .col:nth-of-type(3) label { padding-right: 30px; }
.calculator-ecosmart .outp .col:nth-of-type(3) input                { margin-right: 30px; }
.calculator-ecosmart .outp .col:nth-of-type(3) h3                   { font-size: 18px; font-family: "SeroWebBold", sans-serif; font-style: oblique; }
.calculator-ecosmart .outp .col:nth-of-type(3) h3:nth-of-type(1)    { color: #c41230; }
.calculator-ecosmart .outp .col:nth-of-type(3) h3:nth-of-type(2)    { padding-top: 20px; background: none; margin: 0; }
.calculator-ecosmart .outp .col:nth-of-type(3) input[type=text]:nth-of-type(1) { color: #c41230; border: 2px solid #c41230; }
.calculator-ecosmart .outp .col:nth-of-type(3) input[type=text][disabled]:nth-of-type(1) { color: #c41230; }


.calculator-ecosmart .notes p                 						{ font-size: 10px; font-family: "SeroWebBold", sans-serif; margin-bottom: .5em; }
.calculator-ecosmart .notes ol                						{ margin-left: 0; list-style: none; }
.calculator-ecosmart .notes ol li             						{ font-size: 10px; padding: 10px 0 0; line-height: 1.25em; }
.calculator-ecosmart .notes ol li:first-child 						{ padding: 0; }


.calculator-ecosmart div.inpt:before, .calculator-ecosmart div.inpt:after, .calculator-ecosmart section:before, .calculator-ecosmart section:after { content: " "; display: table; }
.calculator-ecosmart div.inpt:after, .calculator-ecosmart section:after { clear: both; }

.clearfix:before, .clearfix:after 									{ content: " "; display: table; }
.clearfix:after 													{ clear: both; }

@media only screen and (max-width: 35em)
{
	.calculator-ecosmart      										{ padding: 15px; border: none; }
	.calculator-ecosmart .col 										{ float: none; }

	.calculator-ecosmart .inpt                      				{ padding: 3.125em 0 1.875em; }
	.calculator-ecosmart .inpt input[type=text]     				{ font-size: 24px; height: 50px; }
	.calculator-ecosmart .inpt label                				{ display: block; padding-bottom: 0.625em; font-size: 20px; }
	.calculator-ecosmart .inpt label span           				{ display: inline; }
	.calculator-ecosmart .inpt .col:nth-of-type(1)  				{ margin-right: 0; width: 100%; }
	.calculator-ecosmart .inpt .col:nth-of-type(1) input 			{ margin: 0 0.875em 0 0; width: 67%; }
	.calculator-ecosmart .inpt .col:nth-of-type(1) label 			{ width: 100%; }
	.calculator-ecosmart .inpt .col:nth-of-type(2)  				{ width: 100%; }
	.calculator-ecosmart .inpt .col:nth-of-type(2) input 			{ width: 73%; border: 1px solid #c41230; }
	.calculator-ecosmart .inpt .col:nth-of-type(2) div 				{ margin-bottom: 0; } 

	.calculator-ecosmart .outp section 								{ margin: 0; }
	.calculator-ecosmart .outp input[type=text]     				{ font-size: 24px; height: 50px; padding: 10px; width: 67%; border: 1px solid #464646; }
	.calculator-ecosmart .outp .col:nth-of-type(1) h3 				{ padding-left: 15px; }
	.calculator-ecosmart .outp .col:nth-of-type(1) label 			{ padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(1) input 			{ margin-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(2) h3 				{ padding-left: 15px; }
	.calculator-ecosmart .outp .col:nth-of-type(2) label 			{ padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(2) input 			{ margin-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(3) h3 				{ padding-left: 15px; }
	.calculator-ecosmart .outp .col:nth-of-type(3) label 			{ padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(3) input 			{ margin-right: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(1) h3:nth-of-type(2) { padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(2) h3:nth-of-type(2) { padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(3) h3:nth-of-type(2) { padding-left: 0; }
	.calculator-ecosmart .outp .col:nth-of-type(3) [type=text]:nth-of-type(1) { border: 1px solid #c41230; }
	.calculator-ecosmart .outp h2									{ margin: 0 -15px; line-height: 1.5em; }
	.calculator-ecosmart .outp h3                   				{ font-size: 20px; background: #f4f4f4; margin: 20px -15px 15px; padding: 10px 15px; }
	.calculator-ecosmart .outp .col:nth-of-type(1) h3 				{ margin-top: 0; }
	.calculator-ecosmart .outp .col                 				{ width: 100%; }

	.calculator-ecosmart .notes       								{ margin: 50px 0 0; }
	.calculator-ecosmart .notes p, .calculator-ecosmart .notes ol li { font-size: 12px; }
}

#costSavingEstimator .currencyinput {
    vertical-align: middle !important;
}
#costSavingEstimator .fields-label {
    min-width: 200px !important;
    max-width: 200px !important;
}
.ath-viewport * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ath-viewport {
	position: relative;
	z-index: 2147483641;
	pointer-events: none;

	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.ath-modal {
	pointer-events: auto !important;
	background: rgba(0,0,0,0.6);
}

.ath-mandatory {
	background: #000;
}

.ath-container {
	pointer-events: auto !important;
	position: absolute;
	z-index: 2147483641;
	padding: 0.7em 0.6em;
	width: 18em;

	background: #eee;
	background-size: 100% auto;

	box-shadow: 0 0.2em 0 #d1d1d1;

	font-family: sans-serif;
	font-size: 15px;
	line-height: 1.5em;
	text-align: center;
}

.ath-container small {
	font-size: 0.8em;
	line-height: 1.3em;
	display: block;
	margin-top: 0.5em;
}

.ath-ios.ath-phone {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

.ath-ios6.ath-tablet {
	left: 5em;
	top: 1.8em;
}

.ath-ios7.ath-tablet {
	left: 0.7em;
	top: 1.8em;
}

.ath-ios8.ath-tablet,
.ath-ios9.ath-tablet{
	right: 0.4em;
	top: 1.8em;
}

.ath-android {
	bottom: 1.8em;
	left: 50%;
	margin-left: -9em;
}

/* close icon */
.ath-container:before {
	content: '';
	position: relative;
	display: block;
	float: right;
	margin: -0.7em -0.6em 0 0.5em;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
	background-color: rgba(255,255,255,0.8);
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50%;
	width: 2.7em;
	height: 2.7em;
	text-align: center;
	overflow: hidden;
	color: #a33;
	z-index: 2147483642;
}

.ath-container.ath-icon:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	float: none;
}

.ath-mandatory .ath-container:before {
	display: none;
}

.ath-container.ath-android:before {
	float: left;
	margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
	position: absolute;
	right: auto;
	left: 0;
	margin: 0;
	float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
	display: inline-block;
	vertical-align: middle;
	background-position: 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon,
.ath-ios9 .ath-action-icon{
	width: 1.6em;
	height: 1.6em;
	background-image:url(data:image/png;base64,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);
	margin-top: -0.3em;
	background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
	width: 1.8em;
	height: 1.8em;
	background-image:url(data:image/png;base64,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);
	margin-bottom: 0.4em;
	background-size: 100% auto;
}

.ath-android .ath-action-icon {
	width: 1.4em;
	height: 1.5em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
	background-size: 100% auto;
}

.ath-container p {
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 2147483642;
	text-shadow: 0 0.1em 0 #fff;
	font-size: 1.1em;
}

.ath-ios.ath-phone:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	bottom: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
	content: '';
	background: #eee;
	position: absolute;
	width: 2em;
	height: 2em;
	top: -0.9em;
	left: 50%;
	margin-left: -1em;
	-webkit-transform: scaleX(0.9) rotate(45deg);
	transform: scaleX(0.9) rotate(45deg);
	z-index: 2147483641;
}

.ath-application-icon {
	position: relative;
	padding: 0;
	border: 0;
	margin: 0 auto 0.2em auto;
	height: 6em;
	width: 6em;
	z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
	border-radius: 1em;
	box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
		inset 0 0.07em 0 rgba(255,255,255,0.5);
	margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
	.ath-container.ath-phone {
		width: 24em;
	}

	.ath-android.ath-phone {
		margin-left: -12em;
	}

	.ath-ios.ath-phone {
		margin-left: -12em;
	}

	.ath-ios6:after {
		left: 39%;
	}

	.ath-ios8.ath-phone {
		left: auto;
		bottom: auto;
		right: 0.4em;
		top: 1.8em;
	}

	.ath-ios8.ath-phone:after {
		bottom: auto;
		top: -0.9em;
		left: 68%;
		z-index: 2147483641;
		box-shadow: none;
	}
}


.usg-accordion .usg-accordion-header			{ font-weight: bold; font-size: 1.8em; padding: 1em 2em 1em .675em; margin: 0; border-bottom: 1px #666 solid; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.usg-accordion .usg-accordion-header:after		{ content: '+'; font-family: 'usg'; font-weight: normal; font-size: 1.5em; color: #c41230; position: absolute; right: .5em; top: 50%; margin-top: -0.5em; position: absolute; }
.usg-accordion .usg-accordion-header.open:after	{ content: '-'; }
.usg-accordion .usg-accordion-header.open		{ border-bottom: none; }

.usg-accordion .usg-accordion-content			{ height: 0; overflow: hidden; display: none; padding-left: 1.5em; }
.usg-accordion .usg-accordion-content.open		{ height: auto; border-bottom: 1px #666 solid; display: block; }

.usg-accordion.edit .usg-accordion-content		{ display: block; height: auto; overflow: hidden; display: block; padding-left: 1.5em; border-bottom: 1px #666 solid; }
.usg-accordion.edit .usg-accordion-header		{ border-bottom: none; }

@media only screen and (max-width:768px) {
    .usg-accordion									{ padding-bottom: 0; position: relative; left: 0; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }
	.usg-accordion.on								{ left: -110%; -o-transition: all .25s; -ms-transition: all .25s; -moz-transition: all .25s; -webkit-transition: all .25s; transition: all .25s; }

	.usg-accordion .usg-accordion-content			{ height: auto; overflow: visible; position: absolute; left: 110%; top: 0; display: none; margin: 0; width: 100%; float: none; padding: 0; }
	.usg-accordion .usg-accordion-content.open		{ border-bottom: none; }
	.usg-accordion .usg-accordion-header			{ font-size: 1.2em; padding-top: 1.5em; padding-bottom: 1.5em; clear: left; line-height: normal; margin: 0; }
	.usg-accordion .usg-accordion-header:after 		{ content: '>'; font-size: 1.5em; position: absolute; }

	.usg-accordion .usg-accordion-content-back,
	.usg-accordion .usg-accordion-content-title		{ display: block; min-height: 0; height: auto; }

	.usg-accordion .usg-accordion-content-back		{ padding: 1.5em 1.25em; position: relative; font-weight: bold; cursor: pointer; }
	.usg-accordion .usg-accordion-content-title		{ font-size: 1.125em; padding: 1.25em 1em; background: #464646; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; cursor: default; }

	.usg-accordion .usg-accordion-content-back:before		{ content: '<'; font-family: 'usg'; font-weight: normal; font-size: 1em; color: inherit; position: absolute; left: 0; top: 50%; margin-top: -.75em; }
}