@font-face {
  font-family: "PNCBrandReg";
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.eot");
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.eot?#iefix")
      format("embedded-opentype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.woff2")
      format("woff2"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.woff")
      format("woff"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.ttf")
      format("truetype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandReg.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PNCBrandMed";
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.eot");
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.eot?#iefix")
      format("embedded-opentype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.woff2")
      format("woff2"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.woff")
      format("woff"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.ttf")
      format("truetype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandMed.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "PNCBrandBol";
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.eot");
  src: url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.eot?#iefix")
      format("embedded-opentype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.woff2")
      format("woff2"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.woff")
      format("woff"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.ttf")
      format("truetype"),
    url("https://s0.2mdn.net/creatives/assets/3114666/PNCBrandBol.svg")
      format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  background-color: #ffffff;
  vertical-align: baseline;
  border: 0 none;
  outline: 0;
  padding: 0;
  margin: 0;
}

#banner_container_dc {
  width: 728px;
  height: 90px;
  background-color: #faf9fe;
  border: 1px solid #777777;
  position: relative;
  font: 14px "PNCBrandMed", Verdana, Helvetica, sans-serif;
  color: white;
  overflow: hidden;
  box-sizing: border-box;
}

#content_dc {
  width: 728px;
  height: 90px;
  bottom: 0px;
  left: 0px;
  background-color: #faf9fe;
  z-index: 100;
  box-sizing: border-box;
}

#hero {
  background-size: 728px;
  width: 728px;
  height: 90px;

  box-sizing: border-box;
}

.image {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 728px;
  height: auto;
  box-sizing: border-box;
}
#ehl-logo {
  position: absolute;
  top: 56;
  left: 17;
  width: 20px;
  height: 20px;
}

#hero-overlay {
  position: absolute;
  width: 290px;
  height: 90px;
  top:0;
  left: 0;
  box-sizing: border-box;
  overflow: hidden;
}


#hero-overlay.step-2{
  width: 290px;
  height: 90px;
}
#hero-overlay.step-3{
  width: 565px;
  height: 90px;
  left: 0;
    top: 0;
}

.bg-color{
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #F58025;
}

.bg-color.alpha{
  opacity: .65;
}
.bg-color.multiply{
  mix-blend-mode: multiply;
  opacity: 1;
}

/* IE Non-Multiply workaround  */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  .bg-color.multiply { 
      opacity: .92; 
      background-color: #F58025;
  }
}


#hero-overlay-text-container{
  top:0;
  left:0;
  position: absolute;
  width: 728px;
  height:100%;
}

.hero-overlay-text {
  position: absolute;
  top:0;
  left:0;
  width: 728px;
  padding: 0px 0 0 10px;
}
.hero-overlay-text p{
  margin-top: 10px;
}

#hero-overlay-text-1,
#hero-overlay-text-2{
  /* opacity: 0; */
}

#hero-overlay-text-2{
  width: 728px;
} 

#hero-overlay-text-1.hero-overlay-text{
  padding-top: 8px;
    padding-left: 56px;
}
    #hero-overlay-text-1b.hero-overlay-text{
  padding-top: 2px;
    padding-left: 56px;
    opacity: 0;
}

#hero-overlay-text-2.hero-overlay-text{
    padding-top: 18px;
    padding-left: 56px;
}

#hero-overlay-text-1 .underscore{
  margin-top: 10px;
  font-size: 43px;

  transform: scaleY(1.3);
}

#hero-overlay-text-2 .underscore{
  margin-top: -6px;
  font-size: 43px;

  transform: scaleY(1.3);
  display:inline-block;
}

#hero-overlay-text-2 .break{
  line-height: .7em;
}

#hero-overlay-text p {
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
  margin:0;
}

hr{
  margin: -5px 0 0 0;
  width: 125px;
}

.underscore {
  display: block;
  font-size: 35px;
  line-height: .01em;
  color: #FFFFFF;
  transform-origin: 0 0 ;
  transform: scaleY(1);
  position: relative;
  left: -.5px;
  top: -3px;
}

.size-1-topa{
    font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
    font-weight:normal;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.03em;
}
.size-1-topb{
    font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
    font-weight:normal;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -.03em;
}
.size-1-bottom .big{
    font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
  display: inline-block;
  margin-top: -2px;
  line-height: 24px;
}
.size-2-bottom .big{
    font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
  display: inline-block;
  margin-top: -2px;
  line-height: 24px;
}

.size-1-bottom{
  display: block;
  margin-top: -6px;
  font-size: 24px;
  line-height: 1.01em;
  letter-spacing: -.02em;
}
.size-2-bottom{
  display: block;
  margin-top: 7px;
  font-size: 24px;
  line-height: 0.91em;
  letter-spacing: -.02em;
}

.size-2-top{
     font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
    font-weight:normal;
  font-size: 20px;
  line-height: 1.0em;
  letter-spacing: -.03em;
}
.size-2-top sup{
  line-height: 0;
  font-size: .416em;
  vertical-align: 1em;
  font-weight: 100;
}

.check-line, .check{
  margin-top: 7px;
  display: inline-block;
}

.check{
  display: inline-block;
  width: 19px;
  height: 19px;
  position: relative;
  top: -1px;
  margin-right: 7px;
  margin-bottom: 10px;;
  float: left;

  transform-origin: 50% 50%;
}

.check-line{
  font-size: 17px;
  letter-spacing: -.031em;
  line-height: 1em;
}

#end-text{
  position: absolute;
  top:18;
    left:56;
  width: 100%;
}

