@font-face { font-family: 'ProximaNova-Bold'; src: url("../fonts/proxima/ProximaNova-Bold_gdi.eot"); src: url("../fonts/proxima/ProximaNova-Bold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/ProximaNova-Bold_gdi.woff") format("woff"), url("../fonts/proxima/ProximaNova-Bold_gdi.ttf") format("truetype"), url("../fonts/proxima/ProximaNova-Bold_gdi.svg#ProximaNova-Bold") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-0219; }
@font-face { font-family: 'ProximaNova-Regular'; src: url("../fonts/proxima/ProximaNova-Regular_gdi.eot"); src: url("../fonts/proxima/ProximaNova-Regular_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/ProximaNova-Regular_gdi.woff") format("woff"), url("../fonts/proxima/ProximaNova-Regular_gdi.ttf") format("truetype"), url("../fonts/proxima/ProximaNova-Regular_gdi.svg#ProximaNova-Regular") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-0219; }
@font-face { font-family: 'ProximaNova-Semibold'; src: url("../fonts/proxima/ProximaNova-Semibold_gdi.eot"); src: url("../fonts/proxima/ProximaNova-Semibold_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/ProximaNova-Semibold_gdi.woff") format("woff"), url("../fonts/proxima/ProximaNova-Semibold_gdi.ttf") format("truetype"), url("../fonts/proxima/ProximaNova-Semibold_gdi.svg#ProximaNova-Semibold") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-0219; }
@font-face { font-family: 'ProximaNova-Light'; src: url("../fonts/proxima/ProximaNova-Light_gdi.eot"); src: url("../fonts/proxima/ProximaNova-Light_gdi.eot?#iefix") format("embedded-opentype"), url("../fonts/proxima/ProximaNova-Light_gdi.woff") format("woff"), url("../fonts/proxima/ProximaNova-Light_gdi.ttf") format("truetype"), url("../fonts/proxima/ProximaNova-Light_gdi.svg#ProximaNova-Light") format("svg"); font-weight: 200; font-style: normal; font-stretch: normal; unicode-range: U+0020-0219; }
@font-face { font-family: "freehand"; src: url("../fonts/freehand/ufonts.com_freehand-521-bt-webfont.eot"); src: url("../fonts/freehand/ufonts.com_freehand-521-bt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/freehand/ufonts.com_freehand-521-bt-webfont.woff2") format("woff2"), url("../fonts/freehand/ufonts.com_freehand-521-bt-webfont.woff") format("woff"), url("../fonts/freehand/ufonts.com_freehand-521-bt-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; }
.icon { display: block; background-image: url(../../images/sprite.png); background-repeat: no-repeat; }

.icon.icon-navicon { background-position: 0px 0px; width: 35px; height: 26px; }
.icon.icon-flag-cn { background-position: -168px -343px; width: 28px; height: 18px; }
.icon.icon-desen-top-kahve { background-position: 0px -66px; width: 166px; height: 26px; }

.icon.icon-desen-top-beyaz { background-position: 0px -136px; width: 166px; height: 26px; }

.icon.icon-desen-bot-kahve { background-position: 0px -111px; width: 104px; height: 15px; }

.icon.icon-desen-bot-beyaz { background-position: 0px -181px; width: 104px; height: 15px; }

.icon.icon-nav-1 { background-position: -1px -215px; width: 30px; height: 44px; }

.icon.icon-nav-2 { background-position: -32px -215px; width: 30px; height: 44px; }

.icon.icon-nav-3 { background-position: -63px -215px; width: 30px; height: 44px; }

.icon.icon-nav-4 { background-position: -94px -215px; width: 30px; height: 44px; }

.icon.icon-nav-5 { background-position: -125px -215px; width: 30px; height: 44px; }

.icon.icon-nav-6 { background-position: -156px -215px; width: 30px; height: 44px; }

.icon.icon-nav-7 { background-position: -187px -215px; width: 30px; height: 44px; }

.icon.icon-nav-8 { background-position: -218px -215px; width: 30px; height: 44px; }

.icon.icon-nav-9 { background-position: -249px -215px; width: 30px; height: 44px; }

.icon.icon-twitter { background-position: 0px -265px; width: 52px; height: 52px; }

.icon.icon-facebook { background-position: -52px -265px; width: 52px; height: 52px; }

.icon.icon-instagram { background-position: -104px -265px; width: 52px; height: 52px; }

.icon.icon-youtube { background-position: -156px -265px; width: 52px; height: 52px; }

.icon.icon-kahvalti { background-position: 0px -317px; width: 26px; height: 26px; }

.icon.icon-kapasite { background-position: -26px -317px; width: 26px; height: 26px; }

.icon.icon-yazlik { background-position: -52px -317px; width: 26px; height: 26px; }

.icon.icon-jakuzi { background-position: -76px -317px; width: 26px; height: 26px; }

.icon.icon-close { background-position: -67px 0px; width: 55px; height: 55px; }

.icon.icon-360 { background-position: 0px -362px; width: 32px; height: 34px; }

.icon.icon-flag-ja { background-position: 0px -343px; width: 28px; height: 18px; }

.icon.icon-flag-tr { background-position: -28px -343px; width: 28px; height: 18px; }

.icon.icon-flag-pt { background-position: -56px -343px; width: 28px; height: 18px; }

.icon.icon-flag-ru { background-position: -84px -343px; width: 28px; height: 18px; }

.icon.icon-flag-de { background-position: -112px -343px; width: 28px; height: 18px; }

.icon.icon-flag-es { background-position: -140px -343px; width: 28px; height: 18px; }

.icon.icon-calendar { background-position: 0px -409px; width: 15px; height: 15px; }

.icon.icon-man { background-position: -15px -411px; width: 16px; height: 16px; }

.icon.icon-ti-1 { background-position: 0px -436px; width: 56px; height: 41px; }

.icon.icon-ti-2 { background-position: 0px -477px; width: 56px; height: 41px; }

.icon.icon-ti-3 { background-position: 0px -518px; width: 56px; height: 41px; }

.icon.icon-print { background-position: -122px 0px; width: 40px; height: 40px; }

.icon.icon-selecter { background-position: -162px 0px; width: 33px; height: 36px; }

.icon.icon-zoom { background-position: 0px -559px; width: 42px; height: 39px; }

.icon.icon-akt-1 { background-position: 0px -624px; width: 59px; height: 56px; }

.icon.icon-akt-2 { background-position: -59px -624px; width: 59px; height: 56px; }

.icon.icon-akt-3 { background-position: -118px -624px; width: 59px; height: 56px; }

.icon.icon-akt-4 { background-position: -177px -624px; width: 59px; height: 56px; }

.icon.icon-akt-5 { background-position: -236px -624px; width: 59px; height: 56px; }

.icon.icon-akt-6 { background-position: -295px -624px; width: 59px; height: 56px; }

.m-checkbox, .m-radio { margin: 10px 15px 10px 0; float: left; }
.m-checkbox label, .m-radio label { cursor: pointer; font: 14px/16px "ProximaNova-Regular"; color: #9eaab6; margin: 0; }
.m-checkbox a, .m-radio a { cursor: pointer; display: block; float: left; width: 16px; height: 16px; background: url(../../images/sprite.png) no-repeat; margin: 2px 10px 0 0; }
.m-checkbox:last-child, .m-radio:last-child { margin-right: 0; }

.m-checkbox a { background-position: -51px 0; }
.m-checkbox a.checked { background-position: -35px 0; }

.m-radio a { background-position: -349px 0; }
.m-radio a.checked { background-position: -365px 0; }

html, body { background: #2d2424; height: 100%; overflow-x: hidden; }

.overlay { background: url(../../images/bg3.png); width: 100%; height: 100%; position: fixed; z-index: 10; top: 0; left: 0; display: none; }

header.site-head .logo { background: #d59c07; }
header.site-head .logo a { height: 100px; text-align: center; display: block; padding: 25px 0; }
header.site-head .menu .page-title { height: 100px; display: table-cell; vertical-align: middle; padding: 0 30px; }
header.site-head .menu .page-title h1 { font: 30px/33px "ProximaNova-Regular"; color: #fff; margin: 0; }
header.site-head .menu .page-title .breadcrumb ul li { float: left; color: #fff; }
header.site-head .menu .page-title .breadcrumb ul li a { font: 12px "ProximaNova-Regular"; color: #fff; }
header.site-head .menu .page-title .breadcrumb ul li i { margin: 0 5px; }
@media (min-width: 1366px) { header.site-head .logo { width: 300px; } }
@media (min-width: 992px) { header.site-head .logo { width: 300px; } }
@media (max-width: 768px) { header.site-head .menu .nav-menu { width: 100%; } }
@media (max-width: 480px) { header.site-head .menu .page-title { padding: 0 15px; }
  header.site-head .menu .page-title h1 { font: 24px/25px "ProximaNova-Regular"; }
  header.site-head .menu .nav-menu { width: 100%; } }

.nav-btn { float: left; position: relative; }
.nav-btn a { font: 16px "ProximaNova-Regular"; color: #fff; display: block; background: #756863; width: 74px; height: 100px; text-align: center; padding: 27px 0; }
.nav-btn a i { display: block; margin: 0 auto 17px; }
.nav-btn.zndex { z-index: 11; }

.nav-menu { position: absolute; background: #756863; top: 110px; left: 0; min-width: 240px; z-index: 11; display: none; }
.nav-menu ul li { color: #fff; position: relative; }
.nav-menu ul li span { position: absolute; top: 0; left: 0; pointer-events: none; }
.nav-menu ul li span i.fa { font-size: 22px; padding: 11px 0; }
.nav-menu ul li span i.icon { float: left; margin: 0 8px 0 12px; }
.nav-menu ul li > a { font: 16px/44px "ProximaNova-Regular"; color: #fff; display: block; padding: 0 0 0 70px; }
.nav-menu ul li ul { position: absolute; min-width: 250px; left: 100%; top: 0; background: #756863; display: none; margin-left: 5px; }
.nav-menu ul li:hover > a, .nav-menu ul li.active > a { background: #d59c07; }
.nav-menu ul li.over > a { margin-right: -5px; }

.slider { position: absolute; width: 100%; z-index: 0; }
.slider .stroke { position: absolute; width: 100%; height: 100%; background: url(../../images/slider.png); z-index: 21; pointer-events: none; }
.slider div:after { display: none; }
.slider:after { display: none; }
.slider .tree { position: absolute; top: 0; height: 100%; z-index: 100; }
.slider .tree.tree-left { background: url(../../images/left-tree.png) center no-repeat; width: 585px; left: 0; }
.slider .tree.tree-right { background: url(../../images/right-tree.png) center no-repeat; width: 404px; right: 0; }
.slider .line { position: absolute; width: 275px; height: 276px; z-index: 100; }
.slider .line.top-left-line { background: url(../../images/left-top.png) no-repeat; left: 22px; top: 22px; }
.slider .line.top-right-line { background: url(../../images/right-top.png) no-repeat; right: 22px; top: 22px; }
.slider .line.bottom-left-line { background: url(../../images/left-bottom.png) no-repeat; left: 22px; bottom: 22px; }
.slider .line.bottom-right-line { background: url(../../images/right-bottom.png) no-repeat; right: 22px; bottom: 22px; }
.slider .right-img { position: absolute; right: 70px; top: 70px; z-index: 100; }
.slider .tp-caption { width: 700px; font: 50px/58px "freehand"; color: #fff; background: url(../../images/cap-bg.png) center no-repeat; padding: 360px 0 !important; width: 100% !important; left: 0 !important; text-align: center; top: 0 !important; font: 50px/58px "freehand"; color: #fff; }
.slider .tp-caption span { color: #d59c07; }
.slider .tparrows { display: none; }
@media (max-width: 992px) { .slider { position: fixed; }
  .slider .tree, .slider .line, .slider .right-img, .slider .tp-caption { display: none; } }

.room-list div[class*="room-col"] { float: left; position: relative; }
.room-list .room-col-2 { width: 300px; }
.room-list .room-col-3 { width: 450px; }
.room-list .room-col-4 { width: 600px; }
.room-list .room-col-5 { width: 750px; }
.room-list .room { height: 280px; float: left; overflow: hidden; position: relative; -webkit-transition: all ease-in 0.2s; -moz-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; transition: all ease-in 0.2s; }
.room-list .room .image .resim-att { width: 100%; height: 280px; position: relative; float: left; padding: 0; text-align: center; }
.room-list .room .image .resim-att .resim-att-pre { width: 100%; height: 280px; position: relative; cursor: pointer; }
.room-list .room .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 280px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.room-list .room .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 280px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.room-list .room .image .resim-thumb .resim-centered img {min-width:100% !important; position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.room-list .room .image img { width: 100%; }
.room-list .room .name { position: absolute; bottom: 0; width: 100%; background: url(../../images/name-bg.png); height: 98px; }
.room-list .room .name  { font: 20px/22px "ProximaNova-Regular"; color: #fff; display: block; padding: 39px 15px 15px; }
.room-list .room .name  span.sub { font-size: 15px; display: block; }
.room-list .room .name  span.price { font: 25px "ProximaNova-Bold"; color: #fbc946; position: absolute; right: 15px; top: 46px; letter-spacing: -2px; }
.room-list .room .name  span.price i { font-size: 17px; font-style: normal; }
.room-list .room .text { height: 280px; padding: 24px 15px; }
.room-list .room .text h3 { font: 18px/23px "ProximaNova-Regular"; color: #fff; text-align: center; margin: 50px 0 25px 0; }
.room-list .room .text .rezerv { font: 14px "ProximaNova-Regular"; color: #fff; border: 2px solid #fff; display: block; padding: 15px 0; text-align: center; background: none; width: 100%; }
.room-list .room .text .desen { position: absolute; width: 100%; left: 0; }
.room-list .room .text .desen i { margin: 0 auto; }
.room-list .room .text .desen.desen-top { top: 20px; }
.room-list .room .text .desen.desen-bot { bottom: 20px; }
.room-list .room .text.renk1 { background: #4a423e; }
.room-list .room .text.renk2 { background: #917f6a; }
.room-list .room .hover { position: absolute; width: 100%; height: 100%; background: url(../../images/bg2.png); text-align: center; padding: 120px 0; display: none; }
.room-list .room .hover .detail-more { background: none; font: 14px "ProximaNova-Regular"; color: #fff; border: 2px solid #fff; padding: 10px 20px; display: inline-block; top: 170px; position: relative; }
.room-list .room.full-room .full-text { position: absolute; top: 50%; left: 0; width: 100%; margin: -30px 0 0 0; }
.room-list .room.full-room .full-text span { background: url(../../images/bg1.png); font: 16px "ProximaNova-Regular"; color: #fff; display: block; max-width: 90%; width: 320px; text-align: center; padding: 20px 0; margin: 0 auto; }
.room-list .room.full-room .disabled-bg { background: url(../../images/bg2.png); width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.close-article { position: absolute; left: 50%; top: -55px; z-index: 11; margin: 0 0 0 -55px; display: block; }
.close-article.show { top: 0; }

.article { max-width: 890px; position: absolute; width: 100%; left: 100%; top: 0; background: #fff; padding: 0 20px 0 20px; z-index: 11; overflow-y: scroll; display: none; }
.article.show { display: block; left: 960px; height: 100%; }
.article.ps-active-y { padding: 0 60px 0 20px; }
.article.ps-active-y .room-gallery { padding: 0 5px 0 0 !important; }
.article.ps-active-y .room-detail { padding: 0 0 0 20px !important; }
.article .article-head { border-bottom: 1px solid #eef3f5; padding: 0 0 25px 0; margin: 20px 0 15px 0; position: relative; }
.article .article-head h1 { font: 30px/33px "ProximaNova-Regular"; color: #756863; margin: 0; }
.article .article-head .breadcrumb ul li { float: left; color: #756863; }
.article .article-head .breadcrumb ul li a { font: 12px "ProximaNova-Regular"; color: #756863; }
.article .article-head .breadcrumb ul li i { margin: 0 5px; }
.article .article-head .font-size { right: 20px; top: 5px; position: absolute; }
.article .article-head .font-size ul { float: left; }
.article .article-head .font-size ul li { float: left; }
.article .article-head .font-size ul li a { width: 33px; height: 40px; font: 14px "ProximaNova-Semibold"; display: block; background: #dbdbdb; color: #2d2424; text-align: center; padding: 11px 0; }
.article .article-head .font-size ul li a sup { left: -4px; }
.article .article-head .font-size .print { float: left; margin: 0 0 0 10px; }
.article .article-content .room-gallery { padding: 0 24px 0 0; margin: 0 0 30px 0; }
.article .article-content .room-gallery .slide-pager { margin: 10px 0 0 0; }
.article .article-content .room-gallery .slide-pager li { float: left; margin: 0 15px 0 0px; }
.article .article-content .room-gallery .slide-pager .flex-active-slide { border: 2px solid #d59c07; }
.article .article-content .room-detail { height: 343px; }
.article .article-content .room-detail .room-detail-head { border-bottom: 1px solid #eef3f5; margin: 0 0 30px 0; }
.article .article-content .room-detail .room-detail-head h2 { font: 24px/27px "ProximaNova-Regular"; color: #756863; float: left; margin: 0; width: 230px; }
.article .article-content .room-detail .room-detail-head h2 span { font: 15px "ProximaNova-Regular"; color: #a79a95; display: block; }
.article .article-content .room-detail .room-detail-head .price { font: 35px/47px "ProximaNova-Bold"; color: #fff; background: #756863; padding: 5px 25px 0px; float: right; }
.article .article-content .room-detail .room-detail-head .price span { font-size: 24px; }
.article .article-content .room-detail .options ul { float: left; }
.article .article-content .room-detail .options ul li { font: 16px/26px "ProximaNova-Regular"; color: #79828a; margin: 0 0 10px 0; }
.article .article-content .room-detail .options ul li i { float: left; margin: 0 15px 0 0; }
.article .article-content .room-detail .options .form-box { float: right; }
.article .article-content .room-detail .options .form-box .m-checkbox { float: none; margin: 0 0 10px 0; }
.article .article-content .room-detail .options .form-box .m-checkbox label { width: 100px; text-align: right; }
.article .article-content .room-detail .options .form-box .m-checkbox a { float: right; margin: 0 0 0 10px; }
.article .article-content .room-detail a.rezerv { font: 16px/67px "ProximaNova-Semibold"; color: #fff; background: #fbc946; width: 234px; height: 67px; text-align: center; display: block; position: relative; margin: 40px 0 0 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.article .article-content .room-detail a.rezerv:hover { background: #d59c07; }

.article .article-content .room-detail .rezerv { font: 16px/67px "ProximaNova-Semibold"; color: #fff; background: #fbc946; width: 234px; height: 67px; text-align: center; display: block; position: relative; margin: 40px 0 0 0; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.article .article-content .room-detail .rezerv:hover { background: #d59c07; }

.article .article-content .article-detail { margin-bottom: 30px; }
.article .article-content .article-detail h2 { font: 16px/25px "ProximaNova-Regular"; color: #756863; border-bottom: 1px solid #eef3f5; padding: 0 0 10px 0; margin: 20px 0; }
.article .article-content .article-detail h2 span { display: block; font: 14px "ProximaNova-Regular"; color: #9eaab6; }
.article .article-content .article-detail h3 { font: 16px "ProximaNova-Regular"; color: #756863; margin: 0 0 15px 0; }
.article .article-content .article-detail p { font: 14px/21px "ProximaNova-Regular"; color: #756863; margin: 0 0 15px 0; }
.article .article-content .article-detail div { font: 14px/21px "ProximaNova-Regular"; color: #756863;  }
.article .article-content .article-detail > ul > li { font: 14px/15px "ProximaNova-Regular"; color: #9eaab6; background: url(../../images/li-bg.png) top left no-repeat; padding: 0 0 0 20px; margin: 0 0 10px 0; float: left; width: 32%; }
.article .article-content .article-detail .imageRight { float: right;/* margin: 0 0 10px 10px;*/ }

.scroll .ps-scrollbar-x-rail { display: none !important; }
.scroll .ps-scrollbar-y-rail { background: #dbdbdb; opacity: 1; width: 9px; border-radius: 0; right: 24px; }
.scroll .ps-scrollbar-y-rail .ps-scrollbar-y { background: #d59c07; border-radius: 0; }
.scroll .ps-container:hover .ps-scrollbar-y-rail { opacity: 1; }

.home-page { padding: 70px 0 0 0; position: relative; }
.home-page .left-col { width: 300px; float: left; margin: 0 10px 0 0; }
.home-page .logo {/*  background: url(../../images/bg4.png); */ height: 174px; text-align: center; /* padding: 45px 0;  */}
.home-page .s-360 { background: url(../../images/360-bg.png); height: 90px; margin: 10px 0; position: relative; width: 300px; }
.home-page .s-360 i { position: absolute; top: 32px; left: 55px; }
.home-page .s-360 a { font: 16px "ProximaNova-Regular"; color: #fff; padding: 30px 0 0 105px; display: block; }
.home-page .lang ul li { float: left; margin: 0 10px 0 0; }
.home-page .right-col { position: relative; float: left; }
.home-page .right-col .nav-btn { margin: 94px 0 0 0; }
.home-page .right-col .nav-btn a { width: 60px; height: 80px; padding: 10px 0; }
.home-page .right-col .nav-btn a i { margin: 5px auto 10px; }
.home-page .right-col .nav-menu { top: 184px; }
@media (max-width: 480px) { .home-page .left-col { width: 100%; }
  .home-page .left-col .logo { width: 240px; }
  .home-page .right-col { position: absolute; top: 70px; }
  .home-page .right-col .nav-btn { margin-left: 240px; }
  .home-page .right-col .nav-menu { width: 100%; } }

.home-menu { position: relative; z-index: 11; }
@media screen and (min-width: 0) and (max-width: 1366px) { .home-menu { z-index: 10; } }

.background { background: url(../../images/java-01.jpg) no-repeat; position: fixed; z-index: 0; width: 100%; height: 100%; }

.rezerv-form { position: absolute; margin: 180px 0 0 0; width: 100%; z-index: 2; }
.rezerv-form .row { width: 740px; margin: 0 auto; }
.rezerv-form .head { font: 16px "ProximaNova-Regular"; color: #fff; background: url(../../images/bg5.png); height: 90px; width: 150px; padding: 25px 15px; float: left; }
.rezerv-form .box { background: url(../../images/bg6.png); height: 90px; padding: 24px 15px; width: 560px; float: left; }
.rezerv-form .box ::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; }
.rezerv-form .box :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #fff; opacity: 1; }
.rezerv-form .box ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #fff; opacity: 1; }
.rezerv-form .box :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #fff; }
.rezerv-form .box .style, .rezerv-form .box .input-box, .rezerv-form .box .selecter { height: 40px; margin: 0 10px 0 0; position: relative; float: left; font: 14px/18px "ProximaNova-Regular"; color: #fff; background-color: #756863; background-position: 10px 11px; background-repeat: no-repeat; }
.rezerv-form .box .calendar { width: 175px; background-image: url(../../images/calendar.png); padding: 5px 5px 5px 35px; }
.rezerv-form .box .people { -webkit-clip-path: none; height: 0; padding: 0; margin: 0 !important; }
.rezerv-form .box .input-btn { width: 130px; background: #d59c07; font: 14px "ProximaNova-Semibold"; color: #fff; height: 40px; position: relative; }
.rezerv-form .box .selecter { width: 90px; outline: 0; cursor: pointer; position: relative; float: left; background-image: url(../../images/people.png); }
.rezerv-form .box .selecter div:after { display: none; }
.rezerv-form .box .selecter .icon { position: absolute; right: 7px; top: 7px; display: none; }
.rezerv-form .box .selecter .label { padding: 12px 0 12px 34px; font: 14px "ProximaNova-Regular"; display: block; color: #fff; text-align: left; }
.rezerv-form .box .selecter .drop { display: none; position: absolute; background: #4d4745; z-index: 100; width: 100%; height: 117px; overflow: hidden; padding: 0 5px 0 0; }
.rezerv-form .box .selecter .drop .item { display: block; padding: 11px 5px; font: 14px "ProximaNova-Regular"; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-align: center; }
.rezerv-form .box .selecter .drop .item:hover { background: #524c4a; color: #fff; }
.rezerv-form .box .selecter .ps-scrollbar-x-rail { display: none; }
.rezerv-form .box .selecter .ps-scrollbar-y-rail { background: #47413f; opacity: 1; width: 8px; border-radius: 0; right: 0px; }
.rezerv-form .box .selecter .ps-scrollbar-y-rail .ps-scrollbar-y { background: #756863; border-radius: 0; }
.rezerv-form .box .selecter .ps-container:hover .ps-scrollbar-y-rail { opacity: 1; }

.social { position: absolute; z-index: 10; top: 50%; right: 0; margin: -104px 0 0 0; }

.maps { width: 60%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }
.maps:after { display: none; }
.maps iframe { border: 0; width: 100%; height: 100%; }

.contact-box { margin: 10px 0 10px 0; border-left: 1px solid #eef3f5; padding: 0 0 0 20px; min-height: 130px; }
.contact-box:first-child { border: 0; margin: 0 0 0 -20px; }
.contact-box ul { margin: 0 0 0 25px; }
.contact-box ul li { font: 14px/16px "ProximaNova-Regular"; color: #9eaab6; padding: 5px 0; }
.contact-box ul li a { color: #9eaab6; display: block; }
.contact-box ul li span { width: 45px; display: block; float: left; margin: 0 10px 0 0; }
.contact-box ul li span b { float: right; }
.contact-box .line { height: 67px; width: 4px; position: absolute; left: 20px; top: 35px; background: #fbc946; }

.travel-info .item { position: relative; margin: 0 0 10px 0; }
.travel-info .item i { position: absolute; top: 0; left: 0; }
.travel-info .item p { padding: 0 0 0 60px; }

.ui-datepicker { width: 250px; }
.ui-datepicker.ui-widget { font: 13px "ProximaNova-Regular"; }

.button { font: 16px "ProximaNova-Semibold"; text-align: center; display: block; float: left; transition: all ease 0.3s; }
.button.button-yellow { background: #fbc946; color: #fff; }
.button.button-yellow:hover { background: #d59c07; }
.button.button-big { padding: 10px 10px; min-width: 230px; padding: 18px 10px; }

.gallery .row { margin: 0 -10px; }
.gallery div[class*="col-md-"] { padding: 0 10px; }
.gallery .item { float: left; }
.gallery .item .image .resim-att { width: 100%; height: 169px; position: relative; float: left; padding: 0; text-align: center; }
.gallery .item .image .resim-att .resim-att-pre { width: 100%; height: 169px; position: relative; cursor: pointer; }
.gallery .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 169px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.gallery .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 169px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.gallery .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.gallery .item .image img { width: 100%; }
.gallery .item .text a { font: 16px "ProximaNova-Regular"; color: #756863; display: block; padding: 8px 0; }
.gallery .item .text a i { font-size: 19px; line-height: 17px; float: right; }
.gallery.sertifika .item { width: 20%; padding: 0 10px; }

.form-box .input-style, .form-box .input-box, .form-box .selecter .label { border: 1px solid #f0f0f0; font: 14px "ProximaNova-Regular"; color: #9eaab6; padding: 12px 10px; }
.form-box .row { margin: 0 -15px 0 -15px; }
.form-box div[class*="col-md-"] { padding: 0 15px 0 15px; }
.form-box .input-group { margin-bottom: 15px; float: left; }
.form-box .label-box { display: block; font: 14px "ProximaNova-Regular"; color: #79828a; margin: 0 0 5px 0; }
.form-box .input-box { width: 100%; }
.form-box .input-button { background: #fbc946; color: #fff; font: 16px "ProximaNova-Semibold"; padding: 17px 0; text-align: center; width: 100%; cursor: pointer; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.form-box .input-button:hover { background: #d59c07; }
.form-box .area-box { height: 120px; }
.form-box .s-hide { -webkit-clip-path: none; height: 0; float: left; }
.form-box .selecter { outline: 0; cursor: pointer; position: relative; float: left; width: 100%; }
.form-box .selecter div:after { display: none; }
.form-box .selecter .icon { position: absolute; right: 3px; top: 3px; }
.form-box .selecter .label { display: block; text-align: left; border-radius: 0; }
.form-box .selecter .drop { display: none; position: absolute; background: #f6f6f6; border: 1px solid #f0f0f0; z-index: 100; width: 100%; max-height: 190px; overflow-y: auto; margin: -1px 0 0 0; }
.form-box .selecter .drop .item { display: block; padding: 12px 10px; font: 14px "ProximaNova-Regular"; color: #79828a; }
.form-box .selecter .drop .item:hover { background: #fbc946; color: #fff; }
.form-box .m-checkbox, .form-box .m-radio { margin: 9px 15px 9px 0; float: left; }
.form-box .m-checkbox label, .form-box .m-radio label { cursor: pointer; font: 14px/24px "ProximaNova-Regular"; color: #79828a; margin: 0; }
.form-box .m-checkbox a, .form-box .m-radio a { cursor: pointer; display: block; float: left; width: 20px; height: 20px; background: url(../../images/sprite.png) no-repeat; }
.form-box .m-checkbox:last-child, .form-box .m-radio:last-child { margin-right: 0; }
.form-box .m-checkbox a { background-position: -235px 0; }
.form-box .m-checkbox a.checked { background-position: -255px 0; }
.form-box .m-radio a { background-position: -195px 0; }
.form-box .m-radio a.checked { background-position: -215px 0; }
.form-box .m-file { position: relative; display: table; border-collapse: separate; }
.form-box .m-file span { background: url(../../images/ikon/find.png) 72px 10px no-repeat; background-color: #756863; }
.form-box .m-file span label { background: none; font: 14px/42px "ProximaNova-Regular"; color: #fff; margin: 0; height: 42px; cursor: pointer; padding: 0 40px 0 15px; }
.form-box .m-file.yellow span { background-color: #fbc946; }

.accordion .head { background: #92908f; position: relative; margin: 4px 0 0 0; }
.accordion .head h4 { font: 14px "ProximaNova-Regular"; color: #fff; margin: 0; cursor: pointer; padding: 20px; }
.accordion .head h4 span { background: #838180; position: absolute; right: 0; top: 0; height: 56px; width: 35px; text-align: center; }
.accordion .head h4 span i { font-size: 24px; line-height: 55px; }
.accordion .text { background: #838180; padding: 20px 20px 5px; }
.accordion .text p { color: #fff !important; line-height: 18px; }

.new-list .item { margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #eef3f5; }
.new-list .item .image { float: left; margin: 0 15px 10px 0; }
.new-list .item .image .resim-att { width: 266px; height: 169px; position: relative; float: left; padding: 0; text-align: center; }
.new-list .item .image .resim-att .resim-att-pre { width: 266px; height: 169px; position: relative; cursor: pointer; }
.new-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 266px; height: 169px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.new-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 266px; height: 169px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.new-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.edit-form .row { margin: 0 -20px; }
.edit-form .edit-boxes { padding: 0 20px; background: #5c514d; }
.edit-form .edit-boxes .inp-group { padding: 23px 5px; }
.edit-form .edit-boxes .style, .edit-form .edit-boxes .input-box, .edit-form .edit-boxes .selecter { height: 40px; margin: 0 10px 0 0; position: relative; float: left; width: 100%; font: 14px/18px "ProximaNova-Regular"; color: #fff; background-color: #756863; background-position: 10px 11px; background-repeat: no-repeat; }
.edit-form .edit-boxes .calendar { background-image: url(../../images/calendar.png); padding: 5px 5px 5px 35px; }
.edit-form .edit-boxes .people { -webkit-clip-path: none; height: 0; padding: 0; margin: 0 !important; }
.edit-form .edit-boxes .selecter { width: 90px; outline: 0; cursor: pointer; position: relative; float: left; background-image: url(../../images/people.png); }
.edit-form .edit-boxes .selecter div:after { display: none; }
.edit-form .edit-boxes .selecter .icon { position: absolute; right: 7px; top: 7px; display: none; }
.edit-form .edit-boxes .selecter .label { padding: 12px 0 12px 34px; font: 14px "ProximaNova-Regular"; display: block; color: #fff; text-align: left; }
.edit-form .edit-boxes .selecter .drop { display: none; position: absolute; background: #4d4745; z-index: 100; width: 100%; height: 117px; overflow: hidden; padding: 0 5px 0 0; }
.edit-form .edit-boxes .selecter .drop .item { display: block; padding: 11px 5px; font: 14px "ProximaNova-Regular"; border-bottom: 1px solid rgba(255, 255, 255, 0.08); text-align: center; }
.edit-form .edit-boxes .selecter .drop .item:hover { background: #524c4a; color: #fff; }
.edit-form .edit-boxes .selecter .ps-scrollbar-x-rail { display: none; }
.edit-form .edit-boxes .selecter .ps-scrollbar-y-rail { background: #47413f; opacity: 1; width: 8px; border-radius: 0; right: 0px; }
.edit-form .edit-boxes .selecter .ps-scrollbar-y-rail .ps-scrollbar-y { background: #756863; border-radius: 0; }
.edit-form .edit-boxes .selecter .ps-container:hover .ps-scrollbar-y-rail { opacity: 1; }
.edit-form .edit-button { height: 87px; }
.edit-form .edit-button .btn { background: #fbc946; font: 16px "ProximaNova-Semibold"; color: #fff; width: 100%; text-align: center; line-height: 86px; border-radius: 0; }

.multimedia .category { margin: 0 0 20px 0; }
.multimedia .category ul li { float: left; margin: 0 10px 5px 0; }
.multimedia .category ul li a { font: 18px "ProximaNova-Regular"; color: #fff; background: #6d6d6d; display: block; padding: 24px 30px; text-align: center; transition: all ease-in-out 0.3s; }
.multimedia .category ul li:hover a, .multimedia .category ul li.active a { background: #fbc946; }
.multimedia .list { margin: 0 -8px; }
.multimedia .list div[class*="col-"] { padding: 0 8px; }
.multimedia .list .item { margin: 0 0 10px 0; }
.multimedia .list .item .image { position: relative; background: #dbdbdb; border: 1px solid transparent; }
.multimedia .list .item .image .resim-att { width: 100%; height: 163px; position: relative; float: left; padding: 0; text-align: center; }
.multimedia .list .item .image .resim-att .resim-att-pre { width: 100%; height: 163px; position: relative; cursor: pointer; }
.multimedia .list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 163px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.multimedia .list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 163px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.multimedia .list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.multimedia .list .item .image .zoom { width: 42px; height: 39px; position: absolute; right: 10px; bottom: 15px; background: #7f7f7f; z-index: 1; transition: all ease-in-out 0.3s; pointer-events: none; }
.multimedia .list .item .text { padding: 10px 0; }
.multimedia .list .item .text h3 { font: 16px/22px "ProximaNova-Regular"; color: #756863; margin: 0; }
.multimedia .list .item .text h3 span { font: 13px "ProximaNova-Regular"; color: #bab8b7; display: block; }
.multimedia .list .item:hover .image { border: 1px solid #fbc946; }
.multimedia .list .item:hover .image .zoom { background: #fbc946; }

.aktiviteler .title { font: 18px "ProximaNova-Regular"; color: #756863; margin: 0 0 20px 0; padding: 0; border: 0; }
.aktiviteler .item { margin: 0 0 30px 0; }
.aktiviteler .item .image { background: #eee; float: left; width: 182px; margin: 0 20px 0 0; position: relative; }
.aktiviteler .item .image .resim-att { width: 100%; height: 245px; position: relative; float: left; padding: 0; text-align: center; }
.aktiviteler .item .image .resim-att .resim-att-pre { width: 100%; height: 245px; position: relative; cursor: pointer; }
.aktiviteler .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 245px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
.aktiviteler .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 245px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
.aktiviteler .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.aktiviteler .item .image span { background: #fbc946; position: absolute; left: 50%; margin: 0 0 0 -30px; z-index: 1; }
.aktiviteler .item .text h3 { font: 16px/25px "ProximaNova-Regular"; color: #756863; margin: 0 0 20px 0; }
.aktiviteler .item .text h3 a { color: #756863; }
.aktiviteler .item .text h3 span.date { font: 13px "ProximaNova-Regular"; color: #fbc946; display: block; }
.aktiviteler .item .text p { font: 13px/20px "ProximaNova-Regular"; color: #76716f; }
.aktiviteler .item .text a.more { font: 16px/55px "ProximaNova-Semibold"; width: 182px; height: 55px; display: inline-block; background: #7f7f7f; transition: all ease 0.3s; text-align: center; color: #fff; position: absolute; bottom: 0; }
.aktiviteler .item .text a.more:hover { background: #fbc946; }

.services .other-services { margin: 30px 0 0 0; }
.services .other-services .item { margin: 0 0 30px 0; }
.services .other-services .item .image { width: 59px; height: 56px; float: left; margin: 0 10px 0 0; background: #fbc946; }
.services .other-services .item .text a { font: 16px "ProximaNova-Regular"; color: #756863; display: block; padding: 11px 0 0 0; }
.services .other-services .item .text span { font: 13px "ProximaNova-Regular"; color: #bab8b7; display: block; }
.services .other-services .disabled .image { background: #dbdbdb; }
.services .service-slide { position: relative; margin: 0 0 20px 0; }
.services .service-slide .bg img { max-width: 100%; }
.services .service-slide .slide-text { position: absolute; bottom: 0; left: 0; background: url(../../images/bg7.png); min-width: 300px; padding: 13px 15px; }
.services .service-slide .slide-text .image { width: 59px; height: 56px; background: #fbc946; float: left; margin: 0 15px 0 0; }
.services .service-slide .slide-text .text h3 { font: 16px "ProximaNova-Regular"; color: #fff; margin: 11px 0; }
.services .service-slide .slide-text .text h3 span { display: block; font-size: 13px; opacity: 0.8; }
.services .service-slide .owl-controls { position: absolute; bottom: 0; left: 300px; }
.services .service-slide .owl-controls .owl-buttons > div { width: 23px; height: 82px; float: left; text-align: center; padding: 24px 0; font-size: 26px; color: #fff; background: url(../../images/bg7.png); margin: 0 0 0 3px; }
.services .service-slide .owl-controls .owl-buttons > div i { opacity: 0.8; }

@media (max-width: 992px) { .rezerv-form .row { width: 100%; }
  .rezerv-form .head { width: 100%; }
  .rezerv-form .box { height: auto; width: 100%; }
  .rezerv-form .box .calendar { width: 100%; margin: 0 0 10px 0; }
  .rezerv-form .box .selecter { width: 100%; margin: 0 0 10px 0; }
  .social { display: none; }
  .article .article-head .font-size { display: none; } }
@media (max-width: 960px) { a.close-article { z-index: 20; right: 0; left: inherit !important; }
  .article { min-width: 100%; }
  .article .article-content .room-gallery { padding: 0; }
  .article .article-content .room-gallery .slide-pager li { margin: 10px 19px 0 0; }
  .article .article-content .room-detail { height: auto; padding: 0 0 0 25px; }
  .article .article-content .room-detail .room-detail-head .price { width: 100%; margin: 10px 0 0 0; text-align: center; }
  .article .article-content .room-detail .options .form-box { float: left; margin: 10px 0 0 0; }
  .article .article-content .room-detail .options .form-box .m-checkbox { float: left; margin: 0 10px 10px 0; }
  .article .article-content .room-detail .options .form-box .m-checkbox label { width: auto; }
  .article .article-content .room-detail .options .form-box .m-checkbox a { float: left; margin: 0 10px 0 0; }
  .article .article-content .article-detail > ul > li { width: 90%; } }
@media (max-width: 768px) { .services .service-slide .slide-text { position: relative; background: #756863; }
  .services .service-slide .owl-controls { display: none !important; }
  .edit-form .edit-boxes { padding: 10px 0; }
  .edit-form .edit-boxes .inp-group { padding: 0 0 10px; }
  .article .article-content .room-detail { padding: 0 !important; } }
@media (max-width: 480px) { a.close-article { margin: 0; }
  .gallery.sertifika .item { width: 50%; margin: 0 0 10px 0; }
  .new-list .item .image { width: 100%; }
  .new-list .item .image .resim-att { width: 100%; height: 150px; position: relative; float: left; padding: 0; text-align: center; }
  .new-list .item .image .resim-att .resim-att-pre { width: 100%; height: 150px; position: relative; cursor: pointer; }
  .new-list .item .image .resim-att .resim-att-pre .resim-thumb { width: 100%; height: 150px; display: block; position: absolute; top: 0; left: 0; margin: 0 auto; overflow: hidden; max-width: 100%; max-height: 100%; }
  .new-list .item .image .resim-att .resim-att-pre .resim-thumb .resim-centered { width: 100%; height: 150px; position: absolute; top: 0; left: 0; -webkit-transform: translate(50%, 50%); -moz-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); -o-transform: translate(50%, 50%); transform: translate(50%, 50%); }
  .new-list .item .image .resim-thumb .resim-centered img { position: absolute; top: 0; left: 0; width: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
  .new-list .item .image img { width: 100% !important; } }
@media (max-width: 460px) { .aktiviteler .item .text { float: left; margin-top: 15px; }
  .aktiviteler .item .text a.more { position: relative; } }

  .list-style {}
	.list-style li {margin:0 0 0 20px !important;list-style-type:disc !important; overflow: inherit !important;}
	
	/* dowlandArea */
.dowlandArea{font-size: 16px; color: #816f6f; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.dowlandArea ul{ width: 100%; float: left;}
.dowlandArea ul li{ width: 100%; float: left; margin: 10px 0 0 0;}
.dowlandArea ul li a{float: left; font-size: 16px; color: #6f6f6f; }
.dowlandArea ul li a:hover{color: #6f6f6f; }
.dowlandArea ul li .icon{ float: left; margin: 0 10px 0 0;}


/* listStyle */
.listStyle{font-size: 16px; color: #6f6f6f; line-height: 20px; float: left; width: 100%; margin: 0 0 20px 0;}
.listStyle ul{ width: 100%; float: left;}
.listStyle ul li{ width: 100%; float: left; margin: 10px 0 0 0;}

.fancybox-inner { overflow:hidden !important; }


@media (min-width: 992px) and (max-width: 1840px) {
	.home-page .left-col { margin-left: 51px; }
}

.tripadvisor {
display:block;position:absolute;right:70px;top:70px;z-index:999
}
@media only screen and (max-width: 610px) { 
.tripadvisor { top:2px;right:2px}
.tripadvisor img {width:76px}
}