@media print {
	.noprint {display:none;}
	.ab_comparison {padding:0 47px !important;}
	.compating-model { padding: 2px !important;}
	.site_logo {padding:0px 104px 0px 45px !important;}	
}

.print .ab_comparison {padding:0 47px;}
.print .compating-model { padding: 2px;}
.print .site_logo {padding:0px 104px 0px 45px}

Ful.main_site_wrapper{
	width: 100%;
	margin: 0 auto;
	float: none;
	max-width: 1368px;
}
.site_logo {
    padding: 20px 104px 20px 45px;
    box-sizing: border-box;
    float: left;
}
.menu{float: left; width: 100%}
.menu.fixed h4 {font-size:16px}
.fixed {position:fixed;top:0; width: 100% ;background: #fff; z-index: 999 ;box-shadow: 0px 0px 15px #777; animation:slide-down 0.7s;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.menu table {display: none ;}
.ab_comparison{
	width: 100%;
	float: left;
	background: #f7f7f7;
	-webkit-box-shadow: inset 0px 5px 17px #dadada;
	-moz-box-shadow: inset 0px 5px 17px #dadada;
	box-shadow: inset 0px 5px 17px #dadada;
	padding: 40px 47px;
	box-sizing: border-box;
}
.ab_comparison h1{
  font-family: Lato;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #39393a;
	text-align: center;
}
.site_inner{
	width: 100%;
	float: left;
}
.main_container{
	width: 100%;
	max-width: 1175px;
	float: none;
	margin: 0 auto;
}
.specific-model{
	width: 100%;
	float: left;
	padding-top: 16px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.specific-model-left{
	/*width: 38.555%;*/
	float: left;
	/*padding-left: 20px;*/
	box-sizing: border-box;

}
.specific-model-left h3, .specific-model-right h3{
  opacity: 0.8;
  font-family: Lato;
  font-size: 18px;
  letter-spacing: 0px;
  color: #39393a;
  margin-bottom: 30px;
}
.range_select{
	width: 100%;
	float: left;
	padding-bottom: 23px;
    padding-top: 5px;
}
.specific-model-left label{
	width: 35%;
	float: left;
	font-family: Lato;
  font-size: 14px;
  letter-spacing: 0px;
  color: #333;
  text-align: right;
  margin-right: 40px;
  height: 30px;
  line-height: 20px;
  font-weight: 600;  
}
.specific-model-left input[type="button"],
.specific-model-left input[type="submit"] {
  width: 168px;
  height: 43px;
  cursor: pointer;
  float: center;
  background: #d8232a;
  box-shadow: none;
  color: #fff;
  border: none;
  font-family: Lato;
  font-size: 14px;
  margin-right: 9%;
}
.specific-model-left input[type="button"]:hover{
	opacity: 0.8
}
.range_select .select-arrow{
	width: 168px;
	float: left;
	position: relative;
	border: solid 1px #979797;
}
.range_select .select-arrow:after{
	content: url('images/arrow.png');
    padding: 6px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 20%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #f5f5f5;
    border-left: 1px solid #979797;
}
.range_select select{
	width: 100%;
	float: left;
	padding: 0 7px;
	height: 30px;
	-moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;

}
.check_select {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.check-arrow{
	font-family: Lato;
  	font-size: 14px;
  	letter-spacing: 0px;
  	color: #000000;
  	text-transform: capitalize;
  	font-weight: 600;
  	opacity: 0.8;
  	padding-bottom: 23px;
}
.check_select input[type="checkbox"]:last-child {
    margin-left: 32px;
}
.check-arrow span{
  float: left; 
  margin-right: 35px;
}
.left-form-sec {
    width: 100%;
    float: left;
    border-right: solid 1px #979797;
    padding-bottom: 40px;
}
.specific-model-right{
	/* width: 61.445%; */
    float: left;
  /* padding-left: 40px; */
    box-sizing: border-box;
}
.specific-model-right label{
	width: 45.5%;
    float: left;
    font-family: Lato;
    font-size: 14px;
    letter-spacing: 0px;
    color: #000000;
    text-align: right;
    margin-right: 40px;
    height: 30px;
    line-height: 30px;
    font-weight: 600;
    opacity: 0.8;
}
.specific-model-right .range_select{
	    padding-bottom: 12px;
}

.specific-model-right input[type="button"],
.specific-model-right input[type="submit"] {
  width: 168px;
  height: 43px;
  cursor: pointer;
  float: center;
  background: #d8232a;
  box-shadow: none;
  color: #fff;
  border: none;
  font-family: Lato;
  font-size: 14px;
  margin-right: 9%;
}
.specific-model-right input[type="button"]:hover{
	opacity: 0.8
}
.right-form-sec {
   /* width: 67%; */
    float: left;
}
.heater-image{
	width: 33%;
	float: left;
	text-align: right;
}
.heater-image img {
    width: 74%;
}
.compating-model{
	width: 100%;
	float: left;
	box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.12);
	padding: 40px 0;
	box-sizing: border-box;
	margin-top: 40px;
}
.panel-group{
	width: 100%;
	float: left;
}
.collapse-section button.back_select{
	width: 132px;
	border:0;
	background: #000;
	color: #fff;
	text-decoration: none !important;
	display: block;
	text-align: center;
	line-height: 47px;
	float: left;
  font-family: Lato;
}
.collapse-section button.back_select:hover{
	opacity: 0.8;
}
.quick-view-section {
    width: 100%;
    float: left;
    padding-bottom: 40px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000;
}
.quick-links {
    width: 27.45%;
    float: left;
}
.quick-view-items {
    float: left;
    width: 72.55%;
}
.quick-view-items ul.model-items{
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
  margin: 0 -12px;
}
.quick-view-items ul.model-items li{
	width: 20%;
	display: inline-block;
	float: left;
	position: relative;
}
.collapse-2 .panel-group .panel{
	width: 100%;
	float: left;
	border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.quick-view-items .comand-section {
  float: left;
  width: 100%;
  margin-bottom: 60px;
}
.quick-view-items .comand-section h4{
  width: 60%; 
  float: left;
  text-align: center;
  font-family: Lato;
  font-size: 18.5px;
}
.quick-view-items .comand-section ul.comand-link{
  float: left;
  width: 40%;
  list-style: none;
  padding: 0;
}
.quick-view-items .comand-section ul.comand-link li{
  float: left; 
  width: 33.33%;
}
.quick-view-items .comand-section ul.comand-link li a{
  height: 28px;
  width: 70px;
  line-height: 28px;
  display: block;
  background: #000;
  color: #fff;
  font-family: Lato;
  font-size: 14px;
  text-align:center;
  text-decoration: none;
  transition: all 0.15s linear 0s;
  float: right;
}
.quick-view-items .comand-section ul.comand-link li a:hover{
  background: #d8232a;
  transition: all 0.15s linear 0s;
}
.quick-view-items ul.model-items li h3{
	font-family: Lato;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #000000;
  margin: 30px 0;
}
.quick-view-items ul.model-items li .model_select{
	width: 150px;
  position: relative;
  border: solid 1px #979797;
  margin: 0 auto;
  clear: both;
  height: 32px;
	margin-bottom: 10px;
}
.quick-view-items ul.model-items li .model_select:after {
    content: url(images/arrow.png);
    padding: 6px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 1;
    text-align: center;
    width: 20%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
    background: #f5f5f5;
    border-left: 1px solid #979797;
}
.quick-view-items ul.model-items li .model_select select{
	width: 100%;
    float: left;
    padding: 0 7px;
    height: 30px;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
}
.quick-view-items .view_model button{
  width: 150px;
  height: 43px;
  background-color: #d8232a;
  color: #fff;
  border: none;
  box-shadow: none;
  font-family: Lato;
  font-size: 14px;
  transition: all 0.15s linear 0s;
}
.quick-view-items .view_model button:hover{
  background: #000;
  color: #fff;
  transition: all 0.15s linear 0s;
}
.quick-view-items ul.model-items li .ab_model a.x{
	width: 23px;
  height: 23px;
  background-color: #d8232a;
  color: #fff;
  border-radius: 50%;
  display: block;
  line-height: 23px;
  position: absolute;
  right: -8px;
  top: -17px;
  text-decoration: none;
}
.link-section {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.quick-links h4{
  padding-left: 15px; 
  font-family: Lato; 
  font-size: 18px;
}
.quick-links ul{
  padding: 0 15px 0; 
  list-style: none;
}
.quick-links ul li{
  float: left; 
  width: 100%;
}
.quick-links ul li a{
  color: #d8232a; 
  text-decoration: none; 
  font-size: 16px; 
  font-family: Lato; 
  padding: 15px 0;
  float: left;
}
.quick-links ul li a:hover{color: #333;}

.quick-links .hide-com {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 50px;
}
.quick-links .hide-com span{
  font-family: Lato;

}
/* SQUARED */
.squared {
  width: 22px;
  height: 22px;
  border: 1px solid #000;
  background: #fff;
  margin-right: 10px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  position: relative;
  float: left;
}

.squared label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  background: #fff;
  left:0px;
  top:0px;
  margin: 0;

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;

  background: #fff;
}

.squared label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  content: '';
  position: absolute;
  width: 12px;
  height: 7px;
  background: transparent;
  top: 4px;
  left: 4px;
  border: 2px solid #d8232a;
  border-top: none;
  border-right: none;

  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squared label:hover::after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
}

.squared input[type=checkbox]:checked + label:after {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}


.view_model {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.collapse-2 .panel-default>.panel-heading{
	background: none;
	border: none;
	padding-bottom: 25px;
	padding-left: 0;
}
.collapse-2 .panel-heading a{
	text-decoration: none !important;
	font-family: Lato;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #d8232a;
  position: relative;
  outline: none;
}

.menu.fixed {height:100px;}
.menu.fixed table {max-width:1175px;margin:0 auto;display:block;}
.menu.fixed table td {text-align:center;}

col.col1 {width:135px;}
col.col2 {width:95px;}
col.col3 {width:88px;}
col.col4 {width:170px;}
col.col5 {width:170px;}
col.col6 {width:170px;}
col.col7 {width:170px;}
col.col8 {width:170px;}

table th.third {
	font-size:10px;
}

.collapse-2 .placeholder th, .collapse-2 .placeholder td {
    height: 0px !important;
    padding: 0;
    font-size: 0px;
}

.collapse-2 table, .collapse-2 th, .collapse-2 td {
    border: 1px solid #e2e2e2;
    border-collapse: collapse;
}
.collapse-2 .panel-body{border: none !important;}
.collapse-2 th, .collapse-2 td {
    padding: 5px 0;
    text-align: center; 
    font-family: Lato;
    height: 43px;
    font-size: 12px; /*NOR AP 2020-01-20 - increased font size from 10px to 12px*/

}


.collapse-2 tr:nth-child(even){background-color: #f5f5f5}

.collapse-2 tr:nth-child(odd) th {
	background-color: #f5f5f5;
}

.collapse-2 tr:nth-child(even) th {
	background-color: #f5f5f5;
}

.collapse-2 tr:nth-child(odd) .highlight {
	background-color: #ffe3e4;
}

.collapse-2 tr:nth-child(even) .highlight {
	background-color: #fecacc;
}


.collapse-2 tr:hover:nth-child(even) .highlight, 
.collapse-2 tr:hover:nth-child(odd) .highlight, 
.collapse-2 tr:hover{background-color: #e8f7ff !important;}


.collapse-2 .panel-title a:after {
    content: '';
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #4a4a4a;
    float: inherit;
    position: absolute;
    top: 10px;
    right: -30px;
    transform: rotate(0deg);
}
.collapse-2 .panel-title a[aria-expanded="true"]:after{transform: rotate(90deg) !important;}
.collapse-2 .panel-body{padding: 0;}

.footer-sec{
	background: #000;
	width: 100%;
	float: left;
		padding: 13px 0;
}
.footer-sec p{
	color: #fff;
	text-align: center;
	font-family: Lato;
	  font-size: 14px;
	  font-weight: bold;
	  margin: 0;
	text-shadow: none;
	box-shadow: none;
	line-height: 25px;
}
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background: #000 url('images/triangle-up.png') no-repeat center;
  color: white;
  cursor: pointer;
  padding: 24px;

}

/* fixed the select2 */
.select2-container--default .select2-selection--single {
	border:0 !important;
}

.disabled label, 
.disabled span,
.disabled, .select2-container--default .select2-selection--single .select2-selection__rendered
.disabled {
	color:#ccc !important;
} 
.disabled .squared {
	border-color:#ccc;
}





/*responsive layout*/
@media screen (min-width: 320px) and (max-width: 767px){
  .main_container{padding: 0 15px}
  .ab_comparison{padding: 10px 0 ;text-align: center;}
  .ab_comparison h1{font-size: 20px; margin:0;}
  .specific-model {width: 100%;float: left;padding-top: 0;}
  .specific-model-left{width: 100%; padding: 10px 0}
  .specific-model-left h3, .specific-model-right h3{margin: 0; text-align: center;}
  .specific-model-left label,.specific-model-right label{margin-right: 5px ;margin-bottom: 0; line-height: 25px ;font-size: 12px ;width: 48%}
  .left-form-sec{border:0;}
  .specific-model-right{padding: 0; width: 100%}
  .right-form-sec {width: 100%;float: left; text-align: center;}
  .check-arrow span{margin-right: 15px}
  .squared label{width: 100% !important}
  .heater-image {width: 60%;float: none;text-align: center;margin: 0 auto;}
  .specific-model-right input[type="button"]{width: 120px; height: 30px ; margin: 20px auto !important; float: none; display: inline-block;}
  .quick-links {width: 100%;float: left;text-align: center;}
  .quick-links ul li{text-align: center;}
  .quick-links ul li a{padding: 0px 0 10px; width: 100%}
  .link-section{text-align: center;}
  .link-section button.back_select{display: inline-block; width: 120px; height: 35px; line-height: 35px ;float: none;}
  .quick-links h4{padding-left: 0}
  .quick-view-items { float: left;width: 100%;}
  .quick-view-items .comand-section h4{width: 100%}
  .quick-view-items .comand-section ul.comand-link{width: 100% ;text-align: center;}
  .quick-view-items .comand-section ul.comand-link li{width: 32%; display: inline-block; float: none;}
  .quick-view-items .comand-section ul.comand-link li a{width: 100%}
  .quick-view-items ul.model-items li{width: 55%;display: inline-block;float: none;margin-bottom: 30px;}
  .view_model{text-align: center;}
  .quick-view-items .view_model button {width: 120px;height: 35px;}
  .panel-default>.panel-heading+.panel-collapse>.panel-body{overflow-x: scroll;}
  .collapse-2 .panel-title a:after {content: ''; width: 0; height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;
    border-left: 6px solid #4a4a4a;float: inherit; position: absolute;top: 7px;right: -15px;transform: rotate(0deg);}
.collapse-2 .panel-heading a{font-size: 16px}
.collapse-2 .panel-default>.panel-heading{padding-bottom: 10px}
.site_logo {padding: 15px 0 0;box-sizing: border-box; float: left;width: 100%;text-align: center;}
.model_summ{width: 100%}
.model_summ ul li h3{font-size: 14px}
.model_summ ul li h4{font-size: 12px}
.quick-view-items ul.model-items li .model_select select,.range_select select{font-size: 16px !important}
.footer-sec p{font-size: 10px}
 .model_summ ul li{display: table-cell; width: auto;}

}
@media screen (min-width: 480px) and (max-width: 767px){
  .specific-model {
   /* float: none; */
	 display: flex;
	 align-items: flex-start;
	 justify-content: space-between;
    margin: 0 auto;
    width: 65%;
}
.quick-view-items ul.model-items li{width: 40%}
.specific-model-left label, .specific-model-right label{font-size: 15px}
.model_summ ul li h3{font-size: 16px}
.model_summ ul li h4{font-size: 14px}
 .model_summ ul li{display: table-cell; width: auto;}
}
@media screen (min-width: 768px) and (max-width: 1199px){
    .main_container{padding: 0 15px}
    .specific-model-left{padding-left: 0 ;width: 50%;}
    .specific-model-right{padding-left: 0 ; width: 50%}
    .specific-model-left label{margin-right: 10px; width: 40%}
    .right-form-sec {
    width: 90%;
    float: right;
}
.range_select .select-arrow{width: 46%}
  .specific-model-right label{margin-right: 10px ;width: 50%}
  .specific-model-right input[type="button"]{margin-right: 2%; width: 130px; height: 35px}
  .heater-image{width: 50%}
  .quick-view-items ul.model-items li {
    width: 33%;
    margin-bottom: 20px;
}
.quick-view-items ul.model-items li .ab_model a.x{right: 0}
.ab_comparison{padding: 10px 20px;}
 .squared label{width: 100% !important}
 .quick-view-items .comand-section h4{font-size: 15px; margin: 0}
 .model_summ{width: 100%}
 .model_summ ul li{display: table-cell; width: auto;}
}
@media screen (min-width: 900px) and (max-width: 1023px){
.specific-model-left {
    padding-left: 0;
   /* width: 38%; */
}
.specific-model-right {
    padding-left: 0;
    /*width: 62%;*/
}
.right-form-sec {
    /*width: 66%;*/
    float: left;
}
.heater-image {
    width: 33%;
}
.heater-image img{width: 90%}
.site_logo{padding: 15px 1px 15px 30px;}
.model_summ{width: 68%;}
.model_summ ul li{width: 120px;}
.model_summ ul li h3{font-size: 18px;}
.model_summ ul li h4{font-size: 16px;}


}
@media screen (min-width: 1024px) and (max-width: 1199px){
  .specific-model-right {
   /* padding-left: 15px; */
   /* width: 66%; */
}
.specific-model-left {
   /* padding-left: 0; */
   /* width: 34%; */
}
.right-form-sec {
    /*width: 55%; */
    float: left;
}
.heater-image {
    width: 40%;}

.site_logo{padding: 20px 12px 20px 45px;}
.model_summ ul li{width: 141px;}
.model_summ{width: 69%;}
}
@media screen (min-width: 1200px){
  .quick-view-items ul.model-items li .ab_model a.x{right: 0}

}

@media screen (min-width: 1200px) and (max-width: 1400px){
  .site_logo{padding: 20px 41px 20px 45px;}
  .model_summ{width: 71%}
}