.header {
  text-transform: uppercase;
  height: 84px;
  background-image: url(/images/preLogin/header-background-small.jpg);
  background-size: cover;
  display:flex;
  justify-content:space-evenly;
  align-items: center;
}
.header-title {
  color:#171d4d;
  font-family: 'Helvetica Neue LT W05_77BdCnOb';
  font-size: 33pt;
  text-transform: none;
  display:flex;
}
.light-blue {
  color: #53cbe3;
}
.orange {
  color:#f25d27;
}
.header .page-title {
  display:flex;
  align-items: center;
}
.header .header-subtitle {
  color: #53cbe3;
  color:#53cbe3;
  font-size:14pt;
  font-family: 'Helvetica Neue LT W05_67 Md Cn';
  display:flex;
  padding-right:10px;
}
.header .header-underscore {
  line-height:0px;  
  margin-top: -10px;
  margin-left: 115px;
}

.sales-banner-1 {
  min-height: 284px;
  background: #d3e0cd url(/images/preLogin/banner-small.jpg) center;
  background-repeat:no-repeat;
  position:relative;
}
.sales-banner-1-text-big {
  font-size:40px;
  line-height:40px;
  color: #047edc;
  text-shadow: 2px 2px 0 #ffffff;
}
.sales-banner-1-text {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 48%;
  transform: translate(0%, -50%);
  font-style: italic;
  font-size:25px;
  color: #171d4d;
  text-shadow: 2px 2px 0 #ffffff;
  text-transform:uppercase;
  font-family:'Square_721 W01 Bold';
  margin-right:10px;
}

@media (max-width: 1024px) {
   .header-title {
      font-size: 25pt;
   }
   .header .header-subtitle {
      font-size: 14pt;
   }
   .sales-banner-1-text {
      left: 35%;
   }
}
@media (max-width: 768px) {
   .header {
      min-height:90px;
   }
   .header {
      display:block;
      text-align:center;
   }
   .page-title {
      justify-content:center;
   }
   .header-logo img {
      width:120px;
      padding-top:5px;
   }
   .header .header-underscore {
     margin-top: -10px;
     margin-left: 85px;
     text-align:left;
   }
   .sales-banner-1-text {
      left: auto;
      right:12%;
   }
   .sales-banner-1-text-big {
      font-size:32px;
      text-shadow: 1px 1px 0 #ffffff;
   }
   .sales-banner-1-text {
      font-size:20px;
      text-shadow: 1px 1px 0 #ffffff;
   }
}
@media (max-width: 630px) {
   .sales-banner-1 {
      background-size: cover;
      min-height:200px;
   }
   .sales-banner-1-text {
      left: auto;
      right:1%;
   }
   .sales-banner-1-text-big {
      font-size:22pt;
      text-shadow: 1px 1px 0 #ffffff;
   }
   .sales-banner-1-text {
      font-size:10pt;
      text-shadow: 1px 1px 0 #ffffff;
   }
}
@media (max-width: 481px) {
   .header .page-title{
      margin-top:8px;
//      display:block;
//      text-align:center;
   }
   .header-logo img {
//     width:110px;
   }
   .header .header-subtitle {
      font-size: 12pt;
      line-height:20pt;
//      display:block;
//      text-align:center;
   }
   .header-title {
      font-size: 20pt;
//      line-height:20pt;
//      display:block;
//      text-align:center;
   }
   .header .header-underscore {   
//      margin-top:20px; 
      margin-left:70px;
      padding-top:3px;
//      margin-right:40px;
//     text-align:center;
   }
   .sales-banner-1 {
      background-position-x: -330px;
      text-align:center;
   }
   .sales-banner-1-text {
       width: 100%;
       text-align: center;
       font-size: 15pt;
       right: auto;
       left: auto;
   }
}

.sales-banner-2 {
  background: url('/images/preLogin/blue-bar-small.jpg');
  background-size: cover;
  color:#0d2646;
  min-height: 82px;
  text-align:center;
  font-size: 24px;
  padding: 20px;
}

@media (max-width: 768px) {
  .sales-banner-2 {
     font-size: 25px;
  }
}

.top-line {
 background-color:#f25d27;
 height:10px;
 width:auto;
}

