@charset "utf-8";

@import "https://cdn.staticsfly.com/i/youtube/youtube-player.css";
/* CSS Document */

* { box-sizing: border-box; }
h1, h2, h3, h4, h5, p { font-weight: 300; padding: 0; margin: 0; }
body { margin: 0; }
img { display: block; }
#offer-banner-wrapper { font-size: 13px; }
#footer li { line-height: 23px; }
span.br { display: block; }
div.pageTitleContainer { width: 98%; max-width: 1600px; margin: 0 auto 5px auto; }
/* :target is to keep # (anchor) linked content from scrolling under the fixed promo banner */
:target {
  position: relative;
  top: -1.667rem;
  visibility: hidden;
}

.show-desktop, .hide-mobile{ display: block; }
span.show-desktop, span.hide-mobile { display: inline-block; }
.show-mobile, .hide-desktop { display: none; }

.nowrap { white-space: nowrap; }

span.text-break { display: block; }

.slick-prev::before, .slick-next::before { display: none; }

/* Base font size scales between 18 & 24px in the desktop view range (768-1600 width) based on viewport width */   
html { font-size: calc(18px + (24 - 18) * ((100vw - 768px) / (1600 - 768))); -webkit-text-size-adjust: none;}

/* Do not scale larger than 24px; */
@media screen and (min-width:1600px) { html { font-size: 24px; } }

/* REM Size Guide */
/*
  1px = 0.04167rem
  2px = 0.08333rem
  3px = 0.125rem
  4px = 0.1667rem
  5px = 0.2083rem
  7px = 0.2917rem
  10px = 0.4167rem
  12px = 0.5rem
  13px = 0.5417rem
  14px = 0.5833rem
  15px = 0.625rem
  16px = 0.6667rem
  18px = 0.75rem
  19px = 0.7917rem
  20px = 0.8333rem
  21px = 0.875rem
  22px = 0.9167rem
  24px = 1rem
  25px = 1.042rem
  27px = 1.125rem
  28px = 1.167rem
  30px = 1.25rem
  31px = 1.292rem
  32px = 1.333rem
  35px = 1.458rem
  40px = 1.667rem
  44px = 1.833rem
  48px = 2rem
  50px = 2.083rem
  63px = 2.625rem
  68px = 2.833rem
  80px = 3.333rem
  90px = 3.75rem
  470px = 19.58rem
  480px = 20rem
  534px = 22.25rem
*/


h1,
.tp-3up .number { font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif; font-weight: 400; }

.tp-logo {
    width: 17%;
    margin: 0 auto 0.8333rem;
    padding-top: 0.4167rem;
    display: block !important;
 }
 
 #tp-template-wrap hr, .tp-template-wrap hr { width: 200px; border: 1px solid #d8d8d8; margin: 0 auto 1.667rem auto; }
 
 #tp-template-wrap .tp-3up-title hr,
 .tp-template-wrap .tp-3up-title hr { display: none; }

#tp-template-wrap, .tp-template-wrap {
  font-family: "Linotype Univers W05", Helvetica, Verdana, Arial, sans-serif; 
  font-size: 1rem;
  line-height: 1.167em;
  font-weight: 200;
  color: #545454;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto; 
}

