@import url("../fonts/stylesheet.css");
* { outline: 0 !important; }
*:before, *:after { outline: 0 !important; }
img { width: 100% \9; max-width: 100%; height: auto; }
.no-padding { padding-left: 0; padding-right: 0; }
.no-right-padding {padding-right:0}
.no-left-padding {padding-left:0}
.full-height { height: 100%; }
.full-width { width: 100%; }
.form-control { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; }
textarea.form-control { resize: vertical; height: 100px; }
body { font-family: "Titillium Web", sans-serif; font-size:16px; background-color: #fff; }
.social-icon {	color: #f0f0f0;	font-size: 14px;	font-family: "Titillium Web", sans-serif;}
.form-control:focus { box-shadow: none; -webkit-box-shadow: none; }

.toolbar { background-color: #374A5E; color: #fff; font-size: 13px; font-weight: 500; padding: 5px 0; }
.toolbar a { color: #fff; font-size: 13px; text-decoration: none; }
.toolbar .tools { text-align: right; }
.toolbar .tools .call { display: inline-block; float: right; margin-right: 30px; }
.toolbar .tools .whatsapp { display: inline-block; float: right; margin-right: 30px; }
.toolbar .tools .language { display: inline-block; float: right; }

.header { background-image: url(../img/header_bg.png); background-color: #bbbbbb; background-size: cover; background-repeat: no-repeat; background-position: top center; border-bottom: 5px solid #d8b875; -webkit-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5);box-shadow: 0px 5px 3px 0px rgba(0,0,0,0.5); z-index: 2; }
.header > .container { position: relative; }
.header a { text-decoration: none; position: relative; }
.header .logo { margin-top: 5px; margin-bottom: 5px; display: inline-block; z-index: 8; }
.header .card { color: #bfffff; font-size: 13px; font-weight: 500; display: inline-block; }
.header .phone { color: #fff; font-size: 22px; font-weight: 500; display: inline-block; }
.header .phone:hover { text-decoration: none; }
.header .contact-box .reservation-btn { border-radius: 5px; font-size: 14px; }
.header .card-box .pay-btn { border-radius: 10px; font-size: 12px; }
#navbar > ul > li > a { font-family: "Titillium Web"; font-weight: 700 !important; letter-spacing: 2px; }

.slider { height: 600px; width: 100%; position: relative; }
.slider .swiper-slide { background-repeat: no-repeat; background-size: cover; background-position: top center; }

.reservation { background: rgba(221, 192, 130, 0.8); padding: 14px 0; }
.reservation ul { margin-bottom: 0; }
.reservation .date-picker::-webkit-input-placeholder { color: #fff; }
.reservation .date-picker::-moz-placeholder { color: #fff; }
.reservation .form-control { background-color: #ddc082; border: 1px solid #fff; color: #fff; padding: 7px 9px; border-radius: 2px; border-right: 0; }
.reservation select { border-right: 0px solid #fff !important; }
.reservation select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.reservation .input-group .input-group-addon { background: none; border-left: 1px solid #ddd; border-color: #fff; color: #fff; background-color: #ddc082; width: 50px; }
.reservation .input-group .input-group-addon.clickable { pointer-events:none; }
.reservation .input-group .input-group-addon.clickable .glyphicon { font-size: 10px; }
.reservation .btn-marlight { background-color: #ddc082; color: #fff; border-radius: 0; }
.reservation .btn-marlight .fa { color: #777; font-size: 16px; }

.placeholder-fff::-webkit-input-placeholder { color: white !important; }
.placeholder-fff:-moz-placeholder { color: white !important; }
.placeholder-fff::-moz-placeholder { color: white !important; }
.placeholder-fff:-ms-input-placeholder { color: white !important; }

.flex-list{ display: flex; }
.flex-list .flex-item { flex-grow: 1; min-width: 18rem; }
.flex-list .flex-item >* { width: 100%; }

.s-padd { padding-top: 50px; padding-bottom: 50px; }
.about .page-header { border-bottom: 0; margin-top: 0; margin-bottom: 15px; line-height: 28px; padding-bottom: 0; }
.about h1 { font-size: 22px; color: #ad6e13; font-weight: 600; }
.about h2 { font-size: 18px; color: #ad6e13; }
.about h3 { font-size: 16px; color: #0c2b40; }
.about .marlight-image { border: 5px solid #666; }
.about .cam-title { color: #1e689a; }
.about .marlight img { display: inline-block; }

section.rooms { background-color: #eeeeee; }
.rooms > .container { position: relative; }
.rooms .page-header { margin-top: 0; margin-bottom: 5px; font-size: 24px; text-align: center; font-weight: 700; border-bottom: 0; }
.rooms .subtitle { margin-bottom: 20px; }
.rooms blockquote { border-left: 0; background-color: #f6f6f6; margin-top: 25px; font-size: 14px; color: #666666; }
.rooms .ss-next { right: -25px; }
.rooms .ss-prev { left: -25px; }
.rooms .item-title { font-size: 22px; color: #000; font-weight: 600; margin-top: 15px; }
.rooms .item-image a { display: block; position: relative; }
.rooms .fa { position: absolute; right: 10px; top: 10px; color: #fff; font-size: 24px;  }

.rooms .item { position: relative; display: block; margin-bottom: 30px; }
.rooms .item .item-title { background:url("../img/transparent-black.png"); position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 7px 5px; font-size: 18px; }


.services .page-header { margin-top: 0; margin-bottom: 25px; font-size: 24px; text-align: center; font-weight: 700; border-bottom: 0; }
.services .swiper-slide .services-title { color: #212121; font-size: 20px; font-weight: 700; margin-top: 15px; text-align: center; }
.services .swiper-slide a { display: block; text-align: center; }
.services .swiper-slide a:hover { text-decoration: none; }



.gallery { background-color: #fff; }
.gallery .page-header { margin-top: 0; margin-bottom: 25px; font-size: 24px; text-align: center; font-weight: 700; border-bottom: 0; }
.gallery .filter-button-group { text-align: center; margin-bottom: 30px; }
.gallery .filter-button-group ul li a { color: #02111E; font-size: 14px; font-weight: 600; }
.gallery .filter-button-group ul li a.active { color: #3F6E94; text-decoration: underline; }
.gallery .grid .grid-item { position: relative; display: block; margin-bottom: 30px; }
.gallery .grid .grid-item .item-title { background:url("../img/transparent-black.png"); position: absolute; left: 0; bottom: 0; right: 0; color: #fff; padding: 7px 5px; font-size: 13px; }

.footer-top { background-color: #293e54; padding: 15px 0; }
.footer-top .contact-box .call, .footer-top .contact-box .phone { color: #fff; font-size: 18px; }
.footer-top .contact-box .call:hover, .footer-top .contact-box .phone:hover { text-decoration: none; }
.footer-top ul { margin-bottom: 0; }
.footer-top .contact-box li { margin-right: 50px; }
.footer-top .contact-box li:last-child { margin-right: 0; }

.footer-top .form-horizontal label { color: #dcebf8; width: 220px; font-size: 14px; }
.footer-top .form-horizontal .form-group { margin-bottom: 0; }
.footer-top .form-horizontal .input-group { width: 250px; }

.footer { background-color: #1e2e3e; padding: 15px; }
.footer .sitemap { margin: 15px 0; }
.footer .sitemap li:first-child { margin-left: 0; padding-left: 0; }
.footer .sitemap li a { color: #f0f0f0; font-size: 14px; }
.footer .sitemap li a:hover { text-decoration: none; }
.footer .copyright p { color: #f0f0f0; font-size: 12px; margin: 15px 0; }
.footer .footer-address p { color: #f0f0f0; font-size: 12px; margin: 15px 0; text-align: right; }
.footer .social-widget { text-align: right; margin-top: 15px; }
.footer .social  { display: inline-block; }
.footer .social li { color: #fff; font-size: 13px; }
.footer .social a { display: inline-block; width: 30px; height: 30px; padding-top: 5px; text-align: center; background-color: #3c5b9b; border-radius: 2px; color: #fff; }

.dropdown-menu.mega h6 { font-size: 18px; color: #333; margin-top: 10px; font-weight: 400; }
.dropdown-menu.mega .widget-image .title  { color: #333; font-size: 15px; font-weight: 500; margin-top: 10px; }
.dropdown-menu.mega .widget-image .desc  { color: #333; font-size: 13px; font-weight: 400; margin-top: 10px; }
.dropdown-menu.mega .mega-menu-footer { background-color: #eeeeee; margin-top: 15px; padding: 10px 0; }
.dropdown-menu.mega .mega-menu-footer .btn { font-size: 13px; }

.dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul { margin-top: 15px; }
.dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul li { margin-bottom: 12px; padding-right: 15px; text-align: right; position: relative; }
.dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul li.active:before { content:""; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #fff; position: absolute; right: -15px; }

.cont { position: relative; }
.cont:before { position: absolute; content: ""; background: rgba(0,0,0,0.3); top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.cont .menu-title { position: absolute; z-index: 3; left: 0; top: 0; width: 100%; text-align: center; margin-top: 25%; font-family: "Titillium Web"; font-size: 38px; color: #fff; }
.hover-menu.active { color: #333; }

.nav-section { padding-top: 15px; padding-bottom: 15px; }
.nav-section .breadcrumb { text-align: right; background-color: transparent; margin-bottom: 0; }
.nav-section .breadcrumb li a, .nav-section .breadcrumb li { font-size: 13px; color: #222; }
.nav-section .breadcrumb li.active { color: #666; }


.page { margin-bottom: 30px; }
.page .content { background-color: #f7f7f7; border: 1px solid #dbdbea; padding: 30px; }
.page .page-text { margin: 25px 0 15px 0; }

.page .content.about { padding: 10px 30px 30px 30px; }

.page .sidebar { padding: 0 15px; background-color: #F7F7F7; height: 100%; border: 1px solid #dbdbea; }
.page .sidebar .page-header { border-bottom: 0; text-align: left; margin-top: 0; padding-top: 15px; font-weight: 600; color: #222222; }
.page .sidebar ul li { margin-bottom: 15px; }
.page .sidebar ul li a { border-bottom: 1px solid #575747; display: block; padding-bottom: 5px; color: #575747; position: relative; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.page .sidebar ul li a:active { text-decoration: none; }
.page .sidebar ul li a:hover { text-decoration: none; padding-left: 15px; color: #D90000; }
.page .sidebar ul li a:hover:before { content:"\f054"; font-family: "FontAwesome"; font-size: 13px; position: absolute; left: 0; top: 2px; color: #D90000; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.page .sidebar ul li.active a { padding-left: 15px; color: #D90000; }
.page .sidebar ul li.active a:before { content:"\f054"; font-family: "FontAwesome"; font-size: 13px; position: absolute; left: 0; top: 2px; color: #D90000; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }

.page .content .page-title { font-weight: 700; font-size: 22px; margin-top: 0; margin-bottom: 15px; }

.room-slider { height: 480px; width: 100%; }
.room-slider .swiper-slide { background-size: cover; background-position: top center; }
.room-slider:hover .swiper-button-next,
.room-slider:hover .swiper-button-prev { display: block; }
.room-slider .swiper-button-next, 
.room-slider .swiper-button-prev { background-color: #fff; width: 38px; height: 38px; text-align: center; padding-top: 8px; display: none; }
.room-slider .swiper-button-next:before { content: "\f054"; color: #ac6d13; font-family: "FontAwesome"; display: inline-block; }
.room-slider .swiper-button-prev:before { content: "\f053"; color: #ac6d13; font-family: "FontAwesome"; display: inline-block; }

.page .room-page .room-heading .room-type h1 { font-size: 20px; font-weight: 600; color: #ac6d13; margin-top: 0; margin-bottom: 0; }
.page .room-page .room-heading .room-specs h2 { font-size: 18px; color: #333; margin-top: 15px; margin-bottom: 0; }
.page .room-page .room-heading .room-reservation { text-align: right; }
.page .btn-red { background-color: #D90000; border-radius: 5px; color: #fff; border: 0; font-size: 16px; font-weight: 500; padding: 10px 25px;  }
.page .btn-red:hover { background-color: #D90000; }
.page .room-page .room-heading { margin-top: 15px; }

.page .room-page .room-options h5 { font-weight: 600; font-size: 18px; }
.page .room-page .room-options { margin-top: 15px; padding-top: 15px; border-top: 1px solid #dbdbea; }
.page .room-page .room-options .options-title { color: #ac6d13; font-size: 18px; margin-bottom: 15px; }
.page .room-page .room-options ul li { position: relative; padding: 5px 0 5px 19px; font-size: 14px; }
.page .room-page .room-options ul li:before { position: absolute; content:"\f0c8"; font-family: "FontAwesome"; display: block; font-size: 11px; color: #ac6d13; left: 0; top: 7px; }

.reservation-form { margin-top: 30px; }
.reservation-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
.reservation-form .input-group { margin-bottom: 15px; }
.reservation-form .form-control { border-radius: 0; }
.reservation-form .input-group { width: 100%; }

.contact-page table td { border: 0 !important; }
.contact-page { height: 100%; }
.page .contact-map { margin-top: 30px; margin-bottom: 0; }


.typography p { color: #222; text-align: justify; }
.mb-30 { margin-bottom: 30px; }

.toolbar .call i { margin-left: 10px; margin-right: 10px; }
.toolbar .whatsapp i { margin-left: 10px; margin-right: 10px; }

@media only screen and (max-width : 1400px) {
    .slider { width: 100%; }
}

@media only screen and (min-width : 1200px) {
}

@media only screen and (min-width : 992px) {
    .navbar-right { margin-right: 0; }

    #nav { position: absolute; bottom: 0; left: 0; right: 0; margin-bottom: 0; width: 100%; }
    /*#nav .navbar-collapse { padding-left: 0; padding-right: 0; }*/
    .navbar-default { background: none; border: 0; margin-bottom: 0; }
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: #333; color: #fff; }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover  { background-color: #333; color: #fff; }
    #navbar > ul > li > a { color: #333; font-size: 16px; position: relative; }
    #navbar > ul > li.dropdown > a { padding-right: 40px; }
    #navbar > ul > li.dropdown > a:before { background-image: url(../img/dropdown-black.png); background-repeat: no-repeat; position: absolute; right: 15px; top: 20px; width: 12px; height: 8px; content: ""; display: block; } 
    #navbar > ul > li > a:hover, #navbar > ul > li > a:focus, #navbar > ul > li > a:active { background-color: #333; color: #fff !important; } 
    #navbar > ul > li > a:hover:before, #navbar > ul > li > a:focus:before, #navbar > ul > li > a:active:before, .navbar-default .navbar-nav > .open > a:focus:before, .navbar-default .navbar-nav > .open > a:focus:before, .navbar-default .navbar-nav > .open > a:hover:focus:before { background-image: url(../img/dropdown.png); background-repeat: no-repeat; } 
    #navbar .dropdown.open > a { color: #fff; }
    #navbar .dropdown.open > a:before { background-image: url(../img/dropdown.png); background-repeat: no-repeat; }
    #nav .about { margin-right: 50px; }
    #nav .services { margin-left: 50px; }

    .dropdown-menu.mega { border: 0; box-shadow: none; -webkit-box-shadow: none; border-radius: 0; border-top: 0 solid #dedede; min-width: 750px; padding: 15px; box-shadow: 0 6px 8px 0px #7f7f7f; -webkit-box-shadow: 0 6px 8px 0px #7f7f7f; }    

    .dropdown-menu.mega.with-sidebar { padding: 0; border-top: 0; }
    .dropdown-menu.mega.with-sidebar .left { float: left; width: 150px; }
    .dropdown-menu.mega.with-sidebar .right { float: right; width: 600px; }

    .about .marlight { text-align: center; }

    .pay-btn { margin-left: 30px; }
    .header .card { margin-top: 40px; }
    .header .contact-box { text-align: right; margin-top: 15px; }

    .navbar-collapse { padding-left: 0; padding-right: 0; }

    .eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

    .toolbar .tools .call a { position: relative; padding-left: 25px; }
    .toolbar .tools .call a:before { background-image: url(../img/phone.png); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 15px; height: 15px;  left: 0; top: 3px; display: block; position: absolute; content: "";  }
    .footer-top .phone { position: relative; padding-left: 30px; }
    .footer-top .phone:before { background-image: url(../img/phone.png); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 20px; height: 20px;  left: 0; top: 5px; display: block; position: absolute; content: "";  }

    .toolbar .tools .whatsapp a { position: relative; padding-left: 25px; }
    .toolbar .tools .whatsapp a:before { background-image: url(../img/whatsapp.png); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 20px; height: 20px;  left: 0; top: 0px; display: block; position: absolute; content: "";  }

}

@media only screen and (max-width : 991px) {
    .navbar-header{float:none}
    .navbar-toggle{display:block}
    .navbar-collapse{border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}
    .navbar-collapse.collapse{display:none!important}
    .navbar-nav{float:none!important;margin:7.5px -15px}
    .navbar-nav>li{float:none}
    .navbar-nav>li>a{padding-top:10px;padding-bottom:10px}
    .navbar-collapse.collapse.in{display:block!important}

    .slider { height: 400px; }
    .header .contact-box { text-align: center; }
    .header .card-box { text-align: center; }
    .navbar { min-height: 0; border: 0; }
    .navbar-nav { margin-top: 0; margin-bottom: 0; }
    .navbar-default { background-color: #03111E; }
    .navbar-default .navbar-collapse { border-color: transparent; box-shadow: none; -webkit-box-shadow: none; border-top: 0; }
    #navbar > ul > li > a { background-color: #021D35; color: #fff; border-bottom: 1px solid #042f55; }
    #navbar > ul > li > a:hover, #navbar > ul > li > a:focus, #navbar > ul > li > a:active { color: #fff; background-color: #03111E; border-bottom: 1px solid #03111E; } 
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover  { color: #fff; background-color: #03111E; border-bottom: 1px solid #03111E; }

    .navbar-default .navbar-nav > li:last-child > a { border-bottom: 0; }
    .card-area { text-align: center; }
    .navbar-toggle { margin: 0; border: 0; float: none; background-color: #D4B16B; padding: 10px; top: 2px; }
    .navbar-toggle .icon-bar { background-color: #fff; }

    .dropdown-menu.mega, .navbar-nav .open .dropdown-menu.mega { background-color: #fff; border-radius: 0; float: none !important; position: relative; text-align: center; }
    .dropdown-menu.mega .widget-image { margin-bottom: 15px; border-bottom: 1px solid #dedede; padding-bottom: 10px; }

    .flex-list { display: block; }
    .flex-list .flex-item { flex-grow: 0; min-width: 100%; }

    .about h1, .about h2, .about h3 { text-align: left; }
    .about .marlight { text-align: center; margin-top: 10px; }
    .about .marlight-image { display: inline-block; }

    .rooms .item { margin-bottom: 20px; }
    .rooms blockquote { text-align: justify; }
    .services .ss-next { right: 30px; display: none; }
    .services .ss-prev { left: 30px; display: none; }
    .services .swiper-slide { margin-bottom: 20px; }

    .visible-xs { display: inline-block !important; }

    .footer-top .contact-box li { display: block; text-align: center; margin-bottom: 20px; margin-right: 0 !important; }
    .footer-top { text-align: center; }
    .footer-top .form-horizontal .input-group { width: 100%; padding-left: 15px; padding-right: 15px; }

    .sitemap { display: none; }
    .footer .social-widget { text-align: center; }
    .header .contact-box .reservation-btn { font-size: 13px; }
    .footer .footer-address p { text-align: center; }

    .footer .copyright p { text-align: center; }
    .header .card-area { margin-top: 10px; margin-bottom: 10px; }

    .swiper-button-prev, .swiper-button-next { display: none; }

    .header .card { margin-top: 20px; }
    .header .contact-box { margin-top: 15px; }

    .dropdown-menu.mega.with-sidebar, .navbar-nav .open .dropdown-menu.mega.with-sidebar { padding-bottom: 0; }
    .dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul { margin-top: 5px; }
    .dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul li { margin-bottom: 12px; padding-right: 15px; text-align: center; position: relative; }
    .dropdown-menu.mega.with-sidebar .mega-menu-sidebar ul li.active:before { content:""; border-style: solid; border-width: 10px 0 10px 15px; border-color: transparent transparent transparent #fff; position: absolute; right: -15px; }

    .toolbar { font-size: 16px; }
    .toolbar a { font-size: 19px; }

    .toolbar .location { text-align: center; }
    .toolbar .tools { text-align: center; display: block; position: relative; }
    .toolbar .tools .language { float: none; position: absolute; right: 0; top: -3px; }
    .toolbar .tools .call { float: none; margin-right: 0;  }
    .toolbar .tools .whatsapp { float: none; margin-right: 0;  }

    .btn-marlight { margin-bottom: 5px; }

    .page .sidebar { margin-bottom: 15px; }
    .contact-page { margin-bottom: 30px; }

    .bn-left { display: none; }
    .mb-30 { margin-bottom: 0; }

    .page .sidebar ul li a { transition: none; -webkit-transition: none; -moz-transition: none; padding-left: 15px; }

    .toolbar .tools .call a { position: relative; padding-left: 30px; }
    .toolbar .tools .call a:before { background-image: url(../img/phone.png); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 20px; height: 20px;  left: 0; top: 5px; display: block; position: absolute; content: "";  }
    .footer-top .phone { position: relative; padding-left: 30px; }
    .footer-top .phone:before { background-image: url(../img/phone.png); background-repeat: no-repeat; background-size: cover; background-position: top center; width: 20px; height: 20px;  left: 0; top: 5px; display: block; position: absolute; content: "";  }

}

.whatsappicon{
    background-color: transparent;
    background-image: url(../img/whatsapp.png);
    background-repeat: no-repeat; 
    background-position: top center; 
    width: 20px !important; 
    height: 20px !important;
    display: block; 
    position: absolute; 
    content: "";
}
.sosyalikonlar li a{

    padding:8px 3px 3px 3px !important;
    text-align: center !important;
}
.sosyalikon{
    font-size: 22px !important;
}

.headerSmikon{
    font-size: 18px !important;
    margin-left:4px !important;
    padding-top:3px !important;
}

@media only screen and (max-width : 768px) {
    .slider { height: 300px; }
    .room-slider { height: 250px; }

}

@media only screen and (max-width : 480px) {
    .slider { height: 220px; }
    .room-slider { height: 200px; }

}

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

}