.email-form {
  min-height: 84px;
  background-image: url(/images/preLogin/header-background-small.jpg);
  background-size: cover;
  display:flex;
  align-items: center;
  flex-direction: row;
  justify-content: left;
}

.email-form-banner {
  vertical-align:middle;
  width:42%;
  background-color: rgba(185, 192, 209, 0.3);
  -webkit-clip-path: polygon(0 1%, 88% 0, 88% 0%, 100% 50%, 88% 100%, 88% 100%, 0 100%);
  clip-path: polygon(0 1%, 88% 0, 88% 0%, 100% 50%, 88% 100%, 88% 100%, 0 100%);
  margin-right:20px;
  display:flex;
  justify-content: right;
  align-items: center;
  margin:10px 20px 10px 0px;
}
.email-form-banner-text-container {
  padding:10px 10% 10px 0px;
  text-align:center;
  font-size:12px;
}
.email-form-banner-big-text {
  font-size:28px;
  color:white;
  font-family:'Neue Helvetica W05_79 Comp Bol';
  line-height:30px;
  padding-bottom:5px;
text-shadow: rgb(4, 126, 220) 4px 0px 0px, rgb(4, 126, 220) 3.87565px 0.989616px 0px, rgb(4, 126, 220) 3.51033px 1.9177px 0px, rgb(4, 126, 220) 2.92676px 2.72656px 0px, rgb(4, 126, 220) 2.16121px 3.36588px 0px, rgb(4, 126, 220) 1.26129px 3.79594px 0px, rgb(4, 126, 220) 0.282949px 3.98998px 0px, rgb(4, 126, 220) -0.712984px 3.93594px 0px, rgb(4, 126, 220) -1.66459px 3.63719px 0px, rgb(4, 126, 220) -2.51269px 3.11229px 0px, rgb(4, 126, 220) -3.20457px 2.39389px 0px, rgb(4, 126, 220) -3.69721px 1.52664px 0px, rgb(4, 126, 220) -3.95997px 0.56448px 0px, rgb(4, 126, 220) -3.97652px -0.432781px 0px, rgb(4, 126, 220) -3.74583px -1.40313px 0px, rgb(4, 126, 220) -3.28224px -2.28625px 0px, rgb(4, 126, 220) -2.61457px -3.02721px 0px, rgb(4, 126, 220) -1.78435px -3.57996px 0px, rgb(4, 126, 220) -0.843183px -3.91012px 0px, rgb(4, 126, 220) 0.150409px -3.99717px 0px, rgb(4, 126, 220) 1.13465px -3.8357px 0px, rgb(4, 126, 220) 2.04834px -3.43574px 0px, rgb(4, 126, 220) 2.83468px -2.82216px 0px, rgb(4, 126, 220) 3.44477px -2.03312px 0px, rgb(4, 126, 220) 3.84068px -1.11766px 0px, rgb(4, 126, 220) 3.9978px -0.132717px 0px;
}
.email-form-banner-small-text {
  color:#161c4c;
  text-transform:uppercase;
  font-family:'Helvetica Neue LT W05_65 Medium';
    line-height:20px;
}
.email-form-banner-input-container {
  vertical-align:middle;
  width:28%;
}
.email-form-banner-button-container {
  vertical-align:middle;
}
.email-form .email-form-input {
  color: #919191;
  box-shadow:
    0 0 0 2px rgba(89, 145, 35,1),
    0 0 0 4px white,
    0 0 0 6px rgba(230, 230, 230,1);
  ;
  border-radius:none;
  height:38px;
  width:90%;
}

