* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}#en-alt .ev-sahipleri span
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{font-family: 'Hind', sans-serif;font-size:14px;background:#f9f9f9}
select{-webkit-appearance:none;}

.form-control{font-size: 14px}
.onsekiz-px{font-size:18px;}
.yirmidort-px{font-size:24px;}
.turkuaz{color:#16BECF}
.turuncu{color:#FAA331}
.kirmizi{color:#FF5A5F}
.eksi-bir{letter-spacing:-1px;}
.bosluk-yok{padding:0}
.temizle{clear:both;}
.gizli{display:none;}
.fl{float:left;}
.fr{float:right;}
.tac{text-align:center;}
.tar{text-align:right;}
.tal{text-align:left;}
.taj{text-align:justify;}
.btn{padding:8px 15px;border-radius:3px;cursor:pointer;display:inline-block;border:none;}

.btn-yesil { color: #ffffff; background-color: #6CD94F; border:solid 1px #59CC39;}
.btn-yesil:hover,.btn-yesil:focus,.btn-yesil:active,.btn-yesil.active { color: #ffffff;background-color: #5FBF45;border:solid 1px #59CC39; }
.btn-turkuaz { color: #ffffff; background-color: #16BECF; border:solid 1px #119CAB;}
.btn-turkuaz:hover,.btn-turkuaz:focus,.btn-turkuaz:active,.btn-turkuaz.active { color: #ffffff;background-color: #14A3B3;border:solid 1px #119CAB; }
.btn-kirmizi { color: #ffffff; background-color: #FF5A5F; border:solid 1px #DB393E;}
.btn-kirmizi:hover,.btn-kirmizi:focus,.btn-kirmizi:active,.btn-kirmizi.active { color: #ffffff;background-color: #E03137;border:solid 1px #DB393E; }

.sayfalama{text-align: center; width: 100%;margin: 15px 0}
.sayfalama a.current{font-weight:bold;display:inline-block;padding:4px 12px;color:#fff;background:#007bff;margin:0px -1px;border:solid 1px #22b5d9;}
.sayfalama a.paginate{font-weight:bold;display:inline-block;padding:4px 12px;color:#007bff;background:#f9f9f9;margin:0px -1px;border:solid 1px #eee;}
.sayfalama a.paginate:hover{background:#f0f0f0;text-decoration: none;}

input[type=text],input[type=password]{width: 100%;color:#484848;padding: 4px 12px;height:40px;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
textarea{color:#484848;padding: 4px 12px;height:100px;font-size: 12px;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
input[type=text]::-moz-placeholder {color: #999;opacity: 1;}
input[type=text]:-ms-input-placeholder {color: #999;}
input[type=text]::-webkit-input-placeholder {color: #999;}
input[type=text][disabled],input[type=text][readonly],fieldset[disabled] .input[type=text] {cursor: not-allowed;background-color: #eee;opacity: 1;}

select{height:40px !important;color:#484848;padding: 4px 12px;height:40px;font-size: 12px;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus{border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}

header{padding: 25px 0;background: #ebedec;}

.submit-btn{padding:7px 15px;border-radius:3px;cursor:pointer;display:inline-block;border:none;}
.submit-btn:hover{padding:7px 15px;border-radius:3px;cursor:pointer;display:inline-block;border:none;}
.responsive-img{height: auto;max-width: 100%;}

#map_canvas{width:100%;height:350px;}

#ust-full{top:0px;z-index:99;position:fixed;width:100%;height:44px;background: #f9f9f9;}


#ust-menu{padding:20px 0;width: 100%;background: #16BECF;}
#ust-menu .ust-menu-ic{width:1140px;margin:0 auto;}
#ust-menu .ust-menu-ic .logo{float:left;}
#ust-menu .ust-menu-ic .logo img{width:190px;}
#ust-menu .ust-menu-ic .ust-menu{float:right}
#ust-menu .ust-menu-ic .ust-menu li{float:left;padding:5px 15px 0 15px}

#ust-menu-ic{padding:15px 0;width: 100%;background:#fff;margin:0 0 30px 0;border-bottom:solid 4px #FAA331;}
#ust-menu-ic .ust-menu-ic{width:1140px;margin:0 auto;}
#ust-menu-ic .ust-menu-ic .logo{float:left;}
#ust-menu-ic .ust-menu-ic .logo img{width:190px;}
#ust-menu-ic .ust-menu-ic .ust-menu{float:right}
#ust-menu-ic .ust-menu-ic .ust-menu li{float:left;padding:5px 15px 0 15px}

.destek-hatti{line-height:24px;border-top-left-radius:6px;border-bottom-left-radius:6px;width:265px;z-index:99;position:fixed;right:-217px;top:120px;padding:10px;background:#FF5A5F;color:#fff;font-size:14px;text-align:center;}
.destek-hatti .ic-numara{font-size:20px;letter-spacing:-1px;}
.destek-hatti .ic-numara table td{padding:5px;}
.destek-hatti i{font-size:28px;margin:0px 0 0 0}


#arama-form{padding: 20px 10px;border-radius: 0;position: absolute;margin: -150px auto 0 auto;min-height: 60px;right: 0;left: 0;width: 1005px;background: rgba(0,0,0,0.4);bottom: 37%;z-index:99}
#arama-form form{max-width:905px;margin:4px auto 0 auto}
#arama-form form .bolgeler{width:200px}
#arama-form form .giris-tarihi{width:100px}
#arama-form form .cikis-tarihi{width:100px}
#arama-form form .input{width:165px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;display:inline-block;position:relative;}
#arama-form form .input input[type=text]{font-size:14px;border:none;height:33px;box-shadow:none;}

#arama-form2{padding: 20px 10px;border-radius: 0;margin: 0px auto 0 auto;min-height: 60px;width: 100%;background: #fff;}
#arama-form2 form{max-width:960px;margin:0px auto 0 auto}
#arama-form2 form .bolgeler{width:200px}
#arama-form2 form .giris-tarihi{width:100px}
#arama-form2 form .cikis-tarihi{width:100px}
#arama-form2 form .input{width:165px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;display:inline-block;position:relative;}
#arama-form2 form .input input[type=text]{font-size:12px;width:160px;border:none;height:33px;box-shadow:none;}


#icerik{margin:0 auto;}
#icerik h4{text-align:center;width:100%;padding:0px 0;font-size:32px;font-weight:normal;margin:50px 0}
#icerik .villalar{}
#icerik .villalar li{float:left;width:32%;margin:10px 5px;position:relative}
#icerik .villalar li img{width:100%;}
#icerik .villalar li a{color:#fff;font-size:14px;line-height:18px;font-weight:bold}
#icerik .villalar li .caption{background: rgba(0,0,0,0.5);width:70%;padding:8px 0;text-align:center;position:absolute;bottom:30px;left:0px;}

#icerik .populer_mekanlar{}
#icerik .populer_mekanlar li{position:relative;margin:0 2px}
#icerik .populer_mekanlar li img{}
#icerik .populer_mekanlar li.bir{float:left;width:24.5%}
#icerik .populer_mekanlar li.iki{float:left;width:49%}
#icerik .populer_mekanlar li .caption2{width:100%;padding:8px 0;text-align:center;position:absolute;bottom:80px;left:0px;}
#icerik .populer_mekanlar li a{color:#fff;font-size:28px;text-shadow:1px 1px 1px #1e2f4d}
#icerik .populer_mekanlar li a:hover img{opacity:0.7;}

#en-alt{margin:50px 0 0 0;color:#fff;}
#en-alt h4{font-size:24px;margin:20px 0 10px 0}
#en-alt a{display:block;border-radius:3px;border:solid 2px #fff;color:#fff;font-size:14px;padding:10px 15px;width:130px;margin:15px auto;}
#en-alt img{width:100%}
#en-alt .tatilciler{width:50%;float:left;text-align:center;background:#FAA331;padding:0 0 20px 0;line-height: 22px}
#en-alt .ev-sahipleri{width:50%;float:right;text-align:center;background:#FF5A5F;padding:0 0 20px 0;line-height: 22px}
#en-alt .ev-sahipleri span{display:block;width:60%;margin:0 auto;}
#en-alt .tatilciler span{display:block;width:85%;margin:0 auto;}
#en-alt .tatilciler a:hover{background:#fff;color:#FAA331}
#en-alt .ev-sahipleri a:hover{background:#fff;color:#FF5A5F}

#basinda-biz{width:100%;height:250px;background:url(../images/basinda-biz-bg.jpg) 0px -423px;padding:50px 0;text-align:center}
#basinda-biz h4{text-align:center;width:100%;padding:0px 0;font-size:32px;font-weight:normal;margin:0 0 50px 0;color:#fff}


footer{margin:35px 0 0 0;background-color: #444;width:100%;position:relative}
footer #footer-ust{background:#373633;padding:15px 0;text-align:center;color:#fff;}
footer #footer-ust a{color:#fff;display:inline-block}
footer #footer-ust .fa-stack-2x{color:#666}
footer #footer-ic{width:1200px;margin:0 auto;padding:55px 0}
footer #footer-ic .link1{width:17%;float:left;margin-right:2%}
footer #footer-ic .link1:last-child li{border:none;}
footer #footer-ic .link1 h4{color:#fff;margin:0 0 15px 0}
footer #footer-ic .link1 li{color:#fff;line-height:22px;}
footer #footer-ic .link1 li a{color:#fff;}
footer #footer-ic .link1 li a:hover{text-decoration:underline;}
footer #footer-ic .telif{width:100%;text-align:center;padding:10px 0 0 0;color:#fff;}


/* detay */

#detay-baslik{width:100%;background:#f5f5f5;padding:14px 20px;border-radius: 3px;box-shadow: 0 10px 6px -6px #ccc;margin:-5px 0 12px 0;}
#detay-baslik .sol{font-size:14px;}
#detay-baslik .sag{font-size:14px;color:#FF5A60;font-weight:bold;}


#detay-sol{float:left;width:610px;margin-right:0px;border:1px solid #eee;padding:10px;}
.tab-baslik{}
.tab-baslik li{float:left;margin-right:1px;}
.tab-baslik li a{display:block;background:#16BECF;color:#fff;padding: 14px;font-weight:bold;border-top-right-radius:4px;border-top-left-radius:4px}
.tab-baslik li a:hover,.tab-baslik li a.aktif{background:#FF5A5F}

.paylas{float:right;margin:0 20px 0 0 }
.paylas li span{width:26px}
.paylas li{display:inline-block;padding:0}
.paylas li a.fb{color:#3b5998;font-size:12px;}
.paylas li a.tw{color:#55ACEE;font-size:12px;}
.paylas li a.gp{color:#D1402E;font-size:12px;}


#detay-sol .tab-icerik{}
#detay-sol .tab-icerik > li{display:none;line-height:20px;}

#detay-sol .tab-icerik li.fotograflar{margin:0;}
#detay-sol .tab-icerik li.fotograflar #slider img{border-radius: 3px}

#detay-sol .tab-icerik li.takvim{}

#detay-sol .tab-icerik li.fiyatlar{}
#detay-sol .tab-icerik li.fiyatlar table{width:100%;font-size:13px;}
#detay-sol .tab-icerik li.fiyatlar table th{background:#faa331;color:#fff;text-align:left;padding:5px 10px;}
#detay-sol .tab-icerik li.fiyatlar table td{padding:10px;border-bottom:1px #eee solid;}
#detay-sol .tab-icerik li.fiyatlar table tr:nth-child(odd) {background: #f9f9f9;}
#detay-sol .tab-icerik li.fiyatlar table tr:nth-child(even) {background: #fff;}

#detay-sol .tab-icerik li.fiyatlar .oda_ozellikleri {margin:10px 0 0 0;}
#detay-sol .tab-icerik li.fiyatlar .oda_ozellikleri li{padding:3px 0;border-bottom :dotted 1px #eee;}

#detay-sol .tab-icerik li.aciklama{}
#detay-sol .tab-icerik li.aciklama .cizgi{height:1px;background:#eee;width:100%;margin:10px 0}
#detay-sol .tab-icerik li.aciklama .oda_ozellikleri{}
#detay-sol .tab-icerik li.aciklama h2{margin:0 0 10px 0}
#detay-sol .tab-icerik li.aciklama .oda_ozellikleri li{padding:3px 0;border-bottom :dotted 1px #eee;}

#detay-sol .tab-icerik li.harita .lok{width:60%;padding:1%;float:left;}
#detay-sol .tab-icerik li.harita .lok2{width:40%;padding:1%;float:left;background: #f9f9f9}
#detay-sol .tab-icerik li.harita .lok2 h3{margin:10px 0 0 0}

#detay-sol .tab-icerik li.ozellikler{}
#detay-sol .tab-icerik li.ozellikler .ozellik{float:left;width:170px;}
#detay-sol .tab-icerik li.ozellikler .ozellik i{color:#6CD94F;font-size:16px;margin-bottom:10px;}


#detay-sol .tab-icerik li.etkinlikler{}
#detay-sol .tab-icerik li.etkinlikler .etkinlik{margin-bottom:10px;background-color: #f5f5f5;padding:10px}
#detay-sol .tab-icerik li.etkinlikler .etkinlik .yazi img{margin:0 10px 10px 0;float:left;width:150px;height:100px;}
#detay-sol .tab-icerik li.etkinlikler .etkinlik .yazi{width:100%;text-align:justify;}

#detay-sol .tab-icerik li.yorumlar{}
#detay-sol .tab-icerik li.yorumlar ul{}
#detay-sol .tab-icerik li.yorumlar ul li{padding:10px;background:#f5f5f5;border-top:solid 1px #fff;border-bottom:1px solid #eee}

#detay-sol .tab-icerik li.yorumlar table{width:100%;margin:10px 0 0 0}
#detay-sol .tab-icerik li.yorumlar table th{text-align:left;}
#detay-sol .tab-icerik li.yorumlar table td{padding:5px 0}

#detay-sag-kapsar{float:left;width:560px;}

#detay-orta{float:left;width:260px;padding:0px 10px 0 10px;}
#detay-orta table{width:100%;border-radius: 3px;}
#detay-orta table tr:nth-child(odd) {background: #f3f3f3;}
#detay-orta table tr:nth-child(even) {background: #fff;}
#detay-orta table th{width:52%;text-align:left;padding:10px;font-weight:bold;color:#666}
#detay-orta table td{width:48%;text-align:right;padding:12px 15px;}

#detay-orta ul{}
#detay-orta ul li{padding:10px;border-bottom:1px #eee solid}
#detay-orta ul li i{font-size:16px;}

#detay-sag{float:left;width:300px;padding:0px 10px 0 10px}
#detay-sag .rezervasyon-form{background:#16BECF;border-radius: 3px;padding:20px;color:#fff;}
#detay-sag .rezervasyon-form ul{margin:25px 0 0 0}
#detay-sag .rezervasyon-form li{margin:14px 0}
#detay-sag .rezervasyon-form .fiyat{font-size:30px;font-weight:bold;}
#detay-sag .rezervasyon-form .yazi{font-weight:bold;}
#detay-sag .rezervasyon-form .input{width:235px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#detay-sag .rezervasyon-form .input input[type=text]{width:230px;border:none;height:35px;box-shadow:none;background:url(../img/takvim_ikon.png) no-repeat 205px 9px;}
#detay-sag .rezervasyon-form .select-input{width:234px;border:none;height:32px;box-shadow:none;background:#fff;}
#detay-sag .rezervasyon-form .select-input select{width:235px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;}

#detay-sag .rezervasyon-form .input i{color:#666;font-size:18px;position:absolute;top:7px;right:8px;}

#detay-sag .rezervasyon-form .toplam-fiyat{text-align:center;padding:10px;display:block;font-size:20px;font-weight:bold;width:98%;min-height:34px;border-radius: 3px;background: #faa732;
background: -moz-linear-gradient(top, #faa732 0%, #fb902c 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #faa732), color-stop(100%, #fb902c));
background: -webkit-linear-gradient(top, #faa732 0%, #fb902c 100%);
background: -o-linear-gradient(top, #faa732 0%, #fb902c 100%);
background: -ms-linear-gradient(top, #faa732 0%, #fb902c 100%);
background: linear-gradient(to bottom, #faa732 0%, #fb902c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa732', endColorstr='#fb902c', GradientType=0 );border: none;}

#detay-sag .rezervasyon-form .yazi a.buton{width:235px;border-radius: 3px;height:40px;text-align:center;font-weight:normal;}

#detay-sag .rezervasyon-form table{}
#detay-sag .rezervasyon-form table td{padding:5px 0} 


/* uyelik */

#gri-kutu{width:100%;}

#gri-kutu .renkli{border:none;background:linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4) repeat scroll 0 0 #c4e17f;height:5px;}


#gri-kutu .sol{ float:left;width:35%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;}
#gri-kutu .sol form{padding:30px;}
#gri-kutu .sol .sifremi-unuttum {margin:0;text-align:center;float:left;margin:20px 0 0 0;}
#gri-kutu .sol .sifremi-unuttum a{font-size:12px;}
#gri-kutu .sol .sifremi-unuttum a i{font-size:18px;}
#gri-kutu .sol a.buton{float:right;padding:8px 12px;border-radius: 3px;margin:20px 0 0 0;display:block;}


#gri-kutu .sol .input-dis{margin:0 0 10px 10px}
#gri-kutu .sol .yazi{font-weight:bold;padding:8px 0}
#gri-kutu .sol .input{width:255px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#gri-kutu .sol .input input[type=text],#gri-kutu .input input[type=password]{background-color: #fff;width:220px;border:none;height:33px;box-shadow:none;}
#gri-kutu .sol .select-input{width:254px;border:none;height:32px;box-shadow:none;background:#fff;}
#gri-kutu .sol .select-input select{width:255px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;}

/*#gri-kutu .orta{float:left;width:32%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;margin:0 24px}*/
#gri-kutu .sag{float:right;width:64%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;}

#gri-kutu .sag form{padding:30px;}
#gri-kutu .sag .sifremi-unuttum {margin:0;text-align:center;float:left;margin:20px 0 0 0;}
#gri-kutu .sag .sifremi-unuttum a{font-size:12px;}
#gri-kutu .sag .sifremi-unuttum a i{font-size:18px;}
#gri-kutu .sag a.buton{float:right;padding:8px 12px;border-radius: 3px;margin:20px 0 0 0;display:block;}

#gri-kutu .sag .input-dis{float:left;margin:0 0 10px 10px}
#gri-kutu .sag .yazi{font-weight:bold;padding:8px 0}
#gri-kutu .sag .input{width:255px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#gri-kutu .sag .input input[type=text],#gri-kutu .input input[type=password]{background-color: #fff;width:220px;border:none;height:33px;box-shadow:none;}
#gri-kutu .sag .select-input{width:254px;border:none;height:32px;box-shadow:none;background:#fff;}
#gri-kutu .sag .select-input select{width:255px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;}

/* liste */

#gri-kutu{width:100%;}

#gri-kutu .liste-sol{float:left;width:20%;}
#gri-kutu .liste-sol ul{}
#gri-kutu .liste-sol ul li{padding:0px 15px;line-height:24px}
#gri-kutu .liste-sol h3{padding:10px;background-color: #f5f5f5;margin:10px 0;border:solid 1px #eee}


#gri-kutu .liste-sag{float:right;width:78%;}
#gri-kutu .liste-sag .liste h3{color:#ff5a5f;font-size: 14px}
#gri-kutu .liste-sag .sonuc-sayi{float:left;font-size:14px;padding:20px 0}
#gri-kutu .liste-sag .siralama{float:right;padding:0px 0}
#gri-kutu .liste-sag .liste{margin:10px 0;border:solid 1px #eee;padding:15px 10px;border-radius: 3px;background-color: #fff;-webkit-box-shadow:-1px 1px 17px 9px #eee inset; -moz-box-shadow:-1px 1px 17px 9px #eee inset; box-shadow:-1px 1px 17px 9px #eee inset;}
#gri-kutu .liste-sag .liste:hover .resim img{opacity:0.8}
#gri-kutu .liste-sag .liste:hover .img{opacity:0.8}
#gri-kutu .liste-sag .liste:hover .bilgi .fiyat a{color:#484848;}
#gri-kutu .liste-sag .liste .resim{float:left;width:170px}
#gri-kutu .liste-sag .liste .resim img{opacity: 1;border-radius: 3px;width:100%}
#gri-kutu .liste-sag .liste .bilgi{float:left;padding:0px 15px;width:675px;}
#gri-kutu .liste-sag .liste .bilgi h1{margin:0 0 10px 0}
#gri-kutu .liste-sag .liste .bilgi ul.bilgiler-1{margin:10px 0 0 0px;float:left;padding:5px}
#gri-kutu .liste-sag .liste .bilgi ul.bilgiler-1 li{float:left;margin:5px;color:#16becf;}

#gri-kutu .liste-sag .liste .bilgi .yorum{float:left;padding:10px;background:#6CD94F;color:#fff;margin:35px 0 0 22px;border-radius: 3px}
#gri-kutu .liste-sag .liste .bilgi .fiyat{float:right;padding:10px;color:#FF5A5F;margin:0px 0 0 25px;font-size:28px;}
#gri-kutu .liste-sag .liste .bilgi .fiyat a{color:#16BECF;font-size:14px;display:block;margin:15px 0 0 0;text-align:center;}

#gri-kutu .kutu{float: left;width: 33%;position: relative;border:solid 2px #fff;margin-right: 3px;height:280px;}
#gri-kutu .kutu .ust-serit{z-index:99;background: #16BECF;position: absolute;padding: 12px 10px;width:100%;}
#gri-kutu .kutu .fiyat{font-weight:bold;position: absolute;right: 10px;top: 10px;color: #fff;padding: 10px 15px;border-radius: 3px;background: #ff5a5f;}
#gri-kutu .kutu .ust-serit .baslik{color:#fff;font-weight: bold;font-size:14px;margin-bottom: 3px}
#gri-kutu .kutu .ust-serit .lokasyon{color:#fff;}
#gri-kutu .kutu img{margin-top: 50px;opacity: 1;}
#gri-kutu .kutu img:hover{opacity: 0.8;}
#gri-kutu .kutu a{display:block;}
#gri-kutu .kutu .opak{bottom:2px;width:100%;position: absolute;background:rgba(2,41,82,0.6) ;padding: 10px 15px;color:#fff;}
#gri-kutu .kutu .etiket{font-weight:bold;text-align:center;background:rgba(2,41,82,0.6) ;top:53px;width:100%;position: absolute;padding:10px 15px;color:#fff;}

/* bana özel */

#gri-kutu{width:100%;}

#gri-kutu .bana-ozel-sol{float:left;width:23%;}
#gri-kutu .bana-ozel-sol h1{margin:0 0 15px 0}
#gri-kutu .bana-ozel-sol ul{}
#gri-kutu .bana-ozel-sol ul li{}
#gri-kutu .bana-ozel-sol ul li a{display:block;padding:15px 10px;background: #f9f9f9;color:#666;font-weight:bold;border-bottom:1px #eee solid;border-top:1px #fff solid;}
#gri-kutu .bana-ozel-sol ul li a:hover{background: #16BECF;color:#f9f9f9;font-weight:bold}

#gri-kutu .bana-ozel-sol ul li ul{}
#gri-kutu .bana-ozel-sol ul li ul li{}
#gri-kutu .bana-ozel-sol ul li ul li a{display:block;padding:15px 30px;background: #f9f9f9;color:#16BECF;font-weight:normal;border-bottom:1px #eee solid;border-top:1px #fff solid;}

#gri-kutu .bana-ozel-sag{float:right;width:75%;}
#gri-kutu .bana-ozel-sag .input-dis{margin:0 0 10px 10px}
#gri-kutu .bana-ozel-sag .yazi{font-weight:bold;padding:5px 0}
#gri-kutu .bana-ozel-sag .input{width:255px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#gri-kutu .bana-ozel-sag .input input[type=text],#gri-kutu .input input[type=password]{background-color: #fff;width:220px;border:none;height:33px;box-shadow:none;}
#gri-kutu .bana-ozel-sag .select-input{width:254px;border:none;height:32px;box-shadow:none;background:#fff;}
#gri-kutu .bana-ozel-sag .select-input select{width:255px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;}
#gri-kutu .bana-ozel-sag h1{margin:0 0 15px 0}
#gri-kutu .bana-ozel-sag h3{margin:0 0 15px 0;font-size: 14px;color:#FF5A5F}

#gri-kutu .bana-ozel-sag table{margin:0 0 15px 0;font-size: 12px;width:100%;}
#gri-kutu .bana-ozel-sag table td{padding: 6px;text-align:left;color:#585858;border:1px solid #eee;vertical-align:middle;}
#gri-kutu .bana-ozel-sag table th{padding: 6px;text-align:left;vertical-align:middle;color:#585858;width:195px;background: #f9f9f9;border:1px solid #eee;}
#gri-kutu .bana-ozel-sag table tr:nth-child(odd) {background: #f9f9f9;}
#gri-kutu .bana-ozel-sag table tr:nth-child(even) {background: #fff;}
#gri-kutu .bana-ozel-sag table tr:hover{background: #edfbfc;}

#gri-kutu .bana-ozel-sag .ilan-baslik{font-size:14px;margin:0 0 10px 0;font-weight:bold}
#gri-kutu .bana-ozel-sag .ilan-baslik span{color:#FAA331}
#gri-kutu .bana-ozel-sag .ilan-resim{width:175px;border:solid 1px #eee;border-radius:3px;padding:3px}

#gri-kutu .bana-ozel-sag .sol-taraf{float:left;width:50%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;}
#gri-kutu .bana-ozel-sag .sol-taraf a.buton{float:right;padding:8px 12px;border-radius: 3px;margin:20px 0 0 0;display:block;}

#gri-kutu .bana-ozel-sag .sag-taraf{float:left;width:50%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;}
#gri-kutu .bana-ozel-sag .sag-taraf a.buton{float:right;padding:8px 12px;border-radius: 3px;margin:20px 0 0 0;display:block;}

/* rezervasyon */

/* uyelik */

#gri-kutu{width:100%;}

#gri-kutu .renkli{border:none;background:linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4) repeat scroll 0 0 #c4e17f;height:5px;}
#gri-kutu .yuzdeyuz{width:100%;padding:20px;border:solid 1px #eee;background: #f9f9f9;border-radius: 3px;}

#gri-kutu .yuzdeyuz form{padding:30px;}
#gri-kutu .yuzdeyuz .sifremi-unuttum {margin:0;text-align:center;float:left;margin:20px 0 0 0;}
#gri-kutu .yuzdeyuz .sifremi-unuttum a{font-size:12px;}
#gri-kutu .yuzdeyuz .sifremi-unuttum a i{font-size:18px;}
#gri-kutu .yuzdeyuz a.buton{float:right;padding:8px 12px;border-radius: 3px;margin:20px 0 0 0;display:block;}

#gri-kutu .yuzdeyuz .input-dis{margin:0 0 10px 10px}
#gri-kutu .yuzdeyuz .yazi{font-weight:bold;padding:8px 0}
#gri-kutu .yuzdeyuz .input{width:255px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#gri-kutu .yuzdeyuz .input input[type=text],#gri-kutu .input input[type=password]{background-color: #fff;width:220px;border:none;height:33px;box-shadow:none;}
#gri-kutu .yuzdeyuz .select-input{width:254px;border:none;height:32px;box-shadow:none;background:#fff;}
#gri-kutu .yuzdeyuz .select-input select{width:255px;height:37px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;}

#gri-kutu .yuzdeyuz .rezervasyon-detay{margin:20px 0 0 0}
#gri-kutu .yuzdeyuz .rezervasyon-detay h2{margin:0 0 0 10px;font-size:18px}
#gri-kutu .yuzdeyuz .rezervasyon-detay li{float:left;}
#gri-kutu .yuzdeyuz .rezervasyon-detay li img{border-radius: 3px;padding:5px;}
#gri-kutu .yuzdeyuz .rez-tablo{margin:20px 0 0 0}
#gri-kutu .yuzdeyuz .rez-tablo th{text-align:left;padding:5px 10px}
#gri-kutu .yuzdeyuz .rez-tablo td{text-align:left;padding:5px 10px}
#gri-kutu .yuzdeyuz .fiyatlar{margin:20px 0 0 10px;width:220px}
#gri-kutu .yuzdeyuz .ek_not{}
#gri-kutu .yuzdeyuz .ek_not li{}
#gri-kutu .yuzdeyuz .ek_not li textarea{width:450px;height:150px}

#gri-kutu .yuzdeyuz .fiyatlar li{font-size:18px;font-weight:bold;float:none;padding:5px 0}

/* sayfa */

.liste-sol ul.sayfa-liste{padding-top: 35px}
.liste-sol ul.sayfa-liste li{padding:0}
.liste-sol ul.sayfa-liste li a{display:block;padding:12px 10px;font-weight:bold;border-bottom:1px dotted #ddd;color:#484848}
.liste-sol ul.sayfa-liste li a:hover,#gri-kutu .liste-sol ul.sayfa-liste li a.hover{text-decoration: none;background:#FF5A5F;color:#fff}

#gri-kutu .liste-sag h1{margin:0 0 15px 0}
#gri-kutu .liste-sag .yazi{line-height:22px;}

/* iletisim */
#gri-kutu .sol {width:33%}
#gri-kutu .sol form{padding:0}
#gri-kutu .sol .input-dis{margin:0 0 10px 10px}
#gri-kutu .sol .yazi{font-weight:bold;padding:8px 0}
#gri-kutu .sol .input{width:255px;height:35px;border-radius: 3px;background-color: #fff;border: 1px solid #ccc;position:relative;}
#gri-kutu .sol .input input[type=text],#gri-kutu .input input[type=password]{background-color: #fff;width:220px;border:none;height:33px;box-shadow:none;}

.share-villa a{font-size: 24px;color: #6a6a6a}
.share-villa a:hover{text-decoration: none;}

.listing-banner{
    width: 100%;
    height: 300px;
    background: url('../img/1558697651442984.jpg') center center;
    background-size: cover;
    margin-bottom: 50px;
    position:relative;
}

.listing-banner .text1{
    text-align: center;
    padding: 50px 16px 0px 16px;
    font-weight: bold;
    color: #fff;
    display: block;
    font-size: 36px;
    text-shadow: 1px 1x #000;
    text-shadow: 1px 1px #3c3c3c;
}

.listing-banner .text2{
    text-align: center;
    padding: 0px 16px;
    font-weight: bold;
    color: #fff;
    display: block;
    font-size: 22px;
    text-shadow: 1px 1x #000;
    text-shadow: 1px 1px #3c3c3c;
}

    #mobile-filters{
        display: none;
    }
#slogan{position: absolute;top: 40%;width: 100%;z-index: 99;color: #fff;}    
#breadcrumb-mobile{display: none;}
.detail-spacing{margin: 3rem 0 !important}

@media screen and (max-width: 768px) {

    .slider-nav{display: none !important;}
    #mobile-buttons{display: block !important;}
    #breadcrumb-desktop{display: none;}
    #breadcrumb-mobile{display: block !important;}
    header{padding: 14px 0;}
    .detail-spacing{margin: .5rem 0 !important}

    .listing-banner{
        width: 100%;
        height: 180px;
        background: url(https://storage.kucukoteller.com.tr/2019/05/24/1558697651442984.jpg) center center;
        background-size: cover;
        margin-bottom: 20px;
        position:relative;
    }

    .listing-banner .text1{
        text-align: center;
        padding: 50px 16px 0px 16px;
        font-weight: bold;
        color: #fff;
        display: block;
        font-size: 36px;
        text-shadow: 1px 1x #000;
        text-shadow: 1px 1px #3c3c3c;
    }

    .listing-banner .text2{
        text-align: center;
        padding: 0px 16px;
        font-weight: bold;
        color: #fff;
        display: block;
        font-size: 22px;
        text-shadow: 1px 1x #000;
        text-shadow: 1px 1px #3c3c3c;
    }
    .filters{
        display: none;
    }
    #mobile-filters{
        display: block;
    }

    .villa-box .owl-nav .owl-next span{top: -175px !important;}
    .villa-box .owl-nav .owl-prev span{top: -175px !important;}


}

@media screen and (max-width: 1024px) {
    #slogan{display: none !important;}
}