.card {position: relative; font-family: 'Poppins', sans-serif; } 
.card:first-child {margin: 0 10px; padding: 0;}


.card .input-container {position: relative; margin: 0 9px 20px; font-family:'Poppins', sans-serif;}
.card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 43px; border: 0; color: #2d2d2d;}
.card .input-container input:focus ~ label {color: #2a2a2a; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container input:focus ~ .bar:before, .card .input-container input:focus ~ .bar:after {width: 50%;}
.card .input-container input:valid ~ label {color: #00392e; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}
.card .input-container label {position: absolute; top: 0;  left: 0; color: #2a2a2a; font-size: 16px; font-weight: 400; line-height: 60px; transition: 0.2s ease;}

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


.card .input-container button {width: 180px; padding: 15px; border: 0; background: #b7b7b7; color: #262626; text-transform: uppercase; font-weight: 400; font-size: 16px; border-radius: 7px; text-align: center;}


.card .input-container .btn-primary {color: #262626; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #b7b7b7;}
	
	

.card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #e2e2e2 ; width: 100%; height: 1px;}
.card .input-container .bar:before, .card .input-container .bar:after {content: ''; position: absolute; background: #cc7200; width: 0; height: 1px; transition: .2s ease;}
.card .input-container .bar:before {left: 50%;}
.card .input-container .bar:after {right: 50%;}







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


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





.nice-select {
	color: #2a2a2a!important; 
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
     border-radius: 0px !important;    border: solid 0px #e8e8e8 !important;;
     box-sizing: border-box; 
    clear: both;
    /* cursor: pointer; */
    /* display: block; */
  float: none !important;;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    height: 42px;
    line-height: 40px;
    outline: none;
    padding-left: 0px !important;  
    padding-right: 0px!important; 
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
}












/* Keyframes */
@-webkit-keyframes buttonFadeInUp {
  0% {bottom: 30px; opacity: 0;}
}
@keyframes buttonFadeInUp {
  0% {bottom: 30px; opacity: 0; }
}


@-webkit-keyframes autofill {
    to {color: #666; background: transparent;  }
}

input:-webkit-autofill { -webkit-animation-name: autofill; -webkit-animation-fill-mode: both;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color:transparent !important;}


.bg-but-09{ background-color:#00392e !important}
.form-mar-n { margin:10px 0px 10px 70px !important}
.form-mar-n input{ color:#fff !important;}
.form-mar-n textarea{ color:#fff !important;}
.form-mar-n label{ color:#fff !important;}




.subt{ cursor: pointer;}

.btn-style-map {
    position: relative;
    font-size: 16px;
    line-height: 20px;
    color: #ffffff;
    padding: 13px 35px;
    font-weight: 500;
    background-color: #222222;
    border: 2px solid #222222;
    overflow: hidden;
}




.alert{width: 85%; margin: 0px auto;margin-bottom: 20px;}