/*
Site Adı: Espower Bilisim
Site Adresi: http://www.espowerbilisim.com
Açıklama: ...
*/

@font-face {
    font-family: '00507';
    src: url('../font/00507.eot');
    src: url('../font/00507d41d.eot?#iefix') format('embedded-opentype'),
         url('../font/00507.html') format('woff'),
         url('../font/00507.ttf') format('truetype'),
         url('../font/00507.svg#00297regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: '00252';
    src: url('../font/00252.eot');
    src: url('../font/00252d41d.eot?#iefix') format('embedded-opentype'),
         url('../font/00252.html') format('woff'),
         url('../font/00252.ttf') format('truetype'),
         url('../font/00252.svg#00297regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
	background:url(../images/bg.png);
	margin:0px;
	padding:0px;
	cursor:default;
}
a{
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
#header{
	width:100%;
	height:140px;
	float:left;
	background:url(../images/headerbg.png) repeat-x;
	z-index:9999;
	position:relative;
}
#headeric{
	width:980px;
	height:140px;
	margin:0 auto;
	position:relative;
}
#rezervasyon{
	width:220px;
	position:absolute;
	top:30px;
	left:0;
}
#rezervasyon img{
	position:absolute;
	left:0;
	top:5px;
}
#rezervasyon p{
	position:absolute;
	left:43px;
	top:0;
	font:14px '00252';
	color:#ab9f77;
}
#rezervasyon b{
	position:absolute;
	left:43px;
	top:15px;
	font:18px '00252';
	color:#000;
}
#logo{
	width:155px;
	height:99px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-78px;
	overflow:hidden;
}
#logo img{
	width:155px;
}
#konum{
	width:118px;
	height:47px;
	background:url(../images/konum.jpg) top center no-repeat;
	position:absolute;
	right:0;
	bottom:41px;
}
#konum b{
	position:absolute;
	left:52px;
	top:9px;
	font:18px/16px '00507';
	color:#4a4a4a;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#konum:Hover b{
	color:#04B4DA;
}
#dil{
	width:80px;
	position:absolute;
	right:0;
	top:0;
}
#dil img{
	margin:5px;
	float:right;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#dil img:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#menu{
	position:absolute;
	left:0;
	bottom:0;
}
#manset{
	width:100%;
	height:486px;
	float:left;
	margin-top:-41px;
	border-bottom:22px solid #fff;
}
#manset ul li div{
	width:100%;
	height:486px;
}
#ikilialan{
	width:980px;
	height:162px;
	float:left;	
	position:relative;
	left:50%;
	top:-116px;
	margin-left:-490px;
	background:url(../images/ortabg.png) no-repeat;
	z-index:999;
	margin-bottom:-116px;
}
#kayanalan{
	width:620px;
	height:102px;
	position:absolute;
	top:38px;
	left:0;
	z-index:9999;
}
#kayanalan ul li div{
	width:620px;
	height:102px;
}
#kayanalan ul li div img{
	width:282px;
	height:95px;
	position:absolute;
	left:7px;
	top:15px;
}
#kayanalan ul li div h3{
	width:320px;
	font:bold 16px arial;
	color:#000;
	position:absolute;
	left:302px;
	top:20px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#kayanalan ul li div p{
	width:320px;
	font:11px/15px arial;
	color:#707070;
	position:absolute;
	left:302px;
	top:45px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#kayanalan ul li div:hover p{
	color:#000;
}
#kayanalan ul li div:hover h3{
	color:#04B4DA;
}
#arezervasyon{
	width:342px;
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}
.rbaslik{
	height:27px;
	padding:0 15px 0 40px;
	background:url(../images/rbaslikbg.png) left center no-repeat;
	font:18px/27px '00252';
	color:#000;
	position:absolute;
	top:0;
	right:0;
}
.rtext{
	width:140px;
	height:29px;
	background:#2d2d2d;
	border:1px solid #6c6c6c;
	font:10px/29px arial;
	color:#fff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 10px;
	position:absolute;
	left:20px;
	top:47px;
}
.gtarih{
	width:140px;
	height:29px;
	background:url(../images/tarih.png) #2d2d2d right center no-repeat;
	border:1px solid #6c6c6c;
	font:10px/29px arial;
	color:#fff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 10px;
	position:absolute;
	left:20px;
	top:90px;
}
.ctarih{
	width:140px;
	height:29px;
	background:url(../images/tarih.png) #2d2d2d right center no-repeat;
	border:1px solid #6c6c6c;
	font:10px/29px arial;
	color:#fff;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	padding:0 10px;
	position:absolute;
	left:180px;
	top:90px;
}
.rsec{
	width:140px;
	float:left;
	position:absolute;
	left:180px;
	top:47px;
}
.icheck{
	float:left;
	position:absolute;
	left:35px;
	top:135px;
}
#arezervasyon i{
	width:150px;
	vertical-align:middle;
	font:11px arial;
	color:#fff;
	position:absolute;
	top:137px;
	left:60px;
}
#arezervasyon a{
	color:#ab9f77;
}
#arezervasyon a:hover{
	text-decoration:underline;
}
#kabul{
	vertical-align:middle;
	margin-right:5px;
}
.icheck input { display: none; }

