.modal {display: none; position: fixed;  z-index: 99999;  padding-top: 150px;  left: 0;  top: 0;  width: 100%;  height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.modal-content {position: relative; background-color: #292929;  margin: auto;  padding: 0;  border: 0px solid #888;  width:600px;  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;  -webkit-animation-duration: 0.4s;  animation-name: animatetop;  animation-duration: 0.4s; color:#fff;}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

.modal-header .close{ margin-top: -7px; margin-right:-15px;}
.close {color: white; float: right; font-size: 28px; font-weight: bold; opacity: 1;}
.close:hover,.close:focus {color: #000; text-decoration: none;cursor: pointer;  opacity: 1;}
.modal-header { padding: 2px 16px; background-color: #292929; color: white; border-bottom:1px solid#000;}
.modal-header .panel-title{font-weight: 600; font-size: 20px;  color: #fff; padding: 10px 7px 7px 7px;  line-height: 38px;  font-family: 'ProximaNovaA-Light' !important; letter-spacing: 0.30rem;  text-transform: uppercase;}
.modal-body {padding: 2px 16px;border-radius: 0px;}
.modal-body p{ color:#fff;font-size: 16px; line-height: 24px;  padding: 10px 0px 0px 7px; font-family: 'ProximaNovaA-Light' !important;}


.light-full-con{display:block;  padding:0px 15px 15px 3px; border: 0px; width:100% !important;}
.light-card {position: relative; border:0px !important;  font-family: 'ProximaNovaA-Light' !important;}
.light-card:first-child {margin: 0 0px; padding: 0;}
.light-card .input-container {position: relative; margin: 0 5px 12px;}
.light-card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 50px; border: 0; color: #fff; font-size: 16px; font-weight: 400;}
.light-card .input-container input:focus ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.light-card .input-container input:focus ~ .bar:before, .light-card .input-container input:focus ~ .bar:after {width: 50%;}
.light-card .input-container input:valid ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.light-card .input-container label {position: absolute; top: 0;  left: 0; color: #fff; font-size: 16px; font-weight: 400; line-height: 60px; transition: 0.2s ease;}

.light-card .input-container textarea {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 80px; border: 0; color: #fff; font-size: 20px; font-weight: 400; padding-top:12px;}
.light-card .input-container textarea:focus ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.light-card .input-container textarea:focus ~ .bar:before, .light-card .input-container textarea:focus ~ .bar:after {width: 50%;}
.light-card .input-container textarea:valid ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}


.light-card .input-container select {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 60px; border: 0; color: #fff; font-size: 16px; font-weight: 400;padding:0px; /*padding-top:37px;*/}
.light-card .input-container select:focus ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.light-card .input-container select:focus ~ .bar:before, .light-card .input-container select:focus ~ .bar:after {width: 50%;}
.light-card .input-container select:valid ~ label {color: #828282; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}




.light-card .input-container button { float:right; padding:7px 12px; border: 0; background: #d01917; color: #fff; letter-spacing: 0.20rem; font-size: 18px; font-weight:600; text-transform:uppercase; text-align: center;  cursor: pointer !important;  font-family: 'ProximaNovaA-Light' !important;}
.light-card .input-container .btn-primary {color: #ffffff;  background-color: #d01917; cursor: pointer !important;}
	
.light-card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #fff; width: 100%; height: 1px;}
.light-card .input-container .bar:before, .light-card .input-container .bar:after {content: ''; position: absolute; background: #828282; width: 0; height: 2px; transition: .2s ease;}
.light-card .input-container .bar:before {left: 50%;}
.light-card .input-container .bar:after {right: 50%;}


@media screen and (min-width:50px) and (max-width:991px) {
.modal-content {width:95%}	
}