.explorer-overlay{background:url(../images/explorer-mask.png);position:fixed;height:100%;width:100%;top:0;left:0;z-index:1000030;font-family:"proxima-nova",Arial,Helvetica,"Nimbus Sans L",sans-serif}

.explorer-overlay {
  display:flex;
}
.explorer-overlay   .box {
  background:white;
  border-radius:10px;
  margin:auto;
  position:relative;
  top:0;
  left:0;
  height:unset !important;
  max-width:600px;
  color: #333;
  -moz-box-shadow: 0 0 25px #000;
  -webkit-box-shadow: 0 0 25px #000;
  box-shadow: 0 0 25px #000;  
}
.explorer-overlay   .box h2, .hidden {
  display:none;
}
#explorer-signup {
  position:static;
  display:none;
  border-radius:10px;
}
#explorer-signup.active {
  display:block;
} 
.explorer-overlay   .box .text {
  text-align:center;
  line-height: 130%;
  padding: 20px 35px;
  font-size: 0.85714em;  
}
.explorer-overlay   h1 {
  background-color:#363636;
  background-repeat:no-repeat;
  background-position:center center;
  width: 86%;
  position: relative;
  padding: 15px 0 15px 110px;
  color: #FFF;
  font-size: 26px;
  font-weight: normal;
  margin: 45px auto 0px auto;
}
.explorer-overlay  .photo {
  width: 100px;
  height: 100px;
  display: block;
  background-image: url(//cdn.optimizely.com/img/201252808/1d431d6305f14eefa456827cfda27031.png);
  background-repeat: no-repeat;
  border-radius: 100%;
  background-size: 120%;
  background-position: -5px 0px;
  position: absolute;
  left: -11px;
  top: -20px;
}
.explorer-overlay  .text {
  color:#000;
  padding-top:40px;
}
.explorer-overlay   .disclaimer {
  color:#363636;
  font-size:12px;
  width:80%;
  margin:0 auto;
  padding:15px 0;
}
.explorer-overlay   .fields-wrapper {
  width:80%;
  text-align:left;
  margin:0 auto;
}
.explorer-overlay   label {
  display:block;
  color:green;
  font-size:14px;
}
.explorer-overlay   .email,   .explorer-overlay .zipcode {
  border: 1px solid #7a7a7a !important;
  color:#000;
  padding:5px;
  width:100%;
  margin-bottom:15px;
  font-size:14px;
  height:35px;
  max-width:none !important;
}
.explorer-overlay   .email-signup-form input.email {
  max-width:none !important;
}
.explorer-overlay .email:focus,   .explorer-overlay .zipcode:focus {
  border:1px solid green !important;
  color:#000;
}
.explorer-overlay   #ACTION_SUBMIT_SURVEY_RESPONSE {
  font-weight: 600;
  font-size: 1.1em;
  display:block;
  background:green;
  padding:10px 40px;
  margin:0 auto;
  width:auto;
  height:auto;
  width:auto;
  border: none;
  border-radius: 6px;
  -moz-box-shadow: 0 2px 5px #999;
  -webkit-box-shadow: 0 2px 5px #999;
  box-shadow: 0 2px 5px #999;  
}
.explorer-overlay   .email-messaging div {
  position:relative !important;
  padding:0;
  top:0 !important;
  left:0 !important;
  height:auto;
  padding:40px;
}
.explorer-overlay a.explorer-close {
    text-indent: 0;
    color: #fff;
    background: transparent;
    top: -28px;
}

.explorer-overlay a.explorer-close, .explorer-overlay a.explorer-close:link, .explorer-overlay a.explorer-close:visited {
  background:transparent;
  text-indent:0;
  color:#fff;
  position: absolute;
  top:-28px;
  right: -13px;
  width: 26px;
  height: 24px;
  overflow: hidden;
  font-size: 18px;
  opacity: 1;
  font-weight:normal;
}
.explorer-overlay   a.explorer-close:hover {
  text-decoration:none;
}

.explorer-overlay   a.inline-close, .explorer-overlay   a.inline-close:link {
  color: #D54400;
}
.explorer-overlay   a.inline-close:visited {
  color: #b53400;
}
.explorer-overlay .email-signup-success {
  color: #3c763d;
}

.email-signup-working, .email-signup-error, .email-signup-success {
  background-color: transparent;
  font-size: 1.14286em;bottom: 20px;text-align: center;
}
.email-signup-working {
    color: #31708f;  
}
.email-messaging div {
  height: auto;
  padding: 40px;
}
.explorer-overlay .email-signup-error {
  background-color: #f08200 !important;
  color: #FFF !important;
  margin: 8px 15px;
}

.explorer-overlay .popup-question  {
  font-size:0.94286em;
  padding:40px 20px;
  text-align:center;
}
.explorer-overlay .popup-question .logo {
  width:100px;
  height:100px;
  background-image:url(//cdn.optimizely.com/img/201252808/1d431d6305f14eefa456827cfda27031.png);
  background-color:#363636;
  background-repeat: no-repeat;
  background-position:center center;
  border-radius: 100%;
  background-size: 120%;
  background-position: -5px 0px;
  float:left;
}
.explorer-overlay .popup-question span {
  color:green;
}
.explorer-overlay .popup-question  .modal-buttons {
  display:flex;
  justify-content:space-around;
  margin:0 auto;
  text-align:center;
}
.explorer-overlay .popup-question  input {
  background:#fff;
  color:green;
  border:2px solid green;
  border-radius:5px;
  padding:10px 30px;
}
.explorer-overlay .popup-question  .explorer-yes {
  color:#fff;
  background:green;
}

@media (min-width: 60em) {
  .explorer-overlay .box {
    width: 600px;
  }
  
  .explorer-overlay .popup-question  {
    font-size:1.14286em
  }
  
  .explorer-overlay   .box .text {
    font-size: 1.14286em;  
  }
}


@media screen and (max-width:959px) {
  .explorer-overlay .box {
    width:90%;
  }
  .explorer-overlay .popup-question {
    padding:20px 20px;
  }
}

@media screen and (max-width:645px) {
  .explorer-overlay  h1 {
        padding:10px;
        margin-top:100px;
        background-size:60%;
        font-size:17px;
        text-align:center;
      }
  .explorer-overlay    .photo {
        top:-115px;
        left:calc(50% - 50px);
      }
  .explorer-overlay  .text {
      padding-top:10px;
    }
}

/* IE11 */
.ie11 {
  height:200px !important;
  min-width:300px;
}