.email-form .email-form-submit {
  padding: 10px;
  box-sizing: border-box;
  box-shadow:
    0 0 0 2px rgba(191, 50, 0,1),
    0 0 0 4px white,
    0 0 0 6px rgba(230, 230, 230,1);
  ;
  border:0px;
  color:white;
  text-transform:uppercase;
  font-family:'Helvetica Neue LT W05_97 Blk C';
  background-image: linear-gradient(to bottom, #f35c26, #d33d08);
  font-size:19px;
  line-height:20px;
}
input  {
  text-indent:15px;
}

@media (max-width: 768px) {
  .email-form {
    display:inline-block;
    width: 100%;
    height: 100%;
    background-repeat-y: repeat;
    text-align:center;
  }
  .email-form-banner {
    width:70%;
    clip-path:none;
    margin:20px;
    display:inline-block;
    text-align:center;
  }
  .email-form-banner-text-container {
    padding:20px;
  }
  .email-form-banner-input-container {
    width:300px;
    display:inline-block;
    margin-bottom:30px;
  }
  .email-form-banner-button-container {
    width:auto;
    display:inline-block;
    margin-bottom:30px;
  }
}
@media (max-width: 550px) {
  .email-form .email-form-submit {
    padding:20px;
  }
  .email-form-banner-input-container {
    width:400px;
  }

  .email-form-submit-icon {
    display:none;
  }
}
.product-section {
 max-width:1200px;
 margin: 0px auto;
}
.product-section .products-img {
  width: 56%;
}

@media screen and (max-width: 900px) {
  .product-section {
    padding-top: 40px;
  }
}

@media screen and (min-width: 900px) {
  .product-section {
    padding: 40px 0px 0px 0px;
  }
}

@media screen and (max-width: 900px) {
  .product-section .products-img {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}

@media screen and (min-width: 900px) {
  .product-section .products-img {
    float: left;
  }
}

.product-section .benefits-checklist {
  width: 42%;
}

@media screen and (min-width: 900px) {
  .product-section .benefits-checklist {
    float: right;
  }
}

@media screen and (max-width: 900px) {
  .product-section .benefits-checklist {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
}

.product-section .benefits-checklist .benefits-checklist-title {
  line-height: normal;
  line-height: 100%;
}


.benefits-checklist-title {
  font-family:'Viva Beautiful W01 E';
  color: #047cd8;
  font-size:70px;
  line-height:20px !important;
 padding-top:10px;
}
.benefits-checklist-body {
  margin-left: 0px;
  padding-left: 0px;
}
.benefits-checklist-item {
  font-family:'Helvetica Neue LT W05_67 Md Cn';
  line-height: 22px;
  padding-left: 25px;
  list-style-type: none;
  background-image: url(/images/preLogin/list-image-small.png);
  background-position: left top;
  background-repeat:no-repeat;
  margin: 30px 0;
  font-size: 28px;
}

.benefits-checklist-item-emphasized-text {
  font-family:'Helvetica Neue LT W05_97 Blk C';
   color:#047cd8;
   text-transform:uppercase;
}
@media screen and (max-width: 1500px) {
  .benefits-checklist-title {
     font-size:80px;
  }
  .benefits-checklist-item {
     font-size: 28px;
  }
}
@media screen and (max-width: 1200px) {
  .benefits-checklist-title {
     font-size:60px;
  }
  .benefits-checklist-item {
     margin: 20px 0;
     font-size: 22px;
   }
}

@media screen and (max-width: 900px) {
  .product-section .benefits-checklist {
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }
  .benefits-checklist {
    margin-top:30px;
  }
}

.call-to-action {
 text-align:center;
  margin-bottom:20px;
}

.call-to-action-text-container {
  border-radius: 10px;
  background-color:#efefef;
  display:inline-block;
  font-family:'Helvetica Neue LT W05_67 Md Cn';
  color:#171d4d;
  font-size:29pt;
  padding: 5px 25px;
  border: 1px solid #e9e9e9;
  background-image: linear-gradient(to bottom, #f8f8f8, #f1f1f1);
  text-align:center;
}
.call-to-action-emphasized-text-container {
  border: 1px solid #477817;
  border-radius: 10px;
  color:white;
  padding: 0px 25px;
  background-image: linear-gradient(to bottom, #66a92f 50%, #599123 50%);
  text-transform:uppercase;
  text-shadow: #477817 0px 0px 4px,   #477817 0px 0px 4px,   #477817 0px 0px 4px,
               #477817 0px 0px 4px,   #477817 0px 0px 4px,   #477817 0px 0px 4px;
}
@media (max-width: 768px) {
  .call-to-action-text-container {
     font-size:19pt;
  }
}

.footer {
  text-align:center;
}