.form-control::placeholder {
  color: #adb5bd;
  opacity: 1; /* Firefox */
}
.contact-single-cta i {
  color: #ff5e14;
  font-size: 30px;
  margin-top: 8px;

}
.contact-cta-text {
  padding-left: 15px;
  display: inline-block;
  text-align: justify;
}
.contact-cta-text h4 {
  color: #141414;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 2px;
}
.contact-cta-text span {
  color: #141414;
  font-size: 14px;
}

.contact-single-cta {
   display: flex;
}
.contact-single-cta input {
  width: 100%;
  padding: 14px 28px;
  background: #FFF;
  border: 1px solid #2E2E2E;
  color: #FFF;

}
.contact-single-cta button {
    right: 11px;
    background: #0c3f74;
    padding: 20px 20px;
    border: 1px solid #0c3f74;
    border-radius: 3px;
}
.contact-single-cta button i {
  color: #FFFFFF;
  font-size: 22px;
  transform: rotate(-6deg);
}

.contact-container label {
    font-size: 14px;
  display: block;
  letter-spacing: 0px;
  color: #adb5bd;
  text-transform: uppercase;
}

.contact-container .form-control {
  border: none;
  background: none;
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  transition: border-color .4s ease-out;
  border-radius: 0;
}

.contact-container .form-control:active{
  outline: none;
  box-shadow: none;
  border-color: #FFF;
}

.contact-container .form-control.valid {
  border-color: green;
}

.contact-container .form-control.invalid {
  border-color: red;
}

.contact-container .form-control + small {
  color: red;
  opacity: 0;
  height: 0;
  transition: opacity .4s ease-out;
}

.contact-container .form-control.invalid + small {
  opacity: 1;
  height: auto;
  margin-bottom: 20px;
  transition: opacity .4s ease-out;
}


.contact-container .squre-radius{
  border-radius: 10% !important;
}



.iletisim_form{
	width: 100%;
	float: left;

}
.sol50{
	float: left;
	width: 50%;
	padding-right: 15px;
}

.sag50{
	float: right;
	width: 50%;
	padding-left: 15px;
}

.sol25{
	float: left;
	width: 33.33%;
	padding-right: 15px;
}
.sag25{
	float: right;
	width: 33.33%;
	padding-left: 15px;
}

.full100{
	float: left;
	width: 100%;
}
.iletisim_form .sag50, .iletisim_form .sol50, .iletisim_form .full100{
	margin:5px 0;
	position: relative;

}
.iletisim_form label{
	float: left;
	width: 100%;
	margin-bottom: 5px;
	font-size: 14px;
	cursor: pointer;
	position: relative;
	top: 38px;
	transition:300ms;
  font-family: 'Roboto', sans-serif;
    padding-left:15px;
    font-size: 14px;
  height:17px;
}
.iletisim_form input{
	float: left;
	width: 100%;
	height: 50px;
	padding:0 15px;
	border:none;
	border-bottom: 1px solid #0c3f74 ;
	transition:300ms;
	background:rgba(0,0,0,0.05);
  font-family: 'Roboto', sans-serif;
    font-size: 16px;

}


.iletisim_form textarea{
	float: left;
	width: 100%;
	height:140px;
	padding:10px;
	border:none;
	/* border-bottom: 1px solid rgba(0,0,0,0.3); */
	transition:300ms;
  font-family: 'Roboto', sans-serif;
	background:rgba(0,0,0,0.05);
}
.iletisim_form input:focus{
	/* border-bottom: 1px solid rgba(0,0,0,0); */

}
.iletisim_form div span:before{
	content: "";
	width: 0%;
  left:0;
	position: absolute;
	height: 100%;
	/* border-bottom: 2px solid #1a5888; */
	transition:700ms;
}
.iletisim_form div span{
	width: 100%;
	float: left;
	/* height: 100%; */
	position: relative;
}
@media  (max-width:768px){
  .sag50,.sol50{
		width: 100%;
		padding:0;
	}
}


.title{
  color:rgba(0,0,0,0.8);
  font-size:40px;
  width: 100%;
  text-align:center;
  position:relative;
  margin-bottom:50px;

}
.title:before{
  content:"";
  position:absolute;
  bottom:-10px;
  left:50%;
  width: 100px;
  margin-left:-50px;
  background: rgba(0,0,0,0.8);
  height: 5px;
}
.error-msg{
    color:red;
}