
.fw{ width:80%; margin:0px auto; position:relative; background-color:#fff; margin-top:15px;}
.card {position: relative; border:0px !important; background-color:#fff;}
.card:first-child {margin: 0 0px; padding: 0;}
.card .input-container {position: relative; margin: 0 5px 12px;}
.card .input-container input {outline: none; z-index: 1; position: relative; background: none; width: 100%; height: 44px; border: 0; color: #6d6e71; font-size: 16px; font-weight: 400;}
.card .input-container input:focus ~ label {color: #d01917; -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: #d01917; -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: #6d6e71; 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%; height: 80px; border: 0; color: #fff; font-size: 20px; font-weight: 400; padding-top:12px;}
.card .input-container textarea:focus ~ label {color: #d01917; -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: #d01917; -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: #fff; font-size: 16px; font-weight: 400; /*padding-top:37px;*/}
.card .input-container select:focus ~ label {color: #d01917; -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: #d01917; -webkit-transform: translate(-12%, -50%) scale(0.75); transform: translate(-12%, -50%) scale(0.75);}




.card .input-container button { padding:7px 12px; border: 0; background: #005993; color: #fff; font-size: 16px; text-align: center;  cursor: pointer !important;}
.card .input-container .btn-primary {color: #ffffff;  background-color: #005993; cursor: pointer !important;}
	
.card .input-container .bar { position: absolute; left: 0; bottom: 0; background: #6d6e71; width: 100%; height: 1px;}
.card .input-container .bar:before, .card .input-container .bar:after {content: ''; position: absolute; background: #d01917; width: 0; height: 2px; transition: .2s ease;}
.card .input-container .bar:before {left: 50%;}
.card .input-container .bar:after {right: 50%;}



select option {background: #fff; border:1px solid#fff;}
select.decorated option:hover {box-shadow: 0 0 10px 100px #011d3d inset;background-color:#fff;}










.pure-css-select-style {width: 100%; overflow: hidden;}
.pure-css-select-style select { width: 100%; padding-right: 38px; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none;  outline: none; cursor: pointer;
  -moz-appearance: none;  text-indent: 0.01px;  text-overflow: ellipsis;}
.pure-css-select-style select::-ms-expand {display: none;}
.pure-css-select-style optgroup { color: inherit;  font: inherit;}

.theme-rounded {
  border: 2px solid #e9eaea;
  border-radius: 50px;
  /* <svg xmlns="http://www.w3.org/2000/svg" width="18" height="22" viewBox="0 0 18 22"><path d="M9 17L2.07 5L15.93 5z" stroke-width="2" stroke="#2980b9" fill="transparent"/></svg> */
  background: #e9eaea  url(../images/arr.png) right 14px center no-repeat;
}
.theme-rounded select {
  padding: 12px 38px 12px 16px; font-size:17px;
  font-family: 'ProximaNova-Regular' !important; 
  color: #d84644;
}

