.field-icon {
	float: right;
	margin-left: -15px;
	margin-right: 10px;
	margin-top: -25px; 
	position: relative;
	z-index: 2;
}
.hr-text {
	line-height: 1em;
	position: relative;
	outline: 0;
	border: 0;
	color: black;
	text-align: center;
	height: 1.5em;
	opacity: 0.5;
}
.hr-text:before {
	  content: '';
	  background: linear-gradient(to right, transparent, #1f1e1d, transparent);
	  position: absolute;
	  left: 0;
	  top: 50%;
	  width: 100%;
	  height: 1px;
	}
.hr-text:after {
	  content: attr(data-content);
	  position: relative;
	  display: inline-block;
	  color: black;
  
	  padding: 0 .5em;
	  line-height: 1.5em;
	  color: #818078;
	  background-color: #fcfcfa;
	}
  
@media (min-width: 768px) {
  .modal .modal-giris{
      width: 375px;
   }
}
.modal .row{
	display:flex;
}
@media only screen and (max-width: 992px) {
.modal	.row{
	display:block;
}
}
.modal .uyelik-uyeol{
	margin-left:15px;
}
.modal .uyelik-side{
	/* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	/* Bunun için css oluştur yada başka bir css in içine taşı*/

    margin-bottom: 0;
	background-color: #5D3EBD;
}
@media only screen and (max-width: 992px) {
.modal .uyelik-uyeol{
	margin-left:0;
}
.modal .uyelik-side{
	  /* Internet Explorer 10 */
display:-ms-flexbox;
-ms-flex-pack:center;
-ms-flex-align:center;

/* Firefox */
display:-moz-box;
-moz-box-pack:center;
-moz-box-align:center;

/* Safari, Opera, and Chrome */
display:-webkit-box;
-webkit-box-pack:center;
-webkit-box-align:center;

/* W3C */
display:box;
box-pack:center;
box-align:center;
	/* Bunun için css oluştur yada başka bir css in içine taşı*/
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 0;
	background-color: #5D3EBD;

}
}
.modal .btn-modal-fb{
	width:100%;
	margin:2% 0 !important;
	color: #fff;
    background-color: #3b5998;
    border-color: #2e6da4;
}
.modal .btn-modal-fb:hover{
	color: #fff;
    background-color: #687fb1;
    border-color: #2e6da4;
}
.modal .btn-modal-apple{
	width:100%;
	margin:2% 0 !important;
	color: #fff;
    background-color: #40555e;
    border-color: #a4aec3;
}
.modal .btn-modal-apple:hover{
	color: #fff;
    background-color: #546b75;
    border-color: #a4aec3;
}
.modal .btn-modal-phone{
	width:100%;
	margin:2% 0 !important;
	color: #fff;
    background-color: #07759e;
    border-color: #a4aec3;
}
.modal .btn-modal-phone:hover{
	color: #fff;
    background-color: #1794c3;
    border-color: #a4aec3;
}
.modal .btn-modal-google{
	width:100%;
	margin:2% 0 !important;
	color: #fff;
    background-color: #ea4335;
    border-color: #ab1d11;
}
.modal .btn-modal-google:hover{
	color: #fff;
    background-color: #f5786e;
    border-color: #ab1d11;
}
.modal .modal-content-ek{
	border:none;
	border-radius:0;
	box-shadow: 1px 0 20px rgba(0,0,0,.08);
}