.coupon-container {
     color: #000;
     width: 800px; 
     max-width: 100%;
     min-height: 400px;
     margin: 40px auto;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     padding: 15px;
     text-align: center;
     -webkit-box-shadow: 0px 0px 10px 10px rgba(31,53,94,0.4);
-moz-box-shadow: 0px 0px 10px 10px rgba(31,53,94,0.4);
box-shadow: 0px 0px 10px 10px rgba(31,53,94,0.4);
    border-radius: 20px;
}

.abAdjustment {
 width: 100% !important;
 background: rgba(255, 255, 255, 1) !important;
}
 .coupon-container .center-zip {
     min-height: 80px;
     margin-top: 38px;
     max-width: 430px;
}

select{
background: url(https://image.e.daltile.com/lib/fe9313737562007d7d/m/2/4187c223-9907-4d32-ab4a-3cedc3ddd3d9.png) no-repeat 100% 20%; 
  
  
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    appearance: none;
    outline-width: 0;
    
    padding: 10px 10px 10px 5px;
    display: block;
    width: 10em;
    border: none;
    font-size: 1rem;
    
    border-bottom: 1px solid #757575;
  }

/* CAUTION: IE hackery ahead */
select::-ms-expand { 
    display: none; /* remove default arrow on ie10 and ie11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    } 
}

.form-fields {
     padding-left: 20px;
     padding-right: 20px;
}

.days {font-weight: 700}

 .coupon-container h1, .coupon-container h2, .coupon-container h3 {
     text-transform: uppercase;
     font-weight: 700;
}
 .coupon-container h2 {
     font-size: 30px;
     letter-spacing: 5px;
}
 .coupon-container h3 {
     font-size: 20px;
     letter-spacing: 2.5px;
}
 .coupon-container h3 + p {
     margin-top: 1em;
}
 .coupon-container h2 + p {
     font-size: 20px;
     text-align: center;
}
 .coupon-container p {
     font-size: 16px;
     word-wrap: break-word;
}
 .coupon-container .coupon-button {
     font-weight: bold;
     text-align: center;
     cursor: pointer;
     user-select: none;
     border: 1px solid #1f355e;
     font-size: 14px;
     height: 48px;
     border-radius: 5px;
     color: #1f355e;
     text-transform: uppercase;
     margin-top: 15px;
     width: auto !important;
     padding: 0 30px;
     background: white;
  -webkit-appearance: button;
}
 .coupon-container .coupon-button:hover, .coupon-container .coupon-button:focus, .coupon-container .coupon-button:active {
     background-color: #1f355e;
    border-color: #1f355e;
    color: #fff;
    transform: scale3d(1.1, 1.1, 1);
    box-shadow: 0px 0px 2px 2px rgb(31,53,94,0.3);
}

.coupon-back {
 padding-top:13px !important; 
 text-decoration: none !important;
}
 .coupon-container .form-fields {
     width: 475px;
     max-width: calc(100vw - 30px);
     text-align: left;
     margin: 30px 0;
}
 .coupon-container .form-fields .row {
     margin-left: -15px;
     margin-right: -15px;
}
 .coupon-container .form-fields div[class^="col-"] {
     margin-bottom: 1em;
}
 .coupon-container .form-fields label {
     color: #000000;
    
     font-size: 14px;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     margin-bottom: 10px;
}
 .coupon-container .form-fields input[type='checkbox'] {
     margin-left: 0;
}
 /* .coupon-container .form-fields input:not([type='checkbox']):not([type='button']), .coupon-container .form-fields input:not([type='submit'].coupon-button), .coupon-container .form-fields select { 

     border: 1px solid #979797;
     background-color: #F6F6F6;
     height: 34px;
     padding: 0 10px !important;
     width: 100% !important;
     display: block;
     width: 100%;
     height: 42px;
     padding: 10px 12px;
     font-size: 16px;
     line-height: 1.428571429;
     color: #555555;
     border-radius: 0;
}
*/
 .coupon-container .form-fields .btn {
     font-weight: 400;
     white-space: nowrap;
     line-height: 42px;
     border-radius: 0;
     background-color: #aa0000;
     border: transparent;
     padding: 0px 20px !important;
     color: white;
}
 .coupon-container .form-fields .terms-link {
     color: #747474;
     cursor: pointer;
     font-size: .85em;
     text-transform: uppercase;
     text-decoration: none;
     font-family: Geometria-Bold, Helvetica, Arial, serif;
     font-size: 12px;
     letter-spacing: 1.5px;
}
 .coupon-container .stores {
     width: 475px;
     max-width: calc(100vw - 30px);
     text-align: left;
     margin: 30px 0;
}
 .coupon-container .stores .store-info {
     margin-bottom: 1em;
     margin-top: 1em;
     text-align: left;
}
 .coupon-container .stores .store-info .store-name {
     font-family: "Geometria", Quicksand, Helvetica, Arial, serif;
     text-transform: uppercase;
     font-weight: 700;
     font-size: 16px;
}
 .coupon-container .coupon-success {
     width: 100%;
     text-align: left;
}
 .coupon-container .coupon-success > .row {
     display: flex;
}
 .coupon-container .coupon-success .location-heading {
     font-family: Geometria-Bold, Quicksand, Helvetica, Arial, serif;
     font-size: 20px;
     margin-bottom: 1em;
}
 .coupon-container .coupon-success .daltile-red {
     color: #aa0000;
}
 .coupon-container .coupon-success .day {
     font-family: Geometria-Bold, Quicksand, Helvetica, Arial, serif;
     font-weight: 700;
}
 .coupon-container .coupon-success .information-block {
     display: flex;
     margin-bottom: 1em;
     margin-top: 1em;
}
 .coupon-container .coupon-success .information-block .business-hours {
     flex: 1;
     display: flex;
}
 .coupon-container .coupon-success .information-block .business-hours .days {
     font-weight: 700;
     margin-right: 1em;
     text-align: right;
     min-width: 60px;
}
 .coupon-container .coupon-success .information-block .business-hours .hours {
     min-width: 130px;
}
 .coupon-container .coupon-success img {
     margin-right: 10px;
     height: 15px;
}
 .coupon-container .coupon-success iframe {
     width: 100%;
     height: 50vh;
}
 header {
     background: rgba(0, 0, 0, .8) !important;
}
 #wrapper {
     overflow: auto;
     margin-top: -20px;
     display: flex;
     flex-direction: column;
     height: 100vh; 
}
 #wrapper::-webkit-scrollbar {
  display: none;
}
 main {
     flex: 1 0 auto;
     width: 100%;
     margin-top: 100px !important;
}
 .coupon-container {
     background: #FFF;
     margin-bottom: 2em;
}
 .coupon-container .form-fields {
     max-width: calc(100vw - 60px);
}
 .coupon-container p {
     max-width: 100%;
}
 a[title="Coupon Background"] img {
     margin: 0px;
     position: fixed;
     width: auto;
     height: 100vh;
     top: 0;
     left: 0;
     bottom: 0;
     z-index: -10000;
     min-width: 100vw;
     max-width: none !important;
}
 footer {
     background: rgba(0, 0, 0, .8);
}

 header:before {
     border-top: none;
}
 .minimal-header {
     height: 75px;
}
 .minimal-header img {
     transform: scale(0.6);
}
 .minimal-header .component-content {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
}
 .minimal-footer .copyright-text {
     margin-top: 0;
}
 .minimal-footer.copyright-footer {
     background: none !important;
}

