/* Font definitions ========================================================================== */ @font-face { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/RobotoSlab-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/RobotoSlab-Regular-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } @font-face { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/RobotoSlab-Bold-webfont.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/RobotoSlab-Thin-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/RobotoSlab-Light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/Roboto-Thin-webfont.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/Roboto-Light-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/fonts/roboto/Roboto-Medium-webfont.woff') format('woff'); font-weight: bold; font-style: normal; } /* Extra resets ========================================================================== */ * { min-height: 0; min-width: 0; box-sizing: border-box; } html { overflow-y: scroll; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust:none; } body { min-height: 100vh; position: relative; } body > * { position: relative; z-index: 1; } body.menu_open { overflow: hidden; position: fixed; width: 100%; } input[type=text], input[type=email], input[type=search], input[type=submit], textarea { -webkit-appearance: none; border-radius: 0; } figure { padding: 0; margin: 0 0 2.0rem 0; } figure img { max-width: 100%; } @media only screen and (min-width: 661px) { .mobile_only { display: none !important; } } @media only screen and (max-width: 660px) { .not_mobile { display: none !important; } } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } /* Typography ========================================================================== */ /* * Example font stacks * Sans Serif: font-family { Arial, Helvetica, sans-serif; } * Serif: font-family: TimesNewRoman, 'Times New Roman', Times, serif; } */ html { font-size: 62.5%; font-size: 10px; } /* sets 1.0rem to be equal to 10px */ h1, h2, h3, h4, p, li, th, td, input, option, textarea { font-family: "Roboto", Helvetica, Arial, sans-serif; color: #222; font-weight: normal; font-size: 14px; font-size: 1.4rem; line-height: 1.6em; } h1 { font-size: 26px; font-size: 2.6rem; font-weight: normal; margin: 0 0 4.0rem 0; padding-bottom: 3.0rem; line-height: 1.2em; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; border-bottom: 2px solid #212121; width: 100%; } h1:before { display: block; content: ''; height: 0.25em; } h2 { font-size: 22px; font-size: 2.2rem; font-weight: normal; margin: 0 0 2.0rem 0; line-height: 1.2em; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.1em; } h3 { font-size: 22px; font-size: 2.2rem; font-weight: normal; margin: 0 0 2.0rem 0; line-height: 1.2em; } h4 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin: 0 0 2.0rem 0; line-height: 1.2em; } p { margin: 0 0 2.0rem 0; } a:link, a:visited { color: #222; } a:hover, a:active { color: #444; } p.thanks { background: #ececec; padding: 2.0em; text-align: center; margin-bottom: 0; } /* Lists ========================================================================== */ ul, ol { margin: 0 0 2.0rem 0; } li { padding: 0 0 1.0rem 0; } li:last-of-type { padding-bottom: 0; } /* Tables ========================================================================== */ .table_wrapper { max-width: 100%; overflow: scroll; margin-bottom: 2.0rem; } .table_wrapper::-webkit-scrollbar { -webkit-appearance: none; width: 14px; height: 14px; } .table_wrapper::-webkit-scrollbar-thumb { border-radius: 8px; border: 3px solid #fff; background-color: rgba(0, 0, 0, .3); } table { width: 100%; max-width: 100%; border-collapse: collapse; } table thead td, table th { text-align: left; font-weight: bold; background: #ddd; } table th, table td { border: 1px solid #ddd; padding: 0.5em 0.75em; } /* Base layout ========================================================================== */ /* this is a full width wrapper. use it once, or use it multiple time, the choice is yours */ .row { width: 100%; } /* wrap your content in an element with this class to give it 2% left and right gutters * remove max-width to go full width */ .content_width { width: 96%; max-width: 1180px; margin: 0 auto; } .content_width:after { content:""; display:table; clear:both; } /* GRID ========================================================================== */ .grid_wrapper { display: flex; margin: 0; align-items: stretch; } .grid_wrapper__constrained { margin: auto; max-width: 1200px; padding: 0 2.0rem; } .grid_wraps { flex-wrap: wrap; } .grid_cell { flex: 1 auto; text-align: center; align-items: center; align-content: center; } .grid_cell__no_align { display: block !important; } .grid_cell__padded { padding-top: 7vw; padding-bottom: 7vw; } .grid_cell__bottom_padded { padding-bottom: 5vw; } .grid_cell__gutters { margin: 0 0.5rem 0.5rem 0 } .grid_cell__gutters:last-child { margin-right: 0; } .gutter_bottom { margin-bottom: 0.5em; } .grid_cell__33 { display: flex; flex-basis: 32%; max-width: 33.3333333%; } .grid_cell__33.grid_cell__gutters:nth-child(3n) { margin-right: 0; } .grid_cell__66 { width: 66%; display: flex; } .grid_cell__25 { display: flex; flex-basis: 24.5%; max-width: 25%; } .grid_cell__25.grid_cell__gutters:nth-child(4n) { margin-right: 0; } .grid_cell__75 { width: 75%; display: flex; } .grid_cell__10 { width: 10%; display: flex; } .grid_cell__20 { width: 20%; display: flex; } .grid_cell__30 { width: 30%; display: flex; } .grid_cell__40 { width: 40%; display: flex; } .grid_cell__50 { display: flex; flex-basis: 50%; max-width: 50%; } .grid_cell__50.grid_cell__gutters:nth-child(2n) { margin-right: 0; } .grid_cell__60 { width: 60%; display: flex; } .grid_cell__70 { width: 70%; display: flex; } .grid_cell__80 { width: 80%; display: flex; } .grid_cell__90 { width: 90%; display: flex; } .grid_cell__100 { width: 100%; } .grid_cell__only_bg { background-size: cover; background-position: center center; background-repeat: no-repeat; } .bg_with_content { min-height: 400px; background-size: cover; background-position: center center; background-repeat: no-repeat; } .bg_square { padding-bottom: 50%; } .grid_alternate_colors:nth-of-type(odd) { background: rgba(0,0,0,0.05); } .grid_alternate_colors:nth-of-type(even) { } .grid_alternate_sides:nth-of-type(odd) .grid_cell:first-of-type { order: 2; } .grid_alternate_sides:nth-of-type(odd) .grid_cell:last-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(4n-1) .grid_cell:first-of-type { order: 2; } .grid_alternate2_sides:nth-of-type(4n-1) .grid_cell:last-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(4n) .grid_cell:first-of-type { order: 2; } .grid_alternate2_sides:nth-of-type(4n) .grid_cell:last-of-type { order: 1; } .constraint { display: block; margin: auto; max-width: 480px; padding: 0 2.0rem; } .constraint_wide { display: block; margin: auto; max-width: 480px; padding: 0 2.0rem; } .grid_cell__50 .constraint { max-width: 480px; padding: 0 2.0rem; } .grid_cell__100 .constraint { max-width: 800px; padding: 0 2.0rem; } .grid_cell__100 .constraint_wide { max-width: 1200px; padding: 0 2.0rem; } .fouracross { display: flex; flex-wrap: wrap; justify-content: space-between; } .fouracross .grid_wrapper { width: 49.5%; margin-bottom: 1%; } .fouracross .hoverable > div > a { padding-top: 0; padding-bottom: 0; } .fouracross .grid_cell__only_bg, .fouracross .bg_with_content { min-height: 0; padding-bottom: 50%; position: relative; } .fouracross .bg_with_content .constraint { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } @media only screen and (max-width: 860px) { .grid_wrapper { flex-direction: column !important; } .grid_wrapper.hero_feature_wrapper { flex-direction: row !important; flex-wrap:wrap; } .grid_cell { flex: 1 auto !important; margin-right: 0 !important; max-width: 100%; } .grid_cell__only_bg { padding-bottom: 50%; order: 1; } .constraint { padding-left: 2.0rem !important; padding-right: 2.0rem !important; } .grid_alternate_sides .grid_cell:first-of-type { order: 2; } .grid_alternate_sides .grid_cell:last-of-type { order: 1; } .fouracross .grid_wrapper { width: 100%; flex-direction: row !important; } .fouracross .grid_cell { flex: 1 1 !important; } .fouracross .bg_with_content a { position: static; } .grid_alternate2_sides:nth-of-type(4n-1) .grid_cell:first-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(4n-1) .grid_cell:last-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(4n) .grid_cell:first-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(4n) .grid_cell:last-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(odd) .grid_cell:first-of-type { order: 2; } .grid_alternate2_sides:nth-of-type(odd) .grid_cell:last-of-type { order: 1; } } @media only screen and (max-width: 480px) { .fouracross .grid_wrapper { width: 100%; flex-direction: column !important; } .fouracross .grid_cell { flex: 1 auto !important; } .fouracross .hoverable > div > a { padding-top: 7vw; padding-bottom: 7vw; } .grid_alternate2_sides:nth-of-type(odd) .grid_cell:first-of-type { order: 2; } .grid_alternate2_sides:nth-of-type(odd) .grid_cell:last-of-type { order: 1; } .grid_alternate2_sides:nth-of-type(even) .grid_cell:first-of-type { order: 2; } .grid_alternate2_sides:nth-of-type(even) .grid_cell:last-of-type { order: 1; } } /* HEADER ========================================================================== */ .headroom { transition: top 300ms linear; } .headroom--pinned { top: 0px !important; } .headroom--unpinned { top: -60px !important; } .headroom--unpinned #secondary_nav { background: rgba(0,0,0,1); } #header_wrapper-sticky-wrapper { position: relative; z-index: 9999999; } #header_wrapper { position: relative; z-index: 10; background: #fff; border-bottom: 1px solid #f2f2f2; } #header { display: flex; justify-content: space-between; height: 100px; position: relative; z-index: 10; max-width: 1300px; margin: 0 auto; } /* left and right ends */ #main_logo, #header_right { display: flex; flex: 1 auto; justify-content: space-between; align-items: center; padding: 0 2.0rem; max-width: 160px; z-index: 10 !important; height: inherit; } #header_right { justify-content: flex-end; } #main_logo > * { height: auto !important; } #main_logo img { height: 80px; vertical-align: middle; } a.header_button { padding: 0; display: inline-block; cursor: pointer; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0 0 0 1.0rem; outline: none; overflow: visible; background-size: 100% 100%; background-repeat: no-repeat; background-position: center center; width: 3.2rem; height: 3.2rem; display: inline-block; position: relative; cursor: pointer; } a.login_button { xbackground-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/loginicon.png); color: #fff !important; text-decoration: none; text-transform: uppercase; font-weight: bold; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.3em; line-height: 1.0em; margin-right: 1.0em; } a.login_button:hover, a.login_button:active { color: #ccc !important; } a.basket_button { background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/basketicon.png); position: relative; } a.basket_button.has_items:after { content: attr(data-items); position: absolute; display: block; font-size: 11px; font-size: 1.1rem; font-weight: bold; background: red; background: rgba(255,0,0,0.8); width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5em; padding: 0.15em; top: -0.75em; right: -1em; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #header_right button.hamburger { display: none; } /* main nav */ #top_nav { display: flex; justify-content: center; } #top_nav > ul { display: flex; justify-content: space-between; align-items: center; margin: 0; padding: 0; width: 100%; } #top_nav > ul > li { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.3em; line-height: 1.0em; text-transform: uppercase; list-style: none; margin: 0; padding: 0; text-align: center; position: relative; font-weight: bold; } #top_nav > ul > li > a { color: #1c2732; display: inline-block; padding: 1.9em 1.2rem; text-decoration: none; font-size: 14px; } /* Shim to compensate for incorrect baseline on font */ #top_nav > ul > li > a:before { content: ''; display: block; width: 100%; height: 0.20em; } #top_nav > ul > li > a:hover, #top_nav > ul > li > a:active { color: #ccc; } /* Sub navigation drop down */ div.sub_nav { display: none; background: #000; position: absolute; left: 0; width: content-width; z-index: 1000; /* to make full width while being relative to a constrained item */ padding: 1.0rem 1002rem 3.0rem 1002rem; margin: 0 -1000rem; } #top_nav > ul > li:last-of-type div.sub_nav { left: auto; right: 0; } div.sub_nav_inner { position: relative; white-space: nowrap;} div.sub_nav ul { margin: 0; padding: 0; display: inline-block; vertical-align: top; } div.sub_nav ul.cols_2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 1.0rem; -moz-column-gap: 1.0rem; column-gap: 1.0rem; } div.sub_nav ul.cols_3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 3.0rem; -moz-column-gap: 3.0rem; column-gap: 3.0rem; } div.sub_nav ul li { color: #fff; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.2em; text-transform: uppercase; list-style: none; margin: 0; padding: 0; text-align: left; width: 15em; line-height: 2.0em; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } div.sub_nav ul li span.sub_nav_heading { border-bottom: 1px solid #999; text-transform: uppercase; font-weight: bold; margin-bottom: 0.5em; display: block; } div.sub_nav ul li a { color: #fff; text-decoration: none; display: block; } div.sub_nav ul li a:hover, div.sub_nav ul li a:active { color: #ccc; } #top_nav > ul > li.hotel_nav, #top_nav > ul > li.restaurant_nav { position: static; } .hotel_nav div.sub_nav, .restaurant_nav div.sub_nav { width: 100%; margin: 0; padding-left: 0; padding-right: 0; } .hotel_nav div.sub_nav_inner, .restaurant_nav div.sub_nav_inner { padding: 0 4.0rem; white-space: normal; } .hotel_nav div.sub_nav_inner ul, .restaurant_nav div.sub_nav_inner ul { display: flex; justify-content: space-between; } .hotel_nav div.sub_nav_inner ul li, .restaurant_nav div.sub_nav_inner ul li { margin: 0 0 0 3.0rem; flex: 1 100%; line-height: 1.4em; } .hotel_nav div.sub_nav_inner ul li:first-of-type, .restaurant_nav div.sub_nav_inner ul li:first-of-type { margin-left: 0; } .hotel_nav div.sub_nav_inner ul li span, .restaurant_nav div.sub_nav_inner ul li span { text-transform: none; } .hotel_nav div.sub_nav_inner ul li img, .restaurant_nav div.sub_nav_inner ul li img { width: 100%; height: auto; } li.healthclub_nav { position: static !important; } .healthclub_nav .sub_nav { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; left: 0; width: 100%; } .healthclub_nav div.sub_nav div.sub_nav_inner { white-space: normal;} .healthclub_nav div.sub_nav ul li { line-height: 1.2em; padding: 0.5em 0; } .healthclub_nav .search { width: 70%; margin-right: 5px; float: left; display: block; } .healthclub_nav .go { width: 25%; float: left; display:block; margin-top: 0; color: white; border-color: white; } .healthclub_nav .button { color: white !important; } div.sub_nav ul li.doubleWidth { width: 30em; } @media only screen and (min-width: 1024px) { #top_nav > ul { display: flex !important; } } @media only screen and (max-width: 1023px) { div.sub_nav ul li.doubleWidth { margin: 0 auto; } #header { flex-wrap: wrap; } #main_logo { flex: 1 auto; order: 1; max-width: 50%; } #header_right { flex: 2 0px; order: 2; max-width: 50%; justify-content: flex-end; } #header_right .header_button { display: inline-block; min-width: 3.2rem; } #header_right button.hamburger { display: inline-block; margin-left: 1.0rem; } #top_nav { flex: 3 100%; order: 3; position: relative; max-width: 1000px; } #top_nav > ul { background: #000; display: none; max-height: calc(100vh - 140px); overflow-x: hidden; overflow-y: scroll; position: absolute; left: 0; flex-direction: column; justify-content: center; } #top_nav > ul > li > a { padding: 1.2em 1.2em; } div.sub_nav { position: relative; width: 100%; margin: 0; padding: 0; background: #222; } div.sub_nav ul { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; text-align: center; width: 100%; padding: 1.0rem 0; } div.sub_nav ul li { text-align: center; width: 100%; line-height: 3.0em; } .hotel_nav div.sub_nav_inner ul, .restaurant_nav div.sub_nav_inner ul { flex-direction: column; justify-content: center; } .hotel_nav div.sub_nav_inner ul li, .restaurant_nav div.sub_nav_inner ul li { margin: 0; line-height: 3.0em; flex: auto; } .hotel_nav div.sub_nav_inner ul li img, .restaurant_nav div.sub_nav_inner ul li img { display: none; } .hotel_nav div.sub_nav_inner ul li span, .restaurant_nav div.sub_nav_inner ul li span { display: none; } } /* SECONDARY NAV ========================================================================== */ #secondary_nav { display: flex; flex: 4 100%; order: 4; height: 60px; transition: background 300ms linear; background: #000; background: rgba(0,0,0,0.8); position: absolute; z-index: 5; } #secondary_logo_space, #location_name, #secondary_menu_button { display: flex; flex: 1 100%; align-items: center; padding: 0 2.0rem; width: 50%; max-width: 280px; z-index: 10 !important; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 1.2em; font-weight: 300; letter-spacing: 0.05em; height: 60px; } #location_name { padding-left: 0; max-width: 180px; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.2em; font-size: 11px; font-size: 1.1rem; line-height: 1.2em; } #location_name a { display: block; width: 100%; text-decoration: none; } #location_name a:before { content: ''; display: block; width: 100%; height: 0.5em; } #secondary_menu_button { display: none; } #secondary_nav > ul { margin: 0; width: 50%; display: flex; flex: 2 auto; justify-content: flex-end; align-items: center; padding: 0 2.0rem 0 0; } #secondary_nav > ul > li { font-size: 11px; font-size: 1.1rem; line-height: 1.2em; list-style: none; margin: 0; padding: 0 1.0em; text-align: center; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.2em; } #secondary_nav > ul > li > a { color: #fff; display: inline-block; text-decoration: none; } #secondary_nav > ul > li:before { content: ''; display: block; width: 100%; height: 0.5em; } #secondary_nav > ul > li > a:hover, #secondary_nav > ul > li > a:active { color: #ccc; } @media only screen and (min-width: 1281px) { #secondary_nav ul { display: flex !important; } } @media only screen and (max-width: 1280px) { #secondary_nav { xxjustify-content: flex-end; } #secondary_nav.active { background: #000; } #location_name { xxtext-align: right; flex: 3 0px; order: 2; xxmax-width: 55%; xxpadding-left: 0; xxjustify-content: flex-end; cursor: pointer; } #secondary_logo_space { xxdisplay: none; } #secondary_menu_button { display: flex; padding-left: 0; max-width: 180px; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.2em; font-size: 11px; font-size: 1.1rem; line-height: 1.2em; text-align: right; flex: 3 0px; order: 2; max-width: 55%; padding-left: 0; justify-content: flex-end; cursor: pointer; padding-top: 0.5em; margin-left: auto; } #secondary_menu_button:before { content: ''; display: none; width: 100%; height: 0.5em; } #secondary_menu_button:after { content: ''; display: block; font-size: 1px; line-height: 1px; width: 0.8rem; height: 0.8rem; flex-shrink: 0; padding: 0; margin: -1rem 0 0 1.0rem; transform: rotate(45deg); border-style: solid; border-color: #fff; border-width: 0 1px 1px 0; transition: all 300ms linear; } #secondary_menu_button.active:after { transform: rotate(-135deg); margin-top: 0.5rem; } #secondary_nav ul { display: none; padding: 0 0 1.5em 0; position: absolute; left: 0; top: 100%; width: 100%; flex-direction: column; align-items: center; background: inherit; } #secondary_nav ul li { padding: 0; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 12px; font-size: 1.2rem; letter-spacing: 0.3em; text-transform: uppercase; } #secondary_nav ul li a { display: block; padding: 0.6em 0; } } /* FOOTER ========================================================================== */ #footer { background: #f2f2f2; padding-bottom: 3.0rem; } #footer > p { text-align: center; display: block; margin: 0; padding: 0; color: #888; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.0rem; } #footer p.footer_heading { color: #888; text-align: left; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.0rem; border-bottom: 1px solid #999; text-transform: uppercase; font-weight: bold; margin-bottom: 0.5em; display: block; } #footer > div { max-width: 1000px; margin: 0 auto; padding: 2.0rem; } #footer .grid_cell { margin-right: 3.0rem; margin-bottom: 2.0rem; } #footer .grid_cell:last-child { margin-right: 0; } #footer > div ul { margin: 0; padding: 0; } #footer > div ul li { color: #fff; list-style: none; margin: 0; padding: 0; text-align: left; color: #fff; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.2em; text-transform: uppercase; line-height: 2.0rem; } #footer > div ul li img { max-width: 25px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 2% 0; } #footer > ul { margin: 0; padding: 0; text-align: center; } #footer > ul li { display: inline-block; color: #fff; list-style: none; margin: 0; padding: 0; color: #fff; font-size: 11px; font-size: 1.1rem; letter-spacing: 0.2em; text-transform: uppercase; line-height: 1.0rem; } #footer > ul li:after { content: '|'; padding: 0 0.25em; } #footer > ul li:last-of-type:after { display: none; } #footer a { color: currentColor; text-decoration: none; } #footer a:hover, #footer a:active { color: #ccc; } #footer .footerAd { display: block; width: 100%; max-width: 300px; margin: 0 auto; } .twitter_icon { background-color: none; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/social/twitter.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: inline-block; font-size: 22px; font-size: 2.2rem; width: 1.2em; height: 1.2em; text-indent: -10000px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .facebook_icon { background-color: none; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/social/facebook.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: inline-block; font-size: 22px; font-size: 2.2rem; width: 1.2em; height: 1.2em; text-indent: -10000px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .instagram_icon { background-color: none; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/social/instagram.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; display: inline-block; font-size: 22px; font-size: 2.2rem; width: 1.2em; height: 1.2em; text-indent: -10000px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Cookie ========================================================================== */ .cookie-module { background: #fff; position: relative; text-align: center; padding: 2rem 1rem; z-index: 9999; } .cookie-content p { margin: 0; display: inline-block; } a.cookie-button { margin-left: 15px; background: #000; padding: 13px 15px 10px 15px; color: #fff; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 1.2rem; letter-spacing: 0.3em; line-height: 1.0em; text-transform: uppercase; font-weight: bold; cursor: pointer; display: inline-block; } .cookie-module.cookie { display: none; } .optanon-alert-box-wrapper { display: none; } /* BASE GRID CONTENT ========================================================================== */ .grid_cell * { color: currentColor; } .grid_cell .icon + p.heading { margin-top: 1.5rem; } .grid_cell p.heading { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 20px; font-size: 2.0rem; text-transform: uppercase; xxfont-weight: bold; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 2.0rem !important; } .grid_cell p.heading a { text-decoration: none; font-size: inherit; } .grid_cell p.subheading { font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.1em; } .grid_cell p.list_price { font-size: 55px; font-size: 5.5rem; margin-bottom: 0; font-weight: 300; } .grid_cell p.list_price span { font-size: 0.35em; } .grid_cell p:last-child { } .hoverable { transition: all 200ms linear; } .hoverable:hover { background: #ececec; } .hoverable > div { position: relative; } .hoverable .grid_cell__padded { padding: 0; } .hoverable > div > a { display: flex; width: 100%; height: 100%; xposition: absolute; text-decoration: none; padding-top: 7vw; padding-bottom: 7vw; } @media only screen and (max-width: 860px) { .hoverable > div > a { position: relative; } } .treatment_categories { min-height: 400px } .treatment_search {} .treatment_search p { text-align: center; } .treatment_search label { text-align: center; } .treatment_search input { border-width: 1px !important; } .treatment_search input[type=text] { border-color: #ccc; width: calc(100% - 7em); max-width: 300px; } .treatment_search input[type=submit] { background-color: #ccc; } /* WIDGETS ========================================================================== */ .__hero_widget__ { background-repeat: no-repeat; background-size: cover; background-position: center top; overflow: hidden; padding: 0 !important; position: relative; } .__hero_widget__ video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: cover; } .hero_sizer { width: 100%; padding-top: 35.7%; position: relative; font-size: 10px; font-size: 1.0rem; } .hero_sizer_half { padding-top: 17.85%; } .hero_sizer.hero_video { /* background-color: rgba(0,0,0,0.17); z-index: 2; *** REMOVED FOR CHRISTMAS VIDEO *** */ } .hero_overlay { position: absolute; right: 0; bottom: 10%; width: auto; min-width: 56em; text-align: left; z-index: 999; } .hero_overlay.align_Right { right: 0; left: auto; text-align: left; } .hero_overlay.align_Left { right: auto; left: 0; text-align: right; } .hero_overlay.align_Centre { right: 0; left: 0; margin: 0 auto; text-align: center; height: 100%; bottom: 0; display: flex; justify-content: center; align-content: center; align-items: center; flex-direction: column; } .hero_text { padding-bottom: 2.0em; } .hero_overlay.align_Right .hero_text { padding-right: 2.0rem; } .hero_overlay.align_Left .hero_text { padding-left: 2.0rem; } .hero_text span { display: block; white-space: nowrap; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; line-height: 1.0em; vertical-align: text-bottom; margin-bottom: -0.1em; text-shadow: 0px 0px 4.0rem rgba(0, 0, 0, 0.1); } .hero_text span.hero_text__big { font-size: 12.0em; font-weight: bold;} .hero_text span.hero_text__medium { font-size: 6.0em; font-weight: normal; } .hero_text span.hero_text__medium_bold { font-size: 6.0em; font-weight: bold; } .hero_text span.hero_text__small { font-size: 4.0em; font-weight: normal; } .hero_text span.hero_text__small_bold { font-size: 4.0em; font-weight: bold; } .hero_text span.hero_text__xsmall { font-size: 3.0em; font-weight: 300; padding-top: 0.25em; } .hero_call_to_action { padding-top: 2.5em; } .hero_overlay.align_Left .hero_call_to_action a.button { margin-left: 1.0em; } .hero_overlay.align_Right .hero_call_to_action a.button { margin-right: 1.0em; } .hero_overlay.align_Centre .hero_call_to_action a.button { margin-left: 0.5em; margin-right: 0.5em; } .hero_call_to_action a.button { font-weight: bold !important; border-width: 2px; font-size: 18px; font-size: 1.8rem; margin: 0.5em 0; } #location_search_form_hero { position: relative; z-index: 1000; width: 100%; max-width: 320px; margin: 0 auto; } #location_search_form_hero .search { width: 58%; float: left; display: block; } #location_search_form_hero .go { margin-top: 0; width: 38%; float: right; display: block; background-color: rgba(0,0,0,0.5); } #location_search_form_hero .go:hover { background-color: #bed600; } @media only screen and (max-width: 1200px) { .hero_overlay { font-size: 8px; font-size: 0.8rem; } } @media only screen and (max-width: 1100px) { .hero_overlay { font-size: 7px; font-size: 0.7rem; } } @media only screen and (max-width: 1000px) { .hero_overlay { font-size: 6px; font-size: 0.6rem; } } @media only screen and (max-width: 860px) { .hero_sizer { padding-top: 50%; } .hero_sizer_half { padding-top: 25%; } } @media only screen and (max-width: 650px) { .hero_sizer { padding-top: 60%; } .hero_sizer_half { padding-top: 30%; } /** .hero_call_to_action a.button:first-child:not(:last-child) { font-size: 16px; font-size: 1.6rem; clear: both; float: left; } .hero_call_to_action a.button:last-child:not(:first-child) { font-size: 16px; font-size: 1.6rem; clear: both; float: left; } .hero_overlay.align_Left a.button:first-child:not(:last-child) { float: right; } .hero_overlay.align_Left a.button:last-child:not(:first-child) { float: right; } .hero_overlay.align_Centre a.button:first-child:not(:last-child) { float: none; display: block; } .hero_overlay.align_Centre a.button:last-child:not(:first-child) { float: none; display: block; } **/ } @media only screen and (max-width: 550px) { .hero_sizer { padding-top: 75%; } .hero_sizer_half { padding-top: 50%; } } @media only screen and (max-width: 450px) { .hero_overlay { font-size: 4px; font-size: 0.4rem; } /** .hero_call_to_action a.button:first-child:not(:last-child) { font-size: 14px; font-size: 1.4rem; } .hero_call_to_action a.button:last-child:not(:first-child) { font-size: 14px; font-size: 1.4rem; } **/ } .location_no_hero_padder { height: 60px; } .no_hero_padder { height: 30px; } /* home content */ .__hero_content_widget__ { margin-bottom: 2.0rem; padding-top: 4.0rem; padding-bottom: 4.0rem; } .__hero_content_widget__ h1:only-child { margin-bottom: 0; } .__hero_content_widget__ h2:only-child { margin-bottom: 0; } .hero_content_links {} ul.inlinelist { margin: 0; padding: 0; } ul.inlinelist li { margin: 0; padding: 0; display: inline-block; } ul.essentials { margin: 0; padding: 0; display: flex; justify-content: center; } ul.essentials li { list-style: none; margin: 0 1.0rem; padding: 0; flex: 1; } ul.essentials li img { width: 100%; height: auto; max-width: 86px; margin: 0 auto;} ul.essentials li p { font-size: 12px; font-size: 1.2rem; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; } @media only screen and (max-width: 860px) { .__hero_content_widget__ { margin-bottom: 0; } } .__countdown_widget__ { overflow: hidden; padding: 0 !important; position: relative; background: #000; } .countdown_background { position: absolute; width: 100%; width: calc(100% + 120px); height: 100%; height: calc(100% + 120px); top: -60px; left: -60px; background-repeat: no-repeat; background-size: cover; background-position: center bottom; -webkit-filter: blur(30px); -moz-filter: blur(30px); -o-filter: blur(30px); -ms-filter: blur(30px); filter: blur(30px); opacity: 0.85; z-index: 1; } .__countdown_widget__ .constraint { position: relative; z-index: 999; color: #fff; padding: 3.0rem 0; overflow: auto; font-size: 10px; font-size: 1.0rem; } .__countdown_widget__ p { margin: 0; font-size: 2.0em; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; margin-bottom: 1.0em; color: currentColor; } .countdown_item { width: 25%; float: left; font-size: 1.6em; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; text-align: center; color: currentColor; } .countdown_item span { display: block; margin: 0 auto 0.4em auto; padding: 0 0 0.2em 0; width: 1.2em; text-align: center; font-size: 2.5em; line-height: 1.0em; font-weight: 300; font-family: 'Source Sans Pro', 'Alegreya Sans', sans-serif; border-bottom: 1px solid currentColor; color: currentColor; } @media only screen and (max-width: 1023px) { .__countdown_widget__ .constraint { font-size: 9px; font-size: 0.9rem; max-width: 600px; } } @media only screen and (max-width: 640px) { .__countdown_widget__ .constraint { font-size: 7px; font-size: 0.7rem; max-width: 400px; } } .hero_feature { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (max-width: 860px) { .hero_feature { width: 50% !important; } } .hero_feature p { font-size: 20px; font-size: 2.0rem; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; margin: 0; color: #fff; text-shadow: 0px 0px 2rem rgba(0, 0, 0, 0.2); line-height: 1.2; font-weight: bold; } .hero_feature a { display: block; width: 100%; height: 100%; text-decoration: none; padding: 7vw 0; } .hero_feature a:hover { background-color: #000; } @media only screen and (max-width: 1023px) { .hero_feature p { zfont-size: 20px; zfont-size: 2.0rem; } } @media only screen and (max-width: 860px) { } .__location_widget__ input.search { width: calc(100% - 4.5em); } /* page content */ .__page_content_widget__ { text-align: left !important; padding-top: 4.0rem; padding-bottom: 4.0rem; } .__page_content_widget__ h1 { text-align: center; } /* feature slider */ .__feature_slider_widget__ { overflow: hidden; border-left: 1.0em solid #000; border-right: 1.0em solid #000; padding: 0 !important; } .feature_icon { margin: 0 auto; display: block; font-size: 64px; width: 1.0em; height: 1.0em; margin-bottom: 3.0rem; } .__feature_slider_widget__ li { justify-content: flex-start !important; min-height:400px; } .__feature_slider_widget__ .constraint { margin: 0; margin-left: 6.0rem; max-width: calc(50% - 6.0rem) !important; padding: 4.0rem 2.0rem !important; box-sizing: border-box; text-align: left; } .__feature_slider_widget__ p.heading { font-size: 20px; font-size: 2.0rem; } .__feature_slider_widget__ p:last-child { margin-bottom: 0 !important; } @media only screen and (max-width: 860px) { .__feature_slider_widget__ { border-left: 0.5em solid #000; border-right: 0.5em solid #000; } .__feature_slider_widget__ .constraint { margin-left: 0; max-width: 75% !important; padding: 4.0rem 2.0rem !important; box-sizing: border-box; text-align: left; } } @media only screen and (max-width: 420px) { .__feature_slider_widget__ .constraint { max-width: 100% !important; } .__feature_slider_widget__ .constraint p.heading { width: 60%; } .__feature_slider_widget__ .slider li { background-size: 100% auto; } } .__facilities_widget__ { overflow: hidden; border-left: 0.5em solid #000; border-right: 0.5em solid #000; padding: 0 !important; } .__facilities_widget__ .grid_cell { min-height: 400px; display: flex; } .__facilities_widget__ .row:after { display: none; } .__facilities_widget__ .facility_text { order: 1; } .__facilities_widget__ .constraint { margin: 0; margin-left: 6.0rem; max-width: calc(100% - 6.0rem) !important; padding: 4.0rem 2.0rem !important; box-sizing: border-box; text-align: left; } .__facilities_widget__.alternatingLeftRight .row:nth-child(even) .facility_text { order: 2; } .__facilities_widget__ p.heading { font-size: 20px; font-size: 2.0rem; text-align: center; } .__facilities_widget__ p:last-child { margin-bottom: 0 !important; } .__facilities_widget__ .grid_cell__only_bg { order: 2; } .__facilities_widget__ .row { position: relative; } .facilities_slide_counter { position: absolute; bottom: 2.0em; left: 0; width: 100%; text-align: center; font-size: 14px; font-size: 1.4rem; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; line-height: 1.1em; } @media only screen and (max-width: 860px) { .__facilities_widget__ .row { align-items: flex-start !important; display: block !important; } .__facilities_widget__ { align-items: flex-start; } .__facilities_widget__ .facility_text { padding-bottom: 30px; align-items: flex-start; min-height: 0; } .__facilities_widget__ .constraint { margin-left: 0.0rem; max-width: 100% !important; padding-top: 30px !important; align-items: flex-start; } .__facilities_widget__ .grid_cell__only_bg { width: 100%; order: 1; padding-bottom: 40vw; min-height: 0; } .facilities_slide_counter { display: none; } } .slick-dots { display: none !important; } .slick-prev, .slick-next { display: block !important; } @media only screen and (max-width: 860px) { .slick-dots { display: block !important; } .slick-prev, .slick-next { display: none !important; } } /* newsletter */ .__newsletter_widget__ { background: #3a3a3c; position: relative; } .__newsletter_widget__ p { text-align: center; margin: 0; color: #fff; } .__newsletter_widget__ input { margin: 0.5em 0; } #newsletter_form {} #newsletter_thanks { z-index: 999; display: block; width: 100; position: absolute; top: 0; left: 0; vertical-align: middle; border: 2px solid #3a3a3c; background: #3a3a3c; font-size: 14px; font-size: 1.4rem; padding: 0.45em 1.0em 0.10em 1.0em; margin: 0.5em 0; max-width: 100%; box-sizing: border-box; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: normal !important; transition: all 100ms linear; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; opacity: 0; } #newsletter_thanks.show { display: block; width: 100%; opacity: 1; } /* testimonial */ .__testimonial_widget__ {} .__testimonial_widget__ p.heading { font-size: 20px; font-size: 2.0rem; } .__testimonial_widget__ p:nth-of-type(2) { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; font-style: italic; position: relative; } .__testimonial_widget__ p:nth-of-type(2):before { content: '\201C'; font-size: 3.0rem; position: absolute; top: 0; left: -1.0rem; } .__testimonial_widget__ p:nth-of-type(2):after { content: '\201D'; font-size: 3.0rem; position: absolute; top: 0; right: -1.0rem; } .__testimonial_widget__ p:last-child { margin-bottom: 0 !important; } /* location search */ .pac-container { border-radius: 0; border: 0; box-shadow: none; } .pac-icon { display: none; } .pac-item { font-size: 14px; font-size: 1.4rem; padding: 0.75em 0.75em 0.5em 0.75em; line-height: 1.6em; } .pac-item-query{ font-size: 14px; font-size: 1.4rem; } .pac-matched { } /* locations page */ .__location_list_widget__ { padding: 6.0rem 6.0rem; } .__location_list_widget__ h1 { text-align: left; } .__location_list_widget__ input[type=text] { width: calc(100% - 5em); } .__location_list_widget__ ul { margin: 0; padding: 0; } .__location_list_widget__ ul li { list-style: none; margin: 0; padding: 0; text-align: left; margin: 1.0em 0; } .__location_list_widget__ ul li > a { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 16px; font-size: 1.6rem; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; line-height: 1.1em; text-decoration: none; } .__location_list_widget__ a:not(.button) span { font-size: 1.5em; display: inline-block; } .__location_map_widget__ { position: relative; min-height: calc(100vh - 60px); } .__location_map_widget__ .map_wrap { position: absolute; right: 0; width: 100%; height: calc(100vh - 60px); display: flex; align-items: center; justify-content: center; } .__location_map_widget__ .map_canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .__directions_map_widget__ { position: relative; } .__directions_map_widget__ .map_canvas { width: 100%; height: calc(40vw - 60px); } .map_overlay { text-align: left; position: relative; display: none; padding: 0; width: 660px; max-width: 100%; z-index: 999; } .map_overlay_address { width: 49%; float: left; padding: 0 0 2.0rem 3.0rem; } .map_overlay_opening { width: 49%; float: right; padding: 0 3.0rem 2.0rem 0; } .map_overlay_image { width: 100%; clear: both; padding: 0; } .map_overlay_image img { } .map_overlay_buttons { width: 100%; position: absolute; text-align: right; } .__location_map_widget__ .button { margin-top: 0; margin-left: 1.0em; margin-bottom: 0; } .map_overlay_close { position: absolute; right: 0; top: 0; width: 1.4em; height: 1.4em; font-size: 30px; font-weight: bold; } .map_overlay_close:before { cursor: pointer; content: '×'; display: block; width: 100%; height: 100%; line-height: 1.4em; text-align: center; font-weight: normal; } .map_overlay h2 { margin: 2.0rem 3.0rem; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; letter-spacing: 0.0em; border-bottom: 1px solid currentColor; line-height: 1.6em; padding-bottom: 0.3em; } .map_overlay h2 a { text-decoration: none; display: block; float: left; padding-top: 0.45em; padding-bottom: 0.5em; } .map_overlay h2 a.button { float: right;padding-top: 0.45em; padding-bottom: 0.45em; margin-right: 0.4em;} .map_overlay p { margin-bottom: 1.0em; } .map_overlay p.telephone { font-weight: bold; } .map_overlay img { vertical-align: text-bottom; } .directions_panel { } .adp table { margin: 0; } .adp-summary { background: #ececec; padding: 1.0rem 0 !important; } .adp-substep { background: #ececec; text-align: left; padding: 1.0em !important; } .adp-legal { color: #fff !important; } @media only screen and (max-height: 740px) { .map_overlay_image img { display: none; } .map_overlay_buttons { bottom: 0; } .__location_map_widget__ .button { vertical-align: text-bottom; } } @media only screen and (max-width: 1200px) { .__location_list_widget__ { padding: 6.0rem 3.0rem; } } @media only screen and (max-width: 860px) { .__location_map_widget__ { display: none !important; } .__directions_map_widget__ .map_canvas { height: calc(75vw - 60px); } } /* equipment slider */ .__equipment_slider_widget__ { position: relative; padding-bottom: 0 !important; overflow: hidden; } .__equipment_slider_widget__ p { text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; line-height: 2.0rem; } .__equipment_slider_widget__ p span { margin: 0 1.0rem; display: inline-block; } .__equipment_slider_widget__ p span:before { content: ''; display: inline-block; font-size: 1rem; width: 2.0em; height: 2.0em; border-radius: 50%; background-color: rgba(0,0,0,0.8); border: 2px solid #f9f30f; box-sizing: border-box; vertical-align: text-bottom; margin-right: 0.5em; } .__equipment_slider_widget__ p span:first-of-type:before { border-color: #00b8ff; } .__equipment_slider_widget__ p span:last-of-type:before { border-color: #bed600; } .__equipment_slider_widget__ ul { width: 100%; margin: 0 auto; } .__equipment_slider_widget__ ul li { position: relative; } .dotsContainer { overflow: hidden; } .dotsBox { width: 100%; margin: 0 auto; max-width: 1440px; position: relative; } .dotsImage { display: block; width: 100%; } .dotGroup { position: absolute; } .dot { font-size: 1rem; width: 2.0em; height: 2.0em; border-radius: 50%; background-color: rgba(0,0,0,0.8); border: 2px solid #f9f30f; box-sizing: border-box; -webkit-animation: pulsate 2s ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75); } @-webkit-keyframes pulsate { 0% {-webkit-transform: scale(1.0, 1.0); opacity: 1.0;} 50% {-webkit-transform: scale(1.3, 1.3); opacity: 1.0; -webkit-box-shadow: 7px 7px 5px -3px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px -3px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px -3px rgba(50, 50, 50, 0.75) } 100% {-webkit-transform: scale(1.0, 1.0); opacity: 1.0;} } .dotsBox .dotGroup:nth-of-type(1) .dot { animation-delay: 0s; } .dotsBox .dotGroup:nth-of-type(2) .dot { animation-delay: 0.5s; } .dotsBox .dotGroup:nth-of-type(3) .dot { animation-delay: 1s; } .dotsBox .dotGroup:nth-of-type(4) .dot { animation-delay: 1.5s; } .dotsBox .dotGroup:nth-of-type(5) .dot { animation-delay: 2s; } .dotRight .dotText { text-align: right; } .dotLeft .dotText { text-align: left; } .dotText { font-size: 18px; font-size: 1.8rem; line-height: 1.2em; color: #666; position: absolute; bottom: 50%; border-bottom: 1px solid #BBB; padding-bottom: 0.5em; opacity: 0; -webkit-transition: 0.5s all; pointer-events: none; margin: 0 20px; } .dotText.active { opacity: 1; -webkit-transition: 0.2s all; } .dotRight .dotText { left: 20vw; text-align: right; } .dotRight .dotText.active { left: 100%; } .dotRight .dotText.active { opacity: 1; } .dotLeft .dotText { right: 20vw; text-align: left; } .dotLeft .dotText.active { right: 100%; } .equipmentDescription p{ text-transform: none; margin-top: 0.25em; margin-bottom: 0; } @media only screen and (max-width: 1024px) { .dotText { font-size: 1.3rem; } } @media only screen and (max-width: 860px) { .dotText { font-size: 1.7vw; } } .__hotel_booking_widget__ { padding-top: 0 !important; } .__contact_left__ { order: 1; flex-direction: column; } .__contact_left__ .constraint { padding: 4.0rem 0; } .contact_hero { width: 100%; height: auto; } .__contact_right__ { padding: 4.0rem 0; order: 2; background-color: #212121; color: #fff; } @media only screen and (max-width: 860px) { .__contact_left__ { padding: 4.0rem 0; order: 2; } .__contact_right__ { padding: 4.0rem 0; order: 1; } } .__package_detail_head__ { padding: 3vw 0; } .__package_detail_head__ h1 { text-transform: none; margin-bottom: 2.0rem; padding-bottom: 1.5rem; } p.headline_price { display: inline-block; font-size: 140px; font-size: 14.0rem; font-size: 4vw; margin: 0 0 0 0; line-height: 1.0em; font-weight: 300; } p.headline_price span { font-size: 16px; font-size: 1.6rem; display: block; line-height: 1.0em; text-align: left; } p.sub_title { font-size: 16px; font-size: 1.6rem; } @media only screen and (max-width: 860px) { p.headline_price { font-size: 80px; font-size: 8.0rem; } } #package_image { height: 0; padding-bottom: 50%; } @media only screen and (max-width: 860px) { #package_image { background-size: contain; background-position: center center; } } @media only screen and (max-width: 450px) { #package_image { display: none; } .treatmentvoucherbutton { display: none !important; } } .__package_detail_content__ { padding: 4.0rem 0; } .__package_detail_content__ h2 { display: inline-block; border-bottom: 2px solid red; line-height: 2.0em; padding: 0.25em 1.0em 0 1.0em; font-size: 20px; font-size: 2.0rem; margin-bottom: 4.0rem; } .__product_detail_head__ { padding: 3vw 0; padding-top: 90px; } .__product_detail_head__ h1 { text-transform: none; } .__product_detail_head__ p.headline_price { display: inline-block; font-size: 100px; font-size: 8.0rem; font-size: 7vw; margin: 0 0 0 0; line-height: 1.0em; font-weight: 300; } .__product_detail_head__ p.headline_price span { font-size: 16px; font-size: 1.6rem; display: block; line-height: 1.0em; text-align: left; } @media only screen and (max-width: 860px) { .__product_detail_head__ p.headline_price { font-size: 80px; font-size: 8.0rem; } } .__product_detail_content__ { padding: 4.0rem 0; } .__product_detail_content__ h2 { background: red; line-height: 2.0em; padding-top: 0.25em; font-size: 20px; font-size: 2.0rem; margin-bottom: 4.0rem; } .location_picker { max-width: 400px; margin: 4.0rem auto !important; } .location_picker select { border: 2px solid #006766; } .options_for_package { background: #ececec; font-size: 20px; font-size: 2.0rem; padding: 1.5em; margin: 1.0em 0; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em; line-height: 1em; display: flex; width: 100%; align-items: center; justify-content: space-between; position: relative; } .addToBasketBlock { width: 100%; } .addProductToBasket { width: 100%; white-space: nowrap; } @media only screen and (min-width: 661px) { .productTitle { width: 50%; } .addToBasketBlock { width: 45%; padding-left: 5%; } } .options_for_package p { font-size: inherit; margin: 0; line-height: 1.0em; padding-top: 0.5em; text-align: left; } .options_for_package p span { font-size: 0.5em; } .options_for_package div { min-width: 7em; } .options_for_package div form { display: inline; } .options_for_package div button { margin: 0.5em 0; } .options_for_package > p { position: absolute; width: 100%; right: 30px; bottom: 0; font-size: 12px; font-size: 1.2rem; text-align: right; line-height: 2.4em; padding: 0; } .options_for_package > p b { white-space: nowrap; } @media only screen and (max-width: 660px) { .options_for_package { flex-direction: column; } .options_for_package p { padding: 0 0 0.5em 0; text-align: center; } .options_for_package > p { position: static; right: auto; bottom: auto; padding-top: 1em; margin-bottom: -2em; line-height: 1.8em; } } #main_home_fixed { min-height: 100vh; margin-top: -60px; } #main_home_background { z-index: 1 !important; position: fixed; overflow: hidden; height: 100vh; width: 100%; } #main_home_background.bottom { position: absolute; bottom: 0; } #main_home_background img, #main_home_background video { object-fit: cover; height: 100vh; width: 100%; } @media only screen and (min-width: 1025px) { #main_home_fixed #main_home_background video { display: block !important; } #main_home_fixed #main_home_background img { display: none !important; } } @media only screen and (max-width: 1024px) { #main_home_fixed #main_home_background video { display: none !important; } #main_home_fixed #main_home_background img { display: block !important; } } #main_home_background .slick-slide { display: block !important; height: 100vh !important; } #main_home_content { z-index: 999; position: relative; display: flex; justify-content: center; align-items: center; flex-direction: column; } .content_item { height: 100vh; width: 100%; display: flex; justify-content: space-between; align-items: center; flex-direction: row; position: relative; background: rgba(0,0,0,0.17); } .home_left { margin: 0; padding: 0; text-align: left; direction: rtl; font-size: 14px; font-size: 1.4rem; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; width: 13em; } .home_center { width: 100%; } .content_item p { color: #fff; font-size: 16px; font-size: 1.6rem; text-align: center; font-weight: bold; max-width: 540px; width: 94%; margin: 0 auto 2.0rem auto; } .content_item p.no-constrain { max-width: none; } .content_item p.subtitle { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1.6em; font-size: 16px; font-size: 1.6rem; line-height: 1.0em; margin-bottom: 1.0em; padding-left: 1.6em; } .content_item p.title { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 40px; font-size: 4.0rem; text-transform: uppercase; font-weight: bold; line-height: 1.2em; border-bottom: 1px solid #fff; } .content_item p.image_title { max-width: 1400px !important; width: 100% !important; box-sizing: border-box; padding: 0 20px; } .content_item p.image_title img { display: block; width: 100%; height: auto; } .content_item p a.button { border-color: #fff; font-size: 18px; font-size: 1.8rem; font-weight: bold !important; margin: 0 0.5em 1.0em 0.5em; } .content_item p a.button:hover { background-color: #fff !important; color: #222; } .home_center p:last-of-type { margin-bottom: 0; } #main_home_content .content_item.site1 p a.button { border-color: #fff !important; color: #fff !important; background-color: rgba(0,0,0,0.08); } #main_home_content .content_item.site1 p a.button:hover { border-color: #006766 !important; background-color: #006766 !important; color: white !important; } #main_home_content .content_item.site2 p a.button { border-color: #fff !important; color: #fff !important; background-color: rgba(0,0,0,0.2); } #main_home_content .content_item.site2 p a.button:hover { border-color: #bed600 !important; background-color: #bed600 !important; color: #1a1f23 !important; } #main_home_content .content_item.site3 p a.button { border-color: #FFFFFF !important; background-color: rgba(0,0,0,0.1); } #main_home_content .content_item.site3 p a.button:hover { border-color: #808080 !important; background-color: #808080 !important; color: white !important; } .home_extra_buttons { margin: 0; padding: 0; text-align: left; direction: rtl; font-size: 14px; font-size: 1.4rem; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; width: 13em; } .home_extra_buttons li { list-style: none; margin: 0; padding: 1.0em 0.5em; line-height: 1em; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: -1px; width: 13em; transition: width 600ms ease-in-out; } .home_extra_buttons li:hover { width: 17em; } .home_extra_buttons li a { text-decoration: none; color: #fff; display: block; } .home_extra_buttons li a:before { content: ''; display: block; width: 100%; height: 0.20em; } .content_item span { width: 1px; background: white; position: absolute; left: 50%; } .content_item span.line1 { top: 0; } .content_item span.line2 { bottom: 0; } @media only screen and (max-width: 1024px) { #main_home_background { position: absolute; overflow: auto; height: auto; } #main_home_background img { opacity: 1 !important; } } @media only screen and (max-width: 1023px) { .content_item { justify-content: center !important; flex-direction: column; } .home_left { display: none; } .home_extra_buttons { position: absolute; left: 0; top: 90px; text-align: right; direction: ltr; } .home_extra_buttons { position: static; width: auto; text-align: center; } .home_extra_buttons li { display: inline-block; text-align: center; border: 0; width: auto; } .home_extra_buttons li:hover { width: auto; } } @media only screen and (max-width: 640px) { .content_item p.subtitle { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.5em; } .content_item p.title { font-size: 30px; font-size: 3.0rem; } } @media only screen and (max-width: 560px) { .home_extra_buttons { padding-bottom: 10px; } .home_extra_buttons li { display: block; padding-bottom: 0; } } @media only screen and (max-width: 480px) { .content_item { flex-direction: column; } .home_center { display: block; } .home_extra_buttons li:hover { width: auto; } .content_item p { font-size: 14px; font-size: 1.4rem; } .content_item p.title { font-size: 26px; font-size: 2.6rem; } .content_item p.subtitle { font-size: 14px; font-size: 1.4rem; font-size: 3.0vw; } .content_item p a.button { font-size: 14px; font-size: 1.4rem; } .content_item span { display: none; } .home_center p:last-of-type { margin-bottom: 0rem; } } /* ADDITIONAL CLASSES ========================================================================== */ .__additional_classes_widget__ { position: relative; text-align: left; background: #1a1f23; color: #fff; } .__additional_classes_widget__ h2 { text-align: center; margin: 5.0vw 0; } .class_block { float: left; width: 25%; background-color: #1a1f23; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 50%; overflow: hidden; } .class_data { display: none; position: absolute; overflow: hidden; left: -100%; top: 0; width: 100%; height: 100%; background-color: rgba(26,31,35,0.5); z-index: 1; } .class_data.active { z-index: 999; width: 400%; transition: width 300ms linear, left 300ms linear, background-color 300ms linear; background-color: rgba(26,31,35,0.8); } .class_block:nth-of-type(1) .class_data.active { left: 0 !important; } .class_block:nth-of-type(2) .class_data.active { left: -100% !important; } .class_block:nth-of-type(3) .class_data.active { left: -200% !important; } .class_block:nth-of-type(4) .class_data.active { left: -300% !important; } p.class_name { display: block; color: #fff; position: absolute; width: 100%; height: 100%; left: 0; top: 0; } p.class_name span { position: absolute; white-space: nowrap; text-align: center; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; font-weight: normal; letter-spacing: 0.1em; font-size: 35px; font-size: 3.5rem; transform: translate(-50%,-50%) rotate(-90deg); left: 50%; top: 50%; } .class_data.active p.class_name { width: 25%; } .class_text { display: none; position: relative; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 5% 0 30%; box-sizing: border-box; } div.class_text p { color: #fff; } @media only screen and (max-width: 860px) { .__additional_classes_widget__ { display: none; } } /* ICONS ========================================================================== */ .icon { display: inline-block; font-size: 32px; width: 1.0em; height: 1.0em; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/icons.png); background-repeat: no-repeat; background-size: 6.0em; } .icon__locations { background-position: 0 0; } .icon__classes { background-position: -1.0em 0; } .icon__gifting { background-position: -2.0em 0; } .icon__booking { background-position: -5.0em 0; } /* Form styles ========================================================================== */ form { } form p { margin-bottom: 2.0rem; position: relative; clear: right; text-align: left; } form p.form_half_left { clear: both; float:left; width: 49%; } form p.form_half_right { float:right; width: 49%; } form p.center { text-align: center; } form label { display: block; text-align: left; font-weight: bold; } form input[type=checkbox], form input[type=radio] { margin-right: 1.0em; vertical-align: middle; margin-bottom: 0.25em; } form input[type=text], form input[type=number], form input[type=password], form input[type=date], form input[type=time], form input[type=email], form textarea { border: 2px solid #fff; background-color: #fff; color: #000 !important; font-size: 14px; font-size: 1.4rem; font-weight: normal; padding: 0.4em 0.75em 0.15em 0.75em; max-width: 100%; box-sizing: border-box; vertical-align: middle; } form select { border: 0; background-color: #fff; color: #000 !important; font-size: 14px; font-size: 1.4rem; font-weight: normal; padding: 0.25em 0.75em 0.25em 0.75em; max-width: 100%; height: 2.55em; box-sizing: border-box; width: 100%; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; } .selectarrow { display: inline-block; border: 0; background-color: #fff; color: #000 !important; font-size: 14px; font-size: 1.4rem; font-weight: normal; padding: 0; width: 2.55em; width: calc(2.55em - 6px); height: 2.55em; height: calc(2.55em - 6px); line-height: 2.55em; box-sizing: border-box; position: absolute; right: 11px; bottom: 3px; pointer-events: none; text-align: center; } .datepicker { background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/datepicker.png); background-size: auto 90%; background-position: right 2px center; background-repeat: no-repeat; } .datepicker-limit { background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/datepicker.png); background-size: auto 90%; background-position: right 2px center; background-repeat: no-repeat; } .input__wide { width: 100%; } form.page_form { color: #222; } form.page_form { padding-bottom: 4.0rem; } form.page_form input, form.page_form textarea, form.page_form select, form.page_form .selectarrow { background-color: #ececec; border-color: #ececec; } form.page_form input.fullWidth, form.page_form textarea.fullWidth { width: 100%; } form.sort_form { padding-bottom: 2.0rem; } form.sort_form label { display: inline-block; padding-right: 0.5em; } form.sort_form p { text-align: right; margin-bottom: 0; } form.sort_form select { width: 10em; display: inline-block; } form.sort_form .selectarrow { } form.sort_form p:nth-of-type(1) { text-align: left; } form.sort_form p:nth-of-type(2) { text-align: right; } @media only screen and (max-width: 500px) { form.sort_form p label { display: block; } form.sort_form p input, form.sort_form p select { width: 100%; } } @media only screen and (max-width: 420px) { form.sort_form p:nth-of-type(1) { text-align: left; margin-bottom: 2.0rem; } form.sort_form p:nth-of-type(2) { text-align: left; } } form input:required { } form input[type=submit], .button, a.button { vertical-align: middle; display: inline-block; background-color: transparent; color: currentColor; border: 2px solid #222; font-size: 14px; font-size: 1.4rem; padding: 0.5em 1.0em; margin: 0.5em 0; max-width: 100%; box-sizing: border-box; text-align: center; text-decoration: none; text-transform: uppercase; font-weight: normal !important; transition: all 100ms linear; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; } form input[type=submit]:hover, .button:hover, a.button:hover { background-color: #fff; color: #222; } .button__wide { width: 100%; } .button__fixed { min-width: 15em; } .button__small { min-width: 12em; } .button__big { } p.submit_left { text-align: left; } p.submit_right { text-align: right; } p.submit_full { text-align: left; } p.submit_full input[type=submit] { width: 100%; } form input.search { /* background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/search-input-icon.png); */ background-repeat: no-repeat; background-size: auto 100%; background-position: 0; padding-left: 3em; } :focus { outline-width: 0; } input[type=text]:focus, input[type=email]:focus, input[type=date]:focus, input[type=password]:focus, select:focus, textarea:focus { outline-offset: -2px; outline-width: 2px; outline-style: solid; } .fancy_underline { position: relative; border: 0 !important;; } .fancy_underline:hover { background: none !important; } .fancy_underline:after { content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: currentColor; transition: all 200ms linear; } .fancy_underline:hover:after { width: 100%; left: 0; } @media only screen and (max-width: 420px) { form p.form_half_left { clear: both; float:none; width: 100%; } form p.form_half_right { float:none; width: 100%; } } /* GALLERY ========================================================================== */ .featherlight-iframe .featherlight-content { width: 80%; padding-bottom: 44% !important; margin-left: auto !important; margin-right: auto !important; position: relative; } .featherlight-iframe iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .__gallery_widget__ { margin-top: 0.5rem; overflow: hidden; } .masonry { } .masonry-gutter { width: 0.5rem; } .masonry-sizer, .masonry-item { width: calc( (100% - (0.5rem * 3)) / 4 ); position: relative; } .masonry-item.gallery_portrait a { padding-bottom: calc(112% + 0.5rem); } .masonry-item.gallery_portrait img { height: 100%; width: auto; } .masonry-item.gallery_landscape a { padding-bottom: 56%; } .masonry-item.gallery_landscape img { height: 100%; width: auto; } .masonry-item a { margin: 0 0 0.5rem 0; display:block; position: relative; width: 100%; height: 100%; overflow: hidden; } .masonry-item img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) translateZ(0) scale(1.01); vertical-align: text-bottom; transition: all 1s ease; } .masonry-item:hover img { transform: translate(-50%,-50%) translateZ(0) scale(1.2); } @media only screen and (max-width: 860px) { .masonry-item { width: 100%; } .masonry-item a { margin: 0; } .masonry-item img { float: left; left: auto; top: auto; position: relative; transform: none; display: inline-block; } .masonry-item:hover img { transform: none !important; } .masonry-item.gallery_portrait a{ padding-bottom: 0%; width: 100%; } .masonry-item.gallery_portrait img { width: 100%; height: auto; } .masonry-item.gallery_landscape a { padding-bottom: 0%; width: 100%; } .masonry-item.gallery_landscape img { width: 100%; height: auto; } } .thumbnail_color_overlay a { z-index: 2; } .thumbnail_color_overlay::after { content: ''; position: absolute; width: 100%; top: 0; left: 0; height: 100%; background-color: black; opacity: 0.5; z-index: 1; } .thumbnail_color_overlay p.filled_button { background-color: #bed600 !important; border-color: #bed600 !important; color: #1a1f23 !important; font-weight: bold !important; } .thumbnail_color_overlay p.filled_button:hover { background-color: #bed600 !important; border-color: #bed600 !important; color: white !important; } /* SLIDER ========================================================================== */ .slick-track { display: flex !important; flex-direction: row; overflow-x: hidden; } .slick-slide { display: flex !important; height: auto !important; align-items: center !important; justify-content: center !important; } .slider { display: block; margin: 0; padding: 0; width: 100%; } .slider li { margin: 0; padding: 0; list-style: none; overflow-x: hidden; position: relative; background-position: center top; background-size: cover; background-repeat: no-repeat; } .slider li p { font-weight: normal; } .slick-prev { left: 2.0rem; background-position: -3.0em 0em; } .slick-next { right: 2.0rem; background-position: -4.0em 0em; } .slick-prev, .slick-next { position: absolute; font-size: 32px; width: 1.0em; height: 1.0em; top: 50%; display: inline-block; transform: translateY(-50%); text-indent: -10000px; border: 0; padding: 0; background-color: transparent; background-repeat: no-repeat; outline: none; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/icons.png); background-repeat: no-repeat; background-size: 6.0em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #000; box-sizing: content-box; } .slick-dots { position: absolute; left: 0; bottom: 3%; z-index: 999; width: 100%; text-align: center; margin: 0; padding: 0; } .slick-dots li { display: inline; margin: 0 !important; } .slick-dots li button { background: none; display: inline-block; text-indent: -10000px; border: 1px solid #fff; font-size: 1vw; width: 1.5em; height: 1.5em; padding: 0; margin: 0 0.4em; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.75); } .slick-dots li.slick-active button { background: #000; } @media only screen and (max-width: 860px) { .slider li .constraint { width:100%; } } /* SHOP HOMEPAGE ========================================================================== */ .__shop_home_hero__ { background-color: #ececec; text-align: left; padding-top: 5vw; padding-bottom: 5vw; padding-top: 90px; } /* BROKERAGE ========================================================================== */ .__shop_product_list__ { padding-top: 90px; } .__product_brokerage__ { color: #514f50; justify-content: flex-start; } .__product_brokerage__ .grid_cell { flex-direction: column; margin-bottom: 2.0rem; position:relative; } .quick_atb_form { position: absolute; right: 0; bottom: 0; z-index: 10; width: 100%; bottom: 50px; display: none; } .__product_brokerage__ .grid_cell:hover > .quick_atb_form { display: block; color: #222; } .__product_brokerage__ .grid_cell .quick_atb_form button:hover { cursor:pointer; } .product_image_wrapper { display: block; position: relative; width: 100%; } .__product_brokerage__ img { width: 100%; height: auto; vertical-align: text-bottom; } .__product_brokerage__ .list_price { position: absolute; right: 0; top: 0; background: #262628; color: #fff; font-size: 20px; font-size: 2.0rem; padding: 0.25em 0.5em; font-weight: 300; } .__product_brokerage__ .list_price small { font-size: 0.5em; } .__product_brokerage__ .list_price_small { position: absolute; right: 0; bottom: 0; background: #262628; color: #fff; font-size: 15px; font-size: 1.5rem; padding: 0.33em 0.66em; font-weight: 300; } .__product_brokerage__ a { text-decoration: none; } .__product_brokerage__ h2 { width: 100%; text-align: left; margin-top: 1.5em; border-bottom: 2px solid #006766; } .__product_brokerage__ h3 { width: 100%; text-align: left; } .__product_brokerage__ p { margin-bottom: 0; } .__product_brokerage__ p.heading { font-size: 16px; font-size: 1.6rem; padding: 0.75em 0.5em; margin-bottom: 0 !important; } .__product_brokerage__ p.heading_small { width: 100%; padding: 0.75em 0.5em; font-weight: 600; } .__product_brokerage__ p.heading_small:before { content: ''; display: block; height: 0.3em; } .__product_brokerage__ p.list_price { font-size: 30px; font-size: 3.0rem; font-weight: 300; } @media only screen and (max-width: 860px) { .__product_brokerage__ { flex-direction: row !important; } .__product_brokerage__ .grid_cell { display: flex; flex-basis: 49% !important; max-width: 50% !important; } .__product_brokerage__ .grid_cell { margin-right: 0.5rem !important; } .__product_brokerage__ .grid_cell:nth-child(2n) { margin-right: 0 !important; } .__product_brokerage__ p.heading { font-size: 14px; font-size: 1.4rem; } } /* VOUCHERS ========================================================================== */ .voucher_form { color: #212121; padding-bottom: 4.0rem; } .voucher_form h2 { text-align: left; border-bottom: 2px solid #212121; margin: 0em 0 1.0em 0; padding-top: 2.0rem; } .voucher_form h2 small { text-transform: none; font-size: 14px; font-size: 1.4rem; display: block; line-height: 1.4em; padding-bottom: 0.5em; font-family: 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0; } .voucher_holder { display: table; table-layout: fixed; width: 100%; } .voucher_holder div { display: table-row; width: 100%; } .voucher_type { display: table-cell; text-align: center; } /* .voucher_type { float: left; width: 33%; text-align: center; } */ .voucher_type label { text-align: center; } .voucher_type label input[type=radio] { margin: 1.25em 0; } .voucher_type label img { width: 100%; height: auto; max-width: 200px; } .email_method { float: left; width: 50%; text-align: center; } .email_method label { text-align: center; } .email_method label input[type=radio] { margin: 1.25em 0; } .email_method label img { width: 100%; height: auto; max-width: 150px; } .voucher_form input[type=radio] { margin: 0; } #delivery_selection { overflow: auto; display: none; } #friend_details { overflow: auto; display: none; } #delivery_address { overflow: auto; display: none; } .voucher_form p:last-child { margin-bottom: 2.0rem !important; } .gift_area { float: left; width: 25%; padding:0 5px; text-align: center; } .gift_area label { text-align: center; } .gift_area label input[type=radio] { margin: 1.25em 0; } .gift_area label img { width: 100%; height: auto; max-width: 200px; } .gift_price { float: left; width: 25%; text-align: center; } .gift_price label, .gift_place label { text-align: center; } .gift_price label input[type=radio], .gift_place label input[type=radio] { margin: 1.25em 0; } .gift_price label img, .gift_place label img { width: 100%; height: auto; max-width: 200px; } .gift_place { text-align: center; } .gift_club { float: left; width: 33%; text-align: center; } .gift_club label { text-align: center; } .gift_club label input[type=radio] { margin: 1.25em 0; } .rating { text-align:center; } .ratings p { width:100%; clear:both; } .ratings label { text-align:center; padding:0 13px 0 2px; display:inline-block; margin:0; } .ratings input[type=radio] { width:1em; height:1em; display:inline-block; text-align:center; margin-right:0 !important; padding-right: 10px !important; } /* CAREERS ========================================================================== */ .job_search { background: #ececec; padding: 2.0rem; margin-bottom: 4.0rem; } .jobs_list th { text-align: left; border: 0; background: #ececec; } .jobs_list td { text-align: left; border: 0; border-bottom: 1px solid #ececec; } .jobs_list td:last-of-type { text-align: right; } /* ANIMATION ========================================================================== */ .animate_me { visibility: hidden; animation-duration: 0.5s; animation-timing-function: ease-in-out; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: ease-in-out; } .slideLeft { visibility: visible !important; animation-name: slideLeft; } @keyframes slideLeft { 0% { transform: translateX(100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .slideRight { visibility: visible !important; animation-name: slideRight; } @keyframes slideRight { 0% { transform: translateX(-100px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } .slideUp { visibility: visible !important; animation-name: slideUp; } @keyframes slideUp { 0% { transform: translateY(50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } .slideDown { visibility: visible !important; animation-name: slideDown; } @keyframes slideDown { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } /* FEATHER GALLERY ========================================================================== */ .featherlight-previous, .featherlight-next { font-size: 10px; font-size: 1.0rem; font-size: 0.65vw; width: 9.0em; height: 9.0em; top: 50%; margin-top: -4.5em; background: black !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; opacity: 0.75; } .featherlight-previous:hover, .featherlight-next:hover { } .featherlight-previous { left:2.0em; right: auto; } .featherlight-next { left:auto; right: 2.0em; } .featherlight-previous span, .featherlight-next span { display: none !important; left: auto; right: auto; width: 1.5em; height: 1.5em; line-height: 1.0em; text-shadow: none; background-color: #000; font-size: 60px; font-size: 6.0rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-align: center; opacity: 0.75; } x.featherlight-previous span { padding: 0.2em 0.2em 0 0; left: 0.3em; } x.featherlight-next span { padding: 0.2em 0 0 0.2em; right: 0.3em; } .featherlight-previous:before { content: ''; display: block; width: 0; height: 0; border-top: 2.5em solid transparent; border-right: 5em solid white; border-bottom: 2.5em solid transparent; margin-top: 2em; margin-left: 1.5em; } .featherlight-next:before { content: ''; display: block; width: 0; height: 0; border-top: 2.5em solid transparent; border-left: 5em solid white; border-bottom: 2.5em solid transparent; margin-top: 2em; margin-left: 2.5em; } @media only screen and (max-width: 420px) { input, select, textarea { font-size: 16px !important; } } /* EMERGENCY / DELIVERY MESSAGE ========================================================================== */ #deliveryWarningMessage, #emergencyMessage, #bottomMessage { position:fixed; bottom: 0; left: 0; width: 100%; background-color: #da3932; background-color: rgba(218,57,50,0.9); color: white; z-index: 1000; text-align: center; padding: 1em 2.5em 0.8em 2.5em; font-size: 2rem; line-height: 1.2em; font-family: "Roboto", Helvetica, Arial, sans-serif; backdrop-filter: blur(5px); } #bottomMessage.spa { background-color: #006766; background-color: rgba(0,103,102,0.9); padding: 0.75em 2.5em; } #bottomMessage h4 { margin: 0; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; color: white; font-weight: bold; display: inline-block; line-height: 1em; position: relative; top: 0.1em; } #bottomMessage select, #bottomMessage select:focus { display: inline-block; width: auto; box-shadow: none; padding: 0.6em 2.5em 0.4em 0.5em !important; line-height: 1em; height: auto; position: relative; top: -0.05em; margin: 0 0.5em; outline-color: white; background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/bg-dropdown.svg); background-position: right center; background-size: 2em 2em; background-repeat: no-repeat; } #bottomMessage input[type=submit] { margin: 0 !important; padding: 0.5em 0.5em 0.2em 0.5em !important; line-height: 1em; top: 0em; position: relative; display: inline-block; border-color: white; } #deliveryWarningMessage a, #emergencyMessage a, #bottomMessage a { text-decoration: none; border-bottom: 1px solid white; } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) /* safari only hack for backdrop filter */ { @media { #deliveryWarningMessage, #emergencyMessage, #bottomMessage { -webkit-backdrop-filter: blur(8px); background-color: rgba(225,10,1,0.7); } #bottomMessage.spa { background-color: rgba(0,103,102,0.7); } } } #deliveryWarningMessage strong, #emergencyMessage strong, #bottomMessage strong { text-transform: uppercase; font-weight: normal; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; } #deliveryWarningMessage a, #emergencyMessage a, #bottomMessage a { color: white; } #deliveryWarningMessage span, #emergencyMessage span, #bottomMessage span { position: absolute; right: 0; top: 0; padding: 1em 1em 0.8em 0em; font-size: 1em; line-height: 1.2em; font-family: "Roboto", Helvetica, Arial, sans-serif; font-weight: bold; cursor: pointer; display: block; } #bottomMessage div.spaQuickBookFields { display: inline; } @media only screen and (max-width: 1000px) { #deliveryWarningMessage, #emergencyMessage { font-size: 1.7rem; } } @media only screen and (max-width: 620px) { #bottomMessage div.spaQuickBookFields { display: none; } #bottomMessage span { top: -0.75em; right: -0.75em; } #bottomMessage select, #bottomMessage input { display: block !important; width: 100%; margin: 1em 0; } } @media only screen and (max-width: 420px) { #deliveryWarningMessage, #emergencyMessage, #bottomMessage { font-size: 1.4em; padding: 1.25em 1em 0.8em 1em; } #deliveryWarningMessage span, #emergencyMessage span { top: -0.75em; right: -0.75em; } } /* OFFER STRIP ========================================================================== */ .strip_ad { } .strip_ad a { width: 100%; display: block; overflow: hidden; text-align: right; } .strip_ad.medium a { max-width: 1520px; margin-left: auto; margin-right: auto; } .strip_ad.smaller a { max-width: 750px; margin-left: auto; margin-right: auto; } .strip_ad.spa a { text-align: center; } .strip_ad img { display: block; width: 100%; height: auto; } @media only screen and (max-width: 640px) { .strip_ad img { width: 200%; margin-left: -100%; } .strip_ad.spa img { width: 150%; margin-left: -25%; } .strip_ad.smaller img, .strip_ad.medium img { width: 100%; margin-left: 0; } } /* OFFERS PAGE ========================================================================== */ .offers_wrapper { justify-content: space-between; width: 96%; margin: 2% auto 0 auto; } .offers_block { width: 49%; margin: 0 0 2% 2%; font-size: 10px; font-size: 1.0rem; } .offers_block:nth-of-type(2n+1) { margin-left: 0; } .offers_block * { color: #fff; } .offers_block select, .offers_block option { color: #000; } .offers_block .grid_cell a:hover { color: #fff; } .offers_block .grid_cell:first-of-type { background-size: cover; background-position: center center; background-repeat: no-repeat; } .offers_block .constraint { max-width: 290px; width: 100%; padding-top: 2vw; padding-bottom: 2vw; } .offers_block .constraint.contstraint_button { max-width: 330px; width: 100%; padding-top: 2vw; padding-bottom: 2vw; } .offers_block p { font-size: 1.8em; margin: 0; } .offers_block p:first-of-type { margin-bottom: 1.0em; } .offers_block a { transition: background-color 300ms linear; display: flex; width: 100%; height: 100%; text-decoration: none; } .offers_block p:last-of-type { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; font-weight: bold; font-size: 2.0em; line-height: 1.3em; margin-top: 0.8em; } .offers_block p:nth-of-type(2) { font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-size: 3.4em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.1em; margin-bottom: 0 !important; } .offers_block > * { transition: background-color 300ms linear; } .offers_block:hover > * { background-color: rgba(0,0,0,0.3); } .offers_block form { padding: 1.6em; } .offers_block form p { margin: 0 !important; } .offers_block select { width: 100%; font-family: 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0; } .offers_block .offer_links a { display: inline-block; width: 50%; font-size: 1.7rem; position: relative; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; text-transform: uppercase; padding: 1.6em 0em; line-height: 1em; } .offers_block .offer_links.offer_links_1 a { width: auto; padding: 1.6em 0.8em; max-width: 100%; } .offers_block .offer_links a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; transition: background-color 300ms linear; } .offers_block .offer_links a:hover span { background-color: rgba(0,0,0,0.3); } .offers_block .offer_links a em { font-style:normal; display: block; position: relative; z-index: 3; } @media only screen and (min-width: 861px) and (max-width: 1070px) { .offers_block .offer_links a { font-size: 1.3rem; } } @media only screen and (max-width: 1100px) { .offers_block { font-size: 8px; font-size: 0.8rem; } } @media only screen and (max-width: 860px) { .offers_block { flex-direction: row !important; width: 100%; margin-left: 0 !important; } .offers_block .grid_cell { flex: 1 1 !important; } .offers_block .constraint { padding: 4vw 0; } } @media only screen and (max-width: 520px) { .offers_block { flex-direction: column !important; } .offers_block > div:first-of-type { background-image: none !important; order: 2; } .offers_block form { background-color: transparent !important; } } /* HEALTH CLUB CLASSES TIMETABLE ========================================================================== */ .class_timetable { background-color: #1a1f23; } .class_timetable .__hero_content_widget__ { margin-bottom: 0; /*padding: 10px;*/ padding: 20px 0; text-align: center; color: #BBD700; } .timetable_container { display: block; margin-bottom: 2rem; } /*Menu styling*/ .filter_block { padding: 0 5px; margin: 0; } .filter_block hr { border-top: 1px solid #c0c0c0; } .filter_block span { padding-left: 0.5em !important; display: inline-block; /*font-size: 1.1em;*/ font-size: 15px; } .filter_block h3, .filter_block input, .filter_block label, .filter_block ul li { color: white !important; font-weight: 900; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; letter-spacing: 0.1em; text-transform: uppercase !important; } .filter_block h3 { margin-bottom: 0; margin-top: 0.5em; } .filter_block ul { padding-left: 0; padding-top: 1em; margin-bottom: 3em; } .filter_block ul li { list-style-type: none; font-size: 15px; } /*test checkbox styles*/ .filter_block input[type='checkbox'] { visibility: hidden; position: absolute; } #workout-filter .filter-text { font-style: normal; text-transform: none; font-family: 'Roboto',Helvetica,Arial,sans-serif; font-size: 14px; display: block; font-size: 0.8em; padding-left: 2.4em !important; letter-spacing: 0; line-height: 1.2em; opacity: 0.5; } .customCheckbox { position: relative; } .customCheckbox label{ content: ''; display: inline-block; width: 1em; height: 1em; background: #fff; border-top: none; border-right: none; } .customCheckbox input[type=checkbox]:checked + label { background: #BBD700; } /***********/ .filter_block input[type='checkbox'] { margin: 10px auto; background: white; box-shadow: inset 0px 1px 1px white, 0px 1px 3px } .filter_block input[type=checkbox]:checked { background-color: #BBD700 !important; box-shadow: inset 0px 1px 1px #BBD700, 0px 1px 3px !important; } .filter_block input[type='text'] { margin-top: 1em; width: 100%; } /***************/ /*layout*/ .timetable_block { width: 20%; padding-bottom: 20%; position: relative; float: left; background-size: cover; background-position: top center; background-repeat: no-repeat; font-size: 4vw; } .timetable_block::before { width: 100%; height: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.3+0,0+100 */ background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ position: absolute; top: 0; left: 0; content: ''; z-index: 1; } .timetable_block_top { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; padding: 5%; z-index: 2; } .timetable_block_top p, .timetable_block_top h4, .timetable_block_top li { color: white; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-transform: uppercase; text-align: right; margin: 0; padding: 0; } .timetable_block_top p { font-size: 1em; } .timetable_block_top h4 { font-weight: bold; letter-spacing: 0.05em; font-size: 1.4em; margin: 0; padding: 0; } .timetable_block_top ul { list-style: none; margin: -0.2em 0 0 0; padding: 0; text-align: right; } .timetable_block_top li { display: inline-block; text-align: right; padding-left: 1em; margin: 0 0 0.5em 0.5em; font-size: 0.6em; line-height: 1em; background-size: 0.8em 0.8em; background-position: left top; background-repeat: no-repeat; } .timetable_block_top li:first-child { margin-left: 0; } .timetable_block_mind_body { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/mind-body.svg); } .timetable_block_virtual_workout { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/virutal-workout.svg); } .timetable_block_cardio_sculpt { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/cardio-sculpt.svg); } .timetable_block_cardiovascular { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/cardiovascular.svg); } .timetable_block_muscle { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/muscle.svg); } .timetable_block_speedflex { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/health-class-timetable-icons/speedflex.svg); } .timetable_block_bottom { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 20px; box-sizing: border-box; text-align: center; } .timetable_block_bottom a:link, .timetable_block_bottom a:visited { display: inline-block; border: 2px solid #FFF; color: white; padding: 0.75em 1em 0.5em 1em; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-weight: bold; font-size: 1em; text-decoration: none; letter-spacing: 0.1em; line-height: 1em; background-color: rgba(0,0,0,0.2); -webkit-transition: 0.5s all; transition: 0.5s all; } .timetable_block_bottom a:hover { color: #BBD700; border-color: #BBD700; background-color: rgba(0,0,0,0.6); } .timetable_subheader { position: absolute; z-index: 3; width: 100%; height: 100%; background-color: #BBD700; display: flex; align-items: center; justify-content: center; } .timetable_subheader h3 { font-family: 'Roboto Slab',arial,helvetica; letter-spacing: 0.1em; text-align: center; margin: 0; text-transform: uppercase; } /*Layout*/ /*hide filter on mobile*/ .timetable_block { width: 50%; padding-bottom: 50%; } .timetable-splash { display: block; } .timetable-main { display: none; } .accordion-content{ display: none; } /***************/ /*Splash screen*/ .timetable-splash { display: block; background: black; margin: 0 auto; } .timetable-splash img{ max-width:100%; } .splash-image { background-repeat: no-repeat; background-size: cover; margin: 20px 10px; border: 1px solid white; } #splash-mindbody a, #splash-sculpt a, #splash-cardio a, #splash-speedflex a, #splash-strength a { position: absolute; /*background: blue;*/ color: transparent; text-decoration: none; -webkit-transition-delay: 0.3ss; transition-delay: 0.3s; } #splash-mindbody a:hover, #splash-sculpt a:hover, #splash-cardio a:hover, #splash-speedflex a:hover, #splash-strength a:hover { background-color: #BBD700; opacity: 0.1; } #splash-mindbody, #splash-sculpt, #splash-cardio, #splash-speedflex, #splash-strength { position: relative; } /*specific styles per image*/ #splash-mindbody { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/timetable-mindbody.jpg); } /*mobile*/ #splash-mindbody a { bottom: 3%; height: 10%; left: 5%; width: 79%; } @media screen and (min-width: 347px) { #splash-mindbody a { width: 78.5% !important; } } @media screen and (max-width:500px){ .gift_area { float: left; width: 50%; min-height:270px; padding:0 5px; text-align: center; } } @media screen and (min-width: 520px) { #splash-mindbody a { width: 76.5% !important; } } @media screen and (min-width: 768px) { #splash-mindbody a { width: 80.5% !important; } } @media screen and (min-width: 1020px) { #splash-mindbody a { width: 78.5% !important; } } @media screen and (min-width: 1200px) { #splash-mindbody a { width: 78% !important; } } @media screen and (min-width: 1400px) { #splash-mindbody a { width: 76% !important; } } #splash-sculpt { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/timetable-sculpt.jpg); } #splash-sculpt a { bottom: 6%; height: 21%; left: 4%; width: 82%; } @media screen and (min-width: 347px) { #splash-sculpt a { width: 81% !important; } } @media screen and (min-width: 520px) { #splash-sculpt a { width: 79.5% !important; } } @media screen and (min-width: 768px) { #splash-sculpt a { left: 4.5% !important; width: 82.5% !important; } } @media screen and (min-width: 1020px) { #splash-sculpt a { width: 81.5% !important; } } @media screen and (min-width: 1200px) { #splash-sculpt a { width: 80% !important; } } @media screen and (min-width: 1400px) { #splash-sculpt a { width: 78.5% !important; } } #splash-cardio { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/timetable-cardio.jpg); } #splash-cardio a { bottom: 6%; height: 18%; left: 9%; width: 69.5%; } @media screen and (min-width: 520px) { #splash-cardio a { left: 9% !important; width: 70.5% !important; } } @media screen and (min-width: 1020px) { #splash-cardio a { left: 8.5% !important; } } @media screen and (min-width: 1200px) { #splash-cardio a { left: 8.5% !important; width: 69.5% !important; } } @media screen and (min-width: 1400px) { #splash-cardio a { width: 68% !important; } } #splash-speedflex { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/timetable-speedflex.jpg); } #splash-speedflex a { bottom: 3%; height: 10.5%; left: 5.5%; width: 62%; } @media screen and (min-width: 520px) { #splash-speedflex a { left: 5.5% !important; width: 60% !important; } } @media screen and (min-width: 768px) { #splash-speedflex a { left: 5.5% !important; width: 62% !important; } } @media screen and (min-width: 768px) { #splash-speedflex a { width: 61% !important; } } @media screen and (min-width: 1200px) { #splash-speedflex a { width: 60% !important; } } @media screen and (min-width: 1400px) { #splash-speedflex a { width: 59% !important; } } #splash-strength { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/timetable-strength.jpg); } #splash-strength a { bottom: 7.5%; height: 20%; left: 2.5%; width: 36%; } @media screen and (min-width: 520px) { #splash-strength a { left: 2.5% !important; width: 36% !important; } } @media screen and (min-width: 1020px) { #splash-strength a { width: 35.5% !important; } } @media screen and (min-width: 1020px) { #splash-strength a { width: 35% !important; } } #splash-mindbody, #splash-speedflex { height: 0; padding-bottom: 150%; } #splash-sculpt, #splash-cardio { height: 0; padding-bottom: 75%; } #splash-strength { height: 0; padding-bottom: 35%; } #splash-speedflex { height: 0; padding-bottom: 109%; } .timetable_block { width: 50%; padding-bottom: 50%; cursor: pointer; transition: 0.3s all; } .timetable_block.dulled { opacity: 0.25; } .timetable_block_description { display: none; } .timetable_information { width: 100%; box-sizing: border-box; padding: 2.5% 5%; background-color: white; clear: both; float: left; position: relative; } .timetable_information h2, .timetable_information p { max-width: 800px; margin-left: auto; margin-right: auto; } .class_info_icons { display: block; text-align: center; } .class_info_icons > div { box-sizing: border-box; display: inline-block; width: 33.333%; text-align: center; padding: 10px; } .class_info_icons > div img { display: block; width: 100%; margin: 0 auto; max-width: 86px; } .class_info_icons > div p { text-align: center; } .close_icon { /*float: right;*/ font-size: 20px; font-weight: bold; position: absolute; right: 20px; top: 20px; text-decoration: none; } p.timetable_info_book_now { text-align: center; } p.timetable_info_book_now a { display: inline-block; border: 2px solid #000; color: black; padding: 0.75em 1em 0.5em 1em; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; font-weight: bold; font-size: 1em; text-decoration: none; letter-spacing: 0.1em; line-height: 1em; -webkit-transition: 0.5s all; transition: 0.5s all; } p.timetable_info_book_now a:hover { color: #BBD700; border-color: #BBD700; } .timetable_information h2 { color: black; text-align: center; margin-top: 0.25em; margin-bottom: 0.25em; font-size: 3rem; } p.timetable_info_time { text-align: center; margin-bottom: 0.5em; } .timetable_info_description { padding: 1em 0; } ul.timetable_info_type { list-style: none; text-align: center; padding: 0; margin: 0; } ul.timetable_info_type li { font-size: 1.4rem !important; display: inline-block; text-align: center; display: inline-block; padding-left: 1em; margin: 0 0.25em 0.5em 0.25em; font-size: 0.6em; line-height: 1em; background-size: 0.8em 0.8em; background-position: left top; background-repeat: no-repeat; text-transform: uppercase; } @media screen and (min-width: 500px) { .timetable_block { width: 33.333%; padding-bottom: 33.333%; font-size: 2.6667vw; } .accordion-content { display: block; } #filter_by { display: none; } } @media screen and (min-width: 768px) { .filter_block { padding: 0; } .timetable_25 { display: block; width: 25%; float: left; box-sizing: border-box; padding-right: 2.5%; } .timetable_75 { width: 75%; float: right; box-sizing: border-box; } #timetable_wrapper { padding: 0 2% !important; box-sizing: border-box; } .timetable_block { font-size: 1.5vw; } #search_form { margin-bottom: 10px; } } @media screen and (min-width: 860px) { .filter_block span { font-size: 1.1em; } } @media screen and (min-width: 1200px) { .timetable_block { width: 25%; padding-bottom: 25%; font-size: 2vw; } } @media screen and (min-width: 1400px) { .timetable_block { width: 20%; padding-bottom: 20%; font-size: 1.2vw; } } @media screen and (min-width: 1800px) { .timetable_block { width: 16.6667%; padding-bottom: 16.6667%; font-size: 1vw; } } @media screen and (min-width: 767px) { .timetable_25 { display: inline-block; } #splash-col-one { width: 45%; float: left; } #splash-col-two { width: 55%; float: left; } #splash-footer { clear: left; } } @media screen and (min-width: 1300px) { .timetable_block { /*width: 33.333%;*/ /*padding-bottom: 33.333%;*/ } .timetable_block_bottom a:link, .timetable_block_bottom a:visited { font-size: 1.5vw; } } @media screen and (min-width: 1700px) { .timetable_block { /*width: 25%;*/ /*padding-bottom: 25%;*/ width: 20%; padding-bottom: 20%; } } #facebook-table, #facebook-table tr, #facebook-table tbody td, #facebook-table tbody th, #facebook-table thead th, #facebook-table tfoot th { border: none; padding: 0; } #facebook-table img { max-width: 100%; } #facebook-table td { text-align: center; padding: 0 5px 5px 5px; } #facebook-table-wrapper .table_wrapper { overflow: hidden !important; } #clubcountIFrame { width: 100%; display: block; margin: 0 auto; height: 1900px; } .blog_abstract a { text-decoration: none; transition: 0.3s all; } .blog_abstract:hover a { background-color: #1a1f23; color: white; } .blog_article_info { border-bottom: 2px solid #000; margin-bottom: 2rem; margin-top: -2rem; padding-bottom: 2rem; } .blog_date { display: block; width: 20%; box-sizing: border-box; padding-left: 10px; float: right; text-align: right; } .blog_author { float: left; display: block; width: 80%; } .blog_article { clear: both; } @media only screen and (max-width: 520px) { .blog_author, .blog_date { clear: both; float: none; width: 100%; text-align: left; padding-left: 0; } .blog_date { padding-top: 10px; } } /*Team roundabout - tower 42*/ #personal-trainer-content .__page_content_widget__{ color: white; background-color: #262628; } #personal-trainer-content .__page_content_widget__ h1 { border: 0; } #team-roundabout { overflow: hidden; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/images/roundabout/roundabout-background.png); background-repeat: no-repeat; position: relative; background-size: cover; } /*overlay*/ #team-roundabout:before { content: " "; z-index: 10; display: block; position: absolute; height: 100%; top: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); } /*make roundabout narrower without changing background*/ #roundabout-wrapper { width: 100%; margin: 0 auto; max-width: 1000px; } #team-roundabout ul#teamUl { list-style-type: none; height: 585px; width:100%; margin-bottom: 0; } @media only screen and (max-width: 580px) { #roundabout-wrapper { overflow: hidden; } #team-roundabout ul#teamUl { height: 400px; overflow: hidden; } } #team-roundabout ul#teamUl li { transition: filter 1s; -webkit-transition: -webkit-filter 1s; -moz-transition: -moz-filter 1s; -ms-transition: -ms-filter 1s; -o-transition: -o-filter 1s; background-position: center bottom; background-repeat: no-repeat; background-size: contain; cursor: pointer; float: left; height: 90%; width: 490px; } #team-roundabout ul#teamUl li.roundabout-moveable-item { filter: gray; -webkit-filter: grayscale(100%); } #team-roundabout ul#teamUl li.roundabout-in-focus { filter: none; -webkit-filter: none; } #team-roundabout ul#teamUl li .teamMemberWrap { position: relative; width: 100%; height: 100%; display: none; cursor: pointer; } #team-roundabout ul#teamUl li .teamMemberWrap div.teamText { position: absolute; bottom: 75px; left: -8px; height: 140px; width: 100%; } #team-roundabout ul#teamUl li .teamMemberWrap div.teamText h2 { color: white; text-transform: uppercase; text-align: center; font-size: 20px; font-family: 'Roboto Slab', sans-serif; font-weight: bold; } #team-roundabout ul#teamUl li .teamMemberWrap div.teamText h3 { color: #ffffff; font-size: 21px; text-align: center; margin-top: 10px; } #team-roundabout ul#teamUl li .teamMemberWrap div.teamText p { margin: 0; text-align: center; } #team-roundabout ul#teamUl li .teamMemberWrap a.viewTeam { text-align: center; background-color: #3a3a3c; border: 1px solid #fbfa00; padding: 10px 20px 5px 20px; font-size: 14px; font-weight: bold; color: white; font-family: 'Roboto Slab', sans-serif; display: inline-block; line-height: 1em; text-decoration: none; text-transform: uppercase; } @media only screen and (max-width: 580px) { #team-roundabout ul#teamUl li .teamMemberWrap div.teamText { bottom: 20px; } } /*slider navigation*/ #team-roundabout #roundabout-nav a { display: block; position: absolute; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/roundabout-arrow.svg); background-size: 100% auto; width: 70px; height: 139px; cursor: pointer; top: 50%; margin-top: -61px; z-index: 1000; background-repeat: no-repeat; opacity: 0.5; transition: 0.3s all; background-position: center center; } #team-roundabout #roundabout-nav a:hover { opacity: 1; } #team-roundabout #roundabout-nav a.next-roundabout { right: 20px; } #team-roundabout #roundabout-nav a.previous-roundabout { left: 20px; -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } @media only screen and (max-width: 580px) { #team-roundabout #roundabout-nav a.previous-roundabout { left: 5px; width: 35px; /*display: none;*/ } #team-roundabout #roundabout-nav a.next-roundabout { right: 5px; width: 35px; /*display: none;*/ } } /*Tower 42 Staff Pages*/ .trainer-title { font-size: 14px; font-weight:bold; margin-bottom: 5px; padding-bottom: 5px; display: block; } .trainer-qualifications { margin-bottom: 0; } .trainer-qualification-list { margin-bottom: 20px !important; } .specialisation { margin-top: 5px; } .trainer-info { padding-top: 10vw !important; padding-bottom: 10vw !important; } @media only screen and (max-width: 860px) { .trainer_image { padding-bottom: 84%; } } /* Phorest iframe on spa location treatments page */ .phorest_iframe { border: 0; padding: 0; width: 100%; height: 900px; } /* Popup Competition */ .popupCompetition.featherlight:last-of-type { background-color: rgba(0,0,0,0.5); } .popupCompetition.featherlight .featherlight-close-icon { right: 5px !important; top: 5px !important; } .popupCompetition.featherlight-iframe .featherlight-content { width: 100%; height: 100%; max-width: 900px; max-height: 800px; padding: 0 !important; position: relative; } @media only screen and (min-width: 661px) { .popupCompetition.featherlight-iframe .featherlight-content { max-height: 590px; } } #loading-spinner { display: none; position: fixed; z-index: 1000; left: 50%; transform: translate(-50%, 100%); background-color: #fff; opacity: 0.98; box-shadow: 0px 0px 59px 0px rgba(0,0,0,0.17); border-radius: 40px; padding: 10px; } #loading-spinner p { text-align: center; } /* Christmas Trimmings */ .christmas #header { background-image:url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/christmas-header.svg); background-position: top left; background-repeat: no-repeat; } .christmas #top_nav > ul, .christmas .sub_nav, .christmas footer { background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/assets/images/christmas-nav.svg) !important; background-position: bottom right; background-repeat: no-repeat; } p.gdpr_like_to_be_contacted, p.gdpr_consent_inputs { text-align: center; } p.gdpr_like_to_be_contacted { font-weight: bold; } label.gdpr_consent_label { display: inline !important; width: auto !important; font-size: inherit !important; } input.gdpr_consent_checkbox { display: inline !important; width: auto !important; -webkit-appearance: checkbox !important; margin-right: 0.5em !important; } dfn { position: relative; font-weight: bold; font-style: normal; border-bottom: 2px dotted black; display: inline-block; cursor: help; padding-right: 1.25em; } dfn .tooltipContent { position: absolute; top: 1em; left: -1em; color: white; background-color: rgba(0,0,0,0.95); font-weight: normal; text-align: left; display: block; line-height: 1.2em; border-radius: 0.5em; padding: 1em; z-index: 2; width: 200px; min-width: 200px; max-width: 320px; display: none; } dfn .tooltipContent.rightTooltip { right: -1em; left: auto; } dfn .tooltipContent::before { position: absolute; top: -0.4em; left: 1em; right: auto; content: ''; border-left: 0.5em solid transparent; border-right: 0.5em solid transparent; border-bottom: 0.5em solid rgba(0,0,0,0.95); } dfn .tooltipContent.rightTooltip::before { right: 1em; left: auto; } dfn::after { z-index: 1; text-align: center; content: '?'; background-color: black; overflow: hidden; border-radius: 1em; color: white; display: block; position: absolute; top: 0.25em; right: 0; font-size: 0.8em; line-height: 1em; width: 0.8em; height: 0.8em; padding: 0.2em; transition: 0.3s background-color; } /* .options_for_package a.tempBookOnline:not(:first-of-type) { display: none !important; } .options_for_package button.tempBuyAsAVoucher:not(:first-of-type) { display: none !important; } */ .treatmentCategoriesGrid { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; padding: 0 0 10px 0; list-style: none; max-width: 1160px; } .treatmentCategoriesGrid li { display: block; width: 100%; padding: 15px; position: relative; font-size: 1.8rem; } .treatmentCategoriesGrid li a { position: relative; display: block; background-color: #353535; width: 100%; text-decoration: none !important; transition: 0.3s all; } .treatmentCategoriesGrid li a:hover { background-color: #222; } .treatmentCategoriesGrid li a img { width: 50%; min-height: 100%; height: auto; display: block; } .treatmentCategoriesGrid li a span { width: 50%; height: 100%; position: absolute; top: 0px; padding: 10px; right: 0px; color: white; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-family: 'futura-pt', 'Source Sans Pro', 'Alegreya Sans', sans-serif; text-align: center; line-height: 1em; } @media (min-width: 640px) { .treatmentCategoriesGrid li { width: 50%; padding: 10px; } } @media (min-width: 768px) { .treatmentCategoriesGrid li { padding: 15px; font-size: 2rem; } .treatmentCategoriesGrid li a span { padding: 20px; } } @media (min-width: 1024px) { .treatmentCategoriesGrid li { font-size: 2.8rem; } } .youTubeWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .youTubeWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .faq-question { display: block; text-align: left !important; border-bottom: 1px solid #000; position: relative; cursor: pointer; } .faq-question .faq-plus { display: block; position: absolute; width: 1em; height: 1em; background-image: url(https://d2i5k26porb7uz.cloudfront.net/aad94ea1-0610-4e10-8156-68be2d628498/images/plus.svg.php); background-repeat:no-repeat; background-position: center center; background-size: 90% 90%; top: 0; right: 0; transition: 0.3s all; border: 1px solid black; border-radius: 0.5em; } .faq-answer { display: none; } html.no-js .faq-answer { display: block; } .faq-question.open .faq-plus { transform: rotate(45deg); }