.icheck { width: 18px; height: 18px; display: inline-block; cursor: pointer; background: url(../images/check.png); }

.icheck.checked { background-position: bottom; }

.icheck.disabled { opacity: 0.5; }
.rgonder{
	height:35px;
	background:url(../images/send.png) left center no-repeat;
	font:18px arial;
	color:#ab9f77;
	padding:0 0 0 25px;
	border:0;
	position:absolute;
	top:125px;
	right:20px;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.rgonder:hover{
	color:#fff;
}
#uclualan{
	width:980px;
	float:left;
	position:relative;
	left:50%;
	margin:33px 0;
	margin-left:-490px;
}
.bir{
	width:255px;
	height:210px;
	border-right:1px dashed #4a4a4a;
	float:left;
}
.bir ul{
	width:230px;
	float:left;
}
.bir h5{
	width:230px;
	float:left;
	font:18px '00252';
	color:#ab9f77;
}
.bir ul li{
	width:100%;
	border-bottom:1px dashed #fff;
	float:left;
	padding:15px 0;
}
.bir ul li:last-child{
	border:0;
}
.clear{
	clear:both;
}
.bir ul li div{
	width:100%;
}
.bir ul li div h4{
	width:100%;
	float:left;
	font:14px '00252';
	color:#fff;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.bir ul li div p{
	width:100%;
	float:left;
	font:10px arial;
	color:#b2b2b2;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.bir ul li div:hover h4{
	color:#04B4DA;
}
.bir ul li div:hover p{
	color:#fff;
}
.iki{
	width:345px;
	height:210px;
	border-right:1px dashed #4a4a4a;
	float:left;
	padding:0 35px;
}
.iki h5{
	width:100%;
	float:left;
	font:18px '00252';
	color:#ab9f77;
}
.iki div{
	width:100%;
	float:left;
}
.iki div a{
	width:105px;
	height:65px;
	position:relative;
	float:left;
	margin:10px 10px 0 0;
}
.iki div a img{
	width:105px;
	height:65px;
	position:absolute;
	left:0;
	top:0;
}
.iki div a b{
	width:105px;
	height:65px;
	position:absolute;
	left:0;
	top:0;
	z-index:999;
	background:url(../images/zoom.png) rgba(0,0,0,0.6) center center no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.iki div a:hover b{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.uc{
	width:230px;
	height:210px;
	float:left;
	padding:0 35px;
}
.uc h5{
	width:100%;
	float:left;
	font:18px '00252';
	color:#ab9f77;
}
.bulten{
	width:100%;
	height:90px;
	float:left;
	padding:5px 0;
	position:relative;
}
.bulten p{
	width:100%;
	float:left;
	font:10px tahoma;
	color:#8a8a8a;
}
.btext{
	width:145px;
	height:38px;
	position:absolute;
	left:0;
	top:40px;
	background:#fff;
	border:0;
	font:11px/38px tahoma;
	color:#777;
	padding:0 10px;
}
.bbuton{
	width:60px;
	height:38px;
	position:absolute;
	left:166px;
	top:40px;
	background:#ab9f77;
	border:0;
	font:11px/38px tahoma;
	color:#000;
	text-align:center;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.bbuton:hover{
	background:#04B4DA;
	color:#fff;
}
.sosyal{
	width:100%;
	height:70px;
	float:left;
	padding:5px 0;
	position:relative;
}
.sosyal h5{
	width:100%;
	float:left;
	font:18px '00252';
	color:#ab9f77;
}
.sosyal div{
	width:100%;
	float:left;
	margin-top:7px;
}
.sosyal div a{
	width:22px;
	height:22px;
	float:left;
	position:relative;
	margin:10px 10px 0;
}
.sosyal div a b{
	width:56px;
	height:20px;
	float:left;
	position:absolute;
	top:-24px;
	left:-15px;
	background:url(../images/tooltip.png) top center no-repeat;
	font:11px/16px arial;
	color:#767676;
	text-align:center;
	display:none;
}
a.facebook{
	background:url(../images/sosyal.png) 0 0 no-repeat;
}
a.facebook:hover{
	background:url(../images/sosyal.png) 0 -22px no-repeat;
}
a.twitter{
	background:url(../images/sosyal.png) -22px 0 no-repeat;
}
a.twitter:hover{
	background:url(../images/sosyal.png) -22px -22px no-repeat;
}
a.google{
	background:url(../images/sosyal.png) -44px 0 no-repeat;
}
a.google:hover{
	background:url(../images/sosyal.png) -44px -22px no-repeat;
}
a.rss{
	background:url(../images/sosyal.png) -66px 0 no-repeat;
}
a.rss:hover{
	background:url(../images/sosyal.png) -66px -22px no-repeat;
}
.sosyal div a:hover b{
	display:block;
}
#footer{
	width:100%;
	height:95px;
	float:left;
	background:url(../images/footerbg.png) repeat-x;
}
#footeric{
	width:980px;
	height:95px;
	margin:0 auto;
}
#fmenu{
	width:100%;
	height:48px;
	float:left;
}
#fmenu ul{
	width:100%;
	height:48px;
	display:table;
	text-align:center;
	margin-top:1px;
}
#fmenu ul li{
	height:48px;
	display:inline-table;
	background:url(../images/ayrac.png) right center no-repeat;
}
#fmenu ul li:last-child{
	background:none;
}
#fmenu ul li a{
	height:48px;
	float:left;
	font:14px/48px '00507';
	color:#7b7b7b;
	letter-spacing:1.4px;
	padding:0 15px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#fmenu ul li a:hover{
	color:#000 !important;
	background:#fff !important;
}
.copy{
	width:300px;
	float:left;
	font:11px arial;
	color:#000;
	margin-top:17px;
}
.design{
	float:right;
	margin-top:13px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.design:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
}
#yanmenu{
	width:340px;
	position:absolute;
	top:0;
	right:0;
	z-index:9999;
}
#yanmenu ul{
	width:100%;
	float:left;
	padding:28px 0 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	margin-top:10px;
}
#yanmenu ul li{
	width:46%;
	float:left;
	padding:0 0 0 30px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#yanmenu ul li:nth-child(7), #yanmenu ul li:nth-child(8){
	border:0;
}
#yanmenu ul li a{
	width:100%;
	float:left;
	height:30px;
	font:14px/30px '00252';
	color:#fff;
	background:url(../images/yanok.png) left center no-repeat;
	padding:0 0 0 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#yanmenu ul li a:hover{
	color:#04B4DA;
}
#icust{
	width:100%;
	height:125px;
	float:left;
	background:url(../images/icbg.png) center top no-repeat;
}
#icustic{
	width:980px;
	height:125px;
	margin:0 auto;
	position:relative;
}
#band{
	width:600px;
	position:absolute;
	left:0;
	top:0;
}
.bandhome{
	height:30px;
	padding:5px 10px 5px 0;
	float:left;
	background:url(../images/bandok.png) center right no-repeat;
}
.bandhome img{
	position:relative;
	top:4px;
}
.bandyazi{
	height:30px;
	float:left;
	padding:5px;
	font:11px/30px arial;
	color:#7c7c7c;
}
#icustic h1{
	font:30px '00252';
	color:#c6ba91;
	position:absolute;
	left:15px;
	bottom:25px;
}
#hakkimizda{
	width:978px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	border:1px solid rgba(190,178,139, 0.2);
	background:rgba(0,0,0, 0.6);
	margin-bottom:30px;
	padding:15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda h2{
	width:100%;
	float:left;
	font:30px/30px '00252';
	color:#c6ba91;
	padding:10px 0;
	text-align:center;
}
#hakkimizda p{
	width:100%;
	float:left;
	font:14px/27px '00252';
	color:#fff;
	padding-bottom:10px;
	text-align:justify;
	text-justify:distribute;
	padding:10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda div{
	width:50%;
	float:left;
	border-right:1px dashed #424242;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda div h2{
	width:100%;
	float:left;
	font:30px/30px '00252';
	color:#c6ba91;
	padding:10px 0;
	text-align:center;
}
#hakkimizda div p{
	width:100%;
	float:left;
	font:14px/27px '00252';
	color:#fff;
	padding-bottom:10px;
	text-align:justify;
	text-justify:distribute;
	padding:10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda div img{
	margin:20px 0 0 35px;
}
#hakkimizda div table{
	width:100%;
	float:left;
	padding:30px 0 0 60px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#hakkimizda div td{
	font:14px '00252';
	color:#fff;
	padding:13px 0;
}
#hakkimizda div td b{
	color:#c6ba91;
	font:14px '00252';
}
#iletisim{
	width:978px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	border:1px solid rgba(190,178,139, 0.2);
	background:rgba(0,0,0, 0.6);
	margin-bottom:30px;
	padding:20px 0 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.adres{
	padding-top:80px;
	width:450px;
	height:200px;
	float:left;
	font-family:'00252', Tahoma, Geneva, sans-serif;
	font-size:14px;
	background:url(../images/iletisimayrac.png) center right no-repeat;
}
.adres h2{
	float:right;
	width:280px;
	padding:3px 5px 3px 20px;
	font-weight:normal;
	font-size:14px;
	font-family:'00252', Tahoma, Geneva, sans-serif;
	color:#aca27e;
	margin:0;
}
.home{
	background:url(../images/home1.png) left center no-repeat;
}
.home span{
	position:relative;
	top:15px;
	right:20px;
}
.tel1{
	background:url(../images/tel1.png) left center no-repeat;
}
.fax{
	background:url(../images/fax.png) left center no-repeat;
}
.mail{
	background:url(../images/mail.png) left center no-repeat;
}
.iletisimform{
	margin-top:0px;
	width:290px;
	padding:35px;
	float:left;
	padding-left:30px;
}
.konu{
	width:150px;
	padding:8px 10px;
	float:left;
	background:#aca27e;
	color:#000;
	font-family:'00252', Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.mesaj{
	width:280px;
	height:80px;
	padding:5px 10px;
	float:left;
	background:#aca27e;
	color:#000;
	font-family:'00252', Tahoma, Geneva, sans-serif;
	font-size:12px;
	border:0px;
	margin:5px;
}
.gonder{
	float:left;
	width:100px;
	padding:5px;
	text-align:center;
	background:#fff;
	color:#000;
	border:0px;
	margin:5px;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s; /* Firefox 4 */
    -webkit-transition: 0.3s; /* Safari and Chrome */
    -o-transition: 0.3s; /* Opera */
    -ms-transition: 0.3s;
	font-family:'00252', Tahoma, Geneva, sans-serif;
}
.gonder:hover{
	color:#000;
	background:#aca27e;
}
.harita{
	width:978px;
	position:relative;
	float:left;
	margin-bottom:30px;
}
.mapgolge{
	position:absolute;
	width:978px;
	height:11px;
	background:url(../images/mapgolge.png) center top no-repeat;
}
#galeriler{
	width:980px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	margin-bottom:30px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* galeri başla */

.glr{
	width:277px;
	height:208px;
	position:relative;
	float:left;
	background:url(../images/galerbg.png) no-repeat;
}
.glr img{
	width:228px;
	height:143px;
	position:absolute;
	left:30px;
	top:48px;
	border:3px solid #b3aa8a;
}
.ghover{
	width:228px;
	height:143px;
	background:url(../images/buyut.png) rgba(0,0,0, 0.6) center center no-repeat;
	position:absolute;
	left:33px;
	top:51px;
	z-index:99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.glr:hover .ghover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
/* galeri */
#galeriler #portfolio-l ul li{
	float:left;
	cursor:pointer;
}
ul#lightGallery li{
	width:277px;
	height:208px;
	float:left;
	margin:0 18px 35px;
	position:relative;
	overflow:hidden;
}


