#modal_form{width:450px;padding:19px 20px;border:5px solid #50b5bb;background-color:#FFF;height:330px;background:#fff;position:fixed;top:45%;left:50%;margin-top:-165px;margin-left:-225px;display:none;opacity:0;z-index:999;}
#overlay{z-index:3;position:fixed;background-color:#000;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%;height:100%;top:0;left:0;cursor:pointer;display:none;}
#modal_form input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form input[type="text"].error{border:1px solid red;}
#modal_form h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin: 0;}
#modal_form .comment{color:#272727;padding-bottom:15px;font-size:14px;text-align:center;padding-top:10px;}
.exit{background:#d0d0d0;display:block !important;border-radius:50%;right:-30px;top:-20px;position:absolute;opacity:1;WIDTH:33PX;HEIGHT:33px;line-height:30px;font-size:36px;border:2px solid #3e5368;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}
.exit:after{display:block;font-size:23px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.exit:hover{background:#EAEAEA;text-decoration:none;}

#modal_form .button{display:block;background-color:#DE924F;    border: 2px solid#DE924F;
    border-radius: 20px;color:#343233;;cursor:pointer;font-size:17px;font-weight:bold;height:40px;margin:10px 0;padding:2px 16px;width:210px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;}


#modal_form .button:hover{background-color:#ffd3ab;border:1px solid #44C8F5;color:#343233;}
#modal_form .error{border:1px solid red;}


@media (max-width: 600px) {
#modal_form {
    left: 44%;
}
}



@media (max-width: 487px) {
#modal_form {
    width: 77%;
    height: 380px;
    left: 51%;
}
}

@media (max-width: 420px) {
#modal_form {
        width: 69%;
    height: 380px;
    left: 50%;
}
}





.modal-overlay {
  opacity:0;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4);
}

.modal-content {
  max-width: 860px;
  background: #fefefe;
  margin: 10% auto;
  padding: 20px;
  border: 1px solid #888;
}

.modal-header {
    position:relative;
    padding-top:30px;
}

.modal-close {
  position:absolute;
  top:-20px;
  right:0;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
  cursor:pointer;
}

.modal-close:hover {
    color: #000;
}

.modal-hidden {
    opacity:0;
}

.header__nav-overlay {
    position:fixed;
    z-index:100;
    left:0;
    right:0;
    top:0;
    bottom:0;
}

.header__nav-overlay.hidden {
    display:none;
}