@import url('reset.css');
@import url('hava.css');
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
::-webkit-input-placeholder { color:#000; }
:-moz-placeholder {color:#000; opacity:1; }
::-moz-placeholder { color:#000; opacity:1; }
:-ms-input-placeholder { color:#000; }

body{ background:#B28540; font-family: 'Open Sans', sans-serif; color:#000; }
input,textarea{font-family: 'Open Sans', sans-serif; color:#000;}
a{text-decoration:none; color:#000;}
.o1{display:table; width:100%; height:100%;}
.o1>.o2{display:table-cell; vertical-align:middle;}

.logo_alti_bak{position:absolute; top:70px; left:0px; width:100%;}
.logo_alti_bak img{float:left; width:100%;}
#slide{ position:fixed; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.slide{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.slide_galeri{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.giris{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:999; }
.giris .inroyu_gec{position:absolute; bottom:10px; right:0px; background:#fff; font-size:14px; line-height:20px; padding:5px 10px; color:#000; font-family: 'Open Sans', sans-serif;}

.map{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.map iframe{float:left; width:100%; height:100%;}
.genel{ position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.genel .logo{ position:absolute; top:0px; left:0px;  z-index:2330;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.ikon_menu{ position:absolute; top:155px; left:10px; width:146px;}
.ikon_menu li{float:left; position:relative; list-style:none; width:63px; height:63px; background:#B28540; margin-right:10px; margin-bottom:10px;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;	
}
.ikon_menu li:hover{background:#B28540;}
.ikon_menu li .icon{position:absolute; top:0px; left:0px; width:100%; height:100%; background-position:center; background-repeat:no-repeat;}
.ikon_menu li .aciklama{position:absolute; top:4px; left:72px; height:53px; line-height:53px; font-size:15px; background:url(../img/yeni_menu_bg_si_2.png) repeat-x top left;  z-index:9;
	white-space:nowrap; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; text-overflow:ellipsis;
}
.ikon_menu li .aciklama:after{position:absolute; content:''; top:0px; left:-20px;height:53px; width:20px;  background:url(../img/yeni_menu_bg_si_1.png) no-repeat top left; }
.ikon_menu li .aciklama:before{position:absolute; content:''; top:0px; right:-9px; height:53px; width:9px;  background:url(../img/yeni_menu_bg_si_3.png) no-repeat top left; }

.ikon_menu li .aciklama{
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: perspective(1200px) rotateY(90deg);
	transform: perspective(1200px) rotateY(90deg);	
	visibility:hidden;
}
.ikon_menu li:hover .aciklama{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotateY(0deg);
	transform: perspective(1200px) rotateY(0deg);
}
.menu_tip_2{position:absolute;top:145px; left:10px; width:135px;
	-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;	
}
.menu_tip_2 .menu_btn{ float:left; position:relative; width:100%; height:35px; padding-left: 35px; background: #B28540; line-height: 35px; color: #fff; font-size: 28px;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_2 .menu_btn:after{content:''; position:absolute; top:0px; left:0px; height:35px; width:35px; background:url(../img/menu_btn.png) no-repeat center;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_2:hover .menu_btn{background:#fff; color: #B28540;}
.menu_tip_2:hover .menu_btn:after{ background:url(../img/menu_btn_kapat.png) no-repeat center; }
.menu_tip_2:hover{width:200px;}


.menu_tip_2 ul{float:left; width:200px; background:#fff; padding:5px 10px;
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: perspective(1200px) rotatex(-90deg);
	transform: perspective(1200px) rotatex(-90deg);	
	visibility:hidden;
}
.menu_tip_2 ul li{float:left; position:relative; width:180px; border-bottom:#B28540 solid 1px; line-height:24px; height:25px;}
.menu_tip_2 ul li a{position:relative; z-index:4;}  
.menu_tip_2 ul li:after{content:''; position:absolute; top:-1px; left:-10px; height:26px; width:0px; background:#B28540; z-index:3;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_2 ul li:hover:after{
	width: 100%;
    right: -10px;
    padding-left: 20px;
}
.menu_tip_2 ul li:hover a{color:#fff; float:left; width:100%;}
 
.menu_tip_2 ul li:last-child{border-bottom:0;}
.menu_tip_2:hover ul{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotatex(0deg);
	transform: perspective(1200px) rotatex(0deg);
}
.menu_tip_3{position:absolute; top:0px; left:0px; background:#FEFEFE; width:100%; height:35px;}
.menu_tip_3 ul{float:left; padding-left:200px;}
.menu_tip_3 ul li{float:left; padding:0px 6px; line-height:35px; position:relative; z-index:3;}
.menu_tip_3 ul li a{color:#58595B;}
.menu_tip_3 ul li.aktif a{color:#fff;}
.menu_tip_3 ul .menu_border{position:absolute; background:#B28540; top:0px; left:0px; width:0px; height:35px; z-index:2;}

.menu_tip_4{position:absolute; width:162px; background:#fff; left:20px; top:0px; }
.menu_tip_4 ul{float:left; position:relative; width: 100%; margin-top: 160px; text-align: center; padding:0px 5px; padding-bottom:5px;}
.menu_tip_4 ul li{float:left; position:relative; width:100%; line-height:24px; border-bottom:#B28540 solid 1px;}
.menu_tip_4 ul li:last-child{border-bottom:0;}
.menu_tip_4 ul li a{position:relative; float:left; width:100%; z-index:4;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_4 ul li:hover a{color:#fff;}
.menu_tip_4 ul li:after{content:''; position:absolute; right:50%; background:#B28540; top:-1px; height:26px; width:0px;  z-index:3; 
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_4 ul li:hover:after{width:50%; padding-right:5px;}
.menu_tip_4 ul li:before{content:''; position:absolute; left:50%; background:#B28540; top:-1px; height:26px; width:0px; z-index:3;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.menu_tip_4 ul li:hover:before{width:50%; padding-left:5px;}


.footer{}
.footer .left{float:left;}
.footer .right{ position: absolute; right: 0px; height: 100%; }
.footer .wax{float:right; width:25px; height:25px; background:#B28540; margin-top:5px; margin-right:5px; text-align:center;}
.footer .sosyal_medya{float:right; }
.footer .sosyal_medya li{float:left; width:25px; height:25px; background:#326699; margin-right:5px; margin-top:5px; list-style:none; line-height:25px; text-align:center; font-size:16px;}
.footer .sosyal_medya li a{color:#fff;}
.footer .sosyal_medya li.sosyal_facebook{background:#3A5A98;}
.footer .sosyal_medya li.sosyal_youtube{background:#CD332C;}
.footer .sosyal_medya li.sosyal_instagram{background:#326699;}
.footer .sosyal_medya li.sosyal_twitter{background:#44CCF6;}

.footer .bant{ position:absolute; left:10px; right:10px; bottom:10px; height:35px; background:#fff;}

.footer .bant .icerik_fotolar{float:right; height:100%; }
.footer .bant .icerik_fotolar li{float:left; list-style:none; height:100%;  border:solid 3px  #fff; }
.footer .bant .icerik_fotolar li.aktif{ border:solid 3px #B28540; }
.footer .bant .icerik_fotolar li img{float:left; height:100%;}


.footer .multimedia{float:right; margin-top:5px; margin-right:5px; position:relative; z-index:10;}
.footer .multimedia .buton{float:left; background:#B28540; height:25px; padding:0px 5px; cursor:pointer; }
.footer .multimedia .buton .icon{float:left; width:25px; height:25px; background-position:center; background-repeat:no-repeat;
	background-image:url(../img/alt_menu_acik.png);
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.footer .multimedia:hover .buton .icon{background-image:url(../img/alt_menu_kapali.png);}

.footer .multimedia .buton .baslik{float:left; line-height:25px; color:#fff; font-size:14px; padding-left:5px; }
.footer .multimedia .menu_multimedia{position:absolute; bottom:10px; right:2px; width:230px; padding-bottom:26px;
	margin-bottom: 30px;
	visibility: hidden;
	opacity: 0;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in
}
.footer .multimedia:hover .menu_multimedia{
	visibility: visible;
    opacity: 1;
    margin-bottom: 0px;
}
.footer .multimedia .menu_multimedia li{float:left; position:relative; width:100%; clear:both; list-style:none; margin-bottom:4px;}
.footer .multimedia .menu_multimedia li::after{position:absolute; content:''; top:0px; left:0px; width:0px; height:100%; background:#B28540;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	

}
.footer .multimedia .menu_multimedia li:hover::after{width:100%;}



.footer .multimedia .menu_multimedia li .icon{float:left; width:25px; height:25px; background:#B28540; margin-right:5px; position:relative; z-index:3;
	background-position:center; background-repeat:no-repeat; 
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.footer .multimedia .menu_multimedia li:hover .icon{background-color:#B28540;}

.footer .multimedia .menu_multimedia li .baslik{float:left; line-height:25px; position:relative; z-index:3; color:#B28540; font-size:15px;}
.footer .multimedia .menu_multimedia li:hover .baslik{color:#fff;}

.footer .multimedia .menu_multimedia .ic_1{float:left; width:100%; background:#fff; padding:1px;}
.footer .multimedia .menu_multimedia .ic_2{float:left; width:100%; padding:5px; border:solid 1px #B28540; padding-left:8px;}
.footer .multimedia .menu_multimedia .alt{position:absolute; bottom:5px; right:-4px; width:27px; height:26px; background:url(../img/multimedia_alt.png) no-repeat center;}
.footer .ana_menu{float:left; position:relative;  margin-left:0px;}
.footer .ana_menu>li{float:left; position:relative; list-style:none; font-size:14px; padding:0px 10px; height:35px; line-height:35px; z-index:3;}
.footer .ana_menu>li.aktif>a{color:#fff;}
.footer .ana_menu>li ul{position:absolute; bottom:100%; left:0px; display:none;}
.footer .ana_menu>li:hover ul{display:block;}
.footer .ana_menu>li ul li{ float:left; width:100%; line-height:30px; font-size:14px; background:#fff; padding:0px 10px;
	white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis;}
.footer .ana_menu>li ul li:hover{background:#B28540;}
.footer .ana_menu>li ul li:hover a{color:#fff;}

.footer .ana_menu .menu_border{position:absolute; background:#B28540; height:25px; left:0px; top:5px; z-index:2;}

.footer .ana_menu>li::after{position:absolute; content:''; right:0px; top:10px; height:15px; width:1px; background:#B28540; }
.footer .ana_menu>li a{color:#B28540;}

.footer .ana_menu>li:last-child::after{display:none;}

.footer .alt_logo{position:absolute; left:10px; bottom:10px; width:65px; height:65px; background:url(../img/alt_logo_bg.png) no-repeat center; text-align:center;}




.footer .ana_menu li.logolar_dis .logolar{position:absolute; bottom:35px; left:0px; width:220px; border: solid 1px #fff; padding:2px; margin-bottom:0;}
.footer .ana_menu li.logolar_dis .logolar div.logo_alt{float:left; width:100%; height:70px; background: rgba(255,255,255,0.8); margin-bottom:2px;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;	
}
.footer .ana_menu li.logolar_dis .logolar div.logo_alt:hover{ background: rgba(255,255,255,1); }
.footer .ana_menu li.logolar_dis .logolar div.logo_alt span.logo_alt{float:left; width:100%; height:100%;
	background-position:center; background-repeat:no-repeat; background-size:auto 68%;}
.footer .ana_menu li.logolar_dis .logolar{
	visibility: hidden;
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: perspective(1200px) rotateX(-90deg);
	transform: perspective(1200px) rotateX(90deg);	
}
.footer .ana_menu li.logolar_dis:hover .logolar{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotateX(0deg);
	transform: perspective(1200px) rotateX(0deg);
}



.top{ position:absolute; top:35px; right:0px; z-index:5; width:100%; background:#fff;}
.top:before{content:''; position:absolute; left:200px; right:100px; top:0px; height:1px; background:#AC9F83;}

.top .ust_menu{ float:right; }
.top .ust_menu li{ float:left; position:relative; width:125px; height:35px; text-align:center; line-height:35px; font-size:14px; list-style:none; }
.top .ust_menu li a{ color:#fff; float:left; width:100%; height:100%;}
.top .ust_menu li a[url="languages"],.top .ust_menu li a[url="reservation"]{  padding-right:20px; }
.top .ust_menu li a[url="languages"]::after,.top .ust_menu li a[url="reservation"]::after{position:absolute; content:''; top:0px; right:0px; height:35px; width:35px; background: url(../img/kapat.png) no-repeat center; }
.top .ust_menu li:hover a::after{background: url(../img/kapat_h.png) no-repeat center;}
.top .ust_menu li.aktif a::after{background: url(../img/yukari_kapat_h.png) no-repeat center;}
.top .ust_menu li>ul{position:absolute; margin-top: 33px; width:100%;}
.top .ust_menu li>ul>li{float:left; clear:both; width:100%; background:#404041;}

.top .ust_menu li[url="reservation"]{ width: 300px; }
/*
.genel.menu_tipi_3 .top .ust_menu li[url="languages"]{ position: absolute; top: 35px; right: 0px; }
.genel.menu_tipi_3 .top .ust_menu li[url="reservation"]{  position: absolute; top: 35px; right: 125px;}
*/
.top .ust_menu .rezervasyon_ust{position:absolute; margin-top: 33px; width:100%; padding:0px 5px; padding-bottom:5px; background:#fff; }

.top .ust_menu .rezervasyon_ust .btn1,.top .ust_menu .rezervasyon_ust .btn2{float:left; height:30px; line-height:30px; cursor:pointer; width:100%; text-align:center; color:#fff; background:#B28540;}
.top .ust_menu .rezervasyon_ust .btn1:hover,.top .ust_menu .rezervasyon_ust .btn1.aktif,
.top .ust_menu .rezervasyon_ust .btn2:hover,.top .ust_menu .rezervasyon_ust .btn2.aktif
{background:#fff; color:#B28540; border:solid 1px #B28540;}

.top .ust_menu .rezervasyon_ust .btn2{float:right;}

.top .ust_menu .rezervasyon_ust .box{float:left; width:100%; margin-top:10px;}
.top .ust_menu .rezervasyon_ust .box .box_2{display:none;}
.top .ust_menu .rezervasyon_ust .box .ors-widget{float:left; width:100%;}

.rezervasyon_ust .kapat{position:absolute; bottom:-36px; left:50%; margin-left:-18px; width:36px; height:36px; 
	background:#fff url(../img/kapat_x.png) no-repeat center; cursor:pointer; }
.rezervasyon_ust .kapat:hover{ background:#B28540 url(../img/kapat_x_h.png) no-repeat center;}

.nice-select:after{    border-bottom: 2px solid #404041;
    border-right: 2px solid #404041;}

.top .ust_menu>li:hover,.top .ust_menu>li.aktif{background:#fff !important; }
.top .ust_menu>li:hover>a,.top .ust_menu>li.aktif>a{color:#B28540;}


.top .ust_menu li ul li:hover{background:#fff !important; }
.top .ust_menu li ul li:hover a{color:#B28540;}

.top .ust_menu li>ul,.top .ust_menu .rezervasyon_ust{
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: perspective(1200px) rotateX(-90deg);
	transform: perspective(1200px) rotateX(-90deg);	
	visibility:hidden;
}


.top .ust_menu>li:hover>ul,.top .ust_menu .rezervasyon_ust.open{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotateX(0deg);
	transform: perspective(1200px) rotateX(0deg);
}

#slidenokta{position:absolute; bottom:45px; left:0px; width:100%; text-align:center;}
#slidenokta .slidenokta{ display:inline-block; }
#slidenokta a{float:left; width:15px; height:15px; background:#fff; margin-right:4px;}
#slidenokta a:hover,#slidenokta a.aktif{border:solid 3px #B28540; }

.top .hava_durumu{float:right; background:#fff; width:80px; height:35px; text-align:center;}
.top .hava_durumu i{float:left; font-family: weather; font-size: 30px; color:#FAAF40; font-weight: normal; font-style: normal; line-height: 35px; margin-right:2px;}
.top .hava_durumu .havaderece{float:left; font-size: 20px; line-height:35px; color:#B28540;}

.ikon_menu_baslik{position:absolute; min-width:150px; height:39px; background:url(../img/bilgi_kutu_2.png) repeat-x; z-index:5; color:#B28540; font-size:14px; display:none;}
.ikon_menu_baslik::after{position:absolute; content:''; top:0px; right:-11px; width:11px; height:39px; background:url(../img/bilgi_kutu_3.png) no-repeat;}
.ikon_menu_baslik::before{position:absolute; content:''; top:0px; left:-11px; width:26px; height:55px; background:url(../img/bilgi_kutu_1.png) no-repeat;}
.ikon_menu_baslik span{position:relative; z-index:6; float:left; margin-top: 4px; height: 30px; line-height: 30px;}

.genel .icerik.download{position:absolute; bottom:50px; right:0px; width:100%; background:#fff;}
.genel .icerik.download iframe{float:left; width:100%; height:100%; padding:10px 0px; padding-top:50px;}


.genel .icerik.yazi{position:absolute; bottom:50px; right:10px; width:400px; }
.genel .icerik.yazi .yazi_baslik{float:left; width:100%; background:#B28540; color:#fff; font-size:14px; padding:0px 10px; padding-right:0; height:35px; line-height:35px; }
.genel .icerik.yazi .yazi_baslik .kapat{float:right; width:35px; height:35px; background:url(../img/kapat.png) no-repeat center;}
.genel .icerik.yazi .yazi_baslik .kapat:hover{ background:#fff url(../img/kapat_h.png) no-repeat center;}

.genel .icerik.yazi .yazi_baslik .geri{float:right; width:35px; height:35px; background:url(../img/geri_h.png) no-repeat center;}
.genel .icerik.yazi .yazi_baslik .geri:hover{ background:#fff url(../img/geri.png) no-repeat center;}

.genel .icerik.yazi .yazi_baslik .kapat.kapali{ background:url(../img/kapat_kapali.png) no-repeat center; }
.genel .icerik.yazi .yazi_baslik .kapat.kapali:hover{background:#fff url(../img/kapat_kapali_h.png) no-repeat center;}

.genel .icerik.yazi .scroll{float:left; width:100%; background:#fff;  padding:10px; padding-right:0px;}

.genel .icerik.yazi .icerik_fotolar{float:left; width:100%; background:#fff;  padding:10px; display:none;}
.genel .icerik.yazi .icerik_fotolar li{float:left; list-style:none; margin-right:5px; margin-bottom:5px;}

.genel .icerik.yazi,.genel .icerik.kategori_1,.genel .icerik.download{
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: perspective(1200px) rotateX(-90deg);
	transform: perspective(1200px) rotateX(90deg);	
}
.genel .icerik.yazi.open,.genel .icerik.kategori_1.open,.genel .icerik.download.open{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotateX(0deg);
	transform: perspective(1200px) rotateX(0deg);
}

.genel .icerik.kategori_2 .yazi_baslik{float:right; clear:both; width:100%; height:26px; line-height:26px; color:#B28540; background:#fff; text-align:center; font-weight:bold; margin-bottom:5px;}

.genel .icerik.kategori_1{ position:absolute; bottom:50px; right:10px; }
.genel .icerik.kategori_1 .alt_kutular{float:right; clear:both;}
.genel .icerik.kategori_1 .alt_kutular #owl{float:left;  }
.genel .icerik.kategori_1 .alt_kutular .owl{float:left;  }
.genel .icerik.kategori_1 .alt_kutular .item{float:left; padding-left:5px; width:100%; position:relative; }

.genel .icerik.kategori_1 .alt_kutular .item .img{float:left; width:100%; border:solid 2px #fff;
-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}
.genel .icerik.kategori_1 .alt_kutular .item .img img{float:left; width:100%; }
.genel .icerik.kategori_1 .alt_kutular .item .item_baslik{position:absolute; bottom:2px; left:7px; right:2px; height:35px; background:rgba(255,255,255,0.6); color:#B28540; text-align:center; font-size:14px;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}

 

.genel .icerik.kategori_1 .alt_kutular .item:hover .img{border:solid 2px #B28540;}
.genel .icerik.kategori_1 .alt_kutular .item:hover .item_baslik{background:rgba(178,133,64,0.6); color:#fff;}

.genel .icerik.kategori_1 .alt_kutular .geri,
.genel .icerik.kategori_1 .alt_kutular .ileri{float:left; margin-left:5px; width:25px; height:100%; cursor:pointer; height:50px;
	background-color:#fff; background-position:center; background-repeat:no-repeat;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}
.genel .icerik.kategori_1 .alt_kutular .geri{background-image:url(../img/geri.png); margin-left:0;}
.genel .icerik.kategori_1 .alt_kutular .geri:hover{background-image:url(../img/geri_h.png); background-color:#101636;}
.genel .icerik.kategori_1 .alt_kutular .ileri{background-image:url(../img/ileri.png);}
.genel .icerik.kategori_1 .alt_kutular .ileri:hover{background-image:url(../img/ileri_h.png); background-color:#101636;}


.genel #icerik .icerik .mCSB_container{margin-right: 15px; }
.genel #icerik .icerik .mCSB_container.mCS_no_scrollbar{margin-right: 10px; }
.genel #icerik .icerik .mCustomScrollBox>.mCSB_scrollTools{width:8px;}
.genel #icerik .icerik .mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#B28540;}
.genel #icerik .icerik .mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{border:solid 1px #B28540; background:transparent;}

.iletisim{margin-top:15px;}
.iletisim input,.iletisim textarea{float:left; width:100%; padding:0px 5px; height:30px; line-height:30px; margin-top:5px; border:solid 1px #F1F1F2; font-size:12px;}
.iletisim .input{float:left; width:33.33%; padding-right:5px;}
.iletisim_kutu_2 .iletisim .input.tel{padding-right:0px; float:right;}
.iletisim textarea{height:80px; resize:none;}
.iletisim input[type="submit"]{cursor:pointer; background: #B28540; border:0; width:100px; float:right; color:#fff;}
.sertifikalar2{float:left; width:100%;}
.sertifikalar2 li{float:left; list-style:none; width:33.33%; padding:5px;}
.sertifikalar2 li .resim{float:left; position:relative; overflow:hidden; width:100%; border:solid 1px #B28540; background:#fff;}
.sertifikalar2 li .resim img{float:left; width: 100%;}
.sertifikalar2 li span{float:left; width:100%; line-height:20px; height:20px; background:#B28540; color:#fff; text-align:center;}
.sertifikalar2 li .resim img {
    float: left;
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.sertifikalar2 li .resim:hover img{
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25);
}
.sertifikalar2 li .resim ._hover {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: center bottom;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.sertifikalar2 li .resim:hover ._hover{
    background: rgba(146,125,82,0.5) url(http://artsidehotel.com/dist/img/plus.png) no-repeat center bottom;
}

.ulasim_madde{float:left; width:100%; }
.ulasim_madde li{float:left; clear:both; list-style:none; padding:2px; width:100%;}
.ulasim_madde li a{ float:left;  font-size:14px; width:100%;}
.ulasim_madde li:hover{background:#B28540;}
.ulasim_madde li:hover a{color:#fff;}


#galeri_baslik{position:absolute; bottom:-35px; left:10px; right:10px; height:35px; background:#fff; text-align:center;  z-index:9;}
#galeri_baslik .galeri_baslik{display:inline-block;}
#galeri_baslik li{float:left; position:relative; list-style:none; font-size:14px; padding:0px 12px; line-height:35px; }
#galeri_baslik li a{color:#B28540;}
#galeri_baslik li:after{position:absolute; content:''; left:0px; top:10px; height:15px; width:1px; background:#B28540;}
#galeri_baslik li:first-child:after{display:none;}
#galeri_baslik li:hover,#galeri_baslik li.aktif{background:#B28540;}
#galeri_baslik li:hover a,#galeri_baslik li.aktif a{color:#fff;}
 
#galeri_liste{ position:absolute; bottom:-50px; left:10px; right:10px; background:rgba(255,255,255,0.6); text-align:center; height:40px;  z-index:8;}
#galeri_liste .galeri_liste{display:inline-block;}
#galeri_liste .galeri_liste li{float:left; list-style:none; position:relative; font-size:14px; margin:5px 0px; margin-left:5px; width:70px; height:30px; background:#fff; cursor:pointer;
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}
#galeri_liste .galeri_liste li img{float:left; width:100%; height: 100%;}
#galeri_liste .galeri_liste li.aktif{ border:solid 2px #fff;  }
#galeri_liste .galeri_liste .galeri_liste_owl{float:left;}

#galeri_liste .geri{position:absolute; top:5px; left:5px; width:30px; height:30px; background:#B28540 url(../img/galeri_geri.png) no-repeat center; cursor:pointer;}
#galeri_liste .geri:hover{background:#fff url(../img/galeri_geri_h.png) no-repeat center;}
#galeri_liste .ileri{position:absolute; top:5px; right:5px; width:30px; height:30px; background:#B28540 url(../img/galeri_ileri.png) no-repeat center;  cursor:pointer;}
#galeri_liste .ileri:hover{background:#fff url(../img/galeri_ileri_h.png) no-repeat center;}

.galeri_aciklama{position:absolute; right:-300px; top:55px; cursor:pointer; background:#B28540; height:35px; line-height:35px; padding:0px 10px; font-size:14px; color:#fff;}

.galeri_kapat{position:absolute; right:-300px; top:10px; cursor:pointer; background:#B28540; height:35px; line-height:35px; padding:0px 25px; font-size:14px; color:#fff;}
.galeri_kapat:before{position:absolute; content:''; right:-35px; top:0px; height:35px; width:35px; background:#B28540 url(../img/galeri_kapat.png) no-repeat center;}
.galeri_kapat:hover{ background:#fff; color:#B28540; }
.galeri_kapat:hover:before{background:#fff url(../img/galeri_kapat_h.png) no-repeat center;}

.galeri_geri{position:absolute; top:50%; margin-top:-15px; left:-30px; width:30px; height:30px; background:#B28540 url(../img/galeri_geri.png) no-repeat center;  cursor:pointer;}
.galeri_geri:hover{background:#fff url(../img/galeri_geri_h.png) no-repeat center;}

.galeri_ileri{position:absolute; top:50%; margin-top:-15px; right:-30px; width:30px; height:30px; background:#B28540 url(../img/galeri_ileri.png) no-repeat center;  cursor:pointer;}
.galeri_ileri:hover{background:#fff url(../img/galeri_ileri_h.png) no-repeat center;}

.mobil{display:none; position:relative; z-index:5;}

.mobil .mobil_header{float:left; width:100%; background:#fff; text-align:center;}
.mobil .mobil_header .btnlar{position:absolute; top:10px; right:10px;z-index: 500;}
.mobil .mobil_header .btnlar>li{float:left; position:relative; list-style:none; border:solid 1px #F1F1F2;     background: #B28540;
	width:30px; height:30px; line-height:30px; text-transform:uppercase; margin-left:5px;}
.mobil .mobil_header .btnlar>li.mobil_menu{background:#B28540 url(../img/mobil_menu_btn.png) no-repeat center;}	
	
	
.mobil .mobil_header .btnlar>li a{color:#fff; float:left; width:100%; height:100%;}
.mobil .mobil_header .btnlar>li>ul{position:absolute; margin-left: -1px; display:none; top:30px;}
.mobil .mobil_header .btnlar>li>ul>li{float:left; list-style:none; width:30px; height:30px; line-height:30px; text-transform:uppercase; background: #B28540; border:solid 1px #F1F1F2;}

#mobil_menu{position:absolute; top:85px; width:100%; padding:10px; background:#fff;z-index:7; display:none;}
#mobil_menu li{float:left; width:100%; list-style:none; margin-bottom:5px;}
#mobil_menu li a{float:left; width:100%; }
#mobil_menu li .icon{float:left; width:25px; height:25px; background-repeat:no-repeat; background-position:center; background-color:#B28540; background-size: auto 50%;}
#mobil_menu li .baslik{float:left; line-height:25px; margin-left:5px;}

.mobil .logo_dis{float:left; }
.mobil .logo img{ height: 70px; margin-top: 5px; margin-bottom: 5px;}
.mobil .logo{ float:left;  
	 
	-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}

.mobil .mobil_iconlar{float:left; margin-top:5px; margin-bottom:40px; width:100%;}
.mobil .mobil_iconlar li{float:left;  position:relative; list-style:none; width:33.33%; padding:5px;}
/*
.mobil .mobil_iconlar li:nth-child(3n+0){ float:right; padding-right:10px; }
.mobil .mobil_iconlar li:nth-child(3n+3){ float:right; padding-left:10px; }
*/
.mobil .mobil_iconlar li a{float:left; width:100%; background:#B28540;}

.mobil .mobil_iconlar li .icon{float:left; width:100%; height:100%; background-position:center; background-repeat:no-repeat; height:63px;}
.mobil .mobil_iconlar li .aciklama{float:left; height:40px; width:100%; line-height:20px; font-size:15px; color:#fff; font-size:12px; text-align:center;}

/*ust menu*/
.mobil .mobil_footer{position:fixed; bottom:0px; left:0px; width:100%; margin-top:10px;}
.mobil .mobil_footer li{float:left; position:relative; list-style:none; width:50%; height:35px; line-height:35px; background:#B28540;}
.mobil .mobil_footer li:nth-child(2n+0){background:#404041;}
.mobil .mobil_footer li a{ float:left; width:100%; text-align:center; color:#fff;}

.mobil .mobil_footer .rezervasyon_ust{position:absolute; bottom:35px; width:100%; padding:0px 5px; padding-bottom:5px; background:#fff; }

.mobil .mobil_footer li ul{display:none;}
.mobil .mobil_footer li a[url="languages"],.mobil .mobil_footer  li a[url="reservation"]{  padding-right:20px; }
.mobil .mobil_footer li a[url="languages"]::after,.mobil .mobil_footer  li a[url="reservation"]::after{position:absolute; content:''; top:0px; right:0px; height:35px; width:35px; background: url(../img/kapat_kapali.png) no-repeat center; }

.mobil .mobil_footer .rezervasyon_ust{
	-webkit-transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	transition: all 300ms cubic-bezier(0.7, 0, 0.185, 1) 0s;
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transform: perspective(1200px) rotateX(90deg);
	transform: perspective(1200px) rotateX(90deg);	
	visibility:hidden;
}


.mobil .mobil_footer .rezervasyon_ust.open{
	visibility: visible;
	-webkit-transform: perspective(1200px) rotateX(0deg);
	transform: perspective(1200px) rotateX(0deg);
}
/*#ust menu*/




/*mobil icerik*/
#mobilicerik{float:left; position:relative; width:100%; z-index:5; background: #fff; padding:4px; display:none; padding-bottom:40px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#mobilicerik table{max-width:100%; overflow:scroll;}
#mobilicerik .mobil_liste{float:left; width:100%;}
#mobilicerik .mobil_liste .mobil_tab{float:left; width:100%; position:relative;}

#mobilicerik .mobil_liste .mobil_tab .alt{float:left; width:100%;}

#mobilicerik .mobil_liste .mobil_tab .baslik{float:left; position:relative; width:100%; height:30px; line-height:30px; margin-bottom:4px; cursor:pointer;
   padding-right:35px;
}
#mobilicerik .mobil_liste .mobil_tab .baslik span{float:left; padding-left:4px; border:solid 1px #B28540; width:100%; height:30px; line-height:30px;}
#mobilicerik .mobil_liste .mobil_tab .baslik .ok{position:absolute; width:30px; height:30px; right:0px; top:0px; 
	background:url(../img/kapat_h.png) no-repeat center; border:solid 1px #B28540; } 
#mobilicerik .mobil_liste .mobil_tab.aktif .baslik span{background:#B28540; color:#fff; border:0;}
#mobilicerik .mobil_liste .mobil_tab.aktif .baslik .ok{ background:#B28540 url(../img/kapat_kapali.png) no-repeat center; border:0;}
#mobilicerik .mobil_liste .mobil_tab .resim{float:left; width:100%; background:#B28540; padding:1px;}




#mobilicerik .mobil_liste .mobil_tab .resim img{float:left; width:100%; }

#mobilicerik .mobil_liste .mobil_tab .alt_icerik{float:left; width:100%; padding:10px 4px;}

.mobil .bx-wrapper .bx-controls-direction a{width:30px; height:30px;}
.mobil .bx-wrapper .bx-prev{left:0px; background: url(../img/geri_h.png) no-repeat center;}
.mobil .bx-wrapper .bx-next{right:0px; background: url(../img/ileri_h.png) no-repeat center;}

/*#mobil icerik*/


@media only screen and (min-width:790px) and (max-width:1100px){
	
}
@media only screen and (min-width:650px) and (max-width:790px){
	
}
@media only screen  and (max-width: 650px){
	.mobil{ display:block; }
	.genel{display:none;}
	
	table { max-width: 100%; width: auto !important; word-wrap: break-word;
		word-break: break-all;
		table-layout: fixed;}
	table tr td,table col { width: auto !important; }
	table *{ word-wrap: break-word;
		word-break: break-all;
		table-layout: fixed; }
}

.top .ust_menu li{ float:left; position:relative; width:125px; height:40px; text-align:center; line-height:40px; font-size:14px; list-style:none;}
.top .ust_menu li a{ color:#fff; float:left; width:100%; height:100%;}
.top .ust_menu li a[url="languages"],.top .ust_menu li a[url="reservation"]{  padding-right:20px; }
.top .ust_menu li span[url="reservation"]{font-size:18px;font-weight: bold; display: block; width: 100%; height: 100%; cursor: pointer; }
.top .ust_menu li a[url="languages"]::after,.top .ust_menu li span[url="reservation"]::after{position:absolute; content:''; top:0px; right:0px; height:40px; width:35px; background: url(../img/kapat.png) no-repeat center; }
.top .ust_menu li:hover span::after{background: url(../img/kapat_h.png) no-repeat center;}
.top .ust_menu li.aktif span::after{background: url(../img/yukari_kapat_h.png) no-repeat center;}
.top .ust_menu li>ul{position:absolute; top: 40px; width:100%;}
.top .ust_menu li>ul>li{float:left; clear:both; width:100%; background:#404041; }
.top .ust_menu>li:hover>span,.top .ust_menu>li.aktif>span{color:#B28540;}
.top .ust_menu .rezervasyon_ust{position:absolute; top: 0; width:100%; padding:0px 5px; padding-bottom:5px; background:#fff; }
.top .ust_menu li>ul {top:0;}