.cta-text, a.cta-text, a.cta-text:hover, a.cta-text:visited  { 
  font-family: "Linotype Univers W05", Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.6667rem;
  line-height: 1em;
  letter-spacing: 0.125em;
  font-weight: 700;
  color: #545454; 
  cursor: pointer; 
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}
.cta-text.teal, a.cta-text.teal, a.cta-text.teal:hover, a.cta-text.teal:visited { color: #00829B; }

.cta-text::after, a.cta-text::after { content: " >" }

.cta-btn, a.cta-btn, a.cta-btn:hover, a.cta-btn:visited
 {
  font-family: "Linotype Univers W05", Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.5417rem;
  line-height: 1em;
  letter-spacing: 0.15em;
  font-weight: 700;
  color: #fff; 
  cursor: pointer;
  padding: 0.6667rem;
  background-color: #000;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  white-space: nowrap;
}

.cta-btn.teal, a.cta-btn.teal, a.cta-btn.teal:hover, a.cta-btn.teal:visited { background-color: #00829B; }

.cta-btn.grey, a.cta-btn.grey, a.cta-btn.grey:hover, a.cta-btn.grey:visited { background-color: #545454; }


.cta-btn.outline, a.cta-btn.outline, a.cta-btn.outline:hover, a.cta-btn.outline:visited { 
  background-color: transparent; padding: 0.625rem; color: #000; border: 1px solid #000; }
  
.cta-btn.teal.outline, a.cta-btn.teal.outline, a.cta-btn.teal.outline:hover, a.cta-btn.teal.outline:visited { 
  background-color: transparent; padding: 0.625rem; color: #00829B; border: 1px solid #00829B; }
  
.cta-btn.grey.outline, a.cta-btn.grey.outline, a.cta-btn.grey.outline:hover, a.cta-btn.grey.outline:visited { 
  background-color: transparent; padding: 0.625rem; color: #545454; border: 1px solid #545454; }

.transition { margin-bottom: 1.667rem; text-align: center; }
.transition h1 { 
  font-size: 2rem;
  line-height: 1.04em;
  margin-bottom: 0.9583rem;
}
.transition p { 
  font-size: 1.167rem;
  line-height: 1.2em;
  margin-bottom: 0.5rem;
}

.tp-1up,
.tp-2up,
.tp-3up {
  position: relative;
  margin-bottom: 2.083rem; 
}

/*
.tp-1up .cta-btn, 
.tp-2up .cta-btn, 
.tp-3up .cta-btn { margin-top: 0.7917rem; }
*/

.hero { margin-bottom: 2.833rem; }

.tp-1up a.main
.tp-1up a.main { 
  position: absolute; 
  top: 0; left: 0; 
  display: block;
  width: 100%; height: 100%;
}

.tp-1up-inner { 
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  padding: 0 4%; 
}

.tp-2up-inner { 
  display: flex;
  justify-content: center;
  align-items: stretch;
}
.tp-2up-inner.right { flex-direction: row; }
.tp-2up-inner.left { flex-direction: row-reverse; }

.tp-1up-copy,
.tp-2up-copy .copy-inner,
.tp-3up-copy .copy-inner,
.tp-ss-copy .copy-inner {  
  width: 19.58rem;
  height: 100%;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tp-1up-copy { width: 17.58rem; }
.tp-1up-copy.right { margin: 0 0 0 auto; }
.tp-1up-copy.left { margin: 0 auto 0 0; }

.tp-2up-copy .copy-inner,
.tp-3up-title .copy-inner,
.tp-3up-text .copy-inner,
.tp-ss-copy .copy-inner { display: block; height: auto; }

.tp-3up-copy .copy-inner { width: 100%; flex-direction: column; }

.tp-ss-copy .copy-inner { width: 17.58rem; }

.tp-1up .tp-1up-copy h1,
.tp-2up .tp-2up-copy h1,
.tp-3up .tp-3up-copy h1,
.tp-ss-copy h1,
.tp-faqs h1 {
  font-size: 1.667rem;
  line-height: 1.1em;
  margin-bottom: 1rem;
}

.tp-faqs h1 { color: #00829B; text-align: center; }

.hero .tp-1up-copy h1 {
  font-size: 2.083rem;
  line-height: 1.04em;
}
.hero .tp-1up-copy h1.uppercase { text-transform: uppercase; }
.hero .tp-1up-copy h1.italic { font-style: italic; }

.tp-1up .tp-1up-copy p,
.tp-2up .tp-2up-copy p,
.tp-ss-copy p { margin-bottom: 0.5rem; }

.tp-3up .tp-3up-copy p { margin-bottom: 1rem; }

.tp-1up-bg .tp-1up-inner { padding: 0; }
.tp-1up-bg .tp-1up-inner .tp-1up-copy { width: 22.25rem; padding: 0 1.125rem; /*background-color: #d8d8d8;*/ }

.tp-2up-img,
.tp-2up-copy { width: 50%; }

.tp-2up-copy,
.tp-3up-copy { display: flex; justify-content: center; align-items: center; }

.tp-2up-bg .tp-2up-copy,
.tp-3up-text .tp-3up-block,
.tp-2up-seo .tp-2up-inner .tp-2up-copy { /*background-color: #d8d8d8;*/ }

.tp-3up-text .tp-3up-block { padding: 1.667rem 1.25rem; }

.tp-2up-reg,
.tp-3up { display: flex; justify-content: space-between; align-items: flex-start; }

.tp-3up-title,
.tp-3up-text { align-items: stretch; height: 100%; }

.tp-3up-title .tp-3up-copy:first-of-type,
.tp-3up-text .tp-3up-copy { height: 100%; } 

.tp-2up-reg section { width: 49.0625%; }

.tp-3up .tp-3up-block,
.tp-3up-text section { width: 32.08%; }

.tp-2up-block { width: 100%; position: relative; }

.tp-2up-reg .tp-2up-img, 
.tp-2up-reg .tp-2up-copy,
.tp-3up-text .tp-3up-block { width: 100%; }

.tp-3up-block { position: relative; }

.tp-1up a,
.tp-2up-block a,
.tp-3up-block a,
#tp-bottom-banner a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.tp-2up-reg .tp-2up-img,
.tp-3up .tp-3up-img,
.ss-sidebar img { margin-bottom: 1.042rem; }

.tp-3up .number {
  font-size: 1.667rem;
  line-height: 1em;
  margin-bottom: 0.4167rem;
  display: inline-block;
}

.tp-3up .number.circle {
  background-color: #00829B;
  color: #fff;
  border-radius: 50%;
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 0.4583rem;
  padding-bottom: 0.04167rem;
}

.tp-2up-seo h1 { 
  font-family: "Linotype Univers W05", Helvetica, Verdana, Arial, sans-serif; 
  font-weight: 700; 
  letter-spacing: 0.056em;
  text-transform: uppercase;
}

.pid-names {  
  font-size: 0.8333rem;
  line-height: 1.1em;
  letter-spacing: -0.022em;
  font-style: italic;
  text-align: center;
  margin: 0.75rem auto 2.083rem auto;
  width: 60%; 
}

.pid-names p { font-weight: 100; }


#tp-promise { margin-bottom: 3.333rem; text-align: center; color: #000000; }

#tp-promise h3,
#tp-promise h4 {
  font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
  font-size: 1.25rem;
  letter-spacing: 0.025;
  margin-bottom: 0.8333rem;
}

#tp-promise h3 { 
  letter-spacing: 0.055em;  
  text-transform: uppercase;
  color: #00829B;
  margin-bottom: 1.667rem; }

#tp-promise .pro-points { display: flex; justify-content: space-evenly; margin-bottom: 0.8333rem; }

#tp-promise .pro-points div { flex: 0 1 auto; width: 28%; }

#tp-promise .pro-points p { line-height: 1.25em; letter-spacing: -0.012em; }

/* Side Scroll Start */

.side-scroll { position: relative; margin-bottom: 2.083rem; }
.ss-main { 
  margin-bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 66%;
}

.ss-main-inner {
  position: relative;
  /*height: calc(100vh - 44px);*/
  height: calc(100vh);
  width: 100%; 
  overflow: hidden;
}

.ss-main-inner a { display: block;  position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ss-main-inner img { 
  display: block;
  width: auto;
  /*max-width: 1056px;*/
  /*left: 50%;*/
  /*transform: translateX(-50%);*/
  min-height: 100vh;
  max-height: 87vw;
  position: absolute;
}
.ssmi-container { position: relative; width: 100%; height: 100%; }
.ssmi-container .tp-ss-copy {
  position: absolute;
  top: 0; left: 0; 
  padding: 4% 0 0 4%;
  height: auto;
}

.ss-sidebar { width: 32%; margin-left: 68%; display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;  }
.side-scroll .tp-3up-vert { position: relative; margin-bottom: 1.458rem }
.side-scroll .tp-3up-vert:last-of-type { margin-bottom: 0; }

.side-scroll .tp-3up-vert a { display: block;  width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.side-scroll .copy-block { text-align: center; }

.side-scroll .copy-block h2 { font-size: 1rem; margin-bottom: 0.4667rem; }

.side-scroll .copy-container { /*padding-top: 1.25rem;*/ }

.ss-fixed { position: fixed; margin-top: 1.833rem; top: 0; bottom: auto; left: auto; }
.ss-locked { position: absolute; margin-top: 0; top: auto; bottom: 0; }

/* Side Scroll End */

#tp-bottom-banner { position: fixed; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 100%; box-sizing: border-box; }

#tp-bottom-banner .copy-container { position: relative;  background-color: #B7B7B7; padding: 1.042rem 0; }

#tp-bottom-banner .copy-container .copy-block { 
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-align: center;
}

#tp-bottom-banner .copy-container .copy-block p { margin: 0 0.8333rem; color: #fff; }

#tp-bottom-banner .copy-container .copy-block p.tp-bb-holiday { 
  font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif; 
  font-size: 0.8333rem; 
  letter-spacing: 0.087em; 
  font-style: italic;
  margin-bottom: 0.1667rem;
}

#tp-bottom-banner .copy-container .copy-block p.tp-bb-headline { 
  font-family: "Century Schoolbook", Georgia, "Times New Roman", Times, serif;
  font-size: 1.667rem; 
  letter-spacing: 0.03em; 
  margin-bottom: 0.1667rem;
}

#tp-bottom-banner .copy-container .copy-block p.tp-bb-headline span.upto { 
  display: inline-block; position: relative; top: -0.46em; margin-right: -0.25em; margin-bottom: -1em;
}
#tp-bottom-banner .copy-container .copy-block p.tp-bb-headline span.upto span.flex { 
  display: flex; flex-direction: column; align-items: center; font-size: 0.75rem; line-height: 1em; letter-spacing: 0.1em; font-style: italic; 
}
#tp-bottom-banner .copy-container .copy-block p.tp-bb-subhead { font-size: 0.75rem; text-transform: uppercase; padding-top: 0.125rem; font-weight: 400; letter-spacing: 0.14em; }
#tp-bottom-banner .copy-container .copy-block p.tp-bb-code { 
  font-size: 0.6667rem; line-height: 1.27em; letter-spacing: 0.01em; font-weight: 400; display: flex; flex-direction: column; align-items: center; 
}

#dismiss_banner { position: absolute; top: 4px; right: 4px; font-size: 10px; padding: 3px 5px 4px 5px; display: block; line-height: 1em; font-weight: bold; cursor: pointer; color: #fff; border: 1px solid #fff; border-radius: 10px; margin: 0;  }



.tp-faqs {
  width: 80%;
  margin: 0 auto 2.083rem auto;
}

.tp-faqs {
  text-align: left;
  padding-bottom: 0.8333rem;
  cursor: pointer;
}

.tp-faq-arrow {
  display: inline-block;
  width: 13px;
  height: 13px;
  background: transparent url("https://cdn-image.staticsfly.com/i/landingpages/2017/P54948_tpb_address_arrow_sprite.jpg") no-repeat 0 0;
  margin-left: 0.625rem;
  position: relative;
  top: 0.08333rem;
}

.tp-faq-answer,
.tp-faq-question {
  font-size: 0.9167rem;
  line-height: 1.36em;
  letter-spacing: 0.05em;
  font-weight: 500;
  color: #545454;
  text-align: left;
  padding-top: 0.625rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start
}

.tp-faq-question {
  padding-top: 0
}

.tp-faq-answer div p {
  margin-bottom: 1em
}

.tp-faq-answer div a {
  color: #000;
  text-decoration: underline;
}

.tp-faq-answer div p strong {
  font-weight: 600;
  color: #000
}




@media (max-width:767px) {
/* MOBILE START */ 

  html { font-size: calc(16px + (30 - 16) * ((100vw - 320px) / (767 - 320))); }
  
  .show-desktop, .hide-mobile { display: none; }
  .show-mobile, .hide-desktop { display: block; }
  span.show-mobile, span.hide-desktop { display: inline-block; }
  
  #offer-banner-wrapper .mobile-promo .global-promo a { font-size: 12px !important; }

  .tp-logo {
    width: 40%;
    margin: 0 auto 0.8333rem;
    padding-top: 0.8333rem;
  }
  
  span.text-break { display: inline; }
  span.mobile-break { display: block; }
  
  #tp-template-wrap .tp-3up-title hr,
  .tp-template-wrap .tp-3up-title hr { display: block; }
  
  .cta-btn { font-size: 0.8667rem; }
  
  .cta-text, a.cta-text, a.cta-text:hover, a.cta-text:visited, 
  .cta-text.teal, a.cta-text.teal, a.cta-text.teal:hover, a.cta-text.teal:visited { font-size: 0.8667rem; }
  
  .tp-1up .tp-1up-copy h1, 
  .tp-2up .tp-2up-copy h1, 
  .tp-3up .tp-3up-copy h1, 
  .tp-ss-copy h1, .tp-faqs h1 { margin-bottom: 1rem; font-size: 1.8rem; }
  
  .hero .tp-1up-copy h1 { font-size: 2.133rem; }
  
  .tp-1up-inner { padding: 1.333rem 0 0 0; position: relative; }
  
  .hero .tp-1up-inner { padding: 0; position: absolute; }
  
  .tp-1up-copy, .tp-2up-copy .copy-inner, .tp-3up-copy .copy-inner, .tp-ss-copy .copy-inner {
    width: 90%;
    margin: 0 auto;
    align-items: flex-start;
    justify-content: center;
  }
  
  .hero .copy-inner { padding-top: 4%; }
  
  .tp-1up, .tp-2up, .tp-3up {
    position: relative;
    margin-bottom: 3.2rem;
}
  
  .tp-1up-bg .tp-1up-inner .tp-1up-copy,
  .tp-2up-bg .tp-2up-copy .copy-inner,
  .tp-2up-seo .tp-2up-inner .tp-2up-copy {
    width: 100%;
    padding: 1.333rem 0;
  }
  
  .tp-1up-bg .tp-1up-inner .copy-inner,
  .tp-2up-bg .tp-2up-inner .copy-inner {
    width: 90%;
    margin: 0 auto;
  }
  
  .tp-1up-copy.right,
  .tp-1up-copy.left { margin: 0 auto; }

  .tp-2up-bg .tp-2up-copy .copy-inner { /*background-color: #d8d8d8;*/ }
  
  .tp-2up-seo .tp-2up-inner .tp-2up-copy { padding-top: 1.333rem; }
  
  .tp-2up.tp-2up-seo h1 { font-size: 1rem; }
  
  .tp-2up-inner.right,
  .tp-2up-inner.left { flex-direction: column; }
  
  .tp-2up-img, .tp-2up-copy { width: 100%; }
  
  .tp-2up-reg { margin-bottom: 0; }
  
  .tp-2up-reg, .tp-3up {

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
  }
  
  .tp-2up-reg section { width: 100%; }
  
  .tp-2up-reg .tp-2up-block { margin-bottom: 2.083rem; }
  

  .tp-2up-seo .tp-2up-inner { flex-direction: column-reverse; }

  .tp-3up .tp-3up-block, .tp-3up-text section { width: 100%; }

  .tp-3up-copy .copy-inner { padding: 0 0 1.25rem 0; align-items: center; }
  
  .tp-faqs { width: 90%; }

  .tp-3up-text .tp-3up-block { margin-bottom: 1.333rem; }
  
  .transition {
    width: 94%;
    margin: 0 auto 1.667rem auto;
  }
  
  .ss-main { 
    position: relative; 
    width: 100%;  
    margin-bottom: 1.333rem;
    height: auto !important;
  }
  
  .ss-main-inner {
    position: relative;
    height: auto;
    width: 100% !important;
    overflow: unset;
  }
  
  .ss-main-inner img {
    display: block;
    min-height: unset;
    max-height: none;
    width: 100%;
    position: relative;
    margin-bottom: 1.042rem;
  }
  
  .ssmi-container .tp-ss-copy {
    position: relative;
    padding: 0;
    height: auto;
  }

  .ss-sidebar {
    width: 100%;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
  }
  
  .pid-names { width: 94%; font-size: 0.6667rem;}
  
  
  #tp-promise .pro-points { justify-content: flex-start; flex-direction: column; }
  
  #tp-promise .pro-points div { width: 80%; margin: 0 auto 1.667rem; }
  
  #tp-promise .pro-points div:last-of-type { margin-bottom: 0; }
  
  #tp-promise h4 { margin-bottom: 0.4167rem; }
  
  
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-holiday, 
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-subhead { display: none; }
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-headline { font-size: 1.167rem; margin-bottom: 0.125rem; }
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-headline span.upto { top: -0.44em; }
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-headline span.upto span.flex { font-weight: 400; }
  #tp-bottom-banner .copy-container .copy-block { flex-direction: column; }
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-code { flex-direction: row; font-size: 0.5833rem; }
  #tp-bottom-banner .copy-container .copy-block p.tp-bb-code span { display: inline-block; margin: 0 0.4167rem; }
  
/* MOBILE END */  
}


/* Do not scale smaller than 18px; */
@media screen and (max-width:320px) { html { font-size: 16px; } }