@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color:inherit;
	text-decoration:none
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**/
body { background:url(../images/site_bg.jpg) no-repeat fixed; background-size:cover; font-family:Tahoma, Geneva, sans-serif}

.easing,.easing a,.easing img ,.plus, :before,:after{ transition:.3s linear; -webkit-transition:.3s linear; -moz-transition:.3s linear; -ms-transition:.3s linear;}
.container { width:905px; height:auto;margin:0 auto}
.fl { float:left !important;}
.fr { float:right !important;}
.wfull { width:100% !important;}
.mt30 { margin-top:30px}
.w3{ width:170px;}
.w9 { width:460px;}
.mt20{ margin-top:20px}
.headerleft { width:200px; position:relative;}
.header { width:200px; position:fixed; height:100%; background:url(../images/header_bg.png); top:0; overflow:hidden}
.header .logo { width:200px; height:200px; float:left;background:url(../images/logo.png) no-repeat center rgba(255,255,255,.02);}
.header .linkframe { float:left; width:100%; padding:0px 20px; box-sizing:border-box;}
.header .menuitem{ color:#888; font-size:12px; text-align:right; padding:7px 0; border-bottom:1px solid rgba(255,255,255,.05); height:18px; overflow:hidden}
.header .link { line-height:18px}
.header .plus ,.header .plusnone{background: url(../images/menuopenclose.png) no-repeat center;background-position: 4px 0px;width: 15px;height: 12px;float: right;margin: 3px 0 0 10px;cursor: pointer;}
.header .plusnone { background:none; cursor:default}
.header .menuitem.active .plus { background-position:4px -12px}

.header .menuitem a:hover,.menuitem a.active { color:#fff;}
.header .submenu { padding:10px 0 0 0;  position:relative;}
.header .submenu li { padding:5px 20px 5px 0; font-size:10px;}
.header .submenu li:hover { color:#fff}


.content { width:700px; margin:0 0 0 205px; background:rgba(0,0,0,.5)}
.title { font-size:20px; font-family: 'Roboto Condensed', sans-serif; margin:0 30px 0 0; color:#9B5D15;text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);}
.title h2 { font-size:20px;}
.title p { font-size:12px; color:#c8c8c8; margin:10px 0 0 0; line-height:normal}
.title a { padding:3px 25px 3px 5px; color:#c8c8c8; font-size:12px; background:url(../images/icon_detail.png) no-repeat right center rgba(18,18,18,.7);}
.title a:hover { color:#fff; background:url(../images/icon_detail.png) no-repeat right center rgba(8,8,8,.7);}
.galeri {}
.galeri .module { overflow:hidden; width:140px; height:140px; margin:0 20px 20px 0; position:relative; cursor:pointer; float:left}
.galeri .module:nth-child(3n) { margin:0 0 20px 0}
.wfull.galeri .module { width:150px; height:150px}
.wfull.galeri .module:nth-child(3n){ margin:0 20px 20px 0}
.wfull.galeri .module:nth-child(4n){ margin:0 0px 20px 0}
.galeri .module:before{content:'';visibility:hidden;position:absolute;width:100px;height:100px;border-radius:50%;top:0; left:0; right:0; bottom:0;margin:auto;background:url(../images/icon_big.png) no-repeat center #fff;opacity:0; z-index:6}
.galeri .module:hover:before {visibility:visible;opacity:1; width:64px; height:64px;}
.galeri .module:after { content:''; width:0px; height:0; background:rgba(255,255,255,.8); opacity:0;position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; border-radius:50%}
.galeri .module:hover:after { width:200px; height:200px;  z-index:3; opacity:1; transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -ms-transform:scale(1.3);}


.row { width:100%; box-sizing:border-box; padding:20px}
.row.bg_black { background:rgba(0,0,0,.24)}
.rowayrac { margin:20px 0;}
.rowayrac span{ display:block; width:660px; margin:0 auto;box-shadow: 0 1px 0 rgba(255,255,255,0.05);  border-bottom: 3px solid rgba(0, 0, 0, 0.2);}

.spot {}
.spot p { /*width:65%;*/width:100%; float:left; color:#fff;font:300 19px 'Roboto Condensed'; font-style:italic; text-align:justify}
.spot a { float:left; width:30%; margin:0 0 0 5%; background:#B56300; color:#fff; text-align:center; padding:20px; box-sizing:border-box}
.spot a:hover { background:#e98813}

.rooms {}
.rooms .module { float:left; width:100%; height:200px; overflow:hidden; margin:0 0 20px 0}
.rooms .module .imgframe { width:50%; float:left; height:200px}
.rooms .module .detail{float: left;max-height: 200px;width: 210px;margin: 0 0 0 20px;}
.wfull.rooms .module .detail{width: 310px;}
.rooms .module .detail h2{ font-size:18px; margin:0 0 10px 0; color:#fff; height:20px; width:100%; overflow:hidden;}
.rooms .module .detail p { color:#c8c8c8;font-size: 12px; float:left; width:100%; margin:0 0 20px 0; max-height:126px; line-height:18px; overflow:hidden}
.rooms .module .detail a{ padding:5px 10px; background:#B56300; float:left; color:#fff; font:300 12px 'Roboto Condensed'}
.rooms .module .detail h2 a { padding:0; background:none; float:none; color:inherit; font:inherit;}

.rooms.blog .module { height:auto; margin:0 0 0 0;}
.rooms.blog .module .detail h2 { height:auto; overflow:visible; padding:0 0 5px 0; line-height:26px}
.rooms.blog .module .detail { width:100%; margin:20px 0 0 0 ;}
.rooms.blog .module .detail ,.rooms.blog .module .detail p{ max-height:none;}
.rooms.blog .module .imgframe { width:100%; float:left; height:350px}


.footer { padding:10px 20px; background:rgba(0,0,0,.3)}
.footer a { float:left; font-size:12px; color:#a9a9a9; padding:3px 0 3px 24px; margin:0 20px 0 0}
.footer a:hover { color:#e2e2e2;}
.footer a.phone { background:url(../images/icon_phone.png) no-repeat left center;}
.footer a.mail { background:url(../images/icon_mail.png) no-repeat left center;}
.footer p { float:right; color:#a9a9a9; font-size:10px; margin:5px 0 0 0}
/**/

/*Details*/

.contentdetail {}
.title.bigtitle { margin:0}
.title.bigtitle { font-size:40px; font-weight:300; margin:0; padding:20px 20px 20px 10px; background:rgba(0,0,0,.3); box-sizing:border-box; border-left:10px solid #070402}
.bigtitle h2{ font-size:40px; font-weight:300;}
.bigtitle p { font-size:20px}
.contentdetail .rowayrac { margin:0 0 20px 0}

.bigimage{ float:left; width:100%; padding:0;}
.bigimage .imgframe{ height:400px; float:left; width:100%; position:relative; cursor:pointer}
.bigimage .imgframe:before { content:''; width:100%; height:100%; position:absolute; visibility:hidden; background:url(../images/hover_img.png) rgba(0,0,0,.3); opacity:0; z-index:99}
.bigimage .imgframe:hover:before { visibility:visible; opacity:1;}
.bigimage .imgframe:after { content:'';background:url(../images/icon_big.png) no-repeat center rgba(0,0,0,.3); width:100px; height:100px; position:absolute; left:0; right:0; bottom:0; top:0; margin:auto; z-index:99; border-radius:50%; visibility:hidden; opacity:0}
.bigimage .imgframe:hover:after { visibility:visible; opacity:1;}


.allimages{  width:100%; overflow:hidden;padding: 0 40px;  box-sizing: border-box; position:relative;}
.swiper-container4 { overflow:hidden;width:100%; float:left; height:155px; margin:40px 0 0 0;}
.swiper-container4 .slideframe {height: 140px;border: 0;margin: 0;padding: 0 5px 15px 5px;box-sizing: border-box;overflow: hidden;}
.swiper-container4 .imgframe { height:140px; }

.allimages .leftarrow { width:24px; height:24px; border-radius:50%; position:absolute; left:10px; top:20px; bottom:0; margin: auto 0; z-index:50;background:url(../images/slider_left.png) no-repeat center rgba(40, 40, 40, 0.32);}
.allimages .leftarrow:hover {background:url(../images/slider_left.png) no-repeat center #B56300;}
.allimages .rightarrow {width:24px; height:24px; border-radius:50%;position:absolute; right:10px; top:20px; bottom:0; margin: auto 0; z-index:50;background:url(../images/slider_right.png) no-repeat center rgba(40, 40, 40, 0.32);}
.allimages .rightarrow:hover {background:url(../images/slider_right.png) no-repeat center #B56300;}
.roomsdetail {}
.roomsdetail h2 { font-size:20px; margin:0 0 10px 0; color:#fff; height:20px; width:100%; overflow:hidden;}
.roomsdetail p { color:#c8c8c8;font-size: 12px; float:left; width:100%;line-height:18px; width:100%}



.galeridetail .module { width:206px; height:206px}
.galeridetail .module:hover:after { width:306px; height:306px}


.gunlukkiralik {}
.gunlukkiralik .module { width:100%; float:left; margin:0 0 20px 0}
.gunlukkiralik .imgframe { width:100%; height:350px;}
.gunlukkiralik h2 { width:100%; height:26px; font:400 24px 'Roboto Condensed'; color:#fff; margin:0 0 20px 0}
.gunlukkiralik p ,.gunlukkiralik li { font:300 16px 'Roboto Condensed'; color:#fff; margin:20px 0 0px 0;}
.gunlukkiralik ul { padding:0 0 0 20px; list-style-type:circle; margin:20px 0 0 0;}
.gunlukkiralik li { margin:0 0 3px 0;}
.gunlukkiralik a { padding:5px 10px;background:#B56300; float:left; color:#fff; font:300 12px 'Roboto Condensed';margin:20px 0 0 0;}
.kurumsal p { font:300 18px 'Roboto Condensed';}

.contact {}
.contact a { float:left; padding:25px 0 25px 74px; height:14px; color:#E2e2e2; width:385px; position:relative; font:400 16px 'Roboto Condensed'; margin:0 0 10px 0}
.contact a span {position:absolute; width:64px; height:64px; top:0; left:0; border-radius:50%;}
.contact a:hover { color:#fff;}
.contact a:hover span { background-color:#9B5D15 !important}
.line a.adres span{ background:url(../images/icon_maps.png) no-repeat center #de8319;}
.line a.phone span{ background:url(../images/icon_phone2.png) no-repeat center #de8319;}
.line a.fax span{ background:url(../images/icon_cell.png) no-repeat center #de8319;}
.line a.mail span{ background:url(../images/icon_mail2.png) no-repeat center #de8319;}

.contact input ,.contact textarea{ width:100%; height:38px; font:300 18px 'Roboto Condensed'; background:rgba(0,0,0,.3); color:#fff; border:1px solid #000; padding:10px; box-sizing:border-box; margin:0 0 10px}
.contact textarea { height:100px; resize:vertical;}
.contact input:focus ,.contact textarea:focus { outline-color:#000}
/*Details End*/



/*Swiper*/
.slider {width: 700px;height:426px;padding:0;margin:0;position: relative;}
.slider .arrow-left {background: url(img/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;}
.slider .arrow-right {background: url(img/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;}
.swiper-container {height: 400px;width:700px;}
.content-slide {padding: 20px;color: #fff;}
.title {font-size: 25px;margin-bottom: 10px;}
.pagination {padding:5px 25px;text-align:left;width: 100%; background:url(../images/header_bg.png); box-sizing:border-box}
.swiper-pagination-switch {display: inline-block;width: 6px;height: 6px;margin: 0 3px;cursor: pointer;border: 1px solid #353535;}
.swiper-active-switch {background: #353535;}

.swiper-slide { background-size:cover !important; background-position:center center !important}

.hizmet .line { width:320px; height:64px; float:left; display:table; margin:0 10px 20px 0 ;}
.hizmet .icon { width:64px; height:64px; float:left; border-radius:50%; background:#de8319; position:relative;}
.hizmet .icon img { position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; max-width:40px; max-height:40px}

.hizmet .line h4 { display:table-cell; vertical-align:middle; text-align:left; margin:0 0 0 10px; width:240px; color:#fff; line-height:normal; font:400 18px 'Roboto Condensed';}
.hizmet .line h4 sub { width:100%; float:left; font-size:11px; margin:5px 0 0 0; color:#B6B6B6}
.hizmet p {width: 554px;color: #fff;float: left;line-height: normal;padding: 0 0 0 80px;margin: -26px 0 0 0; font:300 14px 'Roboto Condensed'}