#modal {
    display:none;
    z-index:103;
    position:fixed;
    top:0; left:0;
    width:100%; height:110%;
}
#modal-mask {
    position:fixed;
    z-index:-1;
    top:0; left:0;
    width:100%; height:100%;
    background-color:#384D52;
    background-color:rgba(56, 77, 82, 0.9);    
}
#modal-table {
    vertical-align:middle;
    text-align:center;
    height:100%;
    width:100%;
}
#modal-inner {
    display:inline-block;
    background-color:#F8F8F8;
    width:600px; max-width:100%;
    box-sizing: border-box;
    padding:2.5%;
    box-shadow: 5px 5px 5px 1px #384D52;
}
#modal-close {
    display:none;
    text-align:right;
}
#modal-close-btn {
    cursor:pointer;
    display:inline-block;
    padding:2%;
}
#modal-title {    font-size:37px; color:#384D52; }
#modal-subtitle { font-size:36px; color:#A9B8B8; }

@media all and (max-width: 710px) { #modal-close { display:block; }}
@media all and (max-width: 600px) { #modal-inner { width:100%;    }}

.select-container {
  position:relative;
}
.select-container::before {
  pointer-events: none;
  content:"";
  position:absolute;
  bottom:22px; right:6%;
  margin: auto;
  width:0; height:0;

  border-width:10px 10px 0px 10px;
  border-style:solid;
  border-color:transparent;
  border-top-color:#FF520D;
}

/* http://lesscssismore.com/gydk9d */
input[type='text'] {
  padding: 0 3%;
  line-height: 55px;
}
textarea {
  padding: 18.5px 3%;
}
input[type='text']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}
input[type='text']:-moz-placeholder,
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  opacity: 1;
}
input[type='text']::-moz-placeholder,
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  opacity: 1;
}
input[type='text']:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
}
input[type='text'].placeholder,
textarea.placeholder {
  color: #999999;
}
input[type='text'],
textarea,
select {
  margin-top: 4%;
  width: 100%;
  color: #384e53;
  font-size: 18px;
  font-weight: 100;
  font-family: "GothamRnd";
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.8);
  outline: none;
  border: 1px solid #384e53;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type='text'] {
  height: 55px;
}
select {
  height: 55px;
  padding: 0 0 0 3%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  color: #999999;
}
select::-ms-expand {
  display: none;
}
option {
  color: #384e53;
}