@charset "UTF-8";
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }



/* --- PRELOADER --- */
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #202020; z-index: 99999; }
#status { width: 450px; height: 25px; position: absolute; left: 50%; top: 50%; margin: -12.5px 0 0 -225px; }



/* --- GENERAL --- */
body { background-color: #202020; color: #fff; font-family: "ProximaNova", "Helvetica Neue", Helvetica, sans-serif; font-weight: 300; font-size: 17px; line-height: 1.52; }

a,
a:hover,
a:focus,
a:active,
a.active { font-weight: bold; outline: 0; text-decoration: none; border-box; outline: none !important; }
a:hover {  }
a.white:hover { color: #E21C8E; }

.white { color: #fff; }
.gray { color: #343434; }
.pink, .primary, .highlight { color: #E21C8E; }

h1, h2, h3, h4, h5, h6 { font-family: "Gotham"; font-weight: 400; color: #444; line-height: 1.25; margin-top: 0; margin-bottom: 0.5em; -webkit-font-smoothing: antialiased; }
h1 { font-size: 48px; letter-spacing: -1px; }
h2 { font-size: 38px; letter-spacing: -0.5px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }

p, ul, ol, dl, .btn { letter-spacing: normal; }
div p:last-child { margin-bottom: 0; }

.lead { font-weight: 200; }
.light { font-weight: 300; }
.regular { font-weight: 400; }
.semibold { font-weight: 500; }
.bold, b, strong { font-weight: 600; }

.gotham { font-family: "Gotham"; }
.montserrat { font-family: "Montserrat"; }
.proxima-nova { font-family: "ProximaNova"; }
.breve { font-family: "BreveDisplay-Regular"; }

hr { border-color: #fff; margin: 20px 0; border-style: solid; }

.uppercase { text-transform: uppercase; letter-spacing: 1px; }
.underline { text-decoration: none; border-bottom: 2px solid #fff; display: inline-block; }
.text-muted { opacity: 0.8; }
.shadow { text-shadow: 0 1px 2px rgba(0,0,0,0.2); }

.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-padding { padding: 0 !important; }
.no-padding-top { padding-top: 0 !important; }
.no-padding-bottom { padding-bottom: 0 !important; }
.mb-15 { margin-bottom: 15px !important; }	.mt-15 { margin-top: 15px !important; }
.mb-30 { margin-bottom: 30px !important; }	.mt-30 { margin-top: 30px !important; }
.mb-50 { margin-bottom: 50px !important; }	.mt-50 { margin-top: 50px !important; }
.pb-15 { padding-bottom: 15px !important; }	.pt-15 { padding-top: 15px !important; }
.pb-30 { padding-bottom: 30px !important; }	.pt-30 { padding-top: 30px !important; }
.pb-50 { padding-bottom: 50px !important; }	.pt-50 { padding-top: 50px !important; }

.clearfix { clear: both; }
.sep { margin-left: 5px; margin-right: 5px; }
pre { border: none; background: #4a4a4a; color: #999; margin: 30px auto; }
.text-center .img-responsive { margin-left: auto; margin-right: auto; }
address { line-height: 1.6; }
.well { box-shadow: none; }

figure { margin: 0 auto 30px auto; display: block; }
figcaption { font-size: 13px; color: #999; text-align: center; margin-top: 4px; }
.imgleft { float: left; margin: 0 1.5em 1.5em 0; }
.imgright { float: right; margin: 0 0 1.5em 1.5em; }




/* --- HEADER --- */
/* Navbar */
.navbar-static-top { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; box-shadow: none; }
.navbar-inverse { background-color: transparent; border: none; height: 75px; }
.navbar, .navbar-header { height: 75px; }
.navbar-brand { padding-top: 30px; }
.navbar-brand .logo { display: block; }
.navbar-brand .logo-inverse { display: none; }
.navbar-header.navbar-solo { position: absolute; left: 50%; margin-left: -85px !important; display: block; }
.navbar-header.navbar-solo .navbar-brand { margin: 0 !important; }

#navbar .navbar-right { margin-right: 0; }
#navbar .nav li a { color: #fff; letter-spacing: 1px; text-transform: uppercase; font-family: "ProximaNova"; font-weight: 500; border-bottom: 5px solid transparent; font-size: 13px; padding: 38px 1.5em 15px 1.5em; }
#navbar .nav li a:hover { color: #fff; }
#navbar .nav li.active a { background: transparent; color: #E21C8E; }
#navbar .nav li .btn-group { margin-top: 28px; }
#navbar .nav li .btn-group .btn { padding-left: 15px; padding-right: 15px; margin-bottom: 10px; }
#navbar .nav li .btn-group.open .btn { background: #E21C8E; border-color: #E21C8E !important; color: #fff; box-shadow: none; }
#navbar .nav li .dropdown-menu { background: #fff;  box-shadow: none; border: 1px solid #343434; border-radius: 0; }
#navbar .nav li .dropdown-menu li a { padding: 15px 1.5em 5px 1.5em; color:#E21C8E; }
#navbar .nav li .dropdown-menu li a:hover { color: #E21C8E; background-color: #eee; }
#navbar .nav li .dropdown-menu li.active a:hover { background-color: #fff; color: #E21C8E; }

	/* Navbar Inverse */
	.header-inverse .navbar-brand .logo { display: none; }
	.header-inverse .navbar-brand .logo-inverse { display: block; }
	.header-inverse #navbar .nav li a { color: #343434; }
	.header-inverse #navbar .nav li a:hover { color: #E21C8E; }
	.header-inverse .btn { border-color: #343434; }
	.header-inverse .btn:hover { color: #fff !important; }
	.header-inverse #navbar .nav li .btn-group .btn { color: #343434; }
	.header-inverse #navbar .nav li .btn-group.open .btn { color: #fff; border-color:#E21C8E; }
	.header-inverse #navbar .nav li .dropdown-menu { background: #fff; border: 1px solid #343434; }
	.header-inverse #navbar .nav li .dropdown-menu li a:hover { color: #E21C8E; background-color: #eee; }

/* Heros */
#header { background-color: #111; padding: 0; position: relative; overflow: hidden; }
#header h1 { margin: 22px 0; }
#header p { margin: 22px 0; font-size: 24px; line-height: 1.25; }
#header #scroll-down { position: absolute; bottom: 125px; left: 0; width: 100%; text-align: center; z-index: 9; display: block; height: 40px; }
#header #select-location { color: #fff; font-size: 16px; font-weight: 400; font-family: "Gotham"; }
#header .clearfix { height:40px; }




/* --- COMMON ELEMENTS --- */
main { overflow: hidden; }
section { padding: 30px 0; position: relative; }
section.mt { margin-top: 30px; }
section.mb { margin-bottom: 30px; }
.row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.fullscreen { height: 100vh; }
.cover { background-repeat: no-repeat; background-position: center center; background-size: cover; }

/* Section Colors */
.section-white { background-color: #fff; }
.section-gray { background-color: #f9f9f9; }
.section-dark { background-color: #202020; }
.section-pattern { background-image: url(../img/bg-pattern.jpg);  background-size: 1440px 675px; background-repeat: repeat; }
.section-pattern-big { background-image: url(../img/bg-pattern-big.jpg); }

/* Vertical Centered */
.vertical-align { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: 9; }

/* Boxed */
.boxed { padding: 0; }
.boxed .col-sm-6 { padding: 0; }
.boxed .boxed-img { position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; }
.boxed .boxed-text { padding: 40px 80px; display: block; }
.boxed .boxed-text h2 { margin-bottom: 10px; }
.boxed .boxed-text ul { margin: 0 0 20px 0; line-height: 1.5; }
.boxed .boxed-text ul li { margin: 0 0 8px 0; }
.boxed .boxed-text p { margin-bottom: 20px; }

/* Carousel Heros */
.carousel .item { background: #202020; padding: 0; margin: 0; height: 100%; }
.carousel .item img { height: 100vh !important; width: 100vw !important; display: block; object-fit: cover; }
.transition-timer-carousel-progress-bar { height: 2px; background-color: #E21C8E; width: 0%; margin: 0px 0px 0px 0px; border: none; z-index: 111; position: absolute; bottom: 0; }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

/* Well */
.well { box-shadow: none; border: none; border-radius: 0; background-color: #fff; color: #343434; position: relative; }

/* Panels */
.panel { border-radius: 0; box-shadow: none; }
.panel-default { border: none; color: #333; }
.flexbox { display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; }
.panel-default .panel-image { width: 50%; display: block; float: left; flex: 1; background-color: #58585a; }
.panel-default .panel-body { width: 50%; display: block; float: left; flex: 1; position: relative; margin: 0; padding: 0; }
.panel-default .panel-body .inner { padding: 20px 15px; }
.panel-left .panel-body:before { content: ""; position: absolute; top: 30px; right: -13px; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #fff; }
.panel-right .panel-body:before { content: ""; position: absolute; top: 30px; left: -13px; display: block; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid #fff; }

/* Owl Carousel */
.owl-prev, .owl-next { display: none; }
.owl-dots { position: absolute; bottom: 20px; width: 100%; text-align:center; -webkit-tap-highlight-color: transparent; }
.owl-dots .owl-dot { display: inline-block; zoom: 1; }
.owl-dots .owl-dot span { width: 14px; height: 14px; margin: 5px 7px; background: rgba(255,255,255,0.65); display:block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px }
.owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span { background: #E21C8E; }

/* Tabs */
.nav-tabs { border: 1px solid transparent; margin: 0; }
.nav-tabs > li > a { color: #343434; border: none; padding: 0 5px; margin-right: 15px; font-weight: 500 !important; }
.nav-tabs > li > a:hover { color: #333; }
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { background-color: transparent; }
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover { color: #E21C8E; background-color: transparent; border: none; }
.tab-content { padding-top: 30px; padding-bottom: 30px; }





/* --- INTRO --- */
#header .card-intro { border: 1px solid #fff; padding: 64px 15px; }
#header .card-intro h2 { margin: 12px 0; }
#header .card-intro p { font-size: 15px; margin: 0; }
#header .card-intro hr { border-color: #fff; margin: 15px auto 30px auto; width: 130px; }
#header .card-intro .btn { padding: 8px 20px; margin: 0; width: 50%; }

#social-news .banner { margin-bottom: 10px; }
#social-news .owl-carousel { margin-bottom: 9px; }
#social-news .panel { font-size: 14px; line-height: 1.3; margin-bottom: 10px; }
#social-news .panel h5 { font-size: 12px; font-weight: 500; }
#social-news .panel .title { font-family: "BebasNeue"; font-weight: 600; line-height: 1.1; font-size: 25px; }
#social-news .panel .metadata { position: absolute; left: 15px; bottom: 10px; }
#social-news .panel .metadata ul { color: #999; font-size: 11px; text-transform: uppercase; letter-spacing: 0.25px; }




/* --- CITY --- */
/* Hero */
#header.city .transition-timer-carousel-progress-bar { bottom: auto; top: 0; }
#header.city:after { content: ""; width: 36px; height: 36px; display: block; background: #202020; position: absolute; bottom: -22px; left: 50%; margin-left: -18px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

/* Intro */
#intro { padding: 70px 0; }

/* Photo Slides */
.img-cover img.back-img { height: 80vh; width: 100vw !important; display: block; object-fit: cover; }
.gold-brush-01 { background: url(../img/gold-brush-01.png) no-repeat left top; background-size: cover; width: 817px; height: 110px; margin: 0 auto; overflow: hidden; padding: 20px; color: #444; }
.gold-brush-02 { background: url(../img/gold-brush-02.png) no-repeat left top; background-size: cover; width: 640px; height: 117px; margin: 0 auto; overflow: hidden; padding: 20px; color: #444; }
.gold-brush-01 .underlined,
.gold-brush-02 .underlined { border-bottom: 2px solid rgba(0,0,0,0.2); display: inline; }

/* The Concept */
#concept img { height: 560px !important; width: auto!important; }
#slider-concept .item { position: relative; }
#slider-concept .item:after { position: absolute; top: 25px; left: 30px; width: 51px; height: 61px; content: ""; background: url(../img/concept-icon.png) no-repeat left top; background-size: cover; }

/* Newsletter */
#newsletter { padding: 100px 0; }
#newsletter .form-inline .form-group { float: left; margin-left: 0; width: 36% !important; }
#newsletter .form-inline .form-group .form-control { width: 100% !important; border-right-color: #f9f9f9; }
#newsletter .form-inline .form-group .form-control:focus { border-right-color: #E21C8E; }
#newsletter .form-inline .btn { width: 28%; }
#newsletter input.form-control,
#newsletter textarea.form-control { padding: 24px 15px; }

/* Booking */
#booking { padding: 100px 0; padding-bottom: 20px;}
#booking .phone { border: 1px solid #dcdcdc; font-size: 24px; padding: 10px 30px; display: inline; margin: 0; }
/*#booking iframe { position: absolute; z-index: 200; left: 0px; top: 180px;}
iframe .ot-title { display: none!important;}
input.ot-button.ot-dtp-picker-button.en{ box-shadow: #E21C8E; background-color: #E21C8E; }*/

/* Events */
#events img.back-img { height: 48vh; }

/* Menu */
#menu { padding: 100px 0; background-image: url(../img/bg-menu.jpg); }
#menu img { margin-bottom: -30px; }
#menu a { color: #fff; border-bottom: 2px solid #fff; font-size: 24px; font-weight: 500; font-family: "Gotham"; }
#menu a:hover { color: #E21C8E; border-bottom: 2px solid #E21C8E; }

/* Team */
#team { padding: 100px 0; }
#team a { z-index: 5; }
#team .card-team { position: relative; margin-bottom: 30px; }
#team .card-team p { margin: 0; }
#team .card-team .card-name { position: absolute; bottom: 40px; left: 40px; z-index: 3; font-size: 13px; }
#team .card-team .card-name-mini { position: absolute; bottom: 30px; left: 30px; z-index: 3; font-size: 13px; }
#team a .card-big:after { content: ""; position: absolute; border: 4px solid #fff; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 3; }
#team a .card-mini:after { content: ""; position: absolute; border: 2px solid #fff; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: 3; }
.team-text { color: #343434; text-align: left; }
.team-text p { line-height: 1.72; }

/* Contact */
#contact { overflow: hidden; }
#contact #map { height: 80vh; background: #111; z-index: 1; }
#contact .well { padding: 3em 5em; }
#contact .well:after { content: ""; position: absolute; border: 4px solid #343434; top: 15px; left: 15px; bottom: 15px; right: 15px; z-index: -1; }
#contact a { font-weight: 300!important; }

/* Press */
#press { padding-top: 60px; }
#tab-content-press .item { margin-bottom: 30px; min-height: 320px; }
#tab-content-press .item img { margin-bottom: 15px; }
#tab-content-press .item p { line-height: 1.5; }





/* --- DINING --- */
#dining { padding: 140px 0 100px 0; color: #343434; }






/* --- FOOTER --- */
/* Go to top */
#go-to-top { position: absolute; bottom: 50px; right:50px; width: auto; }
#go-to-top a span { width: 40px; height: 40px; border: 1.5px solid #fff; display: block; text-align: center; line-height: 40px; }
#go-to-top a span i { color: #fff; }
#go-to-top a:hover span { opacity: 0.6; }

/* Prefooter */
#prefooter { margin-bottom: 0; position: relative; padding: 50px 0; font-size: 14px; }
#prefooter ul { margin: 50px 0 30px 0; }
#prefooter ul li.sep { position: relative; }
#prefooter ul li.sep:after { content: ""; width: 1px; height: 34px; display: block; background: rgba(255,255,255,0.1); position: absolute; left: 3px; top: -20px; }
#prefooter .list-social a { color: #fff; font-size: 2em; padding: 2px 10px; }
#prefooter .list-social a:hover { color: #E21C8E; border-color: #E21C8E; }
#prefooter a { font-weight: 300!important; }

/* Footer */
#footer { background-color: #1b1b1b; padding: 20px 0; color: #444; font-size: 13px; }
#footer .footer-copyright .list-inline { padding-top: 6px; margin: 0; }
#footer .footer-copyright .list-inline li { padding-right: 20px; }
#footer .footer-social .list-inline li { padding-right: 0; padding-left: 20px; }
#footer a { color: #555; font-weight: 300!important;}
#footer a:hover { color:#fff; }






/* --- NEWSLETTER BANNER & MODAL --- */
#banner-newsletter { position: fixed; bottom: 0px; right: 50px; background: #111 url(../img/bg-register.jpg) no-repeat left top; background-size: cover; width: 300px; height: 200px; padding: 20px; z-index: 99; }
#banner-newsletter #banner-newsletter-body { padding: 15px 30px; border: 2px solid #fff; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; }
#banner-newsletter #banner-newsletter-body p { font-size: 15px; line-height: 1.3; }
#banner-newsletter #banner-newsletter-body p.uppercase { font-size: 12px; }
#banner-newsletter #banner-newsletter-body hr { margin: 10px auto; width: 45px; }
#banner-newsletter a #banner-newsletter-body p { color: #fff; }
#banner-newsletter .close-banner { position: absolute; z-index: +1; width: 30px; height: 30px; top: -15px; right: -15px; background: #111; padding-top: 1px; font-size: 1.5em; text-align: center; cursor: pointer; border-radius: 10em; }
#banner-newsletter .close-banner:hover { background: #E21C8E; }

/* Modal Newsletter */
#modal-newsletter { background: red url(../img/bg-register.jpg) no-repeat left top; background-size: cover; padding: 20px; height: 350px; }
#modal-newsletter .modal-body { padding: 30px 80px; border: 2px solid #fff; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; }
#modal-newsletter .modal-body p { line-height: 1.3; }






/* --- FORMS AND BUTTONS --- */
/* Forms */
label, p.label { font-weight: 300; padding: 0; }
input.form-control,
textarea.form-control { box-shadow: none; border-radius: 0; border: 1px solid #c2c2c2; background-color: #fff; -webkit-appearance: none; }
input.form-control:focus,
textarea.form-control:focus { background-color: #fff; box-shadow: none; border-color: #E21C8E; color: #444; }

/* Buttons */
.btn { font-family: "ProximaNova"; border-radius: 0; border: none; font-size: 14px; padding: 8px 30px; font-weight: 400; text-transform: uppercase; letter-spacing:1px; }
.btn-sm { font-size: 11px; padding: 5px 12px 4px 12px; }
.btn-lg { font-size: 14px; padding: 15px 32px; }
.btn-primary { border: 1px solid #E21C8E; background-color: #E21C8E; }
.btn-primary:hover { background-color: #444; color: #fff; border-color: #444; }
.btn-default { background: transparent; border: 1px solid #fff; color: #fff; }
.btn-default:hover { border-color: #E21C8E; color: #fff; background-color: #E21C8E; }





/* ------------- OTHERS ------------- */
/* --- Animations --- */
a, a img, input, textarea, button, .close-modal, .close-banner, a span, a .card-big:after, a .card-mini:after, img { -moz-transition: all linear 0.15s; -webkit-transition: all linear 0.15s; transition: all linear 0.15s; }

/* --- Text Selection --- */
::-moz-selection { text-shadow: none; background: #E21C8E; color: #fff; }
::selection { text-shadow: none; background: #E21C8E; color: #fff; }
img::selection { background: 0 0; }
img::-moz-selection { background: 0 0; }

/* --- Modal Windows --- */
body.modal-open { overflow: hidden !important; }

/* Modal Fullscreen */
.modal-fullscreen .modal-content { padding: 80px 0; min-height: 100%; height: 100%; border: 0; border-radius: 0; text-align: center; background-clip: border-box; -webkit-box-shadow: none; box-shadow: none; background: rgba(0,0,0,0.5); overflow-y: scroll; }
.modal-fullscreen .modal-content .modal-body { margin: 40px 0; }
.modal .close-modal { position: absolute; top: 25px; right: 25px; width: 50px; height: 50px; background-color: transparent; cursor: pointer; }
.modal .close-modal:hover { opacity: 0.5; }
.modal .close-modal .lr { z-index: 1051; width: 1px; height: 50px; margin-left: 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #666; }
.modal .close-modal .lr .rl { z-index: 1052; width: 1px; height: 50px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #777; }
.modal .modal-content.modal-light { padding: 40px 10px; background: rgba(255,255,255,0.95); height:100%; }

/* Modal Vertical Center */
.modal .modal-content { border-radius: 0; border: none; }
.modal-va .close { position: absolute; top: 24px; right:30px; color: #fff; opacity: 0.8; z-index: +1; text-shadow: none; font-size: 2em; }
.modal-va .close:hover { opacity: 1; }
.modal-va { text-align: center; padding: 0!important; }
.modal-va::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal-va .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }

.bootbox-body { color:#333;font-weight: 400;}