#portfolio {
	width: 940px;
	overflow:hidden;
}
#portfolio .extra-text {
	font-size:20px;
	padding:24px 0;
	border-bottom:1px solid #ededed;
	color: #999;
	margin-bottom:20px;
}
#portfolio h5{ color:#fff; margin-bottom: 0px;
margin-top: 8px;}
/* Filter menu */
#portfolio-filter {
	overflow:hidden;
	height:37px;
	text-align:center;
	display:table;
	padding:1px 15px;
	margin:20px 0 40px 25px;
	left:80px;
	position:relative;
}
#portfolio-filter li{
	background:url(../images/nokts.png) center right no-repeat;
}
#portfolio-filter li:last-child{
	background:none;
}
#portfolio-filter li a {
	display:table-cell;
	color:#aea586;
	padding:6px;
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	transition-duration: 0.1s;
	font:bold 14px/37px '00252';
	height:37px;
	padding:0 10px;
	margin:0 20px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	float:left;
	background:url(../images/bos.png) center bottom no-repeat;
	letter-spacing:1.8px;
}
#portfolio-filter li a:hover, #portfolio-filter li a.current {
	color:#fff;
	background:url(../images/assaok.png) center bottom no-repeat;
	position:relative;
}

/* Images list */

#portfolio-list li {
	float:left;
	margin-right:15px;
	text-align:center;
	background-color:#000;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:15px;
}
#portfolio-list li:hover {
	border-bottom:1px solid #FCEE21;
	
	height:185px;
}
#portfolio-list img {
	background-color:#FFF;
	height:120px; 
	width:173px;
}
#portfolio-list li:hover .title {
	color:#fff;
}
#portfolio-list li .title {
	font-size:14px;
	margin-top:8px;
	font-weight: 400;
	color: #FCEE21;
	margin-bottom:0;
}
#portfolio-list li .categorie {
	font-size:11px;
	line-height:25px;
	color:#999;
}
/* adipoli */
	.adipoli-wrapper {
	margin:auto;
	position:relative;
	display: inline-block;
}
.adipoli-wrapper>img {
	position: absolute;
	z-index: 1;
}
.adipoli-before {
	position: absolute;
	z-index: 5;
}
.adipoli-after {
	position: absolute;
	z-index: 10;
}
.adipoli-slice {
	display:block;
	position:absolute;
	z-index:15;
	height:100%;
}
.adipoli-box {
	display:block;
	position:absolute;
	z-index:15;
}

