.btn {
  font-size: 3vmin;
  padding: 0.75em 1.5em;
  background-color: #cfc32a;
  color: #fff;
  text-decoration: none;
  display: inline;
  cursor: pointer;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn:hover {
  background-color: #ddd;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.btn-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-box {
  display: none;
  position: fixed;
  z-index: 10000;
  width: 98%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  max-width:320px;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
.modal-box input{
  border:1px solid #ecedee;
  background:#f2f2f2;
  display:block;
  padding:10px 10px;
  width:100%;
  margin-bottom:5px;
}
.modal-box h3{ padding-bottom: 0; }
.modal-box input[type="submit"]{
  max-width:100px;
  width:100%;
  float: left;
  background:#1a274c;
  font-size:14px;
  color:#fff;
  text-transform:uppercase;
  cursor: pointer;
}



@media (max-width: 32em) {
.modal-box { width: 70%; max-width:500px; }
}

.modal-box .req-header,
.modal-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-box .req-header h3,
.modal-box .req-header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }

.modal-box .modal-body { padding: 1em 1.5em; }
.modal-body{position:relative; display: table; width: 100%;}
.modal-box .req-footer,
.modal-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}

.modal-overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8) !important;
}
.ita{
      font-size: 12px;
    display: block;
    color: #999;  
    font-style: italic;
    margin-bottom:10px;
}
a.close {
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
  cursor: pointer;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}
 
.success_req{ 
					display: none; 
					color: #000; 
					font-size:14px;
					background-color: #f2f2f2;
					position:absolute;
					padding:30px 0;
					width:100%;
					height:100%;
					left:0;
					top:0;
					text-align:center;
}	
.input{
	position:relative;	
}
.error_req{ 
          display: none; 
          padding:3px 5px;
          margin:0 0 0px 0;
          color: #fff;
          background:rgba(0, 0, 0, 0.5); 
          font-size:12px;
          position:absolute;
          top:-20px;
          border-radius:3px;
          left:0px;
}
.error_req:after{ 
          content:"";
          position:absolute;
          height: 0;
          bottom:-7px;
          border-style: solid;
          border-width: 7px 7px 0 7px;
          border-color: #7f7f7f transparent transparent transparent;
          left:10px;
}