Error message

Deprecated function: implode(): Passing glue string after array is deprecated. Swap the parameters in drupal_get_feeds() (line 394 of /home1/smellyp/public_html/includes/common.inc).

G: Bisha Hotel & Residences: A New Boutique Luxury Hotel in Toronto

Submitted by Anonymous (not verified) on Thu, 01/10/2019 - 10:37

State:

Processed

Hit:

H: Bisha Hotel & Residences: A New Boutique Luxury Hotel in Toronto

Rank:

Size:

150028

Raw Content:

<!DOCTYPE HTML> <html lang="en-US" xmlns:og="http://opengraphprotocol.org/schema/" class=" dining-page no-topimage"><head><meta charset="utf-8"><title>Bisha Hotel & Residences: A New Boutique Luxury Hotel in Toronto</title><meta name="description" content="Bold, boutique, Bisha. Experience a new kind of luxury in Downtown Toronto's Entertainment District at Bisha Hotel & Residences. Premiering Summer 2017."><meta name="robots" content="index, follow, noodp, noydir"><link rel="canonical" href="https://www.bishahoteltoronto.com/dining/kost" hreflang="en-US"><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"WebPage","url":"https:\/\/www.bishahoteltoronto.com\/dining\/kost","name":"Bisha Hotel & Residences: A New Boutique Luxury Hotel in Toronto","description":"Bold, boutique, Bisha. Experience a new kind of luxury in Downtown Toronto's Entertainment District at Bisha Hotel & Residences. Premiering Summer 2017.","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","item":"https:\/\/www.bishahoteltoronto.com\/dining","name":"Dining","position":1},{"@type":"ListItem","item":"https:\/\/www.bishahoteltoronto.com\/dining\/kost","name":"KŌST","position":2}]}}</script><meta property="og:url" content="https://www.bishahoteltoronto.com/dining/kost"><meta property="og:title" content="Bisha Hotel & Residences: A New Boutique Luxury Hotel in Toronto"><meta property="og:description" content="Bold, boutique, Bisha. Experience a new kind of luxury in Downtown Toronto's Entertainment District at Bisha Hotel & Residences. Premiering Summer 2017."><meta property="og:type" content="website"><meta property="og:site_name" content="Bisha Hotel Toronto"><meta property="og:locale" content="en_US"><meta name="robots" content="index,follow"><meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE"><meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0"><link href="/skins/bisha-hotel/favicon.ico" rel="shortcut icon" type="image/x-icon"><style> @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: none; } table { border-collapse: collapse; border-spacing: 0; } input::-moz-focus-inner { border: 0; padding: 0; } input::-ms-clear { display: none; } input::-ms-reveal { display: none; } legend { display: none; } @font-face { font-family: "Portrait"; src: url("/skins/bisha-hotel/assets/desktop/fonts/portrait-regular2-web.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "Portrait"; src: url("/skins/bisha-hotel/assets/desktop/fonts/portrait-regular2-web.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: "Portrait"; src: url("/skins/bisha-hotel/assets/desktop/fonts/portrait-medium-web.woff") format("woff"); font-weight: 600; font-style: normal; } @font-face { font-family: "Portrait"; src: url("/skins/bisha-hotel/assets/desktop/fonts/portrait-bold-web.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "GT America Extended"; src: url("/skins/bisha-hotel/assets/desktop/fonts/gt-america-extended-thin.woff") format("woff"); font-weight: 200; font-style: normal; } @font-face { font-family: "GT America Extended"; src: url("/skins/bisha-hotel/assets/desktop/fonts/gt-america-extended-medium.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: "GT America Extended"; src: url("/skins/bisha-hotel/assets/desktop/fonts/gt-america-extended-bold.woff") format("woff"); font-weight: 700; font-style: normal; } html, body, input, textarea, button { -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } input[type="submit"], button { -webkit-appearance: none; -moz-appearance: none; } button, input, textarea { border-radius: 0; padding: 0; margin: 0; border: none; background: none; -webkit-box-sizing: border-box; box-sizing: border-box; } select { border-radius: 0; background: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #000; } select::-ms-expand { display: none; } select + .select-icon { float: left; width: 7px; height: 4px; margin: 13px 0 0 -20px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") 0 -99px no-repeat; pointer-events: none; } a, input[type='submit'], button, .button { cursor: pointer; -webkit-transition: color 100ms, background-color 100ms, border-color 100ms; transition: color 100ms, background-color 100ms, border-color 100ms; } .hide { display: none !important; } .hidden { display: none; } .no-select { user-select: none !important; -o-user-select: none !important; -moz-user-select: none !important; -webkit-user-select: none !important; -ms-user-select: none !important; } .button, input[type="submit"].button, .promo-button { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; margin: 0; overflow: visible; background: none; font: 700 15px/46px "GT America Extended", sans-serif; text-transform: uppercase; text-align-last: auto; text-decoration: none; text-align: center; white-space: nowrap; color: #fff; border: 2px solid #fff; border-radius: 5px; padding: 0 40px; } .button:hover, .button.active, .keyboard-navigation .button:focus, input[type="submit"].button:hover, input[type="submit"].button.active, .keyboard-navigation input[type="submit"].button:focus, .promo-button:hover, .promo-button.active, .keyboard-navigation .promo-button:focus { background: #540C43; border-color: #540C43; } .scrollable { position: relative; height: 100%; } .scrollable .viewport { height: 100%; overflow: hidden; position: relative; z-index: 1; } .scrollable .overview { position: relative; width: 100%; } .scrollable .scrollbar { position: absolute; right: 10px; top: 0; height: 100%; background-clip: padding-box; z-index: 2; overflow: visible; width: 4px; border-radius: 2px; background: #222222; } .scrollable .scrollbar.disable { display: none; } .scrollable .track { position: relative; width: 100%; height: 100%; overflow: hidden; } .poi .scrollable .track { overflow: visible; } .scrollable .thumb { position: absolute; left: 0; top: 0; width: 6px; overflow: hidden; background: #E1E1E1; -webkit-transition: background 0.2s; transition: background 0.2s; cursor: pointer; } .poi .scrollable .thumb { border-radius: 8px; background: #E1E1E1; width: 6px; left: -1px; } .scrollable .thumb:hover { background: white; } .fade-on-scroll { visibility: hidden; -webkit-transform: translate(0, 50px); transform: translate(0, 50px); opacity: 0; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, transform, opacity; transition-property: visibility, transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: 750ms; transition-duration: 750ms; } .fade-on-scroll.from-left { -webkit-transform: translate(-50px, 0); transform: translate(-50px, 0); } .fade-on-scroll.from-right { -webkit-transform: translate(50px, 0); transform: translate(50px, 0); } .fade-on-scroll.visible { visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } .translate-content { -webkit-transform: translateY(50px); transform: translateY(50px); -webkit-transition: opacity 0.2s, -webkit-transform 0.3s; transition: opacity 0.2s, -webkit-transform 0.3s; transition: opacity 0.2s, transform 0.3s; transition: opacity 0.2s, transform 0.3s, -webkit-transform 0.3s; } .clearfix::after { content: ""; clear: both; display: table; } html { position: relative; background: #191919; color: #fff; } body { position: relative; min-height: 100%; } html, body, input, textarea, button { font-family: Arial, sans-serif; font-size: 13px; line-height: 1.9; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a { color: #fff; } a:hover { text-decoration: none; } #header { position: fixed; height: 60px; z-index: 200; width: 100%; background: rgba(0, 0, 0, 0.6); -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } .scrolled #header { background: white; } #header .skip-navigation { position: absolute; top: -5000px; left: -5000px; } #header .logo { position: absolute; left: 20px; top: 16px; width: 30px; -webkit-transition: left 0.2s; transition: left 0.2s; } #header .logo img { display: block; height: auto; width: 100%; } #header .logo img.black { display: none; } .scrolled #header .logo img.black { display: block; } .scrolled #header .logo img.white { display: none; } #header .booking-toggle { display: block; height: 40px; width: 200px; float: right; margin: 10px 10px 0 0; font: 700 15px/36px "GT America Extended", sans-serif; color: #fff; border-radius: 5px; border: 2px solid #fff; text-align: center; text-transform: uppercase; cursor: pointer; -webkit-transition: background-color 0.2s, border-color 0.2s, color 0.2s; transition: background-color 0.2s, border-color 0.2s, color 0.2s; } #header .booking-toggle:hover, .keyboard-navigation #header .booking-toggle:focus { background: #fff; color: #000; } .scrolled #header .booking-toggle { color: #000; border-color: #000; } .scrolled #header .booking-toggle:hover { background: #000; color: #fff; } .scrolled.keyboard-navigation #header .booking-toggle:focus { background: #000; color: #fff; } @media (max-width: 1070px) { #header .booking-toggle { width: 160px; } } #header .menu-toggle { width: 60px; height: 60px; float: right; display: none; position: relative; cursor: pointer; margin-right: 5px; } @media (max-width: 979px) { #header .menu-toggle { display: block; } } #header .menu-toggle span { display: block; width: 30px; height: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #fff; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } #header .menu-toggle span:before, #header .menu-toggle span:after { content: ""; width: 30px; height: 2px; position: absolute; left: 0; background: #fff; -webkit-transition: top 0.1s linear 0.1s, bottom 0.1s linear 0.1s, -webkit-transform 0.1s linear 0s; transition: top 0.1s linear 0.1s, bottom 0.1s linear 0.1s, -webkit-transform 0.1s linear 0s; transition: top 0.1s linear 0.1s, bottom 0.1s linear 0.1s, transform 0.1s linear 0s; transition: top 0.1s linear 0.1s, bottom 0.1s linear 0.1s, transform 0.1s linear 0s, -webkit-transform 0.1s linear 0s; } .scrolled #header .menu-toggle span { background: #000; } .scrolled #header .menu-toggle span:before, .scrolled #header .menu-toggle span:after { background: #000; } #header .menu-toggle span:before { top: -9px; } #header .menu-toggle span:after { bottom: -9px; } #header .menu-toggle:hover span:before { top: -10px; } #header .menu-toggle:hover span:after { bottom: -10px; } #header-address { position: absolute; right: 15px; top: 60px; color: #fff; font: 14px/35px "Portrait", sans-serif; z-index: 11; } @media (max-width: 767px) { #header-address { display: none; } } .language-selector { position: relative; float: right; margin: 0 30px 0 0; padding: 0 10px; } @media (max-width: 767px) { .language-selector { display: none; } } .language-selector .current-language { display: block; padding-right: 14px; height: 60px; font: 14px/64px "Portrait", sans-serif; color: #9B9B9B; text-transform: uppercase; position: relative; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; } .language-selector .current-language:after { content: ""; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #9B9B9B; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; -webkit-transition: border-color 0.2s; transition: border-color 0.2s; } .language-selector .languages { position: absolute; top: 100%; left: 0; background: rgba(0, 0, 0, 0.6); display: block; width: 100%; padding: 0 10px; -webkit-transform: translate(0, -200%); transform: translate(0, -200%); -webkit-transition: opacity 0.2s, -webkit-transform 0s linear 0.2s; transition: opacity 0.2s, -webkit-transform 0s linear 0.2s; transition: opacity 0.2s, transform 0s linear 0.2s; transition: opacity 0.2s, transform 0s linear 0.2s, -webkit-transform 0s linear 0.2s; opacity: 0; } .scrolled .language-selector .languages { background: #fff; } .language-selector .languages a { display: block; font: 14px/44px "Portrait", sans-serif; text-decoration: none; text-transform: uppercase; color: #9B9B9B; } .language-selector .languages a:hover { color: #fff; } .scrolled .language-selector .languages a:hover { color: #000; } .language-selector:hover .current-language { color: #fff; } .language-selector:hover .current-language:after { border-top-color: #fff; } .language-selector:hover .languages { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: opacity 0.2s, -webkit-transform 0s linear 0s; transition: opacity 0.2s, -webkit-transform 0s linear 0s; transition: opacity 0.2s, transform 0s linear 0s; transition: opacity 0.2s, transform 0s linear 0s, -webkit-transform 0s linear 0s; } .scrolled .language-selector:hover .current-language { color: #000; } .scrolled .language-selector:hover .current-language:after { border-top-color: #000; } .menu-wrapper { position: fixed; top: 0; left: 76px; height: 60px; line-height: 60px; z-index: 210; text-align: left; -webkit-transition: left 0.2s; transition: left 0.2s; } @media (max-width: 1030px) { .menu-wrapper { left: 65px; } } .menu-wrapper .close { display: none; width: 30px; height: 30px; position: absolute; top: 18px; right: 17px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 0; cursor: pointer; } .menu-wrapper .language-selector { display: none; background: none; margin: 0 auto; float: none; } @media (max-width: 767px) { .menu-wrapper .language-selector { display: inline-block; } } .menu-wrapper .language-selector .current-language { padding: 0; width: auto; height: auto; line-height: 20px; color: #fff; } .menu-wrapper .language-selector .current-language:after { display: none; } .menu-wrapper .language-selector .languages { display: block; background: none; -webkit-transform: none; transform: none; position: static; text-align: center; width: auto; height: auto; opacity: 1; } .menu-wrapper .language-selector .languages a { display: inline-block; } @media (max-width: 979px) { .menu-wrapper { width: 100%; height: 100%; right: 100%; left: auto; background: #000; padding: 100px 0; text-align: center; opacity: 0; -webkit-transition: opacity 0.2s linear 0s, right 0s linear 0.2s; transition: opacity 0.2s linear 0s, right 0s linear 0.2s; overflow: auto; } .scrolled .menu-wrapper { left: auto; } .show-menu .menu-wrapper { right: 0; opacity: 1; -webkit-transition: opacity 0.2s linear 0s, right 0s linear 0s; transition: opacity 0.2s linear 0s, right 0s linear 0s; } .menu-wrapper .close { display: block; } } @media (max-width: 767px) { .menu-wrapper { padding: 75px 0 100px; } .menu-wrapper .popup-background { display: none; } } #main-menu { z-index: 20; } #main-menu .level-1 li { display: inline-block; } #main-menu .level-1 li + li { margin-left: 20px; } #main-menu .level-1 li a { position: relative; display: inline-block; font: 16px/64px "Portrait", sans-serif; height: 60px; text-decoration: none; text-transform: uppercase; color: #fff; } .scrolled #main-menu .level-1 li a { color: #000; } #main-menu .level-1 li a:after { content: ""; display: none; width: 110%; height: 6px; background: #540C43; position: absolute; bottom: -3px; left: -5%; } #main-menu .level-1 li a.active:after, #main-menu .level-1 li a:hover:after, .keyboard-navigation #main-menu .level-1 li a:focus:after { display: block; } @media (max-width: 1200px) { #main-menu .level-1 li + li { margin-left: 10px; } #main-menu .level-1 li a { font-size: 14px; } } @media (max-width: 1030px) { #main-menu .level-1 li a { font-size: 13px; } } @media (max-width: 979px) { #main-menu .level-1 li { line-height: 30px; display: block; margin: 10px 0 !important; } #main-menu .level-1 li a { height: auto; line-height: 30px; font-size: 20px; } .scrolled #main-menu .level-1 li a { color: #fff; } #main-menu .level-1 li a:after { height: 3px; } } #main-menu .submenu { display: none; margin: 0 0 30px 0; } #main-menu .submenu li { line-height: 25px; } #main-menu .submenu li a { text-transform: none; font-size: 16px; line-height: 25px; } #main-menu .submenu li a:after { height: 2px; } @media (max-width: 979px) { #main-menu li.active .submenu { display: block; } } #photos { overflow: hidden; height: 500px; max-height: 90vh; z-index: 10; position: relative; } .home #photos { min-height: 100vh; max-height: none; } #photos:before { content: ""; display: block; width: 23px; height: 23px; position: absolute; top: 50%; left: 50%; margin: -19px 0 0 -19px; z-index: 0; background: url(/skins/bisha-hotel/assets/desktop/images/loading.png) no-repeat 0 0; background-size: cover; -webkit-animation: spin 1s steps(12, end) infinite; animation: spin 1s steps(12, end) infinite; } #photos .logo { display: block; position: absolute; top: 100px; left: 73px; z-index: 11; } @media (max-width: 767px) { #photos .logo { top: 80px; left: 50%; margin-left: -55px; } } #photos .logo img { display: block; width: 100%; height: auto; } #photos .slideshow { position: absolute; left: 0; top: 0; width: 100%; height: 500px; max-height: 90vh; overflow: hidden; z-index: 10; } .home #photos .slideshow { max-height: none; height: 100%; } #photos .slideshow .swiper-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 10; } #photos .slideshow .swiper-container .swiper-button { width: 25px; height: 48px; display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 11; } #photos .slideshow .swiper-container .swiper-button.swiper-button-prev { left: 50px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -160px; } @media (max-width: 767px) { #photos .slideshow .swiper-container .swiper-button.swiper-button-prev { left: 10px; } } #photos .slideshow .swiper-container .swiper-button.swiper-button-next { right: 50px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -45px -160px; } @media (max-width: 767px) { #photos .slideshow .swiper-container .swiper-button.swiper-button-next { right: 10px; } } #photos .slideshow .slide { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; z-index: 1; } #photos .slideshow .slide:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1; -webkit-transition: background-color 0.4s ease-out; transition: background-color 0.4s ease-out; } #photos .slideshow .slide:first-child { display: block; } #photos .slideshow .slide img { display: none; } #photos .slideshow .slide .caption { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% - 370px); font: 600 80px/80px "Portrait", sans-serif; text-transform: uppercase; color: #fff; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; letter-spacing: 10px; z-index: 2; } @media (max-width: 767px) { #photos .slideshow .slide .caption { top: 51%; } } #photos .slideshow .slide .caption span { display: block; margin-bottom: 15px; letter-spacing: 3.25px; } #photos .slideshow .slide .caption span.first { font-size: 26px; line-height: 26px; } @media (min-width: 1150px) and (max-width: 1250px) { #photos .slideshow .slide .caption { font-size: 40px; line-height: 40px; } #photos .slideshow .slide .caption span.first { font-size: 20px; line-height: 20px; } } @media (min-width: 980px) and (max-width: 1149px) { #photos .slideshow .slide .caption { font-size: 35px; line-height: 35px; } #photos .slideshow .slide .caption span.first { font-size: 16px; line-height: 20px; } } @media (min-width: 768px) and (max-width: 979px) { #photos .slideshow .slide .caption { font-size: 45px; line-height: 45px; top: 60%; width: calc(100% - 200px); } #photos .slideshow .slide .caption span.first { font-size: 20px; line-height: 20px; margin-bottom: 15px; } } @media (max-width: 767px) { #photos .slideshow .slide .caption { font-size: 35px; line-height: 35px; top: 60%; width: calc(100% - 80px); } #photos .slideshow .slide .caption span.first { font-size: 18px; line-height: 18px; margin-bottom: 15px; } } @media (max-width: 767px) { #photos .slideshow .slide .caption .button { font-size: 14px; letter-spacing: 1.1px; } } #photos.darkened .slideshow .slide:after { background: rgba(0, 0, 0, 0.4); } .home #photos .slideshow .slide .caption { top: 30%; -webkit-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } .home #photos.darkened .slideshow .slide .caption { top: 50%; } @media (max-width: 767px) { .home #photos.darkened .slideshow .slide .caption { top: 51%; } } #photos .info { position: absolute; bottom: 25px; left: 30px; z-index: 20; } @media (max-width: 767px) { #photos .info { left: 15px; } } #photos .info .address { font: 600 14px/34px "Portrait", sans-serif; } #photos .info .phone-socials { text-align: justify; font: 600 33px/33px "Portrait", sans-serif; } #photos .info .phone-socials:after { content: ""; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } #photos .info .phone-socials .phone { text-decoration: none; } #photos .info .phone-socials .social-links { display: inline-block; vertical-align: top; text-align: right; margin-top: 2px; } #photos .info .phone-socials .social-links a { display: inline-block; vertical-align: top; height: 24px; width: 24px; overflow: hidden; text-indent: 9999px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") 0 0 no-repeat; } #photos .info .phone-socials .social-links a + a { margin-left: 7px; } #photos .info .phone-socials .social-links a.facebook { background-position: 0 -330px; } #photos .info .phone-socials .social-links a.twitter { background-position: -46px -330px; } #photos .info .phone-socials .social-links a.google { background-position: -94px -330px; } #photos .info .phone-socials .social-links a.instagram { background-position: -140px -330px; } #photos .info .phone-socials .social-links a.linkedin { background-position: -188px -330px; } #booking { position: fixed; top: 0; right: 0; -webkit-transform: translate(100%, -100%); transform: translate(100%, -100%); z-index: 220; width: 100%; max-width: 1060px; padding-bottom: 130px; min-height: 800px; -webkit-transition: -webkit-transform 0s linear 0.5s; transition: -webkit-transform 0s linear 0.5s; transition: transform 0s linear 0.5s; transition: transform 0s linear 0.5s, -webkit-transform 0s linear 0.5s; overflow: hidden; } @media (max-width: 979px) { #booking { width: 100%; } } @media (max-width: 767px) { #booking { overflow-y: auto; width: 100%; height: 100%; } } .show-booking #booking { -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: -webkit-transform 0s linear 0s; transition: -webkit-transform 0s linear 0s; transition: transform 0s linear 0s; transition: transform 0s linear 0s, -webkit-transform 0s linear 0s; } #booking .close { display: block; width: 37px; height: 37px; position: absolute; top: 40px; right: 40px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -100px; cursor: pointer; z-index: 3; opacity: 0; -webkit-transition: opacity 0.1s; transition: opacity 0.1s; } @media (max-width: 767px) { #booking .close { top: 15px; right: 15px; -webkit-transform: scale(0.7); transform: scale(0.7); } } .keyboard-navigation #booking .close:focus { outline: 2px solid #fff; } .show-booking #booking .close { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; } #booking .background { width: 200px; height: 0; padding-top: 40px; background: #1F1F1F; position: absolute; bottom: calc(100% - 50px); left: calc(100% - 210px); z-index: 1; opacity: 0; -webkit-transition: width 0.4s, padding 0.4s, left 0.4s, bottom 0.4s, opacity 0.2s, border-radius 2s; transition: width 0.4s, padding 0.4s, left 0.4s, bottom 0.4s, opacity 0.2s, border-radius 2s; } .show-booking #booking .background { width: 150.9%; padding-top: 150.9%; bottom: 0; left: 0; opacity: 1; border-radius: 50%; -webkit-transition: width 0.5s, padding 0.5s, left 0.5s, bottom 0.5s, opacity 0.1s, border-radius 0.1s; transition: width 0.5s, padding 0.5s, left 0.5s, bottom 0.5s, opacity 0.1s, border-radius 0.1s; } @media (max-width: 979px) { .show-booking #booking .background { left: -150px; } } @media (max-width: 767px) { .show-booking #booking .background { width: auto; height: auto; padding: 0; top: -150px; left: -150px; right: -150px; bottom: -150px; } } #booking .booking-wrapper { position: relative; margin: 40px 110px 0 0; float: right; width: 640px; z-index: 2; } @media (max-width: 979px) { #booking .booking-wrapper { width: 100%; margin: 0; padding: 40px; } } @media (max-width: 767px) { #booking .booking-wrapper { padding: 80px 20px 20px; } } #booking .booking-wrapper .booking-step { margin-bottom: 35px; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step { margin-bottom: 15px; } } #booking .booking-wrapper .booking-step .heading { font: 600 30px/30px "Portrait", sans-serif; color: #575757; text-transform: uppercase; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step .heading { font-size: 18px; line-height: 22px; } } #booking .booking-wrapper .booking-step .results { line-height: 31px; } #booking .booking-wrapper .booking-step .results .result { font: 26px/31px "GT America Extended", sans-serif; color: #6F1059; display: inline; margin-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-transition: color 0.2s; transition: color 0.2s; cursor: pointer; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step .results .result { font-size: 18px; line-height: 22px; } } .keyboard-navigation #booking .booking-wrapper .booking-step .results .result:focus { outline: 2px solid #fff; } #booking .booking-wrapper .booking-step .results .result:not(:empty):after { content: ""; display: inline-block; vertical-align: middle; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 7px solid #9B9B9B; -webkit-transform: translate(0, 50%); transform: translate(0, 50%); -webkit-transition: border-color 0.2s; transition: border-color 0.2s; position: absolute; bottom: 20px; right: 0; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step .results .result:not(:empty):after { bottom: 16px; } } #booking .booking-wrapper .booking-step.active .heading, #booking .booking-wrapper .booking-step .heading:hover { color: #fff; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body { margin-left: 230px; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step.booking-step-rates .step-body { margin-left: 0; } } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .button { height: 40px; line-height: 38px; margin-top: 20px; width: 170px; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rates-wrapper { overflow: hidden; max-height: 0; -webkit-transition: max-height 0.2s; transition: max-height 0.2s; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rates-wrapper.active { max-height: 600px; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rate-div .rate-span { font: 200 18px/30px "GT America Extended", sans-serif; color: #fff; cursor: pointer; display: block; margin: 2px; } .keyboard-navigation #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rate-div .rate-span:focus { outline: 2px solid #fff; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rate-div input { margin: 5px 0 10px; height: 30px; border: 1px solid #fff; color: #fff; font: 200 15px/30px "GT America Extended", sans-serif; display: none; padding: 0 40px 0 10px; } #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rate-div.active input, #booking .booking-wrapper .booking-step.booking-step-rates .step-body .rate-div.active .next { display: block; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body { font: 200 15px/50px "GT America Extended", sans-serif; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter { clear: both; margin-top: 15px; color: #fff; display: none; position: relative; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.active { display: block; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box { display: inline-block; vertical-align: top; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box { margin-left: 45px; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box .ui-selectmenu-button, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box .ui-selectmenu-button { width: 155px !important; } .keyboard-navigation #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box .ui-selectmenu-button:focus, .keyboard-navigation #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box .ui-selectmenu-button:focus { outline: 2px solid #fff; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box .buttons, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box .buttons { line-height: 35px; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box button, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box button { width: 35px; height: 35px; display: inline-block; -webkit-transition: border-color 0.2s, background-color 0.2s; transition: border-color 0.2s, background-color 0.2s; border: 1px solid #fff; color: #fff; font: 200 15px/33px "GT America Extended", sans-serif; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box button.active, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box button.active { background: #540C43; border-color: #540C43; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box button + button, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box button + button { margin-left: 5px; } .keyboard-navigation #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box button:focus, .keyboard-navigation #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box button:focus { outline: 2px solid #fff; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .room-heading.choose-box, #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter .choose-box.choose-box { margin-left: 0; display: block; } } @media (max-width: 767px) { #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter h3 { display: block; } } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1 h3 { display: none; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1 .choose-box:first-of-type { margin-left: 0; } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1.multiple-rooms h3 { display: inline-block; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1.multiple-rooms h3 { display: block; } } #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1.multiple-rooms .choose-box:first-of-type { margin-left: 45px; } @media (max-width: 767px) { #booking .booking-wrapper .booking-step.booking-step-rooms .step-body .room-counter.room-counter-1.multiple-rooms .choose-box:first-of-type { margin-left: 0; } } #booking .booking-wrapper .booking-step .step-result { max-width: 570px; position: relative; padding-right: 30px; } #booking .booking-wrapper .booking-step.visible:not(.active) .step-result:hover .heading { color: #fff; } #booking .booking-wrapper .booking-step.visible:not(.active) .step-result:hover .result { color: #fff; } #booking .booking-wrapper .booking-step.visible:not(.active) .step-result:hover .result:after { border-top-color: #fff; } #booking .controls { padding-top: 10px; clear: both; } #booking .controls .add-room { display: none; } #booking .controls .add-room.active { display: inline; } .keyboard-navigation #booking .controls .add-room:focus { outline: 2px solid #fff; } #booking .controls .remove-room { margin-left: 10px; display: none; } .keyboard-navigation #booking .controls .remove-room:focus { outline: 2px solid #fff; } #booking .controls .remove-room.active { display: inline; } #booking .controls input { display: block; margin-top: 30px; } @media (max-width: 767px) { #booking .controls input { width: 100%; } } #booking .booking-step { opacity: 0; -webkit-transform: translateY(-30%); transform: translateY(-30%); -webkit-transition: opacity 0s, -webkit-transform 0s; transition: opacity 0s, -webkit-transform 0s; transition: transform 0s, opacity 0s; transition: transform 0s, opacity 0s, -webkit-transform 0s; } #booking .booking-step.visible { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.3s linear 0.2s, -webkit-transform 0.2s ease-out 0.2s; transition: opacity 0.3s linear 0.2s, -webkit-transform 0.2s ease-out 0.2s; transition: transform 0.2s ease-out 0.2s, opacity 0.3s linear 0.2s; transition: transform 0.2s ease-out 0.2s, opacity 0.3s linear 0.2s, -webkit-transform 0.2s ease-out 0.2s; } #booking .booking-step .step-body { position: absolute; max-height: 0; opacity: 0; -webkit-transform: translateY(-10%); transform: translateY(-10%); -webkit-transition: opacity 0.2s, max-height 0s linear 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, max-height 0s linear 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, max-height 0s linear 0.2s; transition: transform 0.2s, opacity 0.2s, max-height 0s linear 0.2s, -webkit-transform 0.2s; } #booking .booking-step.active .step-body { position: relative; max-height: 1000px; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.2s, max-height 0s, -webkit-transform 0.2s; transition: opacity 0.2s, max-height 0s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s, max-height 0s; transition: transform 0.2s, opacity 0.2s, max-height 0s, -webkit-transform 0.2s; } #booking .advanced-select select.hidden, #booking .advanced-select .buttons.hidden, #booking .advanced-select .ui-selectmenu-button.hidden { display: block; position: absolute !important; top: -9999px !important; } #booking #booking-datepicker .ui-datepicker { margin-top: 45px; background: none; width: 100% !important; } @media (min-width: 768px) and (max-width: 979px) { #booking #booking-datepicker .ui-datepicker { margin: 45px auto 0; width: 90% !important; } } #booking #booking-datepicker .ui-datepicker .ui-datepicker-header { text-align: left; position: static; height: 30px; line-height: 28px; } #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { width: 25px; height: 48px; top: calc(50% + 35px); } #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: -70px; background-position: 0 -160px; } @media (max-width: 979px) { #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: -20px; } } #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: -70px; background-position: -45px -160px; } @media (max-width: 979px) { #booking #booking-datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: -20px; } } @media (max-width: 767px) { #booking #booking-datepicker .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header { position: relative; padding-left: 40px; } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group-first .ui-datepicker-header .ui-datepicker-prev { left: -5px; top: -9px; -webkit-transform: scale(0.625); transform: scale(0.625); } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header { position: relative; } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group-last .ui-datepicker-header .ui-datepicker-next { right: -5px; top: -9px; -webkit-transform: scale(0.625); transform: scale(0.625); } } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group { width: 286px; } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-first { float: left; } #booking #booking-datepicker .ui-datepicker .ui-datepicker-group.ui-datepicker-group-last { float: right; } @media (max-width: 767px) { #booking #booking-datepicker .ui-datepicker .ui-datepicker-group { width: 100%; float: none !important; margin-bottom: 20px; } } #booking #booking-datepicker td.ui-checkin a, #booking #booking-datepicker td.ui-checkout a, #booking #booking-datepicker table a:hover, #booking #booking-datepicker table a:focus { position: relative; } #booking #booking-datepicker td.ui-checkin a:before, #booking #booking-datepicker td.ui-checkout a:before, #booking #booking-datepicker table a:hover:before, #booking #booking-datepicker table a:focus:before { background-color: #fff; content: 'Check-in'; color: #000; display: inline-block; font: 400 9px/18px Arial, sans-serif; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; width: 44px; bottom: 100%; margin-bottom: 1px; text-transform: none !important; } @media (max-width: 979px) { #booking #booking-datepicker td.ui-checkin a:before, #booking #booking-datepicker td.ui-checkout a:before, #booking #booking-datepicker table a:hover:before, #booking #booking-datepicker table a:focus:before { content: none; } } #booking #booking-datepicker td.ui-checkin a:after, #booking #booking-datepicker td.ui-checkout a:after, #booking #booking-datepicker table a:hover:after, #booking #booking-datepicker table a:focus:after { content: ''; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; position: absolute; bottom: 100%; margin-bottom: -3px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 979px) { #booking #booking-datepicker td.ui-checkin a:after, #booking #booking-datepicker td.ui-checkout a:after, #booking #booking-datepicker table a:hover:after, #booking #booking-datepicker table a:focus:after { content: none; } } #booking #booking-datepicker td.ui-checkout a:before, #booking #booking-datepicker td.ui-checkout a:focus { content: 'Check-out'; } @media (max-width: 979px) { #booking #booking-datepicker td.ui-checkout a:before, #booking #booking-datepicker td.ui-checkout a:focus { content: none; } } #booking #booking-datepicker.hover-checkin a:hover:before { content: 'Check-out'; } @media (max-width: 979px) { #booking #booking-datepicker.hover-checkin a:hover:before { content: none; } } .admin .preview-item { overflow: hidden; padding: 0; margin: 0; height: auto; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .admin .preview-item .promo { min-height: 0; } .admin .preview-item .promo .background { right: 350px; background: none; overflow: hidden; } .admin .preview-item .promo .background img { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .admin .preview-item .promo .promo-content { width: 350px; padding: 50px 40px 40px 40px; } .admin .preview-item * { -webkit-box-sizing: border-box; box-sizing: border-box; } .admin .preview-item .restaurant-promo { display: inline-block; vertical-align: top; width: 300px; height: 400px; position: relative; white-space: normal; } @media (max-width: 767px) { .admin .preview-item .restaurant-promo { width: 250px; } } .admin .preview-item .restaurant-promo .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .admin .preview-item .restaurant-promo .inner-wrapper .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 50%; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; z-index: 1; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content { width: 100%; padding: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: left; -webkit-transition: bottom 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, bottom 0.2s; transition: transform 0.2s, bottom 0.2s, -webkit-transform 0.2s; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content h3 { font: 600 30px/27px "Portrait", sans-serif; text-transform: uppercase; color: #fff; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content .text { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.4s; transition: max-height 0.4s; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content .text p { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; margin: 35px 0 43px; color: #fff; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content .text a { padding: 0; width: 100%; position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; margin: 0; overflow: visible; background: none; font: 700 15px/46px "GT America Extended", sans-serif; text-transform: uppercase; text-align-last: auto; text-decoration: none; text-align: center; white-space: nowrap; color: #fff; border: 2px solid #fff; border-radius: 5px; text-shadow: 0; } .admin .preview-item .restaurant-promo .inner-wrapper .event-content .text a:hover, .admin .preview-item .restaurant-promo .inner-wrapper .event-content .text a.active { background: #540C43; border-color: #540C43; } @media (min-width: 980px) { .admin .preview-item .restaurant-promo:hover .background { -webkit-transform: scale(1.19); transform: scale(1.19); opacity: 0.17; } .admin .preview-item .restaurant-promo:hover .event-content { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } .admin .preview-item .restaurant-promo:hover .event-content .text { max-height: 300px; } } .admin #preview-template-b, .admin #preview-template-c { background: #000; padding: 50px; float: left; } .promo-button { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; margin: 0; overflow: visible; background: none; font: 700 15px/46px "GT America Extended", sans-serif; text-transform: uppercase; text-align-last: auto; text-decoration: none; text-align: center; white-space: nowrap; color: #fff; border: 2px solid #fff; border-radius: 5px; padding: 0 80px; } .promo-button:hover, .promo-button.active { background: #540C43; border-color: #540C43; } .promo { position: relative; width: 100%; float: left; background: #000; min-height: calc(100vh - 60px); color: #fff; } .promo .background { position: absolute; top: 0; left: 0; bottom: 0; right: 460px; background-position: 50% 50%; background-size: cover; } .promo .background:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 200px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); } @media (min-width: 768px) and (max-width: 979px) { .promo .background:after { height: 110px; } } @media (max-width: 767px) { .promo .background:after { height: 70px; } } .promo .background img { display: none; } .promo .promo-content { height: 100%; float: right; width: 460px; padding: 90px 60px 40px 70px; } .promo .promo-content h4 { font: 600 50px/50px "Portrait", sans-serif; margin-bottom: 40px; text-transform: uppercase; } .promo .promo-content p { font-size: 13px; line-height: 25px; margin-bottom: 40px; letter-spacing: 1.5px; position: relative; } @media (min-width: 980px) { .promo .promo-content p { max-height: 101px; overflow: hidden; } .promo .promo-content p .more { display: block; width: 25px; height: 25px; position: absolute; top: 74px; right: 2px; background: #000 url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") -294px -94px; cursor: pointer; text-indent: -100px; overflow: hidden; } .keyboard-navigation .promo .promo-content p .more:focus { outline: 2px solid #fff; } .promo .promo-content p .more:before { content: ""; display: block; height: 100%; width: 100%; position: absolute; top: 0; right: 24px; background: -webkit-gradient(linear, left top, right top, from(transparent), to(black)); background: linear-gradient(to right, transparent, black); z-index: 1; } .promo .promo-content p .more:after { content: ""; display: block; height: 23px; width: 23px; position: absolute; top: 0; right: 0; z-index: 2; border-radius: 50%; border: 1px solid #fff; } .promo .promo-content p.expanded { max-height: none; } .promo .promo-content p.expanded span { display: none; } } .promo .promo-content .promo-button { padding: 0 45px; } @media (min-width: 980px) and (max-height: 540px) { .promo .promo-content { padding: 40px 40px 20px 70px; } .promo .promo-content h4 { font-size: 30px; line-height: 30px; } .promo .promo-content h4, .promo .promo-content p { margin-bottom: 15px; } } @media (max-width: 979px) { .promo { min-height: 0; } .promo .background { position: relative; right: 0; padding-top: 50%; } .promo .promo-content { float: none; width: 100%; padding: 40px; } .promo .promo-content h4 { font-size: 30px; line-height: 30px; } } @media (max-width: 767px) { .promo .background { padding-top: 65%; } } #promos { position: relative; overflow: hidden; } #promos .swiper-wrapper { height: 100%; z-index: 1; } #promos .swiper-slide { min-height: calc(100vh - 60px); } #promos .swiper-button { width: 25px; height: 48px; display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 2; } .keyboard-navigation #promos .swiper-button:focus { outline: 2px solid #fff; } @media (max-width: 979px) { #promos .swiper-button { top: 25vw; } } #promos .swiper-button.swiper-button-prev { left: 30px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -160px; } #promos .swiper-button.swiper-button-next { right: 490px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -45px -160px; } @media (max-width: 979px) { #promos .swiper-button.swiper-button-next { right: 30px; } } #promos .all-specials { position: absolute; bottom: 40px; left: 50%; margin-left: -230px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } @media (max-width: 979px) { #promos .all-specials { top: 40vw; margin-left: 0; } } @media (max-width: 767px) { #promos .all-specials { top: 45vw; } } @media (max-width: 767px) { #promos .all-specials { padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; } } .no-topimage #main-wrapper { padding-top: 60px; } #content { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; min-height: calc(100vh - 656px); } .no-topimage #content { min-height: calc(100vh - 216px); } #content:after { clear: both; content: ''; display: table; } #content .page-content-wrapper { padding: 40px 40px 90px; -webkit-box-flex: 0; -ms-flex: 0 1 1020px; flex: 0 1 1020px; } .specials #content .page-content-wrapper { -webkit-box-flex: 0; -ms-flex: 0 1 1400px; flex: 0 1 1400px; } #content .page-content-wrapper.room, #content .page-content-wrapper.influencer, #content .page-content-wrapper.dining, #content .page-content-wrapper.meetings { padding: 0; -webkit-box-flex: 1; -ms-flex: 1 1 1020px; flex: 1 1 1020px; } @media (max-width: 767px) { #content .page-content-wrapper { padding: 20px 15px 40px; } } #content .page-content-wrapper:after { clear: both; content: ''; display: table; } .gallery-page #content { display: block; } .gallery-page #content .page-content-wrapper { padding: 0; } .gallery-page #content .page-content-wrapper h1 { float: left; padding: 30px 0 0 30px; } .gallery-page #content .page-content-wrapper .gallery { padding-top: 20px; } @media (max-width: 767px) { .rooms-page #content, .influencers-page #content, .dining-page #content, .meetings-page #content { display: block; } } .home #content { display: block; overflow: hidden; background: #fff; min-height: 0; } .home #content video { position: absolute; top: 0; bottom: 0; right: 0; } @media (max-width: 767px) { .home #content video { display: none; } } .home #content .maskunderlay { width: 100%; height: 500px; position: absolute; top: 0; left: 0; background: #fff; } .home #content .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-size: cover; background-position: 50% 50%; background-color: #191919; } @media (max-width: 767px) { .home #content .background { position: relative; height: 0; padding-top: 140%; } } @media (max-width: 767px) and (orientation: landscape) { .home #content .background { padding-top: 50%; } } .home #content .homepage-wrapper { width: 460px; min-height: calc(100vh - 60px); overflow: hidden; float: left; z-index: 2; position: relative; } .home #content .homepage-wrapper .svg-wrapper { width: 100%; height: 0; position: relative; padding-top: 60.87%; z-index: 1; } .home #content .homepage-wrapper .svg-wrapper .bg-right, .home #content .homepage-wrapper .svg-wrapper .bg-left { display: block; height: 100%; width: 100px; position: absolute; top: 0; left: 100%; background: #000; } .home #content .homepage-wrapper .svg-wrapper .bg-right.bg-left, .home #content .homepage-wrapper .svg-wrapper .bg-left.bg-left { right: 100%; left: auto; } .home #content .homepage-wrapper .svg-wrapper:after, .home #content .homepage-wrapper .svg-wrapper:before { content: ""; display: block; width: 100%; height: 2000px; position: absolute; top: 100%; left: 0; background: #000; } .home #content .homepage-wrapper .svg-wrapper:before { height: 100px; top: auto; bottom: 100%; } .home #content .homepage-wrapper .svg-wrapper svg { position: absolute; top: 0; left: 0; width: 100%; } .home #content .homepage-wrapper .svg-wrapper svg text { text-transform: uppercase; font: 55px/55px "Portrait", sans-serif; } .home #content .homepage-wrapper .svg-wrapper svg text.bold { font: 48px/48px "GT America Extended", sans-serif; } .home #content .homepage-wrapper .svg-wrapper svg mask rect { fill: white; } .home #content .homepage-wrapper .svg-wrapper svg > rect { fill: #000000; -webkit-mask: url(#mask); mask: url(#mask); } .home #content .homepage-wrapper .wrapper { position: relative; z-index: 2; padding: 15px 15% 55px; font: 20px/27px "Portrait", sans-serif; letter-spacing: 1.4px; text-transform: uppercase; } .home #content .homepage-wrapper .wrapper h2 { font: 13px/25px Arial, sans-serif; letter-spacing: 1.5px; text-transform: none; margin-bottom: 35px; } .home #content .homepage-wrapper .wrapper .icons { margin-top: 35px; overflow: hidden; font-size: 0; text-align: justify; line-height: 0; text-justify: distribute; } .home #content .homepage-wrapper .wrapper .icons:after { content: ""; display: inline-block; width: 100%; font-size: 0; height: 0; } .home #content .homepage-wrapper .wrapper .icons .icon { padding-top: 55px; position: relative; display: inline-block; vertical-align: top; text-align: center; font: 11px/20px "Portrait", sans-serif; letter-spacing: 0.33px; text-transform: uppercase; width: 49%; } .home #content .homepage-wrapper .wrapper .icons .icon:nth-child(0), .home #content .homepage-wrapper .wrapper .icons .icon:nth-child(1) { margin: 0 0 30px 0; } .home #content .homepage-wrapper .wrapper .icons .icon:after { content: ""; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .home #content .homepage-wrapper .wrapper .icons .icon.epicenter:after { width: 30px; height: 36px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -300px 0; } .home #content .homepage-wrapper .wrapper .icons .icon.rooftop:after { width: 68px; height: 41px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -350px 0; } .home #content .homepage-wrapper .wrapper .icons .icon.luxury:after { width: 40px; height: 37px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -440px 0; } .home #content .homepage-wrapper .wrapper .icons .icon.nighttime:after { width: 28px; height: 38px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -500px 0; } @media (min-width: 980px) and (max-height: 870px) { .home #content .homepage-wrapper { width: 400px; } .home #content .homepage-wrapper .svg-wrapper .bg-right { left: 90%; } .home #content .homepage-wrapper .svg-wrapper svg { left: -10%; } .home #content .homepage-wrapper .wrapper { padding: 0 5% 0; font-size: 16px; line-height: 20px; } .home #content .homepage-wrapper .wrapper h2 { margin-bottom: 15px; line-height: 20px; } .home #content .homepage-wrapper .wrapper .icons { margin-top: 20px; padding-right: 10%; } .home #content .homepage-wrapper .wrapper .icons .icon { line-height: 16px; } .home #content .homepage-wrapper .wrapper .icons .icon:nth-child(0), .home #content .homepage-wrapper .wrapper .icons .icon:nth-child(1) { margin: 0 0 15px 0; } } @media (max-width: 979px) { .home #content .homepage-wrapper { width: 50%; } } @media (max-width: 767px) { .home #content .homepage-wrapper { width: 100%; } .home #content .homepage-wrapper .wrapper { padding: 0 5% 20px; } .home #content .homepage-wrapper .svg-wrapper .bg-right { left: 90%; } .home #content .homepage-wrapper .svg-wrapper svg { left: -10%; } } .home #content .info-wrapper { position: absolute; top: 0; right: 0; bottom: 0; left: 460px; } @media (min-width: 980px) and (max-height: 870px) { .home #content .info-wrapper { left: 400px; } } @media (max-width: 979px) { .home #content .info-wrapper { left: 50%; } } @media (max-width: 767px) { .home #content .info-wrapper { left: 0; } } .home #content .info-wrapper .logo { display: block; position: absolute; bottom: 30px; left: 30px; z-index: 11; width: 110px; height: 71px; } @media (max-width: 979px) { .home #content .info-wrapper .logo { left: 20px; top: 20px; } } @media (min-width: 980px) and (max-height: 870px) { .home #content .info-wrapper .logo { top: 20px; } } .home #content .info-wrapper .logo img { display: block; width: 100%; height: 100%; } .home #content .info-wrapper .info { position: absolute; bottom: 30px; right: 30px; z-index: 20; height: 100px; } @media (max-width: 979px) { .home #content .info-wrapper .info { left: 20px; bottom: 20px; } } @media (max-width: 767px) { .home #content .info-wrapper .info { height: auto; } } .home #content .info-wrapper .info .address { font: 600 14px/34px "Portrait", sans-serif; } @media (max-width: 767px) { .home #content .info-wrapper .info .address { line-height: 18px; } } .keyboard-navigation .social-links a:focus { outline: 2px solid #fff; } .phone-socials { text-align: justify; font: 600 28px/1 "Portrait", sans-serif; position: absolute; z-index: 99; top: 100px; right: 15px; } @media (max-width: 767px) { .phone-socials { display: none; } } @media screen and (max-width: 350px) { .phone-socials { font-size: 18px; } } .phone-socials:after { content: ""; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } @media (max-width: 767px) { .phone-socials:after { display: block; } } @media (max-width: 767px) { .phone-socials .phones { text-align: right; line-height: 22px; margin-bottom: 10px; float: left; margin-right: 10px; } } .phone-socials .phone, .phone-socials .sms { position: relative; display: block; clear: left; float: left; text-decoration: none; padding-left: 30px; } @media (max-width: 767px) { .phone-socials .phone, .phone-socials .sms { display: inline-block; float: none; font-size: 0; height: 22px; padding-left: 22px; } } @media screen and (max-width: 350px) { .phone-socials .phone, .phone-socials .sms { float: none; } } .phone-socials .phone:after, .phone-socials .sms:after { content: ''; position: absolute; left: 0; width: 22px; height: 22px; top: 50%; margin-top: -11px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -550px; } .phone-socials .sms:after { background-position: -80px -550px; } .phone-socials .social-links { display: block; float: right; vertical-align: top; text-align: right; margin-top: 2px; margin-left: 20px; } @media screen and (max-width: 350px) { .phone-socials .social-links { float: left; text-align: left; margin-left: 0; margin-top: 0; } } .phone-socials .social-links a { display: inline-block; vertical-align: top; height: 24px; width: 24px; overflow: hidden; text-indent: 9999px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") 0 0 no-repeat; } .phone-socials .social-links a + a { margin-left: 2px; } .phone-socials .social-links a.facebook { background-position: 0 -330px; } .phone-socials .social-links a.twitter { background-position: -46px -330px; } .phone-socials .social-links a.google { background-position: -94px -330px; } .phone-socials .social-links a.instagram { background-position: -140px -330px; } .phone-socials .social-links a.linkedin { background-position: -188px -330px; } #sidebar, #sidebar-emulation { -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; padding: 40px 20px 40px 40px; background: #000; } #sidebar#sidebar-emulation, #sidebar-emulation#sidebar-emulation { display: none; } .fixed-sidebar #sidebar#sidebar-emulation, .fixed-sidebar #sidebar-emulation#sidebar-emulation { display: block; } @media (max-width: 979px) { #sidebar#sidebar-emulation, #sidebar-emulation#sidebar-emulation { display: none !important; } } @media (min-width: 980px) { .fixed-sidebar #sidebar#sidebar, .fixed-sidebar #sidebar-emulation#sidebar { position: fixed; top: 60px; left: 0; width: 280px; } .absolute-sidebar #sidebar#sidebar, .absolute-sidebar #sidebar-emulation#sidebar { position: absolute; bottom: 0; left: 0; top: auto; width: 280px; } } @media (min-width: 980px) and (max-width: 1200px) { .fixed-sidebar #sidebar#sidebar, .fixed-sidebar #sidebar-emulation#sidebar { width: 200px; } .absolute-sidebar #sidebar#sidebar, .absolute-sidebar #sidebar-emulation#sidebar { width: 200px; } } @media (max-width: 979px) { #sidebar, #sidebar-emulation { display: none; } } #sidebar .logo, #sidebar-emulation .logo { display: block; width: 130px; margin: 0 auto 50px; } #sidebar .logo img, #sidebar-emulation .logo img { display: block; width: 100%; height: auto; } .rooms-page #sidebar, .influencers-page #sidebar, .dining-page #sidebar, .meetings-page #sidebar, .rooms-page #sidebar-emulation, .influencers-page #sidebar-emulation, .dining-page #sidebar-emulation, .meetings-page #sidebar-emulation { padding: 40px; } @media (min-width: 980px) and (max-width: 1200px) { .rooms-page #sidebar, .influencers-page #sidebar, .dining-page #sidebar, .meetings-page #sidebar, .rooms-page #sidebar-emulation, .influencers-page #sidebar-emulation, .dining-page #sidebar-emulation, .meetings-page #sidebar-emulation { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; padding: 20px; } } @media (max-width: 979px) { .rooms-page #sidebar, .influencers-page #sidebar, .dining-page #sidebar, .meetings-page #sidebar, .rooms-page #sidebar-emulation, .influencers-page #sidebar-emulation, .dining-page #sidebar-emulation, .meetings-page #sidebar-emulation { display: block; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; padding: 20px; } } @media (max-width: 767px) { .rooms-page #sidebar, .influencers-page #sidebar, .dining-page #sidebar, .meetings-page #sidebar, .rooms-page #sidebar-emulation, .influencers-page #sidebar-emulation, .dining-page #sidebar-emulation, .meetings-page #sidebar-emulation { width: 100%; text-align: center; padding: 20px; } .rooms-page #sidebar .logo, .influencers-page #sidebar .logo, .dining-page #sidebar .logo, .meetings-page #sidebar .logo, .rooms-page #sidebar-emulation .logo, .influencers-page #sidebar-emulation .logo, .dining-page #sidebar-emulation .logo, .meetings-page #sidebar-emulation .logo { width: 100px; margin-bottom: 20px; } } .dining-page #sidebar, .meetings-page #sidebar, .dining-page #sidebar-emulation, .meetings-page #sidebar-emulation { padding: 40px; } #submenu a { display: block; font: 20px/20px "Portrait", sans-serif; padding: 10px 0; text-decoration: none; text-transform: uppercase; color: #5F5F5F; } #submenu a.active, #submenu a:hover { color: #fff; } #submenu ul ul { margin: 0 0 20px 20px; } #home-events { position: relative; min-height: calc(100vh - 60px); padding: 10vh 80px 5vh; overflow: hidden; background: #000; } #home-events h2 { font: 600 50px/50px "Portrait", sans-serif; text-transform: uppercase; float: left; } @media (max-width: 1260px) { #home-events h2 { font-size: 44px; } } @media (max-width: 979px) { #home-events h2 { font-size: 30px; } } @media (max-width: 767px) { #home-events h2 { float: none; font-size: 20px; line-height: 22px; margin-bottom: 10px; } } @media (max-width: 979px) { #home-events { min-height: 600px; padding: 20px 40px 20px; } } @media (max-width: 767px) { #home-events { padding: 10px; } } #home-events .categories { position: relative; float: right; font-size: 0; } #home-events .categories:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; background: #484848; } #home-events .categories button { display: inline-block; font: 30px/50px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; cursor: pointer; position: relative; -webkit-transition: color 0.2s; transition: color 0.2s; padding: 0 12px; z-index: 2; } @media (max-width: 1260px) { #home-events .categories button { font-size: 22px; } } @media (max-width: 979px) { #home-events .categories button { font-size: 16px; } } #home-events .categories button:after { content: ""; display: block; width: 100%; height: 5px; position: absolute; bottom: -2px; left: 0; background: transparent; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; } #home-events .categories button.active, #home-events .categories button:hover { color: #fff; } #home-events .categories button.active:after, #home-events .categories button:hover:after { background: #540C43; } .keyboard-navigation #home-events .categories button:focus { outline: 2px solid #fff; } #home-events .events-sliders { clear: both; width: 100%; text-align: center; } #home-events .events-sliders .swiper-container { width: auto; display: inline-block; white-space: nowrap; max-width: 1496px; } #home-events .events-sliders .events-slider { position: absolute; top: calc(50% + 30px + 5vh); left: 150%; width: 100%; padding: 37px 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: left 0.2s, opacity 1s, -webkit-transform 1s; transition: left 0.2s, opacity 1s, -webkit-transform 1s; transition: left 0.2s, opacity 1s, transform 1s; transition: left 0.2s, opacity 1s, transform 1s, -webkit-transform 1s; } #home-events .events-sliders .events-slider:first-child { left: -100%; } #home-events .events-sliders .events-slider.active { left: 50%; } #home-events .events-sliders .events-slider.fade-on-scroll { -webkit-transform: translate(-50%, -30%); transform: translate(-50%, -30%); } #home-events .events-sliders .events-slider.fade-on-scroll.visible { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 979px) { #home-events .events-sliders .events-slider { top: 70px; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #home-events .events-sliders .events-slider.fade-on-scroll { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #home-events .events-sliders .events-slider.fade-on-scroll.visible { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } } #home-events .events-sliders .events-slider .swiper-button { width: 25px; height: 48px; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 2; } @media (min-width: 1300px) { #home-events .events-sliders .events-slider .swiper-button { display: none; } } @media (max-width: 767px) { #home-events .events-sliders .events-slider .swiper-button { display: block; } } #home-events .events-sliders .events-slider .swiper-button.swiper-button-prev { left: 0; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -160px; } @media (max-width: 979px) { #home-events .events-sliders .events-slider .swiper-button.swiper-button-prev { left: 40px; } } @media (max-width: 767px) { #home-events .events-sliders .events-slider .swiper-button.swiper-button-prev { left: 20px; } } #home-events .events-sliders .events-slider .swiper-button.swiper-button-next { right: 0; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -45px -160px; } @media (max-width: 979px) { #home-events .events-sliders .events-slider .swiper-button.swiper-button-next { right: 30px; } } @media (max-width: 767px) { #home-events .events-sliders .events-slider .swiper-button.swiper-button-next { right: 20px; } } #home-events .events-sliders article { display: inline-block; vertical-align: top; width: 300px; height: 400px; position: relative; margin: 0 37px; white-space: normal; } @media (max-width: 767px) { #home-events .events-sliders article { width: 250px; } } #home-events .events-sliders article .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #home-events .events-sliders article .inner-wrapper .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 50%; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; z-index: 1; } @media (min-width: 980px) { #home-events .events-sliders article .inner-wrapper .background:after { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 160px; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.8)); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } } #home-events .events-sliders article .inner-wrapper .event-content { width: 100%; padding: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: left; -webkit-transition: bottom 0.2s, -webkit-transform 0.2s; transition: bottom 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, bottom 0.2s; transition: transform 0.2s, bottom 0.2s, -webkit-transform 0.2s; } #home-events .events-sliders article .inner-wrapper .event-content h3 { font: 600 32px/27px "Portrait", sans-serif; text-transform: uppercase; } #home-events .events-sliders article .inner-wrapper .event-content .text { max-height: 0; overflow: hidden; -webkit-transition: max-height 0.4s; transition: max-height 0.4s; } #home-events .events-sliders article .inner-wrapper .event-content .text p { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; margin: 35px 0 43px; } #home-events .events-sliders article .inner-wrapper .event-content .text a { padding: 0; width: 100%; } @media (min-width: 980px) { #home-events .events-sliders article:hover .background, #home-events .events-sliders article.opened .background { -webkit-transform: scale(1.19); transform: scale(1.19); opacity: 0.17; } #home-events .events-sliders article:hover .background:after, #home-events .events-sliders article.opened .background:after { opacity: 0; } #home-events .events-sliders article:hover .event-content, #home-events .events-sliders article.opened .event-content { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } #home-events .events-sliders article:hover .event-content .text, #home-events .events-sliders article.opened .event-content .text { max-height: 300px; } } @media (max-width: 979px) { #home-events .events-sliders article .inner-wrapper .background { opacity: 0.5; } #home-events .events-sliders article .inner-wrapper .event-content { bottom: 50%; -webkit-transform: translateY(50%); transform: translateY(50%); } #home-events .events-sliders article .inner-wrapper .event-content .text { max-height: 300px; } #home-events .events-sliders article .inner-wrapper .event-content .text p { line-height: 20px; letter-spacing: 1.2px; margin: 15px 0 20px; } } #footer { position: relative; font-size: 10px; color: #9B9B9B; } @media (max-width: 979px) { #footer { text-align: center; } } #footer a { color: #FFFFFF; } #footer a:hover { text-decoration: none; } #footer .grey-row { padding: 17px 0; background: #272727; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 979px) { #footer .grey-row { display: block; padding: 17px 15px; } } #footer .grey-row .logo { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; height: 69px; margin-left: 50px; } @media (max-width: 979px) { #footer .grey-row .logo { width: 130px; margin: 0 0 20px 0; } } #footer .grey-row .logo img { display: block; width: 100%; height: auto; } #footer .copyright, #footer .credits { display: block; float: left; line-height: 50px; margin-left: 50px; } #footer .copyright a, #footer .credits a { color: inherit; text-decoration: none; } #footer .copyright a:hover, #footer .credits a:hover { color: #fff; } #footer .copyright.credits, #footer .credits.credits { float: right; margin: 0 50px 0 0; } @media (max-width: 767px) { #footer .copyright.credits, #footer .credits.credits { margin: 0 15px 0; } } @media (max-width: 767px) { #footer .copyright, #footer .credits { float: none; margin: 0 15px 0; padding: 10px 0; text-align: center; line-height: 15px; } } #newsletter { margin: 8px 50px 0 0; height: 46px; -webkit-box-flex: 0; -ms-flex: 0 0 354px; flex: 0 0 354px; position: relative; } #newsletter label { display: none; } @media (max-width: 1440px) { #newsletter { -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } } @media (max-width: 979px) { #newsletter { display: inline-block; margin: 8px 0 0; } } #newsletter input[type="text"] { height: 46px; width: 354px; border: 1px solid #fff; border-radius: 5px; font-size: 13px; line-height: 44px; color: #fff; padding: 0 50px 0 18px; } @media (max-width: 1440px) { #newsletter input[type="text"] { width: 230px; } } #newsletter input[type="text"]::-webkit-input-placeholder { color: #9B9B9B; } #newsletter input[type="text"]::-moz-placeholder { color: #9B9B9B; } #newsletter input[type="text"]:-ms-input-placeholder { color: #9B9B9B; } #newsletter input[type="text"]:-moz-placeholder { color: #9B9B9B; } #newsletter input[type="text"]:focus::-webkit-input-placeholder { color: #656565; } #newsletter input[type="text"]:focus::-moz-placeholder { color: #656565; } #newsletter input[type="text"]:focus:-ms-input-placeholder { color: #656565; } #newsletter input[type="text"]:focus:-moz-placeholder { color: #656565; } #newsletter input[type="submit"] { position: absolute; top: 0; right: 0; width: 50px; height: 46px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -44px 0; border: 0; text-indent: -1000px; padding: 0; overflow: hidden; } #footer-menu { overflow: hidden; margin-left: 174px; -webkit-box-flex: 1; -ms-flex: 1 0 130px; flex: 1 0 130px; } @media (max-width: 1440px) { #footer-menu { margin-left: 140px; } } @media (min-width: 768px) and (max-width: 979px) { #footer-menu { margin-left: 40px; } } @media (max-width: 979px) { #footer-menu { margin: 0 0 20px 0; } } #footer-menu ul { margin-top: 20px; } #footer-menu li { display: inline-block; margin-right: 20px; } #footer-menu a { display: block; font: 16px/26px "Portrait", sans-serif; text-decoration: none; color: #fff; } #footer-menu a:hover, #footer-menu a.active, .keyboard-navigation #footer-menu a:focus { text-decoration: underline; } .footer-info { display: none; } @media (max-width: 767px) { .footer-info { display: block; } .footer-info #header-address { display: block; position: static; } .footer-info .phone-socials { display: inline-block; position: static; } } .page-content:after { clear: both; content: ''; display: table; } .page-content hr { display: block; height: 1px; margin: 21px auto; border: none; background: #FFFFFF; color: #FFFFFF; } .page-content h1, .page-content h2 { font-family: "Portrait", sans-serif; font-weight: 600; text-transform: uppercase; } .page-content h1 { margin-bottom: 18px; color: #fff; font-size: 50px; line-height: 50px; } @media (max-width: 767px) { .page-content h1 { font-size: 30px; line-height: 30px; } } .page-content h3, .page-content h4, .page-content h5, .page-content h6 { color: #fff; } .page-content h2 { font-size: 26px; line-height: 1.5; margin-bottom: 25px; } @media (max-width: 767px) { .page-content h2 { font-size: 22px; line-height: 22px; } } .page-content h3 { font-size: 18px; text-transform: uppercase; font-family: "Portrait", sans-serif; } .page-content h4, .page-content h5, .page-content h6 { font-weight: bold; } .page-content h3, .page-content h4, .page-content h5, .page-content h6, .page-content p, .page-content ul, .page-content ol, .page-content table { margin-bottom: 25px; } .page-content strong { font-weight: bold; letter-spacing: 1.5px; } .page-content em { font-style: italic; letter-spacing: 1.5px; } .page-content u { text-decoration: underline; letter-spacing: 1.5px; } .page-content sup, .page-content sub { font-size: 75%; line-height: 0; position: relative; letter-spacing: 1.5px; } .page-content sup { top: -0.5em; } .page-content sub { bottom: -0.25em; } .page-content p, .page-content table { overflow: visible; letter-spacing: 1.5px; } .page-content ol { list-style: decimal inside; } .page-content ul { list-style: none; } .page-content ol, .page-content ul { margin-left: 20px; letter-spacing: 1.5px; } .page-content ol ol, .page-content ul ul, .page-content ol ul, .page-content ul ol { margin-top: 10px; margin-bottom: 10px; } .page-content ol > li > ol, .page-content ol > li > ul { margin-left: 34px; } .page-content ol li, .page-content ul li { position: relative; } .page-content ul > li { padding-left: 14px; } .page-content ul > li:after { content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; background: #fff; border-radius: 100%; } .page-content td, .page-content th, .page-content caption { padding: 8px 16px; text-align: left; vertical-align: middle; letter-spacing: 1.5px; } .page-content th, .page-content caption { vertical-align: bottom; padding-top: 0; padding-bottom: 20px; font: 22px/1 "Portrait", sans-serif; color: #fff; letter-spacing: 1.5px; } .page-content td { border-top: 1px solid #fff; } .page-content table p { margin: 5px; } .page-content .thumbnail { float: right; margin: 0 0 20px 30px; } .page-content .thumbnail a { display: block; } .page-content .thumbnail img { display: block; } .page-content .socials { margin-bottom: 20px; overflow: hidden; } .page-content .socials iframe { float: left; width: 90px; height: 21px; margin: 0 10px 0 0; } .page-content a.pdf { display: inline-block; font-size: 12px; line-height: 16px; padding-left: 23px; position: relative; } .page-content a.pdf:after { content: ''; position: absolute; left: 0; top: 0; width: 13px; height: 16px; background: url("/skins/bisha-hotel/assets/desktop/images/common.svg") -600px 0 no-repeat; } .page-content a.pdf:hover:after { background-position: -633px 0; } .page-content a.pdf:active:after { background-position: -666px 0; } .page-content a.pdf + .size { color: #aaa; font-size: 10px; } .page-content .hotel-location-map { margin-bottom: 21px; } .mobile-list { display: none; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; height: 50px; color: #fff; font-size: 20px; line-height: 50px; font-family: "Portrait", sans-serif; text-transform: uppercase; border: 1px solid #fff; position: relative; text-align: center; padding: 0; margin-bottom: 30px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mobile-list:after { content: ''; position: absolute; top: 50%; right: 20px; margin-top: -4px; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #9B9B9B; } @media (max-width: 767px) { .mobile-list { display: block; } } .mobilecategoryall { display: none; } @media (max-width: 767px) { .mobilecategoryall { display: block; } } .categories-list { position: relative; padding: 0 40px; margin: 30px 0 15px 0; text-align: center; } @media (max-width: 767px) { .categories-list { display: none; margin-top: -30px; margin-bottom: 30px; border: 1px solid #e2e2e2; border-top: 0; } .categories-list.visible { display: block; } .categories-list.visible .button { display: block; border: 0; white-space: normal; height: auto; line-height: 20px; padding: 15px 10px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-list.visible .button:after { content: ""; position: absolute; left: 50%; margin-left: -25px; top: -1px; width: 50px; height: 1px; background: #d6d6d6; } .categories-list.visible .button:first-child:after { display: none; } .categories-list.visible .button:hover, .categories-list.visible .button.active { border: 0; background: none; text-decoration: underline; } } .categories-list .text { display: none; } @media (max-width: 767px) { .categories-list .button { margin-bottom: 0; } } .categories-list .button + .button { margin-left: 10px; } @media (max-width: 767px) { .categories-list .button + .button { margin-left: 0; } } @media (max-width: 767px) { .categories-list { padding: 0; } .categories-list .inner-wrapper { background: #fff; display: none; position: absolute; top: 38px; left: 0; width: 100%; z-index: 2; -webkit-box-sizing: border-box; box-sizing: border-box; } .categories-list .inner-wrapper button { color: #343841; display: block; width: 100%; height: auto; font: 500 12px/30px "Portrait", sans-serif; border: 0; background: none; padding: 0 20px; text-decoration: none; text-align: left; } .categories-list .inner-wrapper button.active { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0; } .categories-list.active .inner-wrapper { display: block; overflow: visible; } } .image-list:after { clear: both; content: ''; display: table; } .image-list .image-list-item { position: relative; overflow: hidden; height: 300px; width: 849px; margin: 0 auto 20px; text-align: left; font-size: 14px; line-height: 18px; background: rgba(255, 255, 255, 0.05); } .calendar .image-list .image-list-item { width: 100%; } @media (min-width: 768px) and (max-width: 979px) { .image-list .image-list-item { width: 100%; } } @media (max-width: 767px) { .image-list .image-list-item { width: 100%; height: 100%; padding-bottom: 50px; } } .image-list .image-list-item:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; -webkit-box-sizing: border-box; box-sizing: border-box; } .image-list .image-list-item .background { position: relative; width: 350px; height: 300px; margin-left: 40px; display: block; float: right; overflow: hidden; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } @media (min-width: 768px) and (max-width: 979px) { .image-list .image-list-item .background { width: 300px; } } @media (max-width: 767px) { .image-list .image-list-item .background { width: 100%; height: 200px; margin-bottom: 10px; } } .image-list .image-list-item .description { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; padding: 25px 44px 30px 44px; } @media (min-width: 768px) and (max-width: 979px) { .image-list .image-list-item .description { padding: 25px; } } @media (max-width: 767px) { .image-list .image-list-item .description { padding: 23px 20px 10px 20px; width: 100%; text-align: center; } } .image-list .image-list-item .description h3 { font-size: 24px; line-height: 30px; margin-bottom: 15px; } @media (max-width: 767px) { .image-list .image-list-item .description h3 { margin-bottom: 5px; } } .image-list .image-list-item .description h3 a { text-decoration: none; } .image-list .image-list-item .description h3 a:hover { text-decoration: underline; } .image-list .image-list-item .description .time { margin-bottom: 10px; display: block; } @media (max-width: 767px) { .image-list .image-list-item .description .time { margin-bottom: 5px; } } .image-list .image-list-item .description nav { position: absolute; bottom: 30px; left: 45px; } @media (min-width: 768px) and (max-width: 979px) { .image-list .image-list-item .description nav { bottom: 25px; left: 25px; } } @media (max-width: 767px) { .image-list .image-list-item .description nav { text-align: center; width: 100%; left: 0; right: 0; bottom: 10px; } } .image-list .image-list-item .description nav a { padding: 0 14px; height: 50px; line-height: 50px; font-size: 14px; display: block; float: left; margin-right: 30px; text-decoration: none; text-align: center; text-transform: uppercase; } @media (min-width: 768px) and (max-width: 979px) { .image-list .image-list-item .description nav a { margin-right: 10px; padding: 0 5px; } } @media (max-width: 767px) { .image-list .image-list-item .description nav a { display: inline-block; float: none; margin-right: 0; margin-left: 10px; padding: 0 10px; } .image-list .image-list-item .description nav a:first-child { margin-left: 0; } } .image-list .image-list-item .description nav a:hover { color: #fff; } #socials { overflow: hidden; margin-bottom: 10px; } #socials iframe { width: 100px; float: left; } .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-container-no-flexbox .swiper-slide { float: left; } .swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; } /* Auto Height */ .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: -webkit-transform, height; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform; } /* a11y */ .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; } /* Pagination Styles */ .swiper-pagination { position: absolute; text-align: center; -webkit-transition: 300ms; transition: 300ms; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: 0.2; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-white .swiper-pagination-bullet { background: #fff; } .swiper-pagination-bullet-active { opacity: 1; background: #007aff; } .swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; } .swiper-pagination-black .swiper-pagination-bullet-active { background: #000; } .swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); } .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 5px 0; display: block; } .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } /* Progress */ .swiper-pagination-progress { background: rgba(0, 0, 0, 0.25); position: absolute; } .swiper-pagination-progress .swiper-pagination-progressbar { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; } .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar { -webkit-transform-origin: right top; transform-origin: right top; } .swiper-container-horizontal > .swiper-pagination-progress { width: 100%; height: 4px; left: 0; top: 0; } .swiper-container-vertical > .swiper-pagination-progress { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progress.swiper-pagination-white { background: rgba(255, 255, 255, 0.5); } .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar { background: #fff; } .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar { background: #000; } /* 3D Container */ .swiper-container-3d { -webkit-perspective: 1200px; -o-perspective: 1200px; perspective: 1200px; } .swiper-container-3d .swiper-wrapper, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-cube-shadow { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-container-3d .swiper-slide-shadow-left { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-right { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-top { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } .swiper-container-3d .swiper-slide-shadow-bottom { /* Safari 4+, Chrome */ /* Chrome 10+, Safari 5.1+, iOS 5+ */ /* Firefox 3.6-15 */ /* Opera 11.10-12.00 */ background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent); /* Firefox 16+, IE10, Opera 12.50+ */ } /* Coverflow */ .swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper { /* Windows 8 IE 10 fix */ -ms-perspective: 1200px; } /* Cube + Flip */ .swiper-container-cube, .swiper-container-flip { overflow: visible; } .swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-cube .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-top, .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Cube */ .swiper-container-cube .swiper-slide { visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-prev, .swiper-container-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: 0.6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; } /* Fade */ .swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } /* Scrollbar */ .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); } .swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } /* Preloader */ .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; } .swiper-lazy-preloader:after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; } .swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); } @-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); } } @keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #home-influencers { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background: #000; } #home-influencers .influencers-list { -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 60px 100px 40px 70px; min-height: calc(100vh - 60px); overflow: hidden; } #home-influencers .influencers-list h2 { font: 600 50px/50px "Portrait", sans-serif; text-transform: uppercase; margin-bottom: 43px; } @media (max-width: 979px) { #home-influencers .influencers-list h2 { font: 600 40px/40px "Portrait", sans-serif; } } #home-influencers .influencers-list .swiper-wrapper { display: block; } @media (max-width: 767px) { #home-influencers .influencers-list .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { #home-influencers .influencers-list .swiper-button { width: 25px; height: 48px; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 2; } #home-influencers .influencers-list .swiper-button.swiper-button-next { right: 0; background: url(/skins/bisha-hotel/assets/desktop/images/sprite.svg) no-repeat -45px -160px; } #home-influencers .influencers-list .swiper-button.swiper-button-prev { left: 0; background: url(/skins/bisha-hotel/assets/desktop/images/sprite.svg) no-repeat 0 -160px; } } #home-influencers .influencers-list .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #home-influencers .influencers-list .list .influencer { width: 100%; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } @media (max-width: 767px) { #home-influencers .influencers-list .list .influencer { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 0 10%; } } #home-influencers .influencers-list .list .influencer h4 { font: 22px/22px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; padding: 9px 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; } #home-influencers .influencers-list .list .influencer:hover h4, #home-influencers .influencers-list .list .influencer.active h4, .keyboard-navigation #home-influencers .influencers-list .list .influencer h4:focus { color: #fff; } #home-influencers .influencers-list .list .influencer .text { display: none; margin-bottom: 25px; width: 100% !important; } @media (max-width: 767px) { #home-influencers .influencers-list .list .influencer .text { display: block; visibility: visible; } } #home-influencers .influencers-list .list .influencer .text p { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; margin-bottom: 32px; } #home-influencers .influencers-list .list .influencer:first-child .text { display: block; } #home-influencers .influencers-photos { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; } #home-influencers .influencers-photos .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background-position: 50% 50%; background-size: cover; } #home-influencers .influencers-photos .background.active { opacity: 1; } @media (max-width: 979px) { #home-influencers .influencers-list { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 40px 25px 40px 25px; min-height: 0; } #home-influencers .influencers-list h2 { margin-bottom: 20px; } } @media (max-width: 767px) { #home-influencers { display: block; } #home-influencers .influencers-list h2 { font: 600 30px/30px "Portrait", sans-serif; } #home-influencers .influencers-list .list .influencer h4 { color: #fff; } #home-influencers .influencers-list .list .influencer .text { display: block; margin-bottom: 35px; } #home-influencers .influencers-list .list .influencer .text .mobile-bg { display: block; width: 100%; padding-top: 50%; height: 0; background-position: 50% 50%; background-size: cover; } #home-influencers .influencers-photos { display: none; } } .influencers-page .page-content { min-height: calc(100vh - 216px); } @media (max-width: 979px) { .influencers-page .page-content { display: block; min-height: 100%; } } @media (max-width: 767px) { .influencers-page .page-content { min-height: 100%; } } @media (min-width: 768px) and (max-width: 979px) { .influencers-page .page-content { min-height: 100%; } } .influencers-page .influencers-heading { font: 17px/17px "Portrait", sans-serif; text-transform: uppercase; margin-bottom: 20px; } .influencers-page .page-content-wrapper.influencer .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media (max-width: 979px) { .influencers-page .page-content-wrapper.influencer .page-content { display: block; } } .influencers-page .page-content-wrapper.influencer .influencer-content { padding: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; overflow: hidden; } @media (min-width: 980px) and (max-width: 1200px) { .influencers-page .page-content-wrapper.influencer .influencer-content { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; } } @media (max-width: 979px) { .influencers-page .page-content-wrapper.influencer .influencer-content { padding: 20px; width: 100%; } } .influencers-page .page-content-wrapper.influencer .image { -webkit-box-flex: 1; -ms-flex: 1 0 10px; flex: 1 0 10px; background-size: cover; background-position: 50% 50%; } @media (max-width: 979px) { .influencers-page .page-content-wrapper.influencer .image { width: 100%; padding-top: 60%; } } .dining-page .page-content-wrapper.dining .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: calc(100vh - 216px); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media (max-width: 979px) { .dining-page .page-content-wrapper.dining .page-content { display: block; min-height: 100%; } } @media (max-width: 767px) { .dining-page .page-content-wrapper.dining .page-content { min-height: 100%; } } @media (min-width: 768px) and (max-width: 979px) { .dining-page .page-content-wrapper.dining .page-content { min-height: 100%; } } .dining-page .page-content-wrapper.dining .dining-content { padding: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; overflow: hidden; } @media (max-width: 979px) { .dining-page .page-content-wrapper.dining .dining-content { padding: 20px; width: 100%; } } .dining-page .page-content-wrapper.dining .dining-content dl { margin-top: 50px; font: 20px/40px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; } @media (max-width: 767px) { .dining-page .page-content-wrapper.dining .dining-content dl { font: 16px/30px "Portrait", sans-serif; } } .dining-page .page-content-wrapper.dining .dining-content dl dt, .dining-page .page-content-wrapper.dining .dining-content dl dd { display: inline-block; vertical-align: top; } .dining-page .page-content-wrapper.dining .dining-content dl dt { font-size: 20px; line-height: 40px; margin-bottom: 0; min-width: 140px; } .dining-page .page-content-wrapper.dining .dining-content dl dd { font: 17px/36px "GT America Extended", sans-serif; color: #fff; } @media (max-width: 767px) { .dining-page .page-content-wrapper.dining .dining-content dl dd { font: 15px/26px "GT America Extended", sans-serif; } } .dining-page .page-content-wrapper.dining .dining-content .booking-link { display: inline-block; width: 100%; margin: 50px 0; } .dining-page .page-content-wrapper.dining .dining-content .action-icons { margin-bottom: 64px; } .dining-page .page-content-wrapper.dining .dining-content .action-icons a { padding-top: 80px; position: relative; display: inline-block; vertical-align: top; text-align: center; font: 11px/20px "Portrait", sans-serif; letter-spacing: 0.33px; text-transform: uppercase; text-decoration: none; margin-left: 40px; min-width: 60px; max-width: 40%; } .dining-page .page-content-wrapper.dining .dining-content .action-icons a + a { margin-left: 50px; } .dining-page .page-content-wrapper.dining .dining-content .action-icons a:after { content: ""; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .dining-page .page-content-wrapper.dining .dining-content .action-icons a.menus:after { width: 60px; height: 60px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -50px -240px; } .dining-page .page-content-wrapper.dining .dining-content .action-icons a.our-events:after { width: 42px; height: 56px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -140px -240px; } .dining-page .page-content-wrapper.dining .dining-gallery { -webkit-box-flex: 1; -ms-flex: 1 0 10px; flex: 1 0 10px; } @media (max-width: 979px) { .dining-page .page-content-wrapper.dining .dining-gallery { padding-top: 75%; } } @media (max-width: 767px) { .dining-page .page-content-wrapper.dining .dining-gallery { padding-top: 100%; } } .dining-page .page-content-wrapper.dining .dining-gallery .swiper-wrapper { position: absolute; top: 0; left: 0; } @media (max-width: 979px) { .dining-page .page-content-wrapper.dining .dining-gallery { width: 100%; } } .dining-page .page-content-wrapper.dining .dining-gallery .swiper-slide { background-size: cover; background-position: 50% 50%; } .dining-page .page-content-wrapper.dining .dining-gallery .swiper-button { width: 25px; height: 48px; display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 3; } .dining-page .page-content-wrapper.dining .dining-gallery .swiper-button.swiper-button-prev { left: 30px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -160px; } .dining-page .page-content-wrapper.dining .dining-gallery .swiper-button.swiper-button-next { right: 30px; left: auto; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -45px -160px; } .meetings-page .page-content-wrapper.meetings .meetings-content .booking-link { margin: 5px 0; } .meetings-page .page-content-wrapper.meetings .meetings-content .contacts { margin-top: 20px; } .meetings-page .page-content-wrapper.meetings .additional-info { padding-top: 170px; } .venue { overflow: hidden; } .venue h3 a { text-decoration: none; } .meetings-page .page-content-wrapper.meetings .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 979px) { .meetings-page .page-content-wrapper.meetings .page-content { display: block; } } .meetings-page .page-content-wrapper.meetings .meetings-content { padding: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; overflow: hidden; } @media (max-width: 979px) { .meetings-page .page-content-wrapper.meetings .meetings-content { padding: 20px; width: 100%; } } .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts { margin-top: 20px; } .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div { font: 20px/40px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; } @media (max-width: 767px) { .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div { font: 16px/30px "Portrait", sans-serif; } } .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div span, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div span { display: inline-block; vertical-align: top; } .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .menu, .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .contact-method, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .menu, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .contact-method { min-width: 140px; } .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .hours, .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .contact, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .hours, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .contact { font: 17px/36px "GT America Extended", sans-serif; color: #fff; } @media (max-width: 767px) { .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .hours, .meetings-page .page-content-wrapper.meetings .meetings-content .opening-hours div .contact, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .hours, .meetings-page .page-content-wrapper.meetings .meetings-content .contacts div .contact { font: 15px/26px "GT America Extended", sans-serif; } } .meetings-page .page-content-wrapper.meetings .meetings-content .booking-link { display: inline-block; width: 100%; margin: 5px 0; } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons { margin-bottom: 64px; } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons a { padding-top: 80px; position: relative; display: inline-block; vertical-align: top; text-align: center; font: 11px/20px "Portrait", sans-serif; letter-spacing: 0.33px; text-transform: uppercase; text-decoration: none; margin-left: 40px; } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons a + a { margin-left: 50px; } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons a:after { content: ""; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons a.menus:after { width: 60px; height: 60px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -50px -240px; } .meetings-page .page-content-wrapper.meetings .meetings-content .action-icons a.our-events:after { width: 42px; height: 56px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -140px -240px; } .meetings-page .page-content-wrapper.meetings .additional-info { padding-top: 170px; -webkit-box-flex: 0; -ms-flex: 0 1 800px; flex: 0 1 800px; overflow: hidden; } .meetings-page .page-content-wrapper.meetings .additional-info .images { overflow: hidden; width: 100%; } .meetings-page .page-content-wrapper.meetings .additional-info .images .main-image { width: 100%; padding-top: 51.3%; background-size: cover; background-position: 50% 50%; } .meetings-page .page-content-wrapper.meetings .additional-info .images .image { width: 50%; float: left; padding-top: 29.4%; background-size: cover; background-position: 50% 50%; } .meetings-page .page-content-wrapper.meetings .additional-info .images .image:last-child:nth-child(even) { width: 100%; } .meetings-page .page-content-wrapper.meetings .additional-info .images.images-0 .main-image { padding-top: 100%; } .meetings-page .page-content-wrapper.meetings .additional-info .images.images-1 .image { width: 100%; } .meetings-page .page-content-wrapper.meetings .additional-info .highlights { padding: 50px 50px 0 0; } @media (min-width: 768px) and (max-width: 979px) { .meetings-page .page-content-wrapper.meetings .additional-info .highlights { padding: 30px 30px 0 30px; } } @media (max-width: 767px) { .meetings-page .page-content-wrapper.meetings .additional-info .highlights { padding: 15px 15px 0 15px; } } .meetings-page .page-content-wrapper.meetings .additional-info .highlights h4 { font: 600 50px/50px "Portrait", sans-serif; text-transform: uppercase; } @media (max-width: 767px) { .meetings-page .page-content-wrapper.meetings .additional-info .highlights h4 { font: 600 30px/30px "Portrait", sans-serif; } } .meetings-page .page-content-wrapper.meetings .additional-info .highlights a { display: inline-block; vertical-align: top; width: 49%; font: 17px/20px "GT America Extended", sans-serif; padding-right: 20px; margin-bottom: 20px; color: #5F5F5F; text-decoration: none; } @media (max-width: 1300px) { .meetings-page .page-content-wrapper.meetings .additional-info .highlights a { width: 100%; padding: 0; } } @media (max-width: 767px) { .meetings-page .page-content-wrapper.meetings .additional-info .highlights a { font-size: 15px; margin-bottom: 10px; } } .meetings-page .page-content-wrapper.meetings .additional-info .highlights a:hover { color: #fff; } #venues { padding: 45px; } @media (max-width: 979px) { #venues { padding: 15px; } } #venues h2 { font: 600 50px/50px "Portrait", sans-serif; text-transform: uppercase; margin-bottom: 25px; } @media (max-width: 979px) { #venues h2 { margin: 20px 0 0 0; } } @media (max-width: 767px) { #venues h2 { font: 600 30px/30px "Portrait", sans-serif; } } #venues h3 { font: 600 26px/50px "Portrait", sans-serif; margin: 15px 0; text-transform: uppercase; } #venues .categories { overflow: hidden; } #venues .categories span { display: block; height: 20px; font: 17px/20px "GT America Extended", sans-serif; cursor: pointer; margin-bottom: 21px; position: relative; } #venues .categories .inner-wrapper { overflow: hidden; max-width: 990px; margin-bottom: 40px; } #venues .categories .inner-wrapper span { padding-left: 40px; float: left; width: 330px; } #venues .categories .inner-wrapper span:before { content: ""; display: block; width: 20px; height: 20px; border: 1px solid #fff; position: absolute; top: 0; left: 0; } #venues .categories .inner-wrapper span.active:after { content: ""; display: block; width: 14px; height: 14px; background: #fff; position: absolute; top: 4px; left: 4px; } #venues .categories .inner-wrapper span:hover { text-decoration: underline; } #venues .capacity-slider { margin-bottom: 100px; } #venues .capacity-slider .slider-container { overflow: hidden; height: 25px; margin: 30px 0; font: 17px/25px "GT America Extended", sans-serif; max-width: 600px; } #venues .capacity-slider .slider-container span { float: left; } #venues .capacity-slider .slider-container span.biggest-capacity { float: right; } #venues .capacity-slider #venues-slider { height: 1px; background: #484848; position: relative; margin: 12px 80px 0 50px; } #venues .capacity-slider #venues-slider .ui-slider-range { height: 100%; left: 0; position: absolute; top: 0; } #venues .capacity-slider #venues-slider .ui-slider-handle { height: 25px; cursor: -webkit-grab; cursor: grab; position: absolute; width: 75px; z-index: 20; background: #540C43; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } #venues .capacity-slider #venues-slider .ui-slider-handle:active { cursor: -webkit-grabbing; cursor: grabbing; } #venues article { display: inline-block; vertical-align: top; width: 300px; height: 400px; position: relative; margin: 0 75px 75px 0; white-space: normal; } @media (max-width: 979px) { #venues article { width: 46%; margin: 10px 2% 0 0; } } @media (max-width: 767px) { #venues article { width: 100%; margin: 10px 0; } } #venues article.capacity-hide { display: none; } #venues article .inner-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #venues article .inner-wrapper .background { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-size: cover; background-position: 50% 50%; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s, -webkit-transform 0.2s; z-index: 1; opacity: 0.7; } #venues article .inner-wrapper .venue-content { width: 100%; padding: 20px; position: absolute; left: 0; bottom: 0; z-index: 2; text-align: left; } @media (max-width: 979px) { #venues article .inner-wrapper .venue-content { height: 100%; } } #venues article .inner-wrapper .venue-content h3 { font: 600 27px/27px "Portrait", sans-serif; text-transform: uppercase; } #venues article .inner-wrapper .venue-content .capacity { height: 31px; padding-left: 40px; font: 17px/31px "GT America Extended", sans-serif; position: relative; margin: 10px 0; } #venues article .inner-wrapper .venue-content .capacity:after { content: ""; display: block; width: 31px; height: 31px; position: absolute; top: 0; left: 0; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") -340px -100px; } @media (min-width: 980px) { #venues article .inner-wrapper .venue-content .text { display: none; } } #venues article .inner-wrapper .venue-content .text p { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; margin: 13px 0 16px; max-height: 75px; overflow: hidden; } #venues article .inner-wrapper .venue-content a { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 0; width: 100%; } @media (min-width: 980px) { #venues article .inner-wrapper .venue-content a { display: none; } } @media (min-width: 980px) { #venues article:hover .venue-content { height: 100%; padding: 0; } #venues article:hover .venue-content .text { display: block; } #venues article:hover .venue-content a { display: block; } #venues article:hover .background { -webkit-transform: scale(1.19); transform: scale(1.19); opacity: 0.17; } } #home-rooms { position: relative; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; background: #000; } #home-rooms .rooms-list { -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 60px 100px 40px 70px; min-height: calc(100vh - 60px); } #home-rooms .rooms-list h2 { font: 600 50px/50px "Portrait", sans-serif; text-transform: uppercase; margin-bottom: 43px; } #home-rooms .rooms-list .swiper-wrapper { display: block; } @media (max-width: 767px) { #home-rooms .rooms-list .swiper-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { #home-rooms .rooms-list .swiper-button { width: 25px; height: 48px; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 2; } #home-rooms .rooms-list .swiper-button.swiper-button-next { right: 0; background: url(/skins/bisha-hotel/assets/desktop/images/sprite.svg) no-repeat -45px -160px; } #home-rooms .rooms-list .swiper-button.swiper-button-prev { left: 0; background: url(/skins/bisha-hotel/assets/desktop/images/sprite.svg) no-repeat 0 -160px; } } @media (max-width: 767px) { #home-rooms .rooms-list .list { width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } } @media (max-width: 767px) { #home-rooms .rooms-list .list .room { width: 80%; opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding: 0 10%; } } #home-rooms .rooms-list .list .room h4 { font: 22px/22px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; padding: 9px 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; } #home-rooms .rooms-list .list .room h4 a { text-decoration: none; } #home-rooms .rooms-list .list .room:hover h4, #home-rooms .rooms-list .list .room.active h4 { color: #fff; } #home-rooms .rooms-list .list .room .text { width: 100% !important; display: none; margin-bottom: 25px; } #home-rooms .rooms-list .list .room .text p { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; margin-bottom: 32px; } #home-rooms .rooms-list .list .room:first-child .text { display: block; } #home-rooms .rooms-photos { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; position: relative; } #home-rooms .rooms-photos .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; background-position: 50% 50%; background-size: cover; } #home-rooms .rooms-photos .background.active { opacity: 1; } @media (max-width: 979px) { #home-rooms .rooms-list { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 40px 25px 40px 25px; min-height: 0; } #home-rooms .rooms-list h2 { margin-bottom: 20px; } } @media (max-width: 767px) { #home-rooms { display: block; } #home-rooms .rooms-list h2 { font: 600 30px/30px "Portrait", sans-serif; } #home-rooms .rooms-list .list .room h4 { color: #fff; } #home-rooms .rooms-list .list .room .text { display: block; margin-bottom: 35px; } #home-rooms .rooms-list .list .room .text .mobile-bg { display: block; width: 100%; padding-top: 50%; height: 0; background-position: 50% 50%; background-size: cover; } #home-rooms .rooms-photos { display: none; } } .rooms-page .rooms-submenu a { font: 20px/20px "Portrait", sans-serif; color: #5F5F5F; text-transform: uppercase; display: block; padding: 10px 0; text-decoration: none; } .rooms-page .rooms-submenu a:hover, .rooms-page .rooms-submenu a.active { color: #fff; } @media (max-width: 767px) { .rooms-page .rooms-submenu a { display: none; } .rooms-page .rooms-submenu.active a { display: block; } } .rooms-page .page-content-wrapper.room .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: calc(100vh - 216px); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .page-content { display: block; min-height: 100%; } } @media (max-width: 767px) { .rooms-page .page-content-wrapper.room .page-content { min-height: 100%; } } @media (min-width: 768px) and (max-width: 979px) { .rooms-page .page-content-wrapper.room .page-content { min-height: 100%; } } .rooms-page .page-content-wrapper.room .room-content { padding: 190px 40px 40px; -webkit-box-flex: 0; -ms-flex: 0 0 520px; flex: 0 0 520px; overflow: hidden; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-content { padding: 20px; width: 100%; } } .rooms-page .page-content-wrapper.room .room-content .description { font-size: 13px; line-height: 25px; letter-spacing: 1.5px; } .rooms-page .page-content-wrapper.room .room-content .description .content-read-more { cursor: pointer; font-size: 15px; font: 15px/20px "GT America Extended", sans-serif; text-transform: uppercase; margin: 40px 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; color: #fff; } .rooms-page .page-content-wrapper.room .room-content .description .content-read-more:hover { opacity: 0.7; } .rooms-page .page-content-wrapper.room .room-content .description .hide-content { display: none; } .rooms-page .page-content-wrapper.room .room-content .button { margin-top: 60px; padding: 0 80px; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-content .button { margin: 15px 0 15px; padding: 0 40px; } } .rooms-page .page-content-wrapper.room .room-content .features { margin: 35px 50px 0 0; overflow: hidden; font-size: 0; text-align: justify; line-height: 0; text-justify: distribute; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-content .features { margin-right: 0; } } .rooms-page .page-content-wrapper.room .room-content .features:after { content: ""; display: inline-block; width: 100%; font-size: 0; height: 0; } .rooms-page .page-content-wrapper.room .room-content .features .icon { padding-top: 55px; position: relative; display: inline-block; vertical-align: top; text-align: center; font: 11px/20px "Portrait", sans-serif; letter-spacing: 0.33px; text-transform: uppercase; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-content .features .icon { width: 25%; padding: 55px 5px 0; } } @media (max-width: 767px) { .rooms-page .page-content-wrapper.room .room-content .features .icon { width: 50%; } } .rooms-page .page-content-wrapper.room .room-content .features .icon:nth-child(0), .rooms-page .page-content-wrapper.room .room-content .features .icon:nth-child(1) { margin: 0 0 30px 0; } .rooms-page .page-content-wrapper.room .room-content .features .icon:after { content: ""; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .rooms-page .page-content-wrapper.room .room-content .features .icon.icon-location:after { width: 30px; height: 36px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -300px 0; } .rooms-page .page-content-wrapper.room .room-content .features .icon.icon-rooftop:after { width: 68px; height: 41px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -350px 0; } .rooms-page .page-content-wrapper.room .room-content .features .icon.icon-bed:after { width: 40px; height: 37px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -440px 0; } .rooms-page .page-content-wrapper.room .room-content .features .icon.icon-nightlife:after { width: 28px; height: 38px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -500px 0; } .rooms-page .page-content-wrapper.room .room-gallery { -webkit-box-flex: 1; -ms-flex: 1 0 10px; flex: 1 0 10px; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-gallery { padding-top: 75%; } } @media (max-width: 767px) { .rooms-page .page-content-wrapper.room .room-gallery { padding-top: 100%; } } .rooms-page .page-content-wrapper.room .room-gallery .swiper-wrapper { position: absolute; top: 0; left: 0; } @media (max-width: 979px) { .rooms-page .page-content-wrapper.room .room-gallery { width: 100%; } } .rooms-page .page-content-wrapper.room .room-gallery .swiper-slide { background-size: cover; background-position: 50% 50%; } .rooms-page .page-content-wrapper.room .room-gallery .swiper-button { width: 25px; height: 48px; display: block; cursor: pointer; position: absolute; top: 50%; margin-top: -24px; z-index: 3; } .rooms-page .page-content-wrapper.room .room-gallery .swiper-button.swiper-button-prev { left: 30px; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat 0 -160px; } .rooms-page .page-content-wrapper.room .room-gallery .swiper-button.swiper-button-next { right: 30px; left: auto; background: url("/skins/bisha-hotel/assets/desktop/images/sprite.svg") no-repeat -45px -160px; } .keyboard-navigation .content-read-more:focus { outline: 2px solid #fff; } .keyboard-navigation .rooms-submenu a:focus { color: #fff; } </style><script> var templateURL = '/skins/bisha-hotel/', siteSettings = { name: "Bisha Hotel Toronto", country: "CAN", state: "Ontario", city: "Toronto", adr: "80 Blue Jays Way", zip: "M5V2G3", lat: "43.6460312", lng: "-79.39230370000001", phone: "844-275-1726" }; </script><script src="//assets.adobedtm.com/28293fcd4e20e6b10bd3dbb94388e0de5bef5326/satelliteLib-4cfa39cd4dce9223d9449d70923e1ae1ab7bc12f.js"></script><script type="text/javascript" id="__dd_src" src="/skins/master/assets/tracking/digitalData.min.js"></script><script type="text/javascript" id="__tracking-digitalData">var s_account='',s_sites='';s.pageName="Bisha Hotel Toronto \/ Dining \/ K\u014cST";s.prop4="K\u014cST";s.channel="Dining";s.products=";Bisha Hotel Toronto";s.prop16="en";s.eVar42="desktop";var __pageCategory={"primaryCategory":"Dining","subCategory1":null,"subCategory2":null,"pageType":"Home","httpStatusCode":200};var __clientInfo={"suite":"","internalURL":""}; if('undefined' !== typeof _isTablet && _isTablet) s.eVar42 = 'tablet'; s.eVar44 = (document.cookie.indexOf('_htma=') === -1) ? 'anonymous' : 'logged in'; digitalData.mapOmniture(s, s_account); function isEmpty(o) {for (var p in o) { if (o.hasOwnProperty(p)){ return false; } } return true;} if ( 'undefined' !== typeof siteSettings.property && !isEmpty(siteSettings.property) && 'undefined' !== typeof __property ) { ('undefined' !== typeof siteSettings.property.city_name) && (__property['cityName'] = siteSettings.property.city_name); ('undefined' !== typeof siteSettings.property.state_abbreviation) && (__property['stateCode'] = siteSettings.property.state_abbreviation); ('undefined' !== typeof siteSettings.property.country_abbreviation) && (__property['countryCode'] = siteSettings.property.country_abbreviation); } try { ('undefined' !== typeof __property) && digitalData.setProperty(__property); ('undefined' !== typeof __pageCategory) && digitalData.setPageCategory(__pageCategory); ('undefined' !== typeof __eventInfo) && digitalData.setEventInfo(__eventInfo); ('undefined' !== typeof __cartData) && digitalData.setCart(__cartData); ('undefined' !== typeof __transactionData) && digitalData.setTransactions(__transactionData); ('undefined' !== typeof __profileInfo) && digitalData.setProfile(__profileInfo); } catch(e) { } </script><script src="/shared/assets/packages/guestportal/dist/js/main.js?v=1544532752"></script><script> $(document).ready(function () { var module = window.Modules.Guestportal; var settings = { jQuery: $, propertyId: "", canRedirect: "", languageId: "1", ipExpiration: 30, portalExpiration: 30 }; module.initialize(settings); module.start(); }); </script></head><body class="vcard"> <header id="header" role="banner"><a href="#main-wrapper" class="skip-navigation" tabindex="1">Skip to main content</a> <a class="fn org logo" href="/" tabindex="-1"> <img src="/skins/bisha-hotel/assets/desktop/images/logo-menu.svg" alt="Bisha Hotel Toronto" class="black"><img src="/skins/bisha-hotel/assets/desktop/images/logo-menu-white.svg" alt="Bisha Hotel Toronto" class="white"></a> <button class="menu-toggle"><span></span></button> <button class="booking-toggle">Reserve Now</button> </header><div id="header-address"> <span class="street-address">80 Blue Jays Way</span>, <span class="locality">Toronto</span> <span class="region">Ontario</span> <span class="postal-code">M5V2G3</span>, Canada </div> <div class="phone-socials"> <div class="phones clearfix"> <a data-tel="tel:844-275-1726" class="phone">844-275-1726</a> <a href="sms:647-556-2288;?&body=" class="sms">647-556-2288</a> </div> <span class="social-links"> <a class="instagram" href="https://www.instagram.com/bishatoronto/" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://www.instagram.com/bishatoronto/ - Website Referral') );" aria-label="Hotel Social Link - Instagram">Instagram</a> <a class="twitter" href="https://twitter.com/bisha" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://twitter.com/bisha - Website Referral') );" aria-label="Hotel Social Link - Twitter">Twitter</a> <a class="facebook" href="https://www.facebook.com/BishaToronto/" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://www.facebook.com/BishaToronto/ - Website Referral') );" aria-label="Hotel Social Link - Facebook">Facebook</a> </span> </div> <div class="menu-wrapper"> <button class="close" tabindex="-1"></button> <nav id="main-menu" role="navigation"><ul class="menu level-1 "><li class=" parent"> <a href="/rooms" tabindex="2">Rooms & Suites</a> <ul class="menu level-2 submenu"><li class=" "> <a href="/rooms/kravitz-floor" tabindex="2">Kravitz Floor</a> </li> </ul></li> <li class="active parent"> <a href="/dining" class="active" tabindex="2">Dining</a> <ul class="menu level-2 submenu"><li class="active "> <a href="/dining/kost" class="active" tabindex="2">KŌST</a> </li> <li class=" "> <a href="/dining/lobby-lounge" tabindex="2">Mister C Bar Room</a> </li> <li class=" "> <a href="/dining/akira-back" tabindex="2">Akira Back</a> </li> <li class=" "> <a href="/dining/french-made" tabindex="2">French Made</a> </li> </ul></li> <li class=" parent"> <a href="/special-offers" tabindex="2">Special Offers</a> <ul class="menu level-2 submenu"><li class=" "> <a href="/special-offers/weekend-perks" tabindex="2">Weekend Perks</a> </li> <li class=" "> <a href="/special-offers/give-your-car-a-night-off" tabindex="2">Give Your Car a Night Off</a> </li> <li class=" "> <a href="/special-offers/beach-house-breakfast" tabindex="2">Beach House Breakfast</a> </li> </ul></li> <li class=" "> <a href="/amenities" tabindex="2">Services & Amenities</a> </li> <li class=" parent"> <a href="/events" tabindex="2">Groups + Events</a> <ul class="menu level-2 submenu"><li class=" "> <a href="/events/next-level-meetings" tabindex="2">Next Level Meetings</a> </li> <li class=" "> <a href="/events/the-big-day" tabindex="2">The Big Day</a> </li> <li class=" "> <a href="/events/social-events" tabindex="2">The Next Instagrammable Party</a> </li> </ul></li> <li class=" "> <a href="/bisha-soirees" tabindex="2">Happenings</a> </li> <li class=" "> <a href="/gallery" tabindex="2">Gallery</a> </li> <li class=" parent"> <a href="/influencers" tabindex="2">Influencers</a> <ul class="menu level-2 submenu"><li class=" "> <a href="/influencers/charles-khabouth" tabindex="2">Charles Khabouth</a> </li> <li class=" "> <a href="/influencers/lenny-kravitz" tabindex="2">Lenny Kravitz</a> </li> <li class=" "> <a href="/influencers/alessandro-munge" tabindex="2">Alessandro Munge</a> </li> <li class=" "> <a href="/influencers/ben-gorham" tabindex="2">Ben Gorham</a> </li> <li class=" "> <a href="/influencers/akira-back" tabindex="2">Akira Back</a> </li> <li class=" "> <a href="/influencers/grace-zeppilli" tabindex="2">Grace Zeppilli</a> </li> </ul></li> </ul></nav></div> <article id="booking"><button class="close"></button> <div class="background"></div> <div class="booking-wrapper"> <form action="https://www.loewshotels.com/booking" method="get" target="_blank"> <fieldset><legend></legend> <div class="booking-step booking-step-dates" data-step="0"> <div class="step-result"> <span class="heading">Travel Dates:</span> <span class="results"> <span id="booking-dates" class="result" tabindex="0" aria-label="Click to Select Dates"></span> <input type="hidden" name="checkin" id="booking-checkin" tabindex="-1"><input type="hidden" name="checkout" id="booking-checkout" tabindex="-1"></span> </div> <div class="step-body"> <div id="booking-datepicker"></div> </div> </div> <div class="booking-step booking-step-rates" data-step="1"> <div class="step-result"> <span class="heading">Choose Rate:</span> <span class="results"> <span class="booking-rate result" tabindex="0" aria-label="Click to Select Rate">Best Available Rate</span> <input type="hidden" name="rate_type" tabindex="-1"><input type="hidden" name="rate_code" tabindex="-1"></span> </div> <div class="step-body"> <div class="rates-wrapper"> <div class="rate-div"><span data-rate="" class="rate-span">Best Available Rate</span></div> <div class="rate-div"><span data-rate="AARP" class="rate-span">Senior/AARP Rates</span></div> <div class="rate-div"><span data-rate="AAA" class="rate-span">AAA/CAA Rates</span></div> <div class="rate-div"><span data-rate="GOVERNMENT" class="rate-span">Government</span></div> <div class="rate-div"><span data-rate="PROMO" class="rate-span add-input">Packages/Promotion</span><input type="text" name="" placeholder="Enter Code" tabindex="-1" aria-label="Enter Promo Code"></div> <div class="rate-div"><span data-rate="CORPORATE" class="rate-span add-input">Volume Corporate</span><input type="text" name="" placeholder="Enter Code" tabindex="-1" aria-label="Enter Corporate Code"></div> <div class="rate-div"><span data-rate="GROUP" class="rate-span add-input">Group Rates</span><input type="text" name="" placeholder="Enter Code" tabindex="-1" aria-label="Enter Group Code"></div> </div> <button class="button rates-advance" aria-label="Next Booking Step">Next</button> </div> </div> <div class="booking-step booking-step-rooms" data-step="2"> <div class="step-result"> <span class="heading"># Of People:</span> </div> <div class="step-body"> <div class="room-counter room-counter-1 active"> <span class="room-heading" data-room="1">Room 1</span> <div class="choose-box"> <span class="label">Adults:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="adults[adults1]" data-type="adults"><option value="1">1</option><option value="2" selected>2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div> </div> <div class="choose-box"> <span class="label">Kids:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="children[children1]" data-type="children"><option value="0" selected>0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select></div> </div> </div> <div class="room-counter room-counter-2"> <span class="room-heading" data-room="2">Room 2</span> <div class="choose-box"> <span class="label">Adults:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="adults[adults2]" data-type="adults" disabled><option value="1">1</option><option value="2" selected>2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div> </div> <div class="choose-box"> <span class="label">Kids:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="children[children2]" data-type="children" disabled><option value="0" selected>0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select></div> </div> </div> <div class="room-counter room-counter-3"> <span class="room-heading" data-room="3">Room 3</span> <div class="choose-box"> <span class="label">Adults:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="adults[adults3]" data-type="adults" disabled><option value="1">1</option><option value="2" selected>2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div> </div> <div class="choose-box"> <span class="label">Kids:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="children[children3]" data-type="children" disabled><option value="0" selected>0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select></div> </div> </div> <div class="room-counter room-counter-4"> <span class="room-heading" data-room="4">Room 4</span> <div class="choose-box"> <span class="label">Adults:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="adults[adults4]" data-type="adults" disabled><option value="1">1</option><option value="2" selected>2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select></div> </div> <div class="choose-box"> <span class="label">Kids:</span> <div class="advanced-select"> <select class="multi-room-selector update-rates" name="children[children4]" data-type="children" disabled><option value="0" selected>0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option></select></div> </div> </div> <div class="controls"> <div class="links"> <a href="#" class="add-room active">Add Room</a><a href="#" class="remove-room">Remove Room</a> </div> <input type="submit" value="Reserve Now" class="button" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event6,scOpen'; s.events='event6,scOpen'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'o','Booking Initiated') );"><input type="hidden" id="property" value="34" name="property"></div> </div> </div> </fieldset></form> </div> </article><div id="main-wrapper"> <div id="content"> <div id="sidebar"> <nav id="submenu"><ul><li> <a href="/dining/kost" class="active">KŌST</a> </li> <li> <a href="/dining/lobby-lounge">Mister C Bar Room</a> </li> <li> <a href="/dining/akira-back">Akira Back</a> </li> <li> <a href="/dining/french-made">French Made</a> </li> </ul></nav></div> <div id="sidebar-emulation"></div> <div class="page-content-wrapper dining"> <div class="page-content"> <div class="dining-content translate-content"> <h1>KŌST</h1> <p>Dine on top of the world at KŌST. KŌST is a 44th floor rooftop restaurant and bar, featuring unparalleled panoramic and sweeping views of the city. Inspired by the Baja Peninsula, Executive Chef Ben Heaton unites the bright, fresh and lively flavours of the Californian coastline by way of colourful dishes and refreshing cocktails. KŌST welcomes guests for breakfast, lunch and dinner.</p> <p><a class="button " title="Book Now" target="_blank" href="http://kosttoronto.com/">KŌST Website</a></p> <dl class="opening-hours" aria-label="Opening Hours"><dt class="menu">Breakfast:</dt> <dd class="hours">Mon-Fri, 7:00am - 10:30am</dd> <dt class="menu">Brunch:</dt> <dd class="hours">Sat-Sun, 7:00am - 3:00pm</dd> <dt class="menu">Lunch:</dt> <dd class="hours">Mon-Fri, 11:30 am - 3:00 pm</dd> <dt class="menu">Mid-day:</dt> <dd class="hours">Daily, 3:00pm - 5:00pm</dd> <dt class="menu">Dinner:</dt> <dd class="hours">Sun - Tues: 5:00 pm - 10:30 pm<br> Wed - Sat: 5:00 pm - 11:30 pm</dd> </dl><a href="https://www.opentable.ca/restaurant/profile/1008433/reserve?covers=2&datetime=2018-03-08T19%3A00&restref=1008433&searchdatetime=2018-03-08T19%3A00&partysize=2&lang=en-CA" class="booking-link button" target="_blank">Reserve A Table</a> <dl class="contacts" aria-label="Contact Information"><dt class="contact-method">Email:</dt> <dd class="contact"> <a href="mailto:reservations@kosttoronto.com">reservations@kosttoronto.com</a> </dd> <dt class="contact-method">Phone</dt> <dd class="contact"> <a href="tel:+1437-800-5938">437-800-5938</a> </dd> </dl></div> <div class="dining-gallery swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide" style="background-image:url(//dlz86bpzucveq.cloudfront.net/bishahoteltoronto.com-1536060482/cms/cache/v2/5a00e13581063.jpg/800x860/fit/80/b635b17e011f9ca6dc90ceffe98a628b.jpg);"></div> <div class="swiper-slide" style="background-image:url(//dlz86bpzucveq.cloudfront.net/bishahoteltoronto.com-1536060482/cms/cache/v2/5a00e12219730.jpg/800x860/fit/80/e3d997c4050fc162f5ae3f2447afbe11.jpg);"></div> <div class="swiper-slide" style="background-image:url(//dlz86bpzucveq.cloudfront.net/bishahoteltoronto.com-1536060482/cms/cache/v2/5a00e14a2575a.jpg/800x860/fit/80/a5fc2614baad8a13211ef3bc7bc7ddb1.jpg);"></div> <div class="swiper-slide" style="background-image:url(//dlz86bpzucveq.cloudfront.net/bishahoteltoronto.com-1536060482/cms/cache/v2/5a00e13ec47c2.jpg/800x860/fit/80/40014466f2c8e2b77e856056e4dbf416.jpg);"></div> <div class="swiper-slide" style="background-image:url(//dlz86bpzucveq.cloudfront.net/bishahoteltoronto.com-1536060482/cms/cache/v2/5a00e150ed89d.jpg/800x860/fit/80/6749001b1c4be35d74b72501ce80e78d.jpg);"></div> </div> <button class="swiper-button-prev swiper-button" aria-label="Previous Photo"></button> <button class="swiper-button-next swiper-button" aria-label="Next Photo"></button> </div> </div> </div> </div> <footer id="footer" class="section fp-auto-height" role="contentinfo"><div class="grey-row"> <a class="fn org logo" href="/" tabindex="-1"> <img src="/skins/bisha-hotel/assets/desktop/images/logo-footer.svg" alt="Bisha Hotel Toronto"></a> <nav id="footer-menu" role="navigation"><ul><li> <a href="https://www.loewshotels.com/contact-us">Contact Us</a> </li> <li> <a href="http://bisha.com/">Development</a> </li> <li> <a href="https://www.loewshotels.com/careers">Careers</a> </li> <li> <a href="https://www.loewshotels.com/press">Press</a> </li> <li> <a href="https://www.loewshotels.com/terms-of-use">Terms of Use</a> </li> <li> <a href="https://www.loewshotels.com/privacy-policy">Privacy Policy</a> </li> <li> <a href="/sitemap">Site Map</a> </li> <li> <a href="https://www.loewshotels.com/">Loews Hotels</a> </li> </ul></nav><div class="footer-info clearfix"> <div id="header-address"> <span class="street-address">80 Blue Jays Way</span>, <span class="locality">Toronto</span> <span class="region">Ontario</span> <span class="postal-code">M5V2G3</span>, Canada </div> <div class="phone-socials clearfix"> <div class="phones clearfix"> <a data-tel="tel:844-275-1726" class="phone">844-275-1726</a> <a href="sms:647-556-2288;?&body=" class="sms">647-556-2288</a> </div> <span class="social-links"> <a class="instagram" href="https://www.instagram.com/bishatoronto/" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://www.instagram.com/bishatoronto/ - Website Referral') );" aria-label="Hotel Social Link - Instagram">Instagram</a> <a class="twitter" href="https://twitter.com/bisha" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://twitter.com/bisha - Website Referral') );" aria-label="Hotel Social Link - Twitter">Twitter</a> <a class="facebook" href="https://www.facebook.com/BishaToronto/" target="_blank" onclick="var s=s_gi(s_account); s.linkTrackVars='events,products'; s.linkTrackEvents='event7'; s.events='event7'; s.products=';Bisha Hotel Toronto'; (s.tl(this,'e','Bisha Hotel Toronto - https://www.facebook.com/BishaToronto/ - Website Referral') );" aria-label="Hotel Social Link - Facebook">Facebook</a> </span> </div> </div> <form action="/stay-connected#content" method="post" id="newsletter"> <fieldset><legend></legend> <label for="newsletter-email">Enter Your Email</label> <input type="text" name="email" value="" id="newsletter-email" class="text validate[required,custom[email]]" placeholder="Sign Up for Email Offers"><label for="newsletter-submit">Click To Submit Email</label> <input type="submit" class="button" value="Sign Up" id="newsletter-submit"></fieldset></form> </div> <small class="copyright">All Rights Reserved © 2019</small> </footer></div> <link rel="stylesheet" href="/skins/bisha-hotel/1544532752/assets/desktop/styles/styles.min.css" async defer><link rel="stylesheet" href="/shared/assets/styles/icons.css" async defer><script src="/skins/bisha-hotel/1544532752/assets/desktop/scripts/scripts.min.js"></script><script type="text/javascript"> ('undefined' !== typeof _satellite) && _satellite.pageBottom();</script></body></html>