/* galeri bitti */

#irezervasyon{
	width:978px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	border:1px solid rgba(190,178,139, 0.2);
	background:rgba(0,0,0, 0.6);
	margin-bottom:30px;
	padding:15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#irezervasyon h3{
	width:100%;
	padding:10px 20px;
	margin:15px 0;
	border-bottom:1px dashed #57544c;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font:18px '00252';
	color:#fff;
	float:left;
}
.iiki{
	width:50%;
	float:left;
	padding:10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}
.iiki span{
	width:175px;
	height:36px;
	font:14px/36px '00252';
	color:#beb28b;
	float:left;
}
.rictext{
	width:205px;
	height:36px;
	float:left;
	background:#beb28b;
	border:0;
	padding:0 10px;
	font:14px/36px '00252';
	color:#000;
}
.rictarih{
	background:url(../images/rtarih.png) #beb28b right center no-repeat !important;
}
.ricac{
	width:225px;
	float:left;
}
.ibir{
	width:100%;
	float:left;
	padding:10px 20px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	position:relative;
}
.ibir span{
	width:175px;
	height:36px;
	font:14px/36px '00252';
	color:#beb28b;
	float:left;
}
.ricarea{
	width:680px;
	height:130px;
	float:left;
	background:#beb28b;
	border:0;
	padding:0 10px;
	font:14px/36px '00252';
	color:#000;
	resize:none;
}
.ricbuton{
	width:125px;
	height:45px;
	font:18px/45px '00252';
	color:#000;
	text-align:center;
	border:0;
	float:right;
	background:#fff;
	cursor:pointer;
	margin-right:55px;
	margin-top:10px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.ricbuton:hover{
	background:#beb28b;
}
.yildiz{
	width:auto !important;
	font:18px arial !important;
	color:#fff !important;
	position:absolute !important;
	right:40px !important;
	top:19px !important;
}
.yildiz1{
	width:auto !important;
	font:18px arial !important;
	color:#fff !important;
	position:absolute !important;
	right:10px !important;
	top:48px !important;
}
.yildiz2{
	width:auto !important;
	font:18px arial !important;
	color:#000 !important;
	position:absolute !important;
	left:160px !important;
	top:12px !important;
}
.yildiz3{
	left: 290px !important;
	top:9px !important; 
}
.rf{
	width:auto !important;
	font: 18px arial !important;
    position: absolute !important;
    right: 75px !important;
    top: 52px !important;
    width: auto !important;
    z-index: 999;
	color:#ff0000 !important;
}
#yorumlar{
	width:980px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	margin-bottom:30px;
	padding:20px 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#yorumbuton{
	position:absolute;
	right:20px;
	top:-40px;
	height:40px;
	padding:0 0 0 35px;
	font:24px/40px '00252';
	cursor:pointer;
	color:#fff;
	background:url(../images/yorumicon.png) left center no-repeat;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
#yorumbuton:hover{
	color:#C6BA91;
}
.yorum{
	width:100%;
	height:85px;
	float:left;
	background:#0f0e0c;
	position:relative;
	border-top:1px dashed #5d5846;
}
.yorum1{
	background:#181713;
}
.yorum img{
	position:absolute;
	left:22px;
	top:27px;
}
.yorum h2{
	position:absolute;
	left:75px;
	top:19px;
	font:14px '00252';
	color:#fff;
}
.yorum p{
	width:750px;
	float:left;
	position:absolute;
	left:75px;
	top:38px;
	font:12px '00252';
	color:#beb28b;
	letter-spacing:1px;
}
.yorum i{
	float:left;
	position:absolute;
	right:10px;
	top:4px;
	font:11px '00252';
	color:#4c4639;
}
.sayfalama{
	width:100%;
	display:table;
	text-align:center;
	padding:30px 0 0;
}
.sayfalama a{
	width:25px;
	height:25px;
	display:inline-table;
	font:14px/25px '00252';
	color:#fff;
	text-align:center;
	margin:0 5px;
}
.sayfalama a:hover{
	background:url(../images/sbg.png) center center no-repeat;
	color:#000;
}
.saktif{
	background:url(../images/sbg.png) center center no-repeat !important;
	color:#000 !important;
}






























