/* @import url("//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CRaleway:100,300,600,700,800"); */ @font-face { font-family: "UVNBaLe"; src: url("../fonts/UVNBaLe.ttf"); } @font-face { font-family: "SVN-Gilroy XLight"; src: url("../fonts/SVN-Gilroy Xlight.ttf"); } @font-face { font-family: "SVN-Gilroy Regular"; src: url("../fonts/SVN-Gilroy Regular.ttf"); } @font-face { font-family: "SVN-Gilroy SemiBold"; src: url("../fonts/SVN-Gilroy SemiBold.ttf"); } @font-face { font-family: "SVN-Gilroy Bold"; src: url("../fonts/SVN-Gilroy Bold.ttf"); } @keyframes londing1 { 0% { stroke-dashoffset: -900; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 900; } } @keyframes londing2 { 0% { stroke-dashoffset: 340; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: -340; } } @keyframes londing3 { 0% { stroke-dashoffset: -230; } 50% { stroke-dashoffset: 0; } 100% { stroke-dashoffset: 230; } } .btn-primary, .btn-primary:hover, .btn-primary:active:hover, .btn-primary:active, .btn-primary.active:focus { background-color: #bc9e74; border-color: #bc9e74; } .cover-skylounge { position: relative; overflow: hidden; margin: 0; background: #0b111f; height: 100%; } .cover-skylounge .slider { width: 100vw; -webkit-overflow-scrolling: touch; } .cover-skylounge .slider .section { display: block; width: 100vw; float: left; transition: 0.375s ease all; position: relative; } .cover-skylounge .slider .scroll { -webkit-transform: scale(0.7); transform: scale(0.7); } .cover-skylounge .slider .link { color: white; text-transform: uppercase; font-size: 14px; text-decoration: underline; } .cover-skylounge .slider .link-contact { color: white; text-transform: uppercase; font-size: 14px; text-decoration: underline; } .cover-skylounge .slider .box-layout-content { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .box-layout-content .content-box .header { color: #bc9e74; text-transform: uppercase; font-family: "UVNBaLe"; font-size: 24px; letter-spacing: 3px; } .cover-skylounge .slider .box-layout-content .content-box .caption { font-size: 14px; color: #ffffff; letter-spacing: 0.45px; } .cover-skylounge .slider .box-layout-content .content-box .description { color: white; height: 85%; overflow: auto; padding-right: 5px; text-align: justify; } .cover-skylounge .slider .snapshot { display: none; } .cover-skylounge .slider .box-layout-content .content-box { background: url("../images/us-frame.svg"), url("../images/pattern-2.jpg"); margin-top: unset; padding: 20px 50px; padding-right: 40px; padding-bottom: 30px; } @media (min-width: 768px) { .cover-skylounge .background-filter { height: 100%; width: 100%; position: absolute; } .cover-skylounge .background-filter1 { background-color: rgba(0, 0, 0, 0.4); margin-left: -15px; } .cover-skylounge .slider .background-filter-xs { display: none; } .cover-skylounge .slider .section { display: block; width: 100vw; height: 100%; float: left; transition: 0.375s ease all; position: relative; } .cover-skylounge .slider .scroll { -webkit-transform: scale(0.8); transform: scale(0.8); } .cover-skylounge .slider .link { color: white; text-transform: uppercase; font-size: 16px; } .cover-skylounge .slider .link-contact { color: white; text-transform: uppercase; font-size: 16px; } .cover-skylounge .slider .box-layout-content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-skylounge .slider .box-layout-content .content-box { max-width: 600px; height: 366px; } .cover-skylounge .slider .box-layout-content .content-box .header { color: #bc9e74; text-transform: uppercase; font-family: "UVNBaLe"; font-size: 40px; letter-spacing: 3px; margin-top: 10px; } .cover-skylounge .slider .box-layout-content .content-box .caption { font-size: 14px; color: #ffffff; letter-spacing: 0.5px; } .cover-skylounge .slider .box-layout-content .content-box .description { color: white; letter-spacing: 1px; padding-right: 15px; } .cover-skylounge .slider .snapshot { display: none; } } @media (min-width: 992px) { .cover-skylounge .slider .team .team-desc-header-ceo { font-size: 16px; color: #ffffff; letter-spacing: 0.6px; } .cover-skylounge .slider .team .team-desc-header { font-size: 16px; color: #ffffff; letter-spacing: 0.6px; } .cover-skylounge .slider .team .team-desc-detail { color: white; font-size: 13px; letter-spacing: 1px; } } .left-sidebar { display: none; width: 100%; pointer-events: none; padding: 0; } .left-sidebar .content { pointer-events: all; } .left-sidebar #star-layers { width: inherit; height: 100%; position: absolute; overflow: hidden; } .left-sidebar #star-layers .layer { width: 100%; height: 100%; position: absolute; opacity: 0; -webkit-animation-name: zoom; animation-name: zoom; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .left-sidebar #star-layers .layer.layer-2 { -webkit-animation-delay: 1s; animation-delay: 1s; } .left-sidebar #star-layers .layer.layer-3 { -webkit-animation-delay: 2s; animation-delay: 2s; } .left-sidebar #star-layers .layer.layer-4 { -webkit-animation-delay: 3s; animation-delay: 3s; } .left-sidebar #star-layers .layer.layer-5 { -webkit-animation-delay: 4s; animation-delay: 4s; } .left-sidebar .star { width: 11px; height: 11px; display: inline-block; position: absolute; fill: #ffffff; } .left-sidebar .star svg{ max-width: 100%; max-height: 100%; } .left-sidebar .star:nth-child(3n+3) { fill: #fec777; } .left-sidebar .star:nth-child(5n+5) { fill: #498fb3; } @-webkit-keyframes zoom { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 90% { opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @keyframes zoom { 0% { -webkit-transform: scale(0.1); transform: scale(0.1); opacity: 0; } 90% { opacity: 1; } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0; } } @media (min-width: 1200px) { .left-sidebar { display: block; position: fixed; bottom: 0px; z-index: 999; } .left-sidebar .content-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: -10px; height: 100vh; width: 230px; background: linear-gradient( to top, #000f24 0%, #000f24 10%, rgba(0, 0, 0, 0) 50%); } .left-sidebar .content-wrapper .content { height: 360px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 211px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; } .left-sidebar .content-wrapper .content .home, .left-sidebar .content-wrapper .content .back-emg { letter-spacing: 3px; } .left-sidebar .content-wrapper .content .managed-by { font-size: 10px; color: #bc9e74; opacity: 0.6; } .left-sidebar .content-wrapper .content .link-wrapper .emg-link { color: white; font-size: 11px; text-transform: uppercase; padding-right: 0; border-right: 1px solid #bc9e74; padding: 0px 7px 0px 7px; } .left-sidebar .content-wrapper .content .link-wrapper .emg-link:hover { color: #bc9e74; } .left-sidebar .content-wrapper .content .link-wrapper .emg-link.last-item { border: none !important; } .left-sidebar .content-wrapper .content .separator { border-bottom: 2px solid #bc9e74; margin-top: 10px; margin-bottom: 10px; width: 35px; height: 1px; } .left-sidebar .content-wrapper .content .separator.stretch { width: 100%; } .left-sidebar .content-wrapper .content .address { color: white; font-size: 11px; } .left-sidebar .content-wrapper .content .subscriber-email { height: 30px; width: 100%; border-style: solid; border-width: 0px; padding: 5px 10px 3px 10px; } .left-sidebar .content-wrapper .content .subscriber-email::-webkit-input-placeholder { color: black; } .left-sidebar .content-wrapper .content .subscriber-button { height: 30px; width: 100%; border: 0px; background-color: #bc9e74; box-shadow: none; border-radius: 0px; padding: 3px 10px 3px 10px; text-transform: uppercase; font-size: 16px; text-align: center; color: white; letter-spacing: 3px; } .left-sidebar .content-wrapper .content .emg { color: white; font-size: 11px; } .left-sidebar .content-wrapper .content .social-wrapper { float: left; } .left-sidebar .content-wrapper .content .emg-logo { width: 70px; height: 30px; margin-bottom: 10px; } } @media (min-width: 1200px) { .left-sidebar .content-wrapper { margin-left: -45px; } } .cover-skylounge .slider .home .background { height: 100%; width: 100%; position: absolute; background-size: cover; padding-left: 0px; padding-right: 0px; background-position: center; } .cover-skylounge .slider .home .background-filter { background: rgba(0, 15, 36, 0.5); } .cover-skylounge .slider .home .content { height: 100%; } .cover-skylounge .slider .home .content .desc-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .home .content .desc-container .hotline-wrapper .text-phoneno a { font-size: 20px; font-weight: 700; } .cover-skylounge .slider .home .content .desc-container .booking-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin-left: 15px; margin-right: 15px; padding-left: 15px; padding-right: 15px; text-align: center; } .cover-skylounge .slider .home .content .desc-container .booking-wrapper .text-follow { font-size: 18px; line-height: 24px; color: #bc9e74; text-transform: uppercase; } /* General Button Style */ .btn-book-now{ position: relative; display:block; background: transparent; width:200px; height:60px; line-height:60px; text-align:center; font-size:15px; text-decoration:none; text-transform:uppercase; margin:40px auto; } .btn-book-now:before, .btn-book-now:after { width:200px; left: 0px; height:27px; z-index: -1; } .btn-book-now:before{ position: absolute; content: ''; border-bottom: none; -webkit-transform: perspective(15px) rotateX(5deg); -moz-transform: perspective(15px) rotateX(5deg); transform: perspective(15px) rotateX(5deg); } .btn-book-now:after{ position: absolute; top: 32px; content: ''; border-top: none; -webkit-transform: perspective(15px) rotateX(-5deg); -moz-transform: perspective(15px) rotateX(-5deg); transform: perspective(15px) rotateX(-5deg); } .button:hover{ color:#fff; } /* Just for presentation */ body{ position: absolute; height: 100%; width: 100%; background: aliceblue; } .cover-skylounge .slider .home .content .desc-container .hours-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: absolute; bottom: 20px; left: 0px; width: 100%; } .cover-skylounge .slider .home .content .desc-container .hours-wrapper .text-hours { text-transform: uppercase; color: #bc9e74; font-size: 18px; line-height: 24px; } .cover-skylounge .slider .home .content .desc-container .hours-wrapper .text-time { padding-left: 20px; padding-right: 20px; margin-top: 10px; padding-top: 3px; color: white; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } .cover-skylounge .slider .home .content .desc-container .hotline-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .home .content .desc-container .hotline-wrapper .text-hotline { text-transform: uppercase; color: #bc9e74; font-size: 18px; line-height: 24px; } @media (min-width: 768px) { .cover-skylounge .slider .home .background { height: 100%; width: 100%; position: absolute; background-size: cover; padding-left: 0px; padding-right: 0px; } .cover-skylounge .slider .home .background-filter { background: unset; } .cover-skylounge .slider .home .content { height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .home .content .desc-container { position: absolute; height: unset; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: rgba(0, 15, 36, 0.5); width: 230px; padding: 15px; } .cover-skylounge .slider .home .content .desc-container .booking-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid white; border-top: 1px solid white; margin: 15px auto; padding: 15px 0; text-align: center; } .cover-skylounge .slider .home .content .desc-container .booking-wrapper .text-follow { color: #bc9e74; margin: 0.5rem; } .cover-skylounge .slider .home .content .desc-container .hours-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; position: relative; bottom: unset; width: 200px; } .cover-skylounge .slider .home .content .desc-container .hours-wrapper .text-time { padding-left: 20px; padding-right: 20px; margin-top: 10px; color: white; font-size: 13px; letter-spacing: 1px; text-transform: uppercase; } } @media (min-width: 1200px) { .cover-skylounge .slider .home .content .desc-container { position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); } } .cover-skylounge .slider .about .background { height: 100%; width: 100%; position: absolute; background-size: cover; padding-left: 0px; padding-right: 0px; background-position: center; } @media (min-width: 768px) { .cover-skylounge .slider .about .background { height: 100%; width: 100%; position: absolute; background-size: cover; padding-left: 0px; padding-right: 0px; } .cover-skylounge .slider .about .box-layout-content .content-box { height: 355px; } .cover-skylounge .slider .about .box-layout-content .content-box .description { height: 260px; } } .cover-skylounge .slider .drinks-menu .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } .cover-skylounge .slider .drinks-menu .center-container, .cover-skylounge .slider .drinks-menu .carousel-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .drinks-menu .center-container { position: relative; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu { width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); height: 100vh; display: table; margin: auto; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .neptune { width: 200px; height: 270px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .prisma { width: 222px; height: 264px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .regal { width: 222px; height: 264px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow { position: absolute; top: 50%; left: 50%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9999; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow .back { background-image: url("../images/back.svg"); cursor: pointer; width: 23px; height: 47px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow .forward { background-image: url("../images/forward.svg"); cursor: pointer; width: 23px; height: 47px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text { position: absolute; top: calc(50% - 75px); top: -webkit-calc(50% - 75px); top: -moz-calc(50% - 75px); top: -ms-calc(50% - 75px); top: -o-calc(50% - 75px); left: 50%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); width: 430px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-image: url("../images/frame.svg"); background-size: contain; background-repeat: no-repeat; width: 80%; max-width: 525px; padding: 20px 5px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .header { color: #bc9e74; text-transform: uppercase; font-family: "UVNBaLe"; letter-spacing: 3px; line-height: 40px; margin-bottom: 15px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-1 { color: white; font-size: 13px; letter-spacing: 1px; font-style: italic; line-height: 19px; margin-bottom: 5px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-2 { color: white; font-size: 13px; letter-spacing: 1px; color: #bc9e74; font-style: italic; line-height: 19px; font-size: 13px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-neptune { max-width: 270px; width: 100%; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-prisma { max-width: 290px; width: 100%; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-regal { max-width: 270px; width: 100%; } @media (min-width: 768px) { .cover-skylounge .slider .drinks-menu .background { height: 100%; width: 100%; position: absolute; padding-left: 0px; padding-right: 0px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .neptune { width: 285px; height: 385px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .prisma { width: 212px; height: 253px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-drink-menu .regal { width: 212px; height: 253px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 9999; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow .back { background-image: url("../images/back.svg"); cursor: pointer; width: 32px; height: 65px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-arrow .forward { background-image: url("../images/forward.svg"); cursor: pointer; width: 32px; height: 65px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; background-image: url("../images/frame.png"); background-size: contain; background-repeat: no-repeat; width: 430px; padding: 20px 10px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .header { color: #bc9e74; text-transform: uppercase; font-family: "UVNBaLe"; font-size: 40px; letter-spacing: 3px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-1 { color: white; font-size: 13px; letter-spacing: 1px; font-style: italic; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-2 { color: white; font-size: 13px; letter-spacing: 1px; color: #bc9e74; font-style: italic; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-neptune { width: 320px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-prisma { width: 320px; } .cover-skylounge .slider .drinks-menu .carousel-container .center-container .carousel-text .drink-menu-desc .desc-regal { width: 320px; } } .cover-skylounge .slider .entertainment .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } .cover-skylounge .slider .entertainment .box-layout-content .content-box { width: 95%; padding: 10px 20px; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .video { padding-left: 10px; padding-right: 10px; background-color: #000f25; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .video .video-js { width: 100%; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .description { height: unset; padding-left: 10px; padding-right: 10px; margin-top: 20px; text-align: left; background-color: #000f25; } .cover-skylounge .slider .entertainment .box-layout-content .header { font-size: 18px; text-transform: uppercase; font-family: "UVNBaLe"; } @media (min-width: 768px) { .cover-skylounge .slider .entertainment .box-layout-content .content-box { background-image: none; background-size: contain; background-repeat: no-repeat; width: 760px; height: 65%; max-width: unset; padding: 30px 30px; padding-right: 30px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .video { padding-left: unset; padding-right: unset; min-height: 120px; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .video .video-js { height: 253px; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .description { padding-left: 20px; padding-right: 20px; margin-top: 0px; } } @media (min-width: 992px) { .cover-skylounge .slider .entertainment .box-layout-content .content-box { height: unset; padding: 0; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .video .video-js { height: 281px; } .cover-skylounge .slider .entertainment .box-layout-content .content-box .description { height: 100%; padding-left: 20px; padding-right: 20px; } } .cover-skylounge .slider .events .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/events_xs.jpg"); padding-left: 0px; padding-right: 0px; background-color: #011023; background-blend-mode: soft-light; } .cover-skylounge .slider .events .box-layout-content .content-box { background-image: url("../images/frame.svg"); background-size: cover; width: 300px; height: 185px; } .cover-skylounge .slider .events .box-layout-content .content-box .header { width: 200px; } @media (min-width: 768px) { .cover-skylounge .slider .events .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/events_xl.jpg"); padding-left: 0px; padding-right: 0px; background-color: unset; background-blend-mode: unset; } .cover-skylounge .slider .events .box-layout-content .content-box { background-image: url("../images/frame.svg"); width: 476px; height: 291px; } .cover-skylounge .slider .events .box-layout-content .content-box .header { width: 300px; } } .cover-skylounge .slider .menu .box-layout-content .content-box { max-width: unset; width: 80%; max-width: 310px; height: 75%; max-height: 580px; background-image: url("../images/frame-menu-xs.svg"); padding: unset; margin-top: 20px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description { width: 100%; overflow: hidden; position: relative; padding: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text { padding-left: 15px; padding-right: 15px; padding-bottom: 40px; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink.active { display: block; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-intro { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-header { font-size: 14px; color: #ffffff; letter-spacing: 0.45px; color: #bc9e74; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-detail { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-food { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-food .desc-food-detail { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .h-divider { bottom: 40px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-footer { bottom: 5px; padding-left: 30px; padding-right: 30px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-footer .v-divider { display: block; height: 80%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo { position: relative; width: 100%; height: auto; padding-top: 0px; padding-left: 2px; padding-right: 2px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container { overflow: hidden; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container .item { margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container .item img { width: 305px; -webkit-clip-path: url(#menu-frame-clip-xs); clip-path: url(#menu-frame-clip-xs); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 30px; bottom: 10px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-control { margin-top: 15px; margin-bottom: 30px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container { overflow: hidden; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container .item { margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container .item img { width: 305px; -webkit-clip-path: url(#menu-frame-clip-xs); clip-path: url(#menu-frame-clip-xs); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 30px; bottom: 10px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-control { margin-top: 15px; margin-bottom: 30px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container { overflow: hidden; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container .item { margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container .item img { width: 305px; -webkit-clip-path: url(#menu-frame-clip-xs); clip-path: url(#menu-frame-clip-xs); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 30px; bottom: 10px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-control { margin-top: 15px; margin-bottom: 30px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-indicators { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .h-divider { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .v-divider { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .h-divider { position: absolute; bottom: 32px; width: calc(100% - 2px); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0px; height: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .text { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 30px; font-size: 20px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .drink { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 30px; font-size: 20px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .drink.active { color: white; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .food { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 30px; font-size: 20px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .food.active { color: white; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .v-divider { height: 60%; z-index: 9999; } .cover-skylounge .slider .menu .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } @media (min-width: 768px) { .cover-skylounge .slider .menu .box-layout-content .content-box { max-width: unset; max-height: unset; height: 390px; width: 748px; background-image: url("../images/frame-menu.svg"); padding: unset; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description { width: 50%; height: 100%; overflow: hidden; position: relative; padding: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text { padding-left: 38px; padding-right: 38px; padding-bottom: 60px; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink.active { display: block; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-intro { color: white; font-size: 13px; letter-spacing: 1px; position: absolute; top: 50px; left: 0px; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-header { font-size: 14px; color: #ffffff; letter-spacing: 0.45px; color: #bc9e74; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-drink-wrapper .desc-drink-detail { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-food { display: none; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-text .desc-food .desc-food-detail { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .h-divider { bottom: 62px; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-footer { padding: unset; bottom: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .description .desc-footer .v-divider { height: 60%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo { position: relative; padding: unset; max-height: unset; width: 50%; height: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container { overflow: hidden; height: 328px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container .item { margin-right: 1px; margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-inner-container .item img { width: 372px; -webkit-clip-path: url(#menu-frame-clip-sm); clip-path: url(#menu-frame-clip-sm); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 55px; bottom: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .photo-slider .carousel-control { margin-top: 15px; margin-bottom: 60px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container { overflow: hidden; height: 328px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container .item { margin-right: 1px; margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-inner-container .item img { width: 372px; -webkit-clip-path: url(#menu-frame-clip-sm); clip-path: url(#menu-frame-clip-sm); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 55px; bottom: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-photo-slider .carousel-control { margin-top: 15px; margin-bottom: 60px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider { display: none; height: 100%; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container { overflow: hidden; height: 328px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container .item { margin-right: 1px; margin-top: 1px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-inner-container .item img { width: 372px; -webkit-clip-path: url(#menu-frame-clip-sm); clip-path: url(#menu-frame-clip-sm); } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-indicators { padding: 0px; background: transparent; height: 55px; bottom: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-control { margin-top: 15px; margin-bottom: 60px; background: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo #menu-food-photo-slider .carousel-indicators { display: none; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .photo .h-divider { display: block; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .v-divider { width: 1px; margin: 0px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .h-divider { position: absolute; bottom: 62px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; bottom: 0px; height: 60px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .text { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 60px; font-size: 30px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .drink { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 60px; font-size: 30px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .drink.active { color: white; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .food { -webkit-box-flex: 50%; -ms-flex: 50%; flex: 50%; color: #bc9e74; text-transform: uppercase; line-height: 60px; font-size: 30px; margin-top: 7px; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .food.active { color: white; } .cover-skylounge .slider .menu .box-layout-content .content-box .description-wrapper .desc-footer .v-divider { height: 60%; z-index: 9999; } .cover-skylounge .slider .menu .menu-wrapper { margin-left: unset; } } @media (min-width: 1200px) { .cover-skylounge .slider .menu .menu-wrapper { margin-left: 50px; } } .cover-skylounge .slider .gallery .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } .cover-skylounge .slider .gallery .box-layout-content .content-box { background: unset; height: 80%; width: 90%; padding: unset; padding-right: 10px; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection { cursor: pointer; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection .header { color: #bc9e74; text-transform: uppercase; font-family: "UVNBaLe"; font-size: 40px; letter-spacing: 3px; font-size: 32px; margin-top: .75rem; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection .thumbnail { width: 100%; max-width: 280px; background: transparent; border: none; object-fit: cover; height: 200px; } @media (min-width: 768px) { .cover-skylounge .slider .gallery .box-layout-content .content-box { height: unset; width: 100%; max-width: unset; overflow: hidden; padding-right: 0px; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row { height: auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection { width: 33.33333333333333333333333%; } .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection .header { font-size: 28px; } } @media (min-width: 992px) { .cover-skylounge .slider .gallery .box-layout-content .content-box .gal-row .gal-collection .header { font-size: 32px; } } .cover-skylounge .slider .reservations textarea, .cover-skylounge .slider .reservations input { border: 0; outline: 0; background: transparent; border-bottom: 1px solid gray; width: 100%; margin-top: 13px; padding: 3px 2px; } /* .cover-skylounge .slider .reservations ::-webkit-input-placeholder { color: #BC9E74; font-size:14px; font-family: 'SVN-Gilroy Light', Helvetica, Arial, serif; font-weight: 500; } */ .cover-skylounge .slider .reservations .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } .cover-skylounge .slider .reservations .box-layout-content .content-box { background-image: url("../images/frame-xs.svg"); background-size: contain; background-repeat: no-repeat; max-width: unset; width: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 70%; color: #fff; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-right: 5px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .description { width: 100%; -ms-flex-item-align: end; align-self: flex-end; height: unset; overflow: unset; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .description .radio-wrapper { width: 100%; text-align: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .description #r-request { /* background-image: linear-gradient(rgba(0, 0, 0, 0) 32px, white 33px); */ background-size: 100% 33px; line-height: 33px; /* border: none; */ margin-top: 3px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue { padding: 10px; width: 100%; margin-top: 30px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue span { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-name { text-transform: uppercase; color: #bc9e74; font-size: 16px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-garden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 15px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-garden .value-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .value-detail label { width: 100%; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .value-detail .photo { cursor: pointer; width: 265px; margin: 0 auto; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-lounge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 15px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-lounge .value-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .button-wrapper .button-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: white; text-transform: uppercase; font-size: 16px; background-image: url("../images/button_bg.png"); background-repeat: no-repeat; background-size: 100% 39px; background-color: transparent; border: none; height: 39px; cursor: pointer; letter-spacing: 2px; padding: 20px; margin: 20px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .error-reservation { margin-top: 15px; color: white; font-size: 13px; letter-spacing: 1px; } @media (min-width: 768px) { .cover-skylounge .slider .reservations .box-layout-content .content-box { height: unset; background-image: url("../images/us-frame.svg"); } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; height: 450px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .description { width: 300px; -ms-flex-item-align: end; align-self: flex-end; margin-bottom: 6px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .description .radio-wrapper { width: 100%; text-align: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue { margin-top: unset; width: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue span { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-name { text-transform: uppercase; color: #bc9e74; font-size: 16px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-garden { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-garden .value-garden-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-garden .value-garden-detail .garden-photo { width: 265px; height: 139px; background-image: url("../images/garden.jpg"); background-size: contain; background-repeat: no-repeat; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-lounge { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-lounge .value-lounge-detail { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .venue-lounge .value-lounge-detail .lounge-photo { width: 265px; height: 139px; background-image: url("../images/lounge.jpg"); background-size: contain; background-repeat: no-repeat; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .button-wrapper .button-submit { display: block; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .venue .error-reservation { color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .reservations .box-layout-content .content-box .description-wrapper .v-divider { margin-right: 5px; height: 435px; } } .cover-skylounge .slider .contact .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding-left: 0px; padding-right: 0px; background-repeat: repeat; background-size: auto; } .cover-skylounge .slider .contact .box-layout-content .content-box { background-image: url("../images/contact-frame.svg"); background-size: contain; background-repeat: no-repeat; max-width: unset; width: unset; height: unset; padding-right: 10px; padding-bottom: 38px; } .cover-skylounge .slider .contact .box-layout-content .content-box .header { padding-top: 0px; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .map { display: none; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .map iframe { max-width: 100%; max-height: 100%; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address { text-align: left; padding-left: 20px; padding-right: 20px; word-wrap: break-word; color: white; font-size: 13px; letter-spacing: 1px; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address span { font-weight: bold; color: #bc9e74; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address .button-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address .button-wrapper .button-submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; color: white; text-transform: uppercase; font-size: 16px; background-image: url("../images/button_bg.png"); background-repeat: no-repeat; background-size: contain; background-color: transparent; border: none; height: 39px; cursor: pointer; letter-spacing: 2px; padding-top: 3px; background-size: 100% 42px; margin-top: 20px; width: 140px; font-size: 13px; height: 42px; line-height: normal; } #map iframe { width: 100%; max-height: 350px; } .cover-skylounge .slider .contact .address { color: #fff; margin-top: 3rem; } @media (min-width: 768px) { .cover-skylounge .slider .contact .box-layout-content .content-box { background-size: contain; background-repeat: no-repeat; max-width: 800px; width: 100%; /* height: 415px; */ padding-top: unset; padding-left: unset; padding-right: unset; } .cover-skylounge .slider .contact .box-layout-content .content-box .header { padding-top: 0px; margin-top: 20px; margin-bottom: 10px; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .map { display: block; width: 400px; height: 373px; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address { width: 270px; } .cover-skylounge .slider .contact .box-layout-content .content-box .description-wrapper .address .button-wrapper { display: block; } } @media (min-width: 768px) { .cover-skylounge .slider .contact .box-layout-content .content-box { padding-right: 10px; } } .cover-skylounge .slider .career .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/cover/career_xs.jpg"); padding-left: 0px; padding-right: 0px; } .cover-skylounge .slider .career .desc-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cover-skylounge .slider .career .desc-container p { padding-top: 15px; } .cover-skylounge .slider .career .desc-container ul { list-style: none; padding-left: 0px; } .cover-skylounge .slider .career .desc-container ul li { height: 25px; } .cover-skylounge .slider .career .desc-container ul li a:hover { color: #bc9e74; } .cover-skylounge .slider .career .desc-container ul li::before { color: #bc9e74; content: "\2022"; font-size: 2em; padding-right: 0.3em; position: relative; top: 0.2em; } .cover-skylounge .slider .career .contact-container { margin-top: 30px; } @media (min-width: 768px) { .cover-skylounge .slider .career .background { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/cover/career_xl.jpg"); padding-left: 0px; padding-right: 0px; } .cover-skylounge .slider .career .desc-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .cover-skylounge .slider .career .desc-container ul { padding-right: 30px; } } #modal-career .modal-dialog .modal-content { background-color: #5d5a56; } #modal-career .modal-dialog .modal-content .header { color: #bc9e74; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; margin-bottom: 10px; font-family: "UVNBaLe"; } #modal-career .modal-dialog .modal-content .career-form .btnUploadCV { float: left; width: 120px; } #modal-career .modal-dialog .modal-content .career-form .btnSubmit { float: right; width: 120px; } #modal-career .modal-dialog .modal-content .career-form .error-validation { color: white; font-size: 13px; letter-spacing: 1px; margin-top: 10px; margin-bottom: 10px; } #modal-career .modal-dialog .modal-content .career-form #career-cv-file { height: 0px; visibility: hidden; } @media (min-width: 768px) { #modal-career .modal-dialog .modal-content .header { color: #bc9e74; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; } #modal-career .modal-dialog .modal-content .career-form .error-validation { color: white; font-size: 13px; letter-spacing: 1px; } } #photo-slider-wrapper { /* width: 100vw; */ width: 100%; height: 100%; } #photo-slider { height: 100%; } #photo-slider .carousel-indicators { -webkit-padding-start: 0px; background-color: transparent; } #photo-slider .carousel-inner-container { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: black; } #photo-slider .carousel-inner .item { height: 100%; } #photo-slider .carousel-control .back { background-image: url("../images/back.svg"); cursor: pointer; width: 32px; height: 65px; position: absolute; display: inline-block; top: 50%; margin-top: -16px; left: 5px; } #photo-slider .carousel-control .forward { background-image: url("../images/forward.svg"); cursor: pointer; width: 32px; height: 65px; position: absolute; display: inline-block; top: 50%; margin-top: -16px; right: 5px; } #photo-slider .hide-slider { font-family: "/"; color: white; font-size: 13px; letter-spacing: 1px; color: #bc9e74; text-transform: uppercase; } #photo-slider .bottom-right { position: absolute; bottom: 14px; right: 10px; z-index: 20; } @media (min-width: 768px) { #photo-slider .carousel-control .back { left: 20px; } #photo-slider .carousel-control .forward { right: 20px; } #photo-slider .bottom-right { right: 100px; } } .nav { position: absolute; left: 0px; width: 100%; z-index: 1000; } /* .nav .logo-svg { height: 100%; } */ .nav .sm { display: none; } .nav .xs { display: block; margin-top: 15px; } @media screen and (max-width: 767px) { .nav .nav-mobile { height: 100%; width: 100%; position: absolute; background-size: cover; background-image: url("../images/pattern-2.jpg"); padding: 15px 0; background-repeat: repeat; background-size: auto; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 5000; display: -webkit-flex; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow-y:auto; } .nav .nav-mobile .menu-item { font-size: 18px; color: #ffffff; letter-spacing: 0.6px; cursor: -webkit-grab; padding-top: 10px; display: inline-block; } .nav .nav-mobile .menu-close { width: 25px; height: 25px; position: absolute; top: 15px; left: 15px; cursor: -webkit-grab; } .nav .emg-logo { display: none !important; } .modal-dialog.modal-lg { width: 90%; } } .nav .emg-logo { position: absolute; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; cursor: -webkit-grab; } .nav .emg-menu { cursor: -webkit-grab; margin-left: 15px; width: 25px; height: 20px; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: unset; border-color: unset; } .nav .nav-item .dropdown-toggle { background-color: transparent; border: none; color: #fff; padding: 0 .5rem 0 0; } .nav .menus li { position: relative; } .nav .menus .menu-button-book{ margin: 1rem; } .nav .menus .menu-button-book .button-book{ padding: 0; } .nav .menus .dropdown-menu { left: 50%; right: auto; transform: translate(-50%, 0); } .nav .menus .dropdown-menu li { width: 100%; } @media (min-width: 768px) { .nav .menu-close { display: none; } .nav .sm { display: block; } .nav .xs { display: none; } .nav .emg-logo { margin-top: 2rem; margin-left: 40px; display: block; } .nav .menus { letter-spacing: 0.17px; text-transform: uppercase; position: relative; margin-top: 2.5rem; margin-right: 15px; float: right; display: block !important; padding: 0; } .nav .menus li { list-style: none; float: left; margin-top: 5px; position: relative; } .nav .menus li a { padding-right: 0; /* border-right: 1px solid #bc9e74; */ padding: 5px 7px 3px 7px; font-size: 13px; } .nav .menus li.has-child a { padding-right: 0; } .nav .menus li.nav-item:after{ content: " "; width: 5px; height: 5px; background-color: #bc9e74; position: absolute; left: 0; top: 50%; transform: translate(-50%,-50%); vertical-align: middle; text-align: center; } .nav .menus li.nav-item:nth-child(2):after { content: none; } .nav .menus li.nav-last-item:after { display: none; } .nav .menus li .active { color: #bc9e74; } .nav .menus .menu-item { max-width: 100px; position: relative; } .nav .menus .menu-item:hover { color: #bc9e74; } .nav .menus .last-menu-item { max-width: 100px; border: none !important; } .nav .menus .last-menu-item:hover { color: #bc9e74; } .nav .menus .menu-item-selected { color: #bc9e74; } .nav .menus .menu-button-book { margin: unset; margin-top: 5px; } } @media (min-width: 992px) { .nav { position: absolute; left: 0px; width: 100%; z-index: 1000; } .nav .menus li a { padding: 5px 10px 3px 10px; font-size: 15px; font-weight: 700; } } @media (min-width: 1200px) { .nav .emg-logo { margin-left: 15px; } } .footer { display: none; } @media (min-width: 768px) { .footer { display: block; position: fixed; bottom: 0px; width: 100%; z-index: 100000; background-color: black; } .footer .content { height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .content .subscriber-email { height: 30px; width: 200px; border-style: solid; border-width: 0px; padding: 5px 10px 3px 10px; } .footer .content .subscriber-email::-webkit-input-placeholder { color: black; } .footer .content .subscriber-button { height: 30px; width: 110px; border: 0px; background-color: #bc9e74; box-shadow: none; border-radius: 0px; padding: 3px 10px 3px 10px; text-transform: uppercase; font-size: 16px; text-align: center; color: white; } .footer .content .left-col { width: 530px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer .content .right-col { color: white; font-size: 13px; letter-spacing: 1px; font-size: 13px; } } .font-menu-xs { font-size: 13px; letter-spacing: 0.2px; } .font-menu-sm { font-size: 13px; letter-spacing: 0.17px; text-transform: uppercase; } .font-menu-vertical-bullet-sm { font-size: 10px; } .font-standard { color: white; } .font-header { color: #bc9e74; text-transform: uppercase; } .font-h1 { color: #bc9e74; text-transform: uppercase; } .font-h1-xs { color: #bc9e74; text-transform: uppercase; font-size: 24px; letter-spacing: 3px; } .font-h1-sm { color: #bc9e74; text-transform: uppercase; font-size: 40px; letter-spacing: 3px; } .font-h1-md { color: #bc9e74; text-transform: uppercase; font-size: 40px; letter-spacing: 3px; } .font-h2 { color: #bc9e74; text-transform: uppercase; } .font-h2-xs { color: #bc9e74; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; } .font-h2-sm { color: #bc9e74; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; } .font-h2-md { color: #bc9e74; text-transform: uppercase; font-size: 16px; letter-spacing: 3px; } .font-h3-xs { font-size: 14px; color: #ffffff; letter-spacing: 0.45px; } .font-h3-sm { font-size: 14px; color: #ffffff; letter-spacing: 0.5px; } .font-h3-md { font-size: 16px; color: #ffffff; letter-spacing: 0.6px; } .font-body { color: white; } .font-body-xxs { color: white; font-size: 11px; } .font-body-xs { color: white; font-size: 13px; letter-spacing: 1px; } .font-body-sm { color: white; font-size: 13px; letter-spacing: 1px; } .font-body-md { color: white; font-size: 13px; letter-spacing: 1px; } .font-button { color: white; text-transform: uppercase; } .font-button-sm { color: white; text-transform: uppercase; font-size: 16px; } .font-button-xs { color: white; text-transform: uppercase; font-size: 14px; } .text-highlight { text-transform: uppercase; color: #bc9e74; font-size: 24px; } .text-highlight-xs { text-transform: uppercase; color: #bc9e74; font-size: 16px; } .sky-offset { margin-left: -15px; margin-right: -15px; } .social-icon { background-size: contain; display: inline-block; width: 28px; height: 28px; } .social-fb-white { background-size: contain; display: inline-block; width: 28px; height: 28px; background-image: url("../images/social_fb_logo.svg"); } .social-ln-white { background-size: contain; display: inline-block; width: 28px; height: 28px; background-image: url("../images/social_ln_logo.png"); } .social-in-white { background-size: contain; display: inline-block; width: 28px; height: 28px; background-image: url("../images/social_in_logo.svg"); } .social-fb { background-size: contain; display: inline-block; width: 28px; height: 28px; margin-top: 20px; background-image: url("../images/social_fb.png"); } .social-ins { background-size: contain; display: inline-block; width: 28px; height: 28px; margin-top: 20px; background-image: url("../images/social_ins.png"); } .floatBottom { position: fixed; bottom: 6px; left: 8px; width: 30px; } .link { text-decoration: underline; } a:focus { color: white; } .flex-center-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } @media (min-width: 480px) { .floatBottom { position: fixed; bottom: 6px; left: 8px; width: auto; } } .button { border: 2px solid #bc9e74; text-decoration: none; background-color: rgba(255, 255, 255, 0); padding-top: 7px; color: white; font-size: 14px; text-transform: uppercase; } @media (min-width: 768px) { .button { color: white; font-size: 16px; text-transform: uppercase; padding-top: 5px; } } ::-webkit-input-placeholder { color: white; } .textbox { border-color: #bc9e74; background: transparent; padding: 10px 20px 10px 20px; width: 100%; border-width: 1px; border-style: solid; margin-bottom: 10px; font-size: 13px; letter-spacing: 1px; color: white; } @media (min-width: 768px) { .textbox { font-size: 13px; letter-spacing: 1px; color: white; } } .col-padding { max-width: 0px; padding: 0px; } @media (min-width: 1200px) { .col-padding { max-width: 25%; padding-left: 15px; padding-right: 15px; } } .fill-height { height: 100%; } .full-height { height: 100vh; } .background-filter { display: block; height: 100%; width: 100%; position: absolute; } ::-webkit-scrollbar { width: 3px; } ::-webkit-scrollbar-track { background-color: rgba(94, 90, 87, 0.8); width: 1px; border-radius: 5px; } ::-webkit-scrollbar-thumb { background-color: #bc9e74; border-radius: 5px; } .scroll-content { overflow-y: auto; } .modal { text-align: center; padding: 0 !important; } .modal:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } .video-js .vjs-big-play-button { display: none !important; } .v-divider { width: 1px; height: 100%; border-left: 1px solid #bc9e74; } .h-divider { height: 1px; width: 100%; border-top: 1px solid #bc9e74; } .vh-divider { height: 1px; width: 100%; border-top: 1px solid #bc9e74; } @media (min-width: 768px) { .vh-divider { border: unset; width: 1px; height: 100%; border-left: 1px solid #bc9e74; } } input[type="radio"] { display: none; } input[type="radio"]+label { color: #bc9e74; } input[type="radio"]+label span { display: inline-block; width: 14px; height: 14px; margin: -2px 10px 0 0; vertical-align: middle; cursor: pointer; border-radius: 50%; border: 3px solid #ffffff; } input[type="radio"]+label span { background-color: #fff; } input[type="radio"]:checked+label { color: white; font-weight: 700; } input[type="radio"]:checked+label span { background-color: #bc9e74; border: 2px solid #ffffff; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); } input[type="radio"]+label span, input[type="radio"]:checked+label span { color: #bc9e74; transition: background-color 0.24s linear; } .preload { display: none; } html { position: relative; min-height: 100%; overflow-x: hidden; } html, body { margin: 0; padding: 0; height: 100%; width: 100%; font-size: 13px; position: absolute; background-size: contain; padding-left: 0px; padding-right: 0px; background-position: center; background-repeat: no-repeat; font-family: "SVN-Gilroy XLight"; } @media (min-width: 768px) { body { height: 100%; width: 100%; position: absolute; padding-left: 0px; padding-right: 0px; } } footer { position: absolute; width: 100%; height: 44px; padding: 10px 30px; bottom: 0; background-color: #fff; border-top: 1px solid #e0e0e0; } .login-container { max-width: 555px; } .alert { border-width: 0 0 0 3px; } .navbar-default .navbar-nav>li>a { border-bottom: 3px solid transparent; padding-bottom: 14.5px; transition: all 0.25s; } .navbar-default .navbar-nav>li>a:hover { border-bottom-color: #bdbdbd; } .navbar-default .navbar-nav>li>a.navbar-avatar { padding-top: 13px; padding-bottom: 10px; } .navbar-default .navbar-nav>li>a.navbar-avatar img { border-radius: 50%; width: 30px; height: 30px; } .navbar-default .navbar-nav>li.active>a { border-bottom-color: #3f51b5; } .panel { border: solid 1px rgba(160, 160, 160, 0.3); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1); } .panel-heading+.panel-body { padding-top: 0; } .panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4, .panel-body h5, .panel-body h6 { margin-top: 0; } .panel-title { font-size: 18px; color: #424242; } .btn-toolbar>.btn { float: none; margin-bottom: 5px; } .btn { font-weight: 600; border-radius: 3px; } .btn:focus { outline: 0 !important; } .btn-default { border-color: #ccc; background: #f5f5f5 linear-gradient(to bottom, #fff, #f5f5f5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 -1px 4px rgba(151, 159, 175, 0.2); } .btn-default:active { background: #e6e6e6 linear-gradient(to bottom, #f0f0f0, #e6e6e6); } .btn-success { border-color: #208a46; background: #29b35b linear-gradient(to bottom, #2ec866, #29b35b); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(32, 138, 70, 0.3); } .btn-success:active { background: #239a4e linear-gradient(to bottom, #28af59, #239a4e); } .btn-danger { border-color: #8c1512; background: #b61b17 linear-gradient(to bottom, #cc1e1a, #b61b17); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(140, 21, 18, 0.3); } .btn-danger:active { background: #9b1714 linear-gradient(to bottom, #b11a17, #9b1714); } .btn-facebook { color: #fff; border-color: #335190; background: #3b5998 linear-gradient(to bottom, #4263a9, #3b5998); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(59, 89, 152, 0.3); } .btn-facebook:hover, .btn-facebook:focus { color: #fff; } .btn-twitter { color: #fff; border-color: #009fdb; background: #00aced linear-gradient(to bottom, #05baff, #00aced); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(0, 172, 237, 0.3); } .btn-twitter:hover, .btn-twitter:focus { color: #fff; } .btn-google { color: #fff; border-color: #d54331; background: #dd4b39 linear-gradient(to bottom, #e05d4d, #dd4b39); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(221, 75, 57, 0.3); } .btn-google:hover, .btn-google:focus { color: #fff; } .btn-vk { color: #fff; border-color: #4f7192; background: #587ea3 linear-gradient(to bottom, #678aad, #587ea3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(79, 113, 146, 0.3); } .btn-vk:hover, .btn-vk:focus { color: #fff; } .btn-github { color: #fff; border-color: #444; background: #545454 linear-gradient(to bottom, #616161, #545454); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 4px rgba(68, 68, 68, 0.3); } .btn-github:hover, .btn-github:focus { color: #fff; } textarea { resize: none; } .form-control { height: auto; padding: 8px 12px; border: 2px solid #ebebeb; border-radius: 0; box-shadow: inset 0 1px 2px rgba(150, 160, 175, 0.1), inset 0 1px 15px rgba(150, 160, 175, 0.05); } .form-group>label { text-transform: uppercase; font-size: 13px; } .hr-title { height: auto; margin-top: 20px; border-top: 1px solid; color: #bbb; font-size: 16px; text-align: center; line-height: 20px; } .hr-title span { position: relative; padding: 2px 10px; top: -10px; background-color: #fff; border-radius: 2px; letter-spacing: 0.2em; text-transform: uppercase; } @-webkit-keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } .text-fadeIn { animation-duration: 2s !important; -webkit-animation-duration: 2s !important; -moz-animation-duration: 2s !important; -ms-transition-animation-duration: 2s !important; } .text-fadeIn-delay-1 { animation-duration: 2s !important; -webkit-animation-duration: 2s !important; -moz-animation-duration: 2s !important; -ms-transition-animation-duration: 2s !important; animation-delay: 1s !important; -webkit-animation-delay: 1s !important; -moz-animation-delay: 1s !important; -ms-transition-animation-delay: 1s !important; } .text-fadeIn-delay-2 { animation-duration: 2s !important; -webkit-animation-duration: 2s !important; -moz-animation-duration: 2s !important; -ms-transition-animation-duration: 2s !important; animation-delay: 2s !important; -webkit-animation-delay: 2s !important; -moz-animation-delay: 2s !important; -ms-transition-animation-delay: 2s !important; } .cover-skylounge .slider .section.reservations .box-layout-content .content-box .description-wrapper .description { padding-top: 20px; padding-left: 10px; align-self: flex-start; } .reservations .form-control:focus { border-color: #bc9e74; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(188, 158, 116, 0.6); } /* input::-webkit-input-placeholder { font-family: 'SVN-Gilroy Bold'; } input:-ms-input-placeholder { font-family: 'SVN-Gilroy Bold'; } input::-ms-input-placeholder { font-family: 'SVN-Gilroy Bold'; } input::placeholder { font-family: 'SVN-Gilroy Bold'; color: red } */ .loader.show { display: block; } .loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999999 !important; overflow: hidden; } .loader:after, .loader:before { content: ''; position: fixed; z-index: 0; width: 50%; top: 0; height: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; background-color: #0b111f; } .loader:before { left: -50%; } .loader:after { right: -50%; } .show.loader:before { left: 0; } .show.loader:after { right: 0; } .loader p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; height: 300px; margin: 0; z-index: 1; } .loader p span .img { width: 24rem; } .loader p span { display: block; } .loader .wrapBorder2 .svg4, .loader .wrapBorder1 { position: absolute; top: 50%; left: 50%; width: 223px; height: 223px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 1 } .loader .wrapBorder2 .svg4 { width: 100px; height: 100px; } .loader .wrapBorder2 { position: relative; height: 223px; } .loader .wrapBorder2 svg { position: absolute; top: 0; left: 0; -webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; transform-origin: center center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .loader .wrapBorder2 .svg1 path { stroke-dasharray: 450; stroke-dashoffset: 900; -webkit-animation: londing1 4s linear 0s infinite; -o-animation: londing1 4s linear 0s infinite; animation: londing1 4s linear 0s infinite; } .loader .wrapBorder2 .svg2 path { stroke-dasharray: 340; stroke-dashoffset: 340; animation: londing2 3s linear 0s infinite;; } .loader .wrapBorder2 .svg3 path { stroke-dasharray: 230; stroke-dashoffset: 230; animation: londing3 2s linear 0s infinite; } .loader .wrapBorder2 svg path{ fill: none; stroke: #bc9e74; stroke-width: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .loader .wrapBorder2 .svg4 { transform: rotate(180deg) translate(50%, 50%); } .button-book{ text-transform: uppercase; font-size: 16px; background-color: #bc9e74; border: none; background-position: center; cursor: pointer; letter-spacing: 2px; padding: 1rem !important; border-radius: 5px; } .viewall-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; bottom: 0%; left: 50%; transform: translate(-50%,-50%); vertical-align: middle; text-align: center; } .modal-content{ color: white; border-color: #bc9e74; background-image: url(../images/pattern-2.jpg); background-repeat: repeat; background-size: auto; }