.modal-header {
    background-color: #ffffff !important;
    color:white !important;
    text-align: center;
    font-size: 30px;
}
.aramayap_btn{
    margin-top:10px;
    display:none;
}
.single-slider{
    background:url('https://hastayorumu.com/img/slider85_1.png');
}
.mobile_login_linki{
    display:none;
}
.close2 {
    background-color: #ffffff;
    color:rgb(91, 91, 91) !important;
    text-align: center;
    font-size: 30px;
}
.close2 {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #3eb6ea;
    opacity: .5
}

.close2:focus,
.close2:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

button.close2 {
    padding: 0;
    border: 0;
    -webkit-appearance: none
}
.modal-footer {
    background-color: #f9f9f9;
}

.form_title{
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
}

.form_title1{
    width: 45%;
    font-size: 24px;
    font-weight: 600;
    color: black;
}

.form_title2{
    width: 55%;
    font-size: 14px;
    color: rgb(114, 114, 114);
}

.form_title3{
    width: 90%;
    font-size: 18px;
    font-weight: 600;
    color: black;
}

.form_title4{
    width: 10%;
    font-size: 14px;
    color: rgb(114, 114, 114);
}

.login_form_modal{
    border:solid 1px #c3c3c4; 
    border-radius:10px; 
    width:800px; 
    background: url('https://hastayorumu.com/img/login_bg2.png') repeat-x;
}

.signup_form_modal{
    border:solid 1px #c3c3c4; 
    border-radius:10px; 
    width:800px; 
    background: url('img/login_bg2.png') repeat-y;
}

.smsonay_form_modal{
    border:solid 1px #c3c3c4; 
    border-radius:10px; 
    width:800px; 
    background: url('img/smsonay_bg.png') repeat-y;
}

.loginform_layout{
    display: flex;
    flex-direction: row;
}

.loginform_layout1{
    width: 40%;
}

.loginform_layout11{
    width: 30%;
}

.loginform_layout2{
    width: 60%;
}

.loginform_layout22{
    width: 70%;
}

.loginform_layout3{
    width: 100%;
}

.form_uyari{
    color: rgb(219, 6, 6);
}
.form_uyari2{
    color: rgb(72, 197, 5);
}
.error {
    color: rgb(219, 6, 6);
    background-color: rgb(255, 255, 255);
 }

 .slider_src{
    width:100%; 
    display:flex; 
    flex-direction:row;
 }

 .src_main{
	width: 465px;
	border-radius: 50px;
	height: 47px;
    border:1px solid #032c3e;
}
.src_main_city{
   width: 100px;
   border-radius: 50px;
   height: 47px;
   border:1px solid #032c3e;
   margin-left: 2px;
   margin-right: 2px;
}

.src_mainn{
   width: 685px;
   border-radius: 50px;
   height: 47px;
   border:1px solid #032c3e;
}
.src_mainn_city{
  width: 100px;
  border-radius: 50px;
  height: 47px;
  border:1px solid #032c3e;
  margin-left: 2px;
  margin-right: 2px;
}

.src_livesearch{
   width: 455px;
   padding: 5px;
   color: #000000;
}
.src_livesearch2{
  width: 100px;
  padding: 5px;
  color: #000000;
}

.src_livesearchn{
   width: 425px;
   padding: 5px;
   color: #000000;
}
.src_livesearchn2{
  width: 100px;
  padding: 5px;
  color: #000000;
}

.web_view1{
    display:flex; 
    flex-direction:row;
}

.web_view2{
    display: none;
}

.imkan{
    padding:5px; 
    padding-left:15px; 
    font-size:10px; 
    text-align:center; 
    width:25%;
}