/*yorum ekleme alanı*/
#yorumekle{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgba(24,23,19, 0.2);
	z-index:9999;
	display:none;
}
#yorumic{
	width:650px;
	height:500px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-325px;
	margin-top:-250px;
	background:#181713;
	border:10px solid rgba(255,255,255, 0.2);
}
.ybaslik{
	position:absolute;
	left:20px;
	top:15px;
	font:24px '00252';
	color:#fff;
}
.ad{
	width:261px;
	float:left;
	position:absolute;
	top:77px;
	left:38px;
}
.ad1{
	top:77px;
	left:338px;
}
.ad p{
	width:100%;
	font:14px '00252';
	color:#858275;
	padding:10px 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ytext{
	width:100%;
	float:left;
	height:38px;
	background:#0f0e0c;
	border:1px solid #585855;
	font:14px/38px '00252';
	color:#fff;
	padding:0 10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mesajarea{
	width:560px;
	float:left;
	position:absolute;
	top:157px;
	left:38px;
}
.ycheck{
	position:absolute;
	left:58px;
	top:400px;
}
.ycheck i{
	width:200px;
	position:absolute;
	left:25px;
	top:2px;
	font:11px '00252';
	color:#c6ba91;
	letter-spacing:1px;
}
.mesajarea p{
	width:100%;
	font:14px '00252';
	color:#858275;
	padding:10px 15px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.yarea{
	width:100%;
	height:190px;
	resize:none;
	float:left;
	background:#0f0e0c;
	border:1px solid #585855;
	font:14px '00252';
	color:#fff;
	padding:10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ybuton{
	width:106px;
	float:left;
	height:38px;
	background:#c6ba91;
	border:0;
	font:14px/38px '00252';
	color:#000;
	text-align:0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	cursor:pointer;
	text-align:center;
	position:absolute;
	right:52px;
	top:395px;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.ybuton:hover{
	background:#fff;
	color:#000;
}
.kapat{
	width:25px;
	height:25px;
	font:18px/25px '00252';
	color:#fff;
	position:absolute;
	right:10px;
	top:10px;
	text-align:center;
	cursor:pointer;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.kapat:hover{
	color:#000;
	background:#C6BA91;
}
#odalar{
	width:980px;
	min-height:500px;
	float:left;
	left:50%;
	margin-left:-490px;
	position:relative;
	margin-bottom:30px;
	padding:15px 0;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.oda{
	width:288px;
	height:525px;
	float:left;
	position:relative;
	margin:20px 38px 40px 0;
	background:url(../images/oalt.png) bottom center no-repeat;
}
.odaslider{
	width:285px;
	height:189px;
	position:absolute;
	left:0;
	top:0;
	border:3px solid #9a9275;
}
.odaslider a b{
	width:68px;
	height:68px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-34px;
	margin-top:-34px;
	background:url(../images/zoom1.png) no-repeat;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
	transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}
.odaslider:hover a b{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
}
.arma{
	width:51px;
	height:51px;
	position:absolute;
	right:15px;
	top:-30px;
	z-index:99;
	background:url(../images/arma.png) no-repeat;
}
.oda h2{
	width:100%;
	height:58px;
	font:24px/58px '00252';
	color:#fff;
	text-align:center;
	border-bottom:1px dashed #36342b;
	position:absolute;
	top:195px;
	left:0;
}
.ozellik{
	width:100%;
	float:left;
	position:absolute;
	left:0;
	top:253px;
}
.ozellik ul{
	width:100%;
	float:left;
	padding:10px;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ozellik ul li{
	width:50%;
	background:url(../images/onay.png) left center no-repeat;
	float:left;
	padding:8px 5px 8px 15px;
	font:14px '00252';
	color:#988f6f;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
li.genis{
	width:62% !important;
}
li.dar{
	width:38% !important;
}
a.obuton{
	width:127px;
	height:45px;
	background:url(../images/rbutonbg.png) no-repeat;
	position:absolute;
	left:50%;
	margin-left:-64px;
	bottom:35px;
	font:18px/45px '00252';
	color:#fff;
	text-align:center;
}
a.obuton:hover{
	background:url(../images/rbutonbghover.png) no-repeat;
	color:#000;
}



















