#promoOuter {display:none;}
#promoInner {display: none;}

#promoOuter.big {height: 70% !important; transition:all 1s;}

#bottomcopy {padding-bottom: 160px;}

.footer {position: fixed; bottom: 0; width: 100%; height: 135px; background-color: #1d325b; z-index: 500;}

.footer.expand {position: fixed; bottom: 0; width: 100%; height: 135px; background-color: #1d325b; z-index: 500; padding-top:0;}
#footer-title {margin-left: 10px;margin-right: -10px; }

#white-logo img {width: auto; height: 55px; margin: 0; margin-top: 20px;}

#white-logo img.expand {height:92px;margin-left: 0;}

#hero-title {text-transform: uppercase; font-family: AlternateGotNo3D; line-height: .9em; -webkit-margin-before: 0em; -webkit-margin-after: 0.25em; font-size: 50px; font-weight: 500; margin-top: 10px;text-align: left;}

#hero-title.expand {font-size:51px;}
#hero-title.expand .conditions {font-size:38px;text-transform:none;}

#image {width: 100%;height: 135px;background: red;-webkit-clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 42% 32%, 0% 0%);clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 20% 50%, 0% 0%);}

#learnMore, #closePromo {width:100%;}


#offer-contents {overflow:auto; position: absolute; bottom: 0; top:135px;}

.action-alt.btn {white-space: normal;}

.row.landingTOTB-grey-bg.offer {
    background: #f3f3f3;
    border-top: 1px solid #ccc;
}

.slick-list{margin-right: 0 !important;}


@media (max-width: 767px) {
  .footer {height: 182px; }
  .footer.expand {height: 225px; }
  .footer.expand.iOS {height: 290px; }
  .footer.product {height: 168px; }
  #hero-title {font-size: 38px; font-weight: 500; text-align: center !important; margin-top: 10px;-webkit-margin-after: 0em;}
  #hero-title.expand {font-size:26px;margin-right:15px;margin-top:22px;}
  #hero-title.expand .conditions {
    font-size: 21px;
    text-transform: none;
}
  #offer-contents {overflow:auto; position: absolute; bottom: 0; top:170px;}

#footer-title {
    margin-left: 0px;
    margin-right: 0px;
}


  #learnMore, #closePromo {width:auto;padding-left:15px ;}


}


@media (min-width: 768px) and (max-width: 991px) {
  .footer {height: 150px; padding-top: 10px;}
  .footer.expand {height: 224px; padding-top: 10px;}
  .footer.product {height: 152px; padding-top: 10px;}
  #white-logo img {height: 42px; margin-top: 20px;margin-left: 10px;}
  #white-logo img.expand {margin-top:9px;margin-left:10px;height:92px;}

  #hero-title {font-size: 40px; font-weight: 500; margin-top: 10px; margin-left: 20px;}
  #hero-title.expand {font-size:42px;margin-left:19px; margin-top: 25px;}
#hero-title.expand .conditions {
    font-size: 34px;
    text-transform: none;
}
  #offer-contents {overflow:auto; position: absolute; bottom: 0; top:143px;}
}

@media (min-width: 992px) {
    .footer {height: 172px; padding-top: 10px; }
    .footer.expand {height: 231px; padding-top: 10px; }
      .footer.product {height: 150px; padding-top: 10px;}


    #white-logo img {height: 55px; margin-top: 16px;margin-left: 14px;}
    #hero-title {font-size: 56px; font-weight: 500; margin-top: 10px;}
    #hero-title.expand {font-size: 56px; font-weight: 500; margin-top: 10px;}
    #hero-title.expand .conditions {
    font-size: 38px;
    text-transform: none;
}

    #offer-contents {overflow:auto; position: absolute; bottom: 0; top:150px;}

    #learnMore, #closePromo {min-width:135px;}

    #footer-title {margin-left: 65px; }
   
    /*.col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        /*max-width: 33.333333%;*/
    }*/

    #footer-title.col-lg-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }

}

@media (min-width: 1200px) {
  .footer {height: 135px; padding-top: 0px; }
  .footer.expand {position: fixed; bottom: 0; width: 100%; height: 135px; background-color: #1d325b; z-index: 500;padding-top:0;}
  
  #white-logo img {height: 49px; margin-top: 10px;margin-left: 14px;} 
  #white-logo img.expand {height:92px;margin-left: 0;}

  #hero-title {font-size: 51px; font-weight: 500; margin-top: 10px;}
  #hero-title.expand {font-size:53px;margin-top: 19px;}
  #hero-title.expand .conditions {
    font-size: 42px;
    text-transform: none;
}
  
  #offer-contents {overflow:auto; position: absolute; bottom: 0; top:135px;}
  #footer-title {margin-left: 10px;margin-right: -10px; }



}