.imkan_photo{
    width:40px;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating>input {
    display: none
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

.rating1 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating1>input {
    display: none
}

.rating1>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating1>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating1>label:hover:before,
.rating1>label:hover~label:before {
    opacity: 1 !important
}

.rating1>input:checked~label:before {
    opacity: 1
}

.rating1:hover>input:checked~label:before {
    opacity: 0.4
}

.rating2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating2>input {
    display: none
}

.rating2>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating2>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating2>label:hover:before,
.rating2>label:hover~label:before {
    opacity: 1 !important
}

.rating2>input:checked~label:before {
    opacity: 1
}

.rating2:hover>input:checked~label:before {
    opacity: 0.4
}

.rating3 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating3>input {
    display: none
}

.rating3>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating3>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating3>label:hover:before,
.rating3>label:hover~label:before {
    opacity: 1 !important
}

.rating3>input:checked~label:before {
    opacity: 1
}

.rating3:hover>input:checked~label:before {
    opacity: 0.4
}

.rating4 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating4>input {
    display: none
}

.rating4>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating4>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating4>label:hover:before,
.rating4>label:hover~label:before {
    opacity: 1 !important
}

.rating4>input:checked~label:before {
    opacity: 1
}

.rating4:hover>input:checked~label:before {
    opacity: 0.4
}

.rating5 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating5>input {
    display: none
}

.rating5>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating5>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating5>label:hover:before,
.rating5>label:hover~label:before {
    opacity: 1 !important
}

.rating5>input:checked~label:before {
    opacity: 1
}

.rating5:hover>input:checked~label:before {
    opacity: 0.4
}

.rating6 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating6>input {
    display: none
}

.rating6>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating6>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating6>label:hover:before,
.rating6>label:hover~label:before {
    opacity: 1 !important
}

.rating6>input:checked~label:before {
    opacity: 1
}

.rating6:hover>input:checked~label:before {
    opacity: 0.4
}

.rating7 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating7>input {
    display: none
}

.rating7>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating7>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating7>label:hover:before,
.rating7>label:hover~label:before {
    opacity: 1 !important
}

.rating7>input:checked~label:before {
    opacity: 1
}

.rating7:hover>input:checked~label:before {
    opacity: 0.4
}

.rating8 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating8>input {
    display: none
}

.rating8>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating8>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating8>label:hover:before,
.rating8>label:hover~label:before {
    opacity: 1 !important
}

.rating8>input:checked~label:before {
    opacity: 1
}

.rating8:hover>input:checked~label:before {
    opacity: 0.4
}

.rating9 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating9>input {
    display: none
}

.rating9>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating9>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating9>label:hover:before,
.rating9>label:hover~label:before {
    opacity: 1 !important
}

.rating9>input:checked~label:before {
    opacity: 1
}

.rating9:hover>input:checked~label:before {
    opacity: 0.4
}

.rating10 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.rating10>input {
    display: none
}

.rating10>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.rating10>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating10>label:hover:before,
.rating10>label:hover~label:before {
    opacity: 1 !important
}

.rating10>input:checked~label:before {
    opacity: 1
}

.rating10:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating1 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating1>input {
    display: none
}

.mrating1>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating1>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating1>label:hover:before,
.mrating1>label:hover~label:before {
    opacity: 1 !important
}

.mrating1>input:checked~label:before {
    opacity: 1
}

.mrating1:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating2 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating2>input {
    display: none
}

.mrating2>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating2>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating2>label:hover:before,
.mrating2>label:hover~label:before {
    opacity: 1 !important
}

.mrating2>input:checked~label:before {
    opacity: 1
}

.mrating2:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating3 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating3>input {
    display: none
}

.mrating3>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating3>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating3>label:hover:before,
.mrating3>label:hover~label:before {
    opacity: 1 !important
}

.mrating3>input:checked~label:before {
    opacity: 1
}

.mrating3:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating4 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating4>input {
    display: none
}

.mrating4>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating4>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating4>label:hover:before,
.mrating4>label:hover~label:before {
    opacity: 1 !important
}

.mrating4>input:checked~label:before {
    opacity: 1
}

.mrating4:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating5 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating5>input {
    display: none
}

.mrating5>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating5>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating5>label:hover:before,
.mrating5>label:hover~label:before {
    opacity: 1 !important
}

.mrating5>input:checked~label:before {
    opacity: 1
}

.mrating5:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating6 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating6>input {
    display: none
}

.mrating6>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating6>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating6>label:hover:before,
.mrating6>label:hover~label:before {
    opacity: 1 !important
}

.mrating6>input:checked~label:before {
    opacity: 1
}

.mrating6:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating7 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating7>input {
    display: none
}

.mrating7>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating7>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating7>label:hover:before,
.mrating7>label:hover~label:before {
    opacity: 1 !important
}

.mrating7>input:checked~label:before {
    opacity: 1
}

.mrating7:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating8 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating8>input {
    display: none
}

.mrating8>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating8>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating8>label:hover:before,
.mrating8>label:hover~label:before {
    opacity: 1 !important
}

.mrating8>input:checked~label:before {
    opacity: 1
}

.mrating8:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating9 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating9>input {
    display: none
}

.mrating9>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating9>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating9>label:hover:before,
.mrating9>label:hover~label:before {
    opacity: 1 !important
}

.mrating9>input:checked~label:before {
    opacity: 1
}

.mrating9:hover>input:checked~label:before {
    opacity: 0.4
}

.mrating10 {
    display: flex;
    flex-direction: row-reverse;
    justify-content: left
}

.mrating10>input {
    display: none
}

.mrating10>label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}

.mrating10>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.mrating10>label:hover:before,
.mrating10>label:hover~label:before {
    opacity: 1 !important
}

.mrating10>input:checked~label:before {
    opacity: 1
}

.mrating10:hover>input:checked~label:before {
    opacity: 0.4
}

@media only screen and (max-width: 767px) {
    
    .single-slider{
        background:url('https://hastayorumu.com/img/slider86_m_1.png');
    }
    .aramayap_btn{
        margin-top:10px;
        margin-bottom:10px;
        display:block;
    }

    
    .mobile_login_linki{
        display:block;
    }

    .src_main{
        width: 100%;
    }

    .src_main_city{
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    
    .src_mainn{
        width: 100%;
        border-radius: 50px;
        height: 47px;
        border:1px solid #032c3e;
    }

    .slider_src{
        width:100%; 
        display:flex; 
        flex-direction:column;
    }
    
    .src_livesearch{
        width: 100%;
    }
    .src_livesearch2{
        width: 100%;
    }
    
    .signup_form_modal{
        border:solid 1px #c3c3c4; 
        border-radius:10px; 
        width:90%; 
        background-color:white;
    }

    .login_form_modal{
        border:solid 1px #c3c3c4; 
        border-radius:10px; 
        width:90%; 
        background-color:white;
    }

    .smsonay_form_modal{
        border:solid 1px #c3c3c4; 
        border-radius:10px; 
        width:90%; 
        background-color:white;
    }

    .loginform_layout1{
        width: 1%;
    }

    .loginform_layout11{
        width: 1%;
    }

    .loginform_layout2{
        width: 99%;
    }

    .loginform_layout22{
        width: 99%;
    }

    .menu_li_mobil{
        padding-top: 50px;
    }
  
    .web_view1{
        display: none;
    }

    .web_view2{
        display:block;
    }
    
    .imkan{
        padding:1px; 
        padding-left:1px; 
        font-size:10px; 
        text-align:center; 
        width:30%;
    }

    .imkan_photo{
        width:35px;
    }
}