@charset "utf-8";
  /* CSS Document */
    
     *:focus {
         outline: #034C1F dashed 3px;
     }
     * {
         box-sizing: border-box;
     }
     html {
         min-height: 100%;
     }

  body {
   padding: 0px;
   margin: 0px;
   background: #ffffff;
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
   color: #232325;
  font-size: 15px;
      position: relative;
  }
  h1, h2, h3, h4 {
   font-family: 'Montserrat', Helvetica, Arial, sans-serif;
   margin: 0px 0px 20px 0px;
   line-height: 1.1;
   color: #232325;
   font-weight: 700;
  }
  h1 {
   font-size: 250%;
  }
  h2 {
   font-size: 175%;
  }
  h3 {
   font-size: 150%;
  }
  h4 {
   font-size: 100%;
  }
  p, ol, ul, li {
   font-family: 'Roboto', Helvetica, Arial, sans-serif;
   margin: 0px;
   font-size: 15px;
   line-height: 20px;
   color: #232325;
   font-weight: 400;
  }
  p {
   margin: 0px 0px 20px 0px;
  }
  ul, ol {
   margin: 0px 0px 20px 0px;
   padding-left: 20px;
  }
  a {
   text-decoration: underline;
      color: #35792a;
  }
  a:hover {
   text-decoration: none;
  }
  a img {
   border: none;
  }
  .wrapper {
   width: 100%;
   max-width: 900px;
   margin: 0px auto;

  }
  .clearFix:after {
   content: "";
    display: table;
    clear: both;
  }
#questModalCloseIcon:focus {
    outline: #c4d42e dashed 4px;
}
#footerlinksfoc a:focus {
    outline: #c4d42e dashed 4px;
}
#footerlinksfoc1 a:focus {
    outline: #c4d42e dashed 4px;
}
#footerlinksfoc2 a:focus {
    outline: #c4d42e dashed 4px;
}
     
     /* 0 - AMPSCRIPT */
     #questAmpscript {
         display: none;
     }
     
     /* 1 - HEADER */
     #questHeader {
         padding: 30px 50px;
     }
     #questHeader img {
         display:block;
         width: 200px;
     }
     
     /* 2 - FOOTER */
     #questHeadline {
         background: linear-gradient(220.68deg,#35792a 0,#034c1f 100%);
         padding: 50px;
     }
     #questHeadline h1 {
         margin: 0px;
         font-size: 40px;
         line-height: 45px;
         color: #ffffff;
     }
     
     /* 3 - PREFERENCES */
     #questPreferences {
         padding: 50px 50px 0px 50px;
     }
 #questPreferences2 {
         padding: 0px 50px 50px 50px;
     }
     .questPreferencesIntro {
         margin: 0px 0px 30px 0px;
     }
     .questPreferencesIntro *:last-child {
         margin-bottom: 0px;
     }
     .questPreferencesOption {
         margin: 0px 0px 30px 0px;
         background: #f7f7f9;
         padding: 30px;
         position:relative;
     }
     .questPreferencesOption:last-of-type {
         margin: 0px;
     }
     .questPreferencesOption input {
        top: 27px;
         position: absolute;
          width: 27px;
    height: 27px;
    left: 26px;
     }
     .questPreferencesOption input[type="checkbox"] + label {
         font-size: 20px;
         line-height: 25px;
         font-weight: 700;
         position: relative;
         cursor: pointer;
         left: 50px;
         display:block;
         width: calc(100% - 50px);
         width: -webkit-calc(100% - 50px);
         width: -moz-calc(100% - 50px);
     }
     .questPreferencesOption input[type="checkbox"] + label:before {
         content: '';
         position: absolute;
         width: 25px;
         height: 25px;
         background-color: #ffffff;
         left: -50px;
         border: 1px solid #232325;
         background-image: url('https://image.e.questdiagnostics.com/lib/fe3611737164047c751177/m/1/034ad418-9a89-4efb-a499-aea69169ddcc.png');
         background-position: center center;
         background-size: 15px auto;
         background-repeat: no-repeat;
     }
     .questPreferencesOption input[type="checkbox"]:checked + label:before {
         background-color: #35792a;
         border: 1px solid #35792a;
     }
     .questPreferencesOption p {
         padding: 15px 0px 0px 50px;
         margin: 0px;
     }
     
     /* 4 - CTA */
     #questCTA {
         position: fixed;
         bottom: 0;
         width: 100%;
         padding: 30px 50px;
         background: #f7f7f9;
         z-index: 700;
     }
     #questCTA input {
         border: none;
         background: #286d27;
         border-radius: 10px;
         display: block;
         margin: 0px auto;
         padding: 20px 30px;
         font-size: 20px;
         line-height: 1;
         font-weight: 700;
         color: #ffffff;
         width: 100%;
         max-width: 600px;
         cursor: pointer;
         transition: 1s;
     }
     #questCTA input:hover {
         background: #80276c;
     }
     #questCTA input:disabled {
        background: #EFEFF4; 
         color: #B5B5B7;
         cursor: default;
     }
     
     /* 5 - FOOTER */
     #questFooter {
         background: linear-gradient(220.68deg,#35792a 0,#034c1f 100%);
         padding: 50px;
         margin-bottom: 120px;
     }
     .questFooterBranding {
         padding: 0px 0px 25px 0px;
         display: flex;
     }
     .questFooterLogo {
         flex: 1;
     }
     .questFooterSocial {
         flex: 1;
         text-align: right;
         padding-top: 22px;
     }
     .questFooterSocial img {
         display: inline-block;
         margin: 0px 10px;
         height: 20px;
         width: auto;
     }
     .questFooterSocial a:first-child img {
         margin: 0px 10px 0px 0px;
     }
     .questFooterSocial a:last-child img {
         margin: 0px 0px 0px 10px;
     }
     .questFooterLogo img {
         display:block;
         width: 200px;
     }
     .questFooterLinks {
         border-top: #c4d42e dashed 1px;
         padding: 25px 0px 25px 0px;
     }
     .questFooterLinks a {
         font-size: 14px; 
         line-height: 24px;
         color: #ffffff;
         display: inline-block; 
         padding: 0px 20px 0px 0px;
         position: relative;
         text-decoration: underline;
     }
     .questFooterLinks a:hover {
         text-decoration: none;
     }
     .questFooterLinks a:after {
         content: '•';
         position: absolute;
         right: 5px;
     }
     .questFooterLinks a:first-child {
         padding-left: 0px !important;
     }
     .questFooterLinks a:last-child {
         padding-right: 0px !important;
     }
     .questFooterLinks a:last-child:after {
         content: '' !important;
         position: absolute;
         right: 0px;
     }
     .questFooterDisclaimer p {
         margin: 0px;
         color: #ffffff;
         font-size: 14px;
         line-height: 24px;
     }
     
     /* 6 - MODAL */
     #questModal {
         display: none;
         width: 100%;
         height: 100%;
         position: fixed;
         bottom: 0;
         background: rgba(20,20,20,.95);
         z-index: 900;
         cursor: default;
         padding: 0px 20px;
     }
     .questModalBox {
         margin: auto;
         max-height: 200px;
         width: 100%;
         max-width: 600px;
         position: relative;
         cursor: default;
         z-index: 7000;
     }
     .questModalInterior {
         width: 100%;
         height: 100%;
         background: #ffffff;
         padding: 30px;
         z-index: 800;
         overflow-y: scroll;
         overflow-x: hidden;
         max-height: 300px;
     }
     .questModalClose {
         position: absolute;
         width: 40px;
         top: -20px;
         right: -10px;
         z-index: 999;
         cursor: pointer;
         background: #35792a;
         padding: 10px;
         transition: .5s;
     }
     .questModalClose:hover {
         transform: scale(110%);
     }
     .questModalClose img {
         display: block;
         width: 100%;
         height: auto;
     }
     .questModalInterior p:last-child {
         margin: 0px;
     }
   