#end-text p{
  margin:0;
}

.size-end-top-1{
    font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
    font-weight:bold;
  font-size: 20px;
  line-height: 1.0em;
  letter-spacing: -.005em;
  
}

.size-end-top-1a{
    font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
    font-weight:normal;
  font-size: 20px;
  line-height: 1.1em;
  letter-spacing: -.005em;
  
}




#end-text sup{
  font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
  line-height: 0;
  font-size: .516em;
  vertical-align: 1.1em;
  position: relative;
  left: -.5em
}
#end-text .size-end-top-1 sup{
  font-size: .37em;
  vertical-align: 1.2em;
  left:0;
}

#end-text .underscore{
  line-height: 1.35em;
}


.size-end-bottom{
  width: 728px;
  line-height: 1em;
  margin-top: 3px;
  font-size: 25px;
  letter-spacing: 0;
  display:inline-block;
  font-weight: normal;
  font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;

  float: left;
}




#end-frame {
  position: absolute;
  width: 728px;
  height: 100%;
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
  text-align: left;
  color:#fff;
}

#end-frame .cta{
  font-size: 14px;
  font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
    font-weight:bold;
  color: #35444E;
  background: #fff;
  display: inline-block;
  padding: 7px 26px 9px;
  letter-spacing: -.007em;

  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #ededed 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#ededed 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  position: relative;

  float: right;

  top: -36;
  right: 250;
}




#backgroundExit1 {
  top:0;
  left:0;
  width:100%;
  height:100%;
  position: absolute;
  cursor: pointer;
  z-index: 500;
  background: rgba(0,0,0,0);
}



#legal {
  position: absolute;
  width: 100%;
  bottom: -72px;
  left:0;
  height: 70px;
  font-family: "PNCBrandReg", Verdana, Helvetica, sans-serif;
  font-size: 8px;
    letter-spacing: -0.01rem;
  line-height: .9em;
  background: #D8D8D8;
  color: #344251;
  z-index: 501;
}
#legal b{
  font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
}


#legal{
  transition: .6s all ease-in-out;
 /*  box-shadow: 0 -1px 3px 1px rgba(0,0,0,.2); */
  box-shadow: rgba(0,0,0,.5) 0 0px 4px 0 ;
}


#legal::before{
  position: absolute;
  content: "ROLL OVER FOR DETAILS";
   background: #D8D8D8;
  color: #344251;
  font-size: 10px;
  
  padding: 3px 22px 8px 22px;
  border-radius: 5px 5px 0 0;
  top: -18px;
  right: 6;
  line-height: 1.3em;
  box-shadow: rgba(0,0,0,.5) 0 0px 4px 0 ;
  z-index: 499;
}





#legal.open{
  bottom:0px;
}
#legal.open::before{
 /*  box-shadow: 0 -4px 3px 1px rgba(0,0,0,.5); */
}

#legal.hide{
  bottom: -120%;
}

#legal a{
  text-decoration: underline;
  color: #344251;
}


#legal-scroll{
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  box-sizing: border-box;
  padding: 12px 8px;
  overflow-y: scroll;
  z-index: 502;
   background: #D8D8D8;
  color: #344251;
}

#legal-scroll::-webkit-scrollbar {
  width: 0;
}

/* Track */
#legal-scroll::-webkit-scrollbar-track {
  background: #D8D8D8;
  /*border-left:1px solid #43474c;*/

}

/* Handle */
#legal-scroll::-webkit-scrollbar-thumb {
  box-sizing: border-box;
  background: #9e9e9e; 
  border-radius: 8px;
  width: 11px;

  border: 2px solid transparent;
  background-clip: content-box;
  
}

#legal-scroll::-webkit-scrollbar-thumb:hover {
  box-sizing: border-box;
  background: #6d6d6d; 
  border-radius: 8px;
  width: 11px;
  border: 2px solid transparent;
  background-clip: content-box;
  
}


#legal p {
  margin: 0;
  color: #344251;
}
#legal strong{
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
}
#footerEHL_Logo {
    width:23px;
    height:26px;
    padding-bottom:4px;
    margin-top:-4px;
}

.bold {
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
}

#backgroundExit2 {
  
  position: absolute;
  background-color: #f58025;
  color: #ffffff;
  padding: 6px 14px 7px 15px;
  text-align: center;
  text-decoration: none;
  display: block;
  letter-spacing: 0.03rem;
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
  font-size: 16px;
  cursor: pointer;
  margin:0;
  right:11px;
  top:5px;
}

#footer {
  position: absolute;
  top: 0;
    right:0;
  background-color: #333F48;
  width: 163px;
  height: 90px;
}

#footer p{
  margin: 0;
}

#footer .cta{
  position: absolute;
  left: 46px;
  bottom: 18px;
  
  font-family: "PNCBrandMed", Verdana, Helvetica, sans-serif;
  font-size: 13px;
}

#footer .cta span{
  display: inline-block;
  padding: 0 1px 1px 1px;
  border-bottom: 2px solid #F58025 ;
}

#footer-set{
  position: absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}

#logo {
  position: absolute;
  width: 137px;
  height: 22px;
  left:12px;
  top:18px;
}



#footerText {
  font-family: "PNCBrandBol", Verdana, Helvetica, sans-serif;
  display:block;
  position: absolute;
  left:12px;
  bottom:10px;
  font-size: 13.51px;
  letter-spacing: 0.06em;
}


#cover{
  width:100%;
  height:100%;
  position: absolute;
  top:0;
  left:0;
  background: #ffffff;
}