.header_div > div{ 
	/* float:left; */
	border: #FFF solid; 
	border-width:1px 0px 1px 1px;
	text-align: center;
	background-color: #0B1E74;
}		
.header_div .comparison_firstCol {
    background: #0B1E74;
    transition: max-height .5s ease-out;
    -moz-transition: max-height .5s ease-out;
    -ms-transition: max-height .5s ease-out;
    -o-transition: max-height .5s ease-out;
    -webkit-transition: max-height .5s ease-out;
    transition-property: all;
    transition-timing-function: initial;
    transition-delay: initial;
}
.comparisonHeaderText{ 
	margin-bottom: 15px;
	font-size: 22px;
	line-height: 26px;
	color: #FFF;
	text-align: center;
	position: relative; 
	float: left;
}
.comparison_firstCol .selectionBtn{ padding: 15px; margin: 0px; }
.comparison_firstCol .modalOpen{
	font-size: 10px;
	color: #0B1E74;
	text-align: center;
	margin:0;
	line-height: inherit;
}
.product_tiles {
 	float: left;
	width: 100%;
	height: 100%;
}
.product_subtiles{float:left; width:100%; height: calc(100% - 54px);}

.product_tiles p,
.product_tiles a,
.applyBtn{
 color: #FFF;
 text-align: center;
 font-weight: normal;
}
.product_tiles a{text-decoration: none;}
a.tile_title,
a.tile_title:link, 
a.tile_title:visited {
	font-size: 18px; 
	line-height: 24px;
	width: 100%;
	float:left;
	color: #FFF;
	background: rgba(255,255,255,0.2);
}
.tile_learnMore a{ color: #FFF !important; }
.applyBtn{font-size: 12px !important; padding: 15px !important; margin: 0 !important;}
.applyOnlineBtn{margin: 0px; font-size: 12px;}
a.applyBtn.apply-now-zipcode.btn,
a.applyBtn.apply-now-zipcode.btn:hover {background: #44b12f;}

.firstCol_Details{
	padding: 25px 15px;
	font-size: 12px;
	line-height: 16px;
	background: rgba(211,216,221,0.4);
	color: #000;
	font-weight: bold;
}
.comparisonExpand,
.comparisonExpandUp{
	cursor: pointer;
	margin-right: 15px;
	float:left;
	width:10px;
}
ul.comparisonDetailsText{margin: 10px 0 0;}
.comparisonExpandDetails,
ul.comparisonDetailsText{
	color: #707070; 
	text-align: left;	
}

.details_tiles{ text-align: center; }
.details_tiles img{width: 10px; margin: 25px auto 10px;}
.details_span{
	font-size: 12px;
	line-height: 16px;
	color: #000;
	margin: 10px 0 0;
	display:inline-block;
}
.details_span.hide{display: none;}
.show{display:block !important;}

/*------------------------------------*\
    #MODAL POP-UP FOR PRODUCT SELECTION
\*------------------------------------*/

#modalPopOverlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(255,255,255,0.8);
  z-index: 50000;
}
.modalPopHeader{
	width: 100%;
	float: left;
	height: 30px;
	background-color: #549DC6;
}
span.modalPopClose{
	cursor: pointer;
	font-size: 20px;
	float:right;
	font-weight: normal;
	line-height: 30px;
	margin-right: 10px;
	color: #fff;
}
span.modalPopClose:before{content:"\2716";}
.modalPopBody{
	width: 100%;
	float: left;
	background-color: #fff;
	text-align:center;
}
.modalBodySection{
	width: 100%;
	float:left;
	padding-bottom: 15px;
}
.modalPopBody label{font-family: Helvetica nueue, Helvetica, arial, sans-serif;}
.modalPopBody label h2{
	font-size: 24px;
	line-height: 32px;
	color: #282828; 
	text-align: center;
}
.modalPopBody label p{
	font-size: 16px;
	line-height: 22px;
	color: #282828; 
	text-align: center;
	margin: 0;
}
.modalPopBody > input{margin: 20px auto 35px;}
.modalPopBody > span{ width: 100%; float:left; }
.modalBodySection > label{background-color:rgba(11,30,116,0.1);}
.modalBodySection > label img{display:none;}
.modalBodySection > label.active img{display:block; margin: 10px auto 0; width: 25px; height: 25px;}
.modalPopBody label.active h2, .modalPopBody label.active p{color: #fff;}
.modalBodySection .active{ background-color: rgba(11,30,116,0.8) !important; }
.modalBtn{
	font-size:14px;
	color: #fff;
	line-height:30px;
	background: #44B12F;
	border: 1px solid #44B12F;	
	border-radius: 4px;	
}

.width75{width: 75%;}
.width37{width: 37.5%;}
.width25{width: 25%;}
.width18{width: 18.75%;}
.width15{width: 15%;}
.width12{width: 12.5%;}

#fixedHeader.fix-header > div { height: auto !important; }
#fixedHeader.fix-header .comparison_firstCol { padding: 15px; }

/*------------------------------------*\
    #ZIP-CODE
	#SHARE
\*------------------------------------*/
.zipCodeTxt {
 float: left;
 font-size: 14px;
 line-height: 21px;
 color: #000;
 text-align:right;
}
span#comparisonZip { font-weight: bold; }
a.editZip {
 font-size: 14px;
 line-height: 21px;
 color: #2B85BB;
}

.zipCodeDiv {
 z-index: 9999;
 font-size: 12px;
 line-height: 1em;
 -moz-box-shadow: 0 0 1em #9c9c9c;
 -webkit-box-shadow: 0 0 1em #9c9c9c;
 box-shadow: 0 0 1em #9c9c9c;
 border: 1px solid #D2D2D2 !important;
 border-radius:4px;
 width: 175px;
 height: 73px;
 position: absolute;
 left: 75%;
 top: 190px;
 padding: 10px;
 background-color: #fff;
 float: left;
}
 .zipCodeDiv img,
 .zipCodeDiv span{float:left;}
 .zipCodeDiv span{
  color: #2B85BB;
  padding-left: 5px;
  padding-top: 0px;
  font-size:12px;
  line-height: 16px;
 }
 
.editZipFields{ clear:both; float:left; margin-top:10px}
 .editZipInput {
  margin: 0 10px 0 0;
  vertical-align: middle;
  width: 50px;
  height: 25px;
  float: left;
  padding: 3px 1px;
  border-radius: 0px !important;
 }
 a.zipConfirm {
  padding: 5px 10px !important;
  margin-bottom: 0px !important;
 }
 a.zipConfirm p {
  margin: 0px;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
 }
 .cancelZip{
  font-size: 12px;
  line-height: 16px;
  text-decoration: underline;
  color: #0C2074;
 }

#notification.zipError{
 position: absolute;
 right: 11%;
 top: 155px;
 z-index: 10000;
 float: left;
}
 .zipError .zipErrorContent{
  background: #ee0101;
  color: #fff;
  font-size: 12px;
  width: 150px;
  border: 2px solid #ddd;
  box-shadow: 0px 0px 6px #666;
  -moz-box-shadow: 0px 0px 6px #666;
  -webkit-box-shadow: 0px 0px 6px #666;
  padding: 8px 10px;
  margin-top: 10px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
 }

 .notification_message{text-align: left; line-height: 16px;}
 .showErrorIcon{
  width: 15px;
  background: url(../../images/icons-sprite.png) no-repeat -75px -4px;
  float:left;
  height:15px;
 }
 .formErrorArrow {
  position: absolute;
  left: 10px;
  width: 0px;
  height: 0px;
  z-index: 5001;
  margin-top: -2px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #ee0101;
 }
 .editZipInput.invalid {
  background: #FEE4E5 url(../../images/bgnd-form-invalid-textfield.gif) no-repeat scroll right 0;
  border: 2px solid #D3040A !important;
  padding: 2px 0px !important;
 }
 
.pagetitle{float:left; }
.share-soc{float:right; position: relative; right:-128px;/* border: 10px solid blue; */}
 .soc-rule{color: rgba(11,30,116, 0.8);}
 .soc-link-text img { width: 20px; height: 20px; }
 .zipCodeTxt{ float:right; position: relative; right: 143px;}
 
footer .follow{padding: 30px 0 40px;}
footer .follow ul{margin:0 auto;}
 footer .follow ul li,
 .soc-link-text span{font-size: 14px !important; line-height: 21px; color: #2B85BB;}
 footer .follow ul li{padding: 0px !important; margin: 0 10px 0 0 !important; height: 20px;}
 /*------------------------------------*\
    CHECKING COMPARISON PAGE - ANIMATION
 \*------------------------------------*/

 .animated{
 -webkit-animation: shake .5s;
 animation: shake 0.5s;
 -webkit-animation-fill-mode: both;
 animation-fill-mode: both;
}

@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
} 

.lightboxContainer{z-index:10 !important;}