/* LAPTOP ------------------------------------------------------*/  
  @media only screen and (max-width: 1199px) {

  }
  
/* TABLET ------------------------------------------------------*/  
  @media only screen and (max-width: 799px) {
      /* 1 - HEADER */
      #questHeader {
         padding: 30px 30px;
     }
      /* 2 - HEADLINE */
      #questHeadline {
          padding: 40px 30px;
      }
      
      /* 3 - PREFERENCES */
     #questPreferences {
         padding: 40px 30px;
     }
      
      /* 4 - CTA */
     #questCTA {
         padding: 3% 30px;
     }
      
      /* 5 - FOOTER */
     #questFooter {
         padding: 40px 30px;
     }
.questModalInterior{
max-height:200px;
}
  }
  
/* MOBILE ------------------------------------------------------*/  
  @media only screen and (max-width: 480px) {
      h2 {
          font-size: 16px;
          line-height: 24px;
      }
      /* 2 - HEADLINE */
      #questHeadline h1 {
          text-align: center;
          font-size: 35px;
          line-height: 40px;
      }
      
      /* 5 - FOOTER */
      .questFooterBranding {
          flex-direction: column;
      }
      .questFooterLogo img {
        margin: 0px auto;
     }
      .questFooterSocial {
          text-align: center;
          padding-top: 25px;
      }
      .questFooterLinks {
          text-align: center;
      }
      .questFooterLinks a {
          display: block;
          padding: 0px;
      }
      .questFooterLinks a:after {
          display: none;
      }
      .questFooterDisclaimer {
          text-align: center;
      }
  }