.header {
     text-transform: uppercase;
     letter-spacing: 6px;
     padding-top: 30px;
     /* font-family: 'Geometria'; */
     font-size: 30px;
     padding-bottom: 20px;

}

@media(max-width:992px){
      main {
     margin-bottom: 60px !important;
}


}

 @media screen and (max-width: 768px), screen and (max-height: 768px) {
     .coupon-container {
         margin: 0px auto;
    }
     .coupon-container .coupon-success .row {
         flex-direction: column;
    }

          main {
     margin-bottom: 60px !important;
     }

      #wrapper {

     margin-top: -20px;}
}

 @media (max-width: 500px) {

     .coupon-container p {
         font-size: 14px;
    }
     .coupon-container .stores .store-info {
         text-align: center;
         margin-bottom: 2em;
    }

          main {
     margin-bottom: 60px !important;
}
}

@media only screen and (max-width : 480px) {
    #recaptcha_challenge_image{
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    #recaptcha_response_field
    {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable #recaptcha_image {
    margin: 0 !important;
    width: 100% !important;
    height: auto !important;
    }
    .recaptchatable .recaptcha_r1_c1, 
    .recaptchatable .recaptcha_r3_c1, 
    .recaptchatable .recaptcha_r3_c2, 
    .recaptchatable .recaptcha_r7_c1, 
    .recaptchatable .recaptcha_r8_c1, 
    .recaptchatable .recaptcha_r3_c3, 
    .recaptchatable .recaptcha_r2_c1, 
    .recaptchatable .recaptcha_r4_c1, 
    .recaptchatable .recaptcha_r4_c2, 
    .recaptchatable .recaptcha_r4_c4, 
    .recaptchatable .recaptcha_image_cell {

    margin: 0 !important;
    width: 100% !important;
    background: none !important;
    height: auto !important;
    }

}