/* Table of Content ================================================== #Font-Face #Site Styles #Media Queries */ /* #Font-Face ================================================== */ /* #Site Styles ================================================== */ :root { --width-base: 1110px; --width-base-lg: 1840px; --font-base: 16px; --font-family-base: 'Inter', sans-serif; --font-family-icon: 'Material Icons', sans-serif; --black: #000; --white: #fff; --blue: #88B2A4; --pink: #fe5f63; --blue-900: #006bff; --blue-800: #61AE94; --rh-green: #88B2A4; --rh-green-dark: #61AE94; --rh-red: #A0202C; --rh-pink:#F8E1DD; --cyan: #74d0e1; --cyan-100: #5ab8c9; --green: #5fc900; --gray-200: #999; --gray-300: #f1f1f1; --gray-400: #1a1a1a; --gray-500: #f8f8f8; --gray-600: #f0f0f0; --gray-700: #777; --gray-800: #7b7979; --black-900: #1a1a1a; --soft-red: #fe5f63; --dark-blue: #61AE94; --dark-red: #e4494d; --line-height-base: 1.5; --width: 100%; --height: 100%; --font-size-h1: 40px; --font-size-h2: 36px; --font-size-h3: 20px; --font-size-h4: 18px; --font-size-h5: 16px; --font-size-h6: 14px; --font-weight-400: 400; --font-weight-500: 500; --font-weight-700: 700; --font-weight-800: 800; --line-height-heading: 1.2; --transition-base: all 0.3s ease-in-out; --text-decoration: none; --text-decoration-line: underline; } @font-face { font-family: 'museo'; src: url('../fonts/museo300.woff') format('woff'); font-weight: 300; font-style: normal; } /* ### general ### */ * { margin: 0; padding: 0; box-sizing: border-box; } html, body { font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-500); line-height: var(--line-height-base); color: var(--black-900); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { background: var(--white); } body.hidden { overflow: hidden; } input, select, textarea { padding: 0 26px 0 17px; width: var(--width); height: 50px; font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-500); color: var(--gray-700); border: 0; border-radius: 4px; } input[type=radio],input[type=checkbox] { width:15px;cursor:pointer;height:auto;} label[for] { cursor:pointer;} input::placeholder { color: rgba(119, 119, 119, 0.7); } input:focus { outline: none; } select { background: #fff url('../images/select-arrow.png') no-repeat right 15px center; appearance: none; cursor: pointer; } textarea { padding: 15px 17px; height: 125px; resize: none; } textarea::placeholder { color: rgba(119, 119, 119, 0.7); } img { display: block; max-width: var(--width); height: auto; border: 0; } ul, li { list-style-position: outside; } :focus { outline: none; } a { display: inline-block; transition: var(--transition-base); } p { margin-bottom: 15px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 20px; font-family: var(--font-family-base); font-weight: var(--font-weight-700); line-height: var(--line-height-heading); color: var(--black-900); } h1 { font-size: var(--font-size-h1); font-weight: var(--font-weight-800); } h2 { font-size: var(--font-size-h2); font-weight: var(--font-weight-800); } h3 { font-size: var(--font-size-h3); } h4 { font-size: var(--font-size-h4); } h5 { font-size: var(--font-size-h5); } h6 { font-size: var(--font-size-h6); } h1,h2 { font-family:'museo';} .col-4 { width:24.5%;display:inline-block;} .truncate { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /************************************** General stuff **************************************/ /* Responsive embedded video */ .videodetector {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; border-radius:10px;} .videodetector iframe, .videodetector object, .videodetector embed { position:absolute;top:0; left:0; width:100%; height:100%;} /* Set max content image size and margin for responsive use */ img[src*="/content/images/"] { max-width:100% !important;height:auto !important;} img[src*="/content/images/"][style*="float: left"] { margin:0px 15px 15px 0;} img[src*="/content/images/"][style*="float: right"] { margin:0px 0px 15px 15px;} /* Hide captcha badge */ .grecaptcha-badge { display:none;} a[disabled],button[disabled] { pointer-events: none; opacity:0.7;} .material-icons.small { font-size:16px;} .material-icons.medium { font-size:20px;} /*.hidden { display:none !important;}*/ *[type=submit] { cursor:pointer;} .blockShadow { box-shadow:0 -70px 70px rgba(0, 0, 0, 0.03); /*0 0 60px rgba(0, 0, 0, 0.07);*/padding-top:120px !important;} .js-datepicker { cursor:pointer;} .form-input:has(.js-datepicker)::after, .datePicker::after, .form-field:has(.js-datepicker)::after, .form-group:has(.js-datepicker)::after { content: "calendar_month"; font-family: 'Material Icons'; position: absolute; top: 50%; right: 8%; font-size:20px; transform: translateY(-50%); color: var(--gray-700); cursor: pointer; } form.compact .form-group:has(.js-datepicker)::after { top:48px; } .card-offer .form-group:has(.js-datepicker)::after { top:50%; } .shorten { text-overflow: ellipsis; overflow: hidden; white-space:nowrap;} .mark { box-sizing: border-box;border: 2px solid var(--blue);} .noShadow { box-shadow:none !important;} form span.error { color:red;display:block;margin-top:5px;font-size:14px;} p.error { color:red !important;} p.error a { color:red;} input.error,select.error, textarea.error, .checkbox:has(span.error) { border:1px solid red !important;} .mb0 { padding-bottom:0px !important;} /* ### default theme ### */ /*#contentCntr .bannerBox .bg-image:after { background: linear-gradient(135deg, #1343d8, rgba(116, 208, 225, 0.38)); }*/ #contentCntr .bannerBox.no-image .bg-image:after { background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%); } #contentCntr .exampleBox .content p a { color: var(--blue); } #contentCntr .exampleBox .content .view-all { color: var(--blue); } #contentCntr .exampleBox .content .button { background-color: var(--blue); } #contentCntr .exampleBox .content .button:hover { background-color: var(--blue-800); } #contentCntr .introBox .text a { color: var(--blue); } #contentCntr .introBox .view-all { color: var(--blue); } #contentCntr .introBox .button { background-color: var(--blue); } #contentCntr .introBox .button:hover { background-color: var(--blue-800); } #contentCntr .ctaList .columns { display:flex;flex-wrap:wrap;} #contentCntr .ctaList .col-4 { padding-right:15px;display: flex;flex-direction: column; align-items: flex-start; flex: 1;} #contentCntr .ctaList .col-4 h3 { font-size:18px; } #contentCntr .ctaList p { font-size:16px;line-height:24px; margin-bottom:20px;} #contentCntr .ctaList .content { width:100%;} #contentCntr .ctaList .content p a { color:white;} #contentCntr .ctaList .col-4 a { width:90%;color:var(--rh-green);padding:15px 0;border-top:dotted 1px #bbb;font-weight:bold;text-decoration:none;} #contentCntr .ctaList a:not(.button):hover { text-decoration:underline;} /* ### orange theme ### */ #contentCntr.orange .bannerBox .bg-image:after, #contentCntr.yellow .bannerBox .bg-image:after { background: linear-gradient(135deg, #ffa300, rgba(254, 95, 99, 0.38)); } #contentCntr.yellow .bannerBox.no-image .bg-image:after, #contentCntr.orange .bannerBox.no-image .bg-image:after { background: linear-gradient(135deg, #ffa300, rgba(254, 95, 99, 1)); } #contentCntr.orange .exampleBox .content p a, #contentCntr.yellow .exampleBox .content p a { color: var(--rh-green); } #contentCntr.orange .exampleBox .content .view-all, #contentCntr.yellow .exampleBox .content .view-all { color: var(--rh-green); } #contentCntr.orange .exampleBox .content .button, #contentCntr.yellow .exampleBox .content .button { background-color: var(--rh-green); } #contentCntr.orange .exampleBox .content .button:hover, #contentCntr.yellow .exampleBox .content .button:hover { background-color: var(--rh-green-dark); } #contentCntr.orange .introBox .text a, #contentCntr.yellow .introBox .text a { color: var(--rh-green); } #contentCntr.orange .introBox .view-all, #contentCntr.yellow .introBox .view-all { color: var(--rh-green); } #contentCntr.orange .introBox .button, #contentCntr.yellow .introBox .button { background-color: var(--rh-green); } #contentCntr.orange .introBox .button:hover, #contentCntr.yellow .introBox .button:hover { background-color: var(--rh-green-dark); } /* ### blue theme ### */ #contentCntr.blue .bannerBox .bg-image:not(.second):after { background: linear-gradient(to right, rgba(160, 32, 44, 1) 30%, rgba(160, 32, 44, 0.5) 100%); } #contentCntr.blue .bannerBox.no-image .bg-image:not(.second):after { background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%); } #contentCntr.blue .exampleBox .content p a { color: var(--blue); } #contentCntr.blue .exampleBox .content .view-all { color: var(--blue); } #contentCntr.blue .exampleBox .content .button { background-color: var(--blue); } #contentCntr.blue .exampleBox .content .button:hover { background-color: var(--blue-800); } #contentCntr.blue .introBox .text a { color: var(--blue); } #contentCntr.blue .introBox .view-all { color: var(--blue); } #contentCntr.blue .introBox .button { background-color: var(--blue); } #contentCntr.blue .introBox .button:hover { background-color: var(--blue-800); } #contentCntr.white .introBox .text a { color: var(--blue); } #contentCntr.white .introBox .view-all { color: var(--blue); } #contentCntr.white .introBox .button { background-color: var(--blue); } #contentCntr.white .introBox .button:hover { background-color: var(--blue-800); } /* ### turquoise theme ### */ #contentCntr.cyan .bannerBox .bg-image:after { background: var(--rh-red) } #contentCntr.cyan .bannerBox.no-image .bg-image:after { background: var(--rh-red)} #contentCntr.cyan .exampleBox .content p a { color: white;} #contentCntr.cyan .exampleBox .content .view-all { color: white } #contentCntr.cyan .exampleBox .content .button { background-color: var(--rh-red) } #contentCntr.cyan .exampleBox .content .button:hover { background-color: var(--rh-red) } #contentCntr.cyan .introBox .text a { color: white } #contentCntr.cyan .introBox .view-all { color: white} #contentCntr.cyan .introBox .button { background-color: var(--rh-red) } #contentCntr.cyan .introBox .button:hover { background-color: var(--rh-red) } .submit, .button { margin-right: 15px; padding: 9px 18px; font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--white); border: 0; border-radius: 4px; background-color: var(--rh-green); transition: var(--transition-base); cursor: pointer; } .button:hover { background-color: var(--dark-blue); } .button.blue { background-color: var(--blue); } .button.secondary { background-color: var(--soft-red); } .button.secondary:hover { background-color: var(--dark-red); } .button.black { background-color: var(--black); } .button.black:hover { background-color: rgba(0, 0, 0, 0.8); } .button-outline { margin-right: 15px; padding: 8px 10px; font-size: var(--font-base); font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--blue); border: solid 2px var(--blue); border-radius: 4px; transition: var(--transition-base); } .button-outline:hover { color: var(--white); border: solid 2px var(--blue); background-color: var(--blue); } .button-outline.white { color: var(--white); border: solid 2px var(--white); } .button-outline.white:hover { color: var(--blue); border: solid 2px var(--white); background-color: var(--white); } .view-all { display: inline-flex; align-items: center; font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--blue); transition: var(--transition-base); } .view-all:hover { text-decoration: var(--text-decoration); } .view-all span { margin-left: -2px; font-size: 18px; } .view-all.red { font-weight: var(--font-weight-700); text-decoration: var(--text-decoration-line); color: var(--rh-green); } .view-all.red:hover { text-decoration: none; color: var(--rh-green); } .view-more { font-size: 16px; font-weight: var(--font-weight-500); color: var(--white); } .view-more:hover { text-decoration: var(--text-decoration); } .form-group { position: relative; } .form-group .btn-submit { position: absolute; top: 0; right: 15px; bottom: 0; color: var(--rh-green); border: 0; background: transparent; cursor: pointer; } .form-group .btn-submit span { font-size: 22px; } .form-group label, .card-form .form-field label { font-size:14px;font-weight:bold;margin-bottom:5px;display:inline-block;max-width:90%;} .form-group label.big, .card-form .form-field label.big { font-size:var(--font-base) !important;} .form-group label.thin, .card-form .form-field label.thin { font-weight:var(--font-weight-400);} .form-group label a {color:var(--blue);font-weight:var(--font-weight-500);text-decoration:none;} .form-group label a:hover { text-decoration:underline;} .form-group label small { font-weight:var(--font-weight-500);color:var(--gray-700);} .form-group.checkbox { display: flex; align-items: flex-start; } .form-group .checkbox { display:inline-block;} .form-group.checkbox > * { vertical-align: top;} .form-group.checkbox > input[type=checkbox] { margin-top:5px;margin-right:7px;} form.compact .form-group input:not([type=radio]):not([type=checkbox]), form.compact .form-group select { height:40px;padding-left:15px;} .connectBox .column .form-group.half { width:25%;} .submit { padding: 16px 24px; width: var(--width); max-width: 285px; border: 0; background-color: var(--blue); cursor: pointer; } h3.form { margin-bottom:15px; padding-top:20px;margin-top:10px;border-top:1px solid rgba(151, 151, 151, 0.3);} /* ### global classes ### */ .clear { visibility: hidden; clear: both; height: 0; line-height: 0; } .centered { padding-right: calc((100% - var(--width-base)) / 2); padding-left: calc((100% - var(--width-base)) / 2); } .centered-lg { padding-right: calc((100% - var(--width-base-lg)) / 2); padding-left: calc((100% - var(--width-base-lg)) / 2); } /* ### wrapper ### */ #wrapper { margin: 0 auto; padding-top: 121px; position: relative; display: block; width: var(--width); min-height: var(--height); overflow: hidden; } /* ### main container ### */ #mainCntr { width: var(--width); } /* ### header container ### */ #headerCntr { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; position: fixed; top: 0; left: 0; z-index: 9; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); transition: var(--transition-base); } #headerCntr:has(.topBox) { padding-top:43px;} #headerCntr.result-header .topBox { display:none;} #headerCntr .logo { position: relative; top: 5px; width: 172px; } #headerCntr .logo img { max-width: var(--width); } #headerCntr .logo1 { position: relative; top: 5px; display: none; opacity: 1; width: 172px; } #headerCntr.bg:before { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background-color: var(--rh-red); transition: var(--transition-base); content: ''; } #headerCntr.result-header { padding-top: 10px; padding-bottom: 10px; background-color: var(--white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } #headerCntr.sticky { padding-top: 10px; padding-bottom: 10px; background-color: var(--white); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } #headerCntr.sticky .topBox { top: -40px; } #headerCntr.inner.sticky .logo { display: block; } #headerCntr.inner.sticky .logo1 { display: none; } #headerCntr.inner.sticky .menuBox:not(.mm-menu) ul > li > a:after { background-color: var(--gray-400); } #headerCntr.inner.sticky .navigationBox .right ul > li > a:after { background-color: var(--gray-400); } #headerCntr.inner1.sticky .logo { display: none; } #headerCntr.inner1.sticky .logo1 { display: block; opacity: 1; } #headerCntr.inner.sticky .navigationBox .right ul > li > a {color:var(--gray-700); } #headerCntr.inner.sticky .navigationBox .right ul > li > ul > li > a { color: var(--gray-700);} #headerCntr.inner.sticky .menuBox:not(.mm-menu) ul > li > a { color: var(--black-900); } #headerCntr.inner.sticky .navigationBox .button-outline { color: var(--blue); border: solid 2px var(--blue); } #headerCntr.inner.sticky .navigationBox .button-outline:hover { color: var(--white); background-color: var(--blue); } #headerCntr.inner.sticky .hamburger { top: 33px; } #headerCntr.inner.sticky .hamburger span { background-color: var(--blue); } #headerCntr.inner.sticky .hamburger span:before, #headerCntr.inner.sticky .hamburger span:after { background-color: var(--blue); } #headerCntr.inner .hamburger.is_active span:before, #headerCntr.inner .hamburger.is_active span:after { background-color: var(--white); } #headerCntr.inner .logo { display: none; } #headerCntr.inner .logo1 { display: block; } #headerCntr.inner .navigationBox .right ul > li > a { color: var(--white); } #headerCntr.inner .navigationBox .right ul > li > a:after { background-color: var(--white); } #headerCntr.inner .navigationBox .right ul > li > ul > li > a { color: var(--gray-700); } #headerCntr.inner .navigationBox .right ul > li > ul > li > a:after { display: none; } #headerCntr.inner .navigationBox .right ul > li > ul > li > a:hover { color: var(--gray-400); } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > a { color: var(--white); } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > a:after { background-color: var(--white); } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 14px; font-weight: var(--font-weight-500); color: var(--gray-700); } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a:after { display: none; } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a:hover { color: var(--gray-400); } #headerCntr.inner .navigationBox .button-outline { color: var(--white); border: solid 2px var(--white); } #headerCntr.inner .navigationBox .button-outline:hover { color: var(--rh-red); background-color: var(--white); } #headerCntr.inner .hamburger span { background-color: var(--white); } #headerCntr.inner .hamburger span:before, #headerCntr.inner .hamburger span:after { background-color: var(--white); } #headerCntr.inner .hamburger.is_active span { background: none; } #headerCntr.inner1 .logo { display: block; } #headerCntr.inner1 .logo1 { display: none; } body.hidden #headerCntr.inner.sticky .logo { display: none; } body.hidden #headerCntr.inner.sticky .logo1 { display: block; } body.hidden #headerCntr.inner .navigationBox .right ul > li > a { color: var(--white); } body.hidden #headerCntr.inner .menuBox:not(.mm-menu) ul > li > a { color: var(--white); } body.hidden #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a { color: var(--gray-700); } body.hidden #headerCntr.inner .navigationBox .right ul > li > ul > li > a { color: var(--gray-700); } /* ### navigationBox ### */ .navigationBox { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 83.7%; } .navigationBox .nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .navigationBox .right { margin-right: -2px; display: flex; flex-wrap: wrap; align-items: center; } .navigationBox .right ul { margin-right: 32px; display: flex; flex-wrap: wrap; list-style: none; } .navigationBox .right ul > li { margin-left: 11px; padding: 17px 0; position: relative; } .navigationBox .right ul > li > a { position: relative; font-size: 14px; font-weight: var(--font-weight-500); text-decoration: var(--text-decoration); color: var(--gray-700); } .navigationBox .right ul > li.active > a:after, .navigationBox .right ul > li > a:hover:after { width: var(--width); } .navigationBox .right ul > li > a span { position: absolute; top: 3px; right: -16px; font-size: 18px; } .navigationBox .right ul > li > a:after { position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background-color: var(--black-900); transition: var(--transition-base); content: ''; } .navigationBox .right ul > li > ul { padding: 10px; position: absolute; top: 100%; left: 0; display: unset; opacity: 0; visibility: hidden; min-width: 170px; border-radius: 4px; background-color: var(--white); transition: var(--transition-base); } .navigationBox .right ul > li:hover > ul { opacity: 1; visibility: visible; box-shadow:0 0 20px rgba(0, 0, 0, 0.2); } .navigationBox .right ul > li > ul > li { margin: 0; padding: 5px 0; } .navigationBox .right ul > li > ul > li > a { color: var(--gray-700); } .navigationBox .right ul > li > ul > li > a:after { display: none; } .navigationBox .right ul > li > ul > li > a:hover { color: var(--black); } .navigationBox .button { margin-right: 0; } .navigationBox .button-outline { margin-right: 17px; padding: 4px 15px; font-size: 14px; color: var(--blue); border: solid 2px var(--blue); border-radius: 75px; } .navigationBox .button-outline:hover { color: var(--white); } .navigationBox .info { display: none; width: var(--width); } .navigationBox .info .button { margin-bottom: 10px; } .navigationBox .info p { font-size: 14px; font-weight: var(--font-weight-500); color: rgba(255, 255, 255, 0.7); } .navigationBox .info ul { display: flex; list-style: none; } .navigationBox .info ul > li { position: relative; } .navigationBox .info ul > li:after { margin: 0 4px; display: inline-block; width: 1px; height: 18px; vertical-align: middle; background-color: rgba(255, 255, 255, 0.7); content: ''; } .navigationBox .info ul > li:last-child:after { display: none; } .navigationBox .info ul > li > a { font-size: 14px; text-decoration: var(--text-decoration); color: rgba(255, 255, 255, 0.7); } /* ### menu box ### */ .menuBox:not(.mm-menu) ul { display: flex; flex-wrap: wrap; list-style: none; } .menuBox:not(.mm-menu) ul > li { margin-right: 30px; padding: 17px 0; position: relative; } .menuBox:not(.mm-menu) ul > li > a { position: relative; font-size: var(--font-base); font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--black-900); } .menuBox:not(.mm-menu) ul > li > a span { position: absolute; top: 3px; right: -16px; font-size: 18px; } .menuBox:not(.mm-menu) ul > li.active a:after, .menuBox:not(.mm-menu) ul > li a:hover:after { width: var(--width); } .menuBox:not(.mm-menu) ul > li > a:after { position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background-color: var(--black-900); transition: var(--transition-base); content: ''; } .menuBox:not(.mm-menu) ul > li > ul { padding: 10px; position: absolute; top: 100%; left: 0; display: block; opacity: 0; visibility: hidden; min-width: 170px; border-radius: 4px; background-color: var(--white); transition: var(--transition-base); } .menuBox:not(.mm-menu) ul > li:hover > ul { opacity: 1; visibility: visible; } .menuBox:not(.mm-menu) ul > li > ul > li { margin: 0; padding: 5px 0; } .menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 14px; font-weight: var(--font-weight-500); color: var(--gray-700); } .menuBox:not(.mm-menu) ul > li > ul > li > a:after { display: none; } .menuBox:not(.mm-menu) ul > li > ul > li > a:hover { color: var(--black); } #headerCntr:has(.topBox) .hamburger { top:32px;} /* ### hamburger ### */ .hamburger { position: absolute; top: 40px; right: 41px; z-index: 5; display: none; transition: var(--transition-base); } .hamburger span { margin: 4px auto; position: relative; display: block; width: 22px; height: 3px; background-color: var(--gray-700); transition: var(--transition-base); } .hamburger span:before, .hamburger span:after { position: absolute; display: block; width: var(--width); height: 3px; background-color: var(--gray-700); transition: var(--transition-base); content: ''; } .hamburger span:before { top: -6px; } .hamburger span:after { bottom: -6px; } .hamburger.is_active span { background: none; } .hamburger.is_active span:before { top: 0; width: var(--width); transform: rotate(135deg); } .hamburger.is_active span:after { bottom: 0; width: var(--width); transform: rotate(-135deg); } /* ### content container ### */ #contentCntr { width: var(--width); } /* ### language box ### */ .languageBox { display: none; width: var(--width); } /* ### hero box ### */ .heroBox { margin-top: -121px; margin-bottom: 90px; padding-top: 0px; position: relative; width: var(--width); min-height: 710px; display: flex; align-items: center; justify-content: flex-start;} .heroBox h1 { margin-bottom: 33px; position: relative; width: 100%; line-height: 1.25; color: var(--white); /*overflow: hidden;*/ } .heroBox h1 strong { font-family: var(--font-family-base); font-weight: var(--font-weight-800);} .heroBox p { font-size:20px; color:white; opacity:0.8; line-height:31px;font-weight:400;} .heroBox #citiesCarousel { position: relative; text-decoration: underline; display:inline;} .heroBox #citiesCarousel:after { margin-left: 2px; display: inline-block; width: 4px; height: 44px; margin-bottom:-10px;background-color: var(--white); animation: cursor 0.8s infinite; content: ''; } .heroBox .content { position: relative; z-index: 2; width: var(--width); max-width: 580px; } .heroBox .booking { margin-bottom: 20px; width: 87%; } .heroBox .booking h4 { margin-bottom: 15px; font-weight: var(--font-weight-800); color: var(--cyan); } .heroBox .booking .column { margin: 0 -15px; display: flex; flex-wrap: wrap; } .heroBox .form-input { margin-bottom: 13px; padding: 0 15px; position: relative; width: 50%; } .heroBox .form-input span { position: absolute; top: 14px; right: 28px; color: var(--gray-700); } .heroBox .form-input button { padding: 15px 24px; width: var(--width); cursor: pointer; } .heroBox .form-input ul { display: flex; list-style: none; } .heroBox .form-input ul > li { margin-right: 29px; padding: 12px 0; } .heroBox .form-input ul > li > a { font-weight: var(--font-weight-500); color: var(--white); } .heroBox .form-input ul > li > a:hover { text-decoration: var(--text-decoration); } .heroBox .form-input ul > li:last-child { margin-right: 0; } .heroBox .list { width: var(--width); } .heroBox .list ul { display: flex; flex-wrap: wrap; list-style: none; } .heroBox .list ul > li { margin-right: 24px; padding-left: 22px; position: relative; font-weight: var(--font-weight-500); color: rgba(255, 255, 255, 0.62); } .heroBox .list ul > li:last-child { margin-right: 0; } .heroBox .list ul > li:before { position: absolute; top: 0; left: 0; font-family: var(--font-family-icon); color: rgba(225, 225, 225, 0.6); content: '\e5ca'; } .heroBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); overflow: hidden; clip-path: ellipse(100% 100% at 50% 0%); } .heroBox .bg-image:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); /*background: var(--rh-red);*/ content: ''; background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%);} .heroBox .bg-image img { max-height:780px; right:3%; bottom:0; position:absolute;z-index:10; max-width:50%;} .heroBox .bg-image.second { top:10px;} .heroBox .bg-image.second:after { position: absolute; top:0; left: 0; width: var(--width); height: var(--height); background: var(--rh-pink); content: ''; } /* ### banner box ### */ .bannerBox { margin-top: -121px; margin-bottom: 84px; padding-top: 184px; position: relative; width: var(--width); min-height: 550px; clip-path: ellipse(106% 100% at 50% 0%); } .bannerBox.no-image { min-height:480px;height:auto;} .bannerBox h1 { margin-bottom: 25px; line-height: 1.05; color: var(--white); } .bannerBox h1 strong { display: block; } .bannerBox .content { position: relative; z-index: 2; width: var(--width); max-width: 60%; font-size: 20px; font-weight: var(--font-weight-500); color: var(--white); } .bannerBox .content p { margin-bottom: 36px; font-size:20px; color:white; opacity:0.8; line-height:31px;font-weight:400;} .bannerBox .bg-image { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); overflow: hidden; clip-path:ellipse(106% 100% at 50% 0%);top:-10px;} .bannerBox .bg-image:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background: linear-gradient(to right, rgba(160, 32, 44, 1) 45%, rgba(160, 32, 44, 0.5) 100%); content: ''; } .bannerBox .content a.parent { color:white;text-decoration:underline;font-size:16px;margin-bottom:15px;} .bannerBox .content:has(a.parent) { margin-top:-15px;} .bannerBox .bg-image.second { top:10px;} .bannerBox .bg-image.second:after { position: absolute; top:0; left: 0; width: var(--width); height: var(--height); background: var(--rh-pink); content: ''; } .bannerBox .bg-image img { height: 588px; object-fit: contain; right:0; position:absolute; } .bannerBox.inner { margin-bottom: 0; min-height: 465px; background: radial-gradient(at right bottom, rgba(116, 208, 255, 0.52), rgba(19, 66, 216, 0.52)); clip-path: ellipse(100% 100% at 465px 0%); } .bannerBox.inner:before { position: absolute; top: -20px; left: 0; width: var(--width); height: var(--height); background: #A0202C; /*background: radial-gradient(at right bottom, #74c8e1, #1343d8); */content: ''; clip-path: ellipse(100% 100% at 465px 0%); } .bannerBox.inner .content { font-size: 20px; color: var(--white); } .bannerBox.bg-blue { min-height: 550px; } .bannerBox.bg-blue .view-more { margin-bottom: 10px; } .bannerBox.bg-blue .bg-image:after { background: linear-gradient(90deg, rgba(19, 66, 216, 1) 0%, rgba(116, 208, 225, 0.38) 100%); } .bannerBox.bg-blue h1 { margin-bottom: 20px; } .bannerBox.bg-blue .content p { margin-bottom: 13px; } .bannerBox.bg-blue ul { margin-bottom: 25px; } .bannerBox ul { margin-bottom: 30px; display: flex; } .bannerBox ul > li { display: flex; align-items: center; font-size: 14px; color: rgba(255, 255, 255, 0.59); } .bannerBox ul > li span { font-size: 15px; } .bannerBox ul > li:after { margin: 0 8px; display: inline-block; width: 1px; height: 16px; vertical-align: middle; background-color: rgba(255, 255, 255, 0.59); content: ''; } .bannerBox ul > li:last-child:after { display: none; } .bannerBox.blue .bg-image:not(.second):after { background: linear-gradient(to right, rgba(160, 32, 44, 1) 30%, rgba(160, 32, 44, 0.5) 100%);} .bannerBox.pink .bg-image:not(.second):after { background:radial-gradient(at right bottom, rgba(255, 163, 0, 0.5), rgba(254, 95, 99, 0.99) 80%);} .bannerBox.cyan .bg-image:not(.second):after { background: var(--rh-red);} .bannerBox.yellow .bg-image:not(.second):after { background: radial-gradient(at right bottom, rgba(254, 95, 99, 0.5), rgba(255, 163, 0, 0.99) 80%);} .bannerBox.black .bg-image:not(.second):after { background: radial-gradient(at right bottom, rgba(56, 56, 56, 0.5), rgba(26, 26, 26, 0.99)); } .bannerBox.blue .button-outline.white:hover { color: var(--blue); } .bannerBox.pink .button-outline.white:hover { color: var(--pink);} .bannerBox.cyan .button-outline.white:hover { color: var(--rh-red)} .bannerBox.yellow .button-outline.white:hover { color: var(--rh-green);} .bannerBox.black .button-outline.white:hover { color: var(--black);} /* ### usp box ### */ .uspBox { margin-top: -36px; margin-bottom: 59px; position: relative; z-index: 2; display: none; width: var(--width); } .uspBox .holder { display: flex; flex-wrap: wrap; } .uspBox .column { margin-bottom: 10px; width: 50%; } .uspBox .item { display: flex; align-items: center; font-size: 16px; color: var(--gray-700); } .uspBox .item span { margin-right: 4px; font-size: 14px; color: var(--green); } /* ### stadium box ### */ .stadiumBox { margin-bottom: 83px; width: var(--width); } .stadiumBox .js-stadium-slider { display: none; min-height: 490px; border-radius: 10px; overflow: hidden; } .stadiumBox .js-stadium-slider.slick-initialized { display: block; } .stadiumBox .item { position: relative; min-height: 490px; } .stadiumBox .slick-dots { position: absolute; top:8%; /*bottom: 21.3%;*/ left: 67px; } .stadiumBox .card-concept { max-height:450px;} .stadiumBox .card-concept .content { height:100%;} /* ### news box ### */ .newsBox { padding-bottom: 107px; position: relative; z-index: 1; width: var(--width); } .newsBox h1 { margin-bottom: 25px; font-weight: var(--font-weight-800); } .newsBox h2 { margin-bottom: 0; } .newsBox h3 { margin-bottom: 35px; font-weight: var(--font-weight-500); color: rgba(26, 26, 26, 0.6); } /*.newsBox:after { position: absolute; bottom: 0; left: 0; z-index: -1; width: var(--width); height: var(--height); background: linear-gradient(to top, rgba(245, 245, 245, 0.65) 0%, rgba(0, 0, 0, 0) 100%); content: ''; pointer-events: none; }*/ .newsBox .title { margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: var(--width); } .newsBox .js-news-slider { display: none; } .newsBox .js-news-slider.slick-initialized { display: block; } .newsBox .items { margin-right: 30px; width: 350px; } .newsBox .slick-list { margin-right: -420px; } .newsBox.inner1:after, .newsBox.inner:after { display: none; } .newsBox.inner1 { padding-top: 58px; padding-bottom: 0; background-color: transparent; } .newsBox .holder { margin: 0 -14px; display: flex; flex-wrap: wrap; } .newsBox .column { margin-bottom: 12px; padding: 0 14px; width: 33.33%; } /* ### about box ### */ .aboutBox { padding-top: 127px; padding-bottom: 181px; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: var(--width); } .aboutBox h2 { margin-bottom: 25px; } .aboutBox h3 { margin-bottom: 31px; font-weight: var(--font-weight-500); line-height: 1.6; color: rgba(26, 26, 26, 0.61); } .aboutBox .left { width: 48%; } .aboutBox .holder { margin: 0 -15px; padding-bottom: 35px; display: flex; flex-wrap: wrap; } .aboutBox .column { padding: 0 15px; width: 50%; } .aboutBox .column:nth-last-of-type(-n+2) .link { border-bottom: solid 2px rgba(123, 121, 121, 0.15); } .aboutBox .link { padding: 13px 3px; border-top: solid 2px rgba(123, 121, 121, 0.15); } .aboutBox .link a { display: flex; align-items: center; font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--blue); } .aboutBox .link a i { font-style: normal; } .aboutBox .link a:hover i { text-decoration: underline; } .aboutBox .link a span { font-size: 18px; } .aboutBox .left .text { margin-bottom: 30px; width: var(--width); font-weight: var(--font-weight-400); line-height: 1.6; } .aboutBox .right { position: relative; width: 48.5%; } .aboutBox .image { width: var(--width); border-radius: 15px; overflow: hidden; } .aboutBox .image img { width: var(--width); } .aboutBox .small-img { position: absolute; right: -73px; bottom: -102px; z-index: 1; width: var(--width); max-width: 252px; border-radius: 15px; overflow: hidden; } .aboutBox .small-img img { width: var(--width); } /* ### info box ### */ .infoBox { margin: 0 auto; padding: 54px 67px; position: relative; width: var(--width); max-width: 540px; border-radius: 10px; background-color: var(--white); } .infoBox h2 { margin-bottom: 21px; } .infoBox .text { margin-bottom: 30px; font-size: 18px; color: rgba(26, 26, 26, 0.6); } .infoBox .button { margin-right: 20px; padding: 13px 27px; } .infoBox .mfp-close { position: absolute; top: 15px; right: 15px; opacity: 1; font-size: 35px; color: var(--black-900); } /* ### example box ### */ .exampleBox { padding-bottom: 80px; width: var(--width); } .exampleBox h2 { margin-bottom: 20px; } .exampleBox p { margin-bottom: 27px; font-size: 20px; font-weight: var(--font-weight-500); line-height: 1.7; color: rgba(26, 26, 26, 0.6); } .exampleBox .column { margin-bottom: 130px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); } .exampleBox .content { padding-top: 40px; width: 48.5%; } .exampleBox .content .text { padding-bottom: 15px; width: var(--width); line-height: 1.9; } .exampleBox .text p { font-size: 16px; font-weight: var(--font-weight-400); color: var(--gray-400); } .exampleBox .text p a { color: var(--soft-red); } .exampleBox .text p a:hover { text-decoration: var(--text-decoration); } .exampleBox .image { margin-right: -65px; width: 48.6%; border-radius: 12px; overflow: hidden; } .exampleBox .image img { width: var(--width); height: var(--height); object-fit: cover; } .exampleBox .reverse .content { padding-top: 18px; order: 2; } .exampleBox .reverse .image { margin-right: 0; margin-left: -65px; order: 1; } .exampleBox .column:last-child { margin-bottom: 50px; } /* ### intro box ### */ .introBox { padding-top: 0;/*131px;*/ padding-bottom: 100px; display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); /*box-shadow: 0 0 60px rgba(0, 0, 0, 0.07);*/ } .introBox .block { width: var(--width); max-width: 730px; } .introBox h2 { margin-bottom: 26px; } .introBox p { margin-bottom: 20px; font-size: 20px; font-weight: var(--font-weight-500); line-height: 1.7; color: rgba(26, 26, 26, 0.6); } .introBox .text { margin-bottom: 22px; width: var(--width); line-height: 1.9; } .introBox .text p { font-size: 16px; font-weight: var(--font-weight-400); color: var(--gray-400); } .introBox .text strong { color: var(--black); } .introBox .text a { color: var(--soft-red); } .introBox .text a:hover { text-decoration: var(--text-decoration); } .introBox ul { margin-bottom: 28px; margin-left: 13px; list-style: none; } .introBox ul > li { padding-bottom: 7px; padding-left: 23px; position: relative; font-weight: var(--font-weight-400); } .introBox ul > li:after { position: absolute; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: var(--black); content: ''; } /* ### location box ### */ .locationBox { padding-top: 85px; padding-bottom: 90px; background-color: var(--white); box-shadow: 0 0 60px rgba(0, 0, 0, 0.07); } .locationBox .content { margin-bottom: 36px; max-width: 729px; } .locationBox h2 { margin-bottom: 25px; } .locationBox h2 a {color:var(--black-900);text-decoration:none;} .locationBox h2 a:hover { text-decoration:underline;} .locationBox .content p { font-size: 18px; color: rgba(26, 26, 26, 0.6); } .locationBox .js-news-slider { display: none; } .locationBox .js-news-slider.slick-initialized { display: block; } .locationBox .slick-list { margin-right: -420px; } .locationBox .slide { margin-right: 30px; margin-bottom: 22px; width: 350px; } .locationBox .button-outline { min-width: 350px; text-align: center; } .locationBox .button-outline span { display: none; } .locationBox.inner { box-shadow: none; } .locationBox.inner /* ### concept box ### */ .conceptBox { padding-top: 0; /*80px;*/ padding-bottom: 41px; width: var(--width); } .conceptBox .block { margin-bottom: 90px; width: var(--width); } .conceptBox.inner { padding-top: 44px; padding-bottom: 0; } .conceptBox.inner .card-concept .image { right: 0; left: auto; width: 58%; } .conceptBox.inner .card-concept .image img.d-desktop { display: block; } .conceptBox.inner .card-concept .image img.d-phone { display: none; } /* ### upstairs box ### */ .upstairsBox { padding-top: 90px; padding-bottom: 90px; text-align: center; } /* ### image box ### */ .imageBox { margin-bottom: 130px; width: var(--width); } .imageBox img { width: var(--width); border-radius: 10px; } /* ### blog box ### */ .blogBox { margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); } .blogBox .block { margin-bottom: 40px; width: var(--width); max-width: 730px; } .blogBox .card-blog { margin-bottom: 40px; } .blogBox .card-blog button, .blogBox .card-blog .form-group { margin-top:5px;} /* ### connect box ### */ .connectBox { margin-bottom: 62px; display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); } .connectBox h2 { margin-bottom: 15px; font-size:36px;} .connectBox .block { margin-bottom: 40px; padding: 49px 65px; width: var(--width); max-width: 730px; border-radius: 10px; background-color: var(--gray-600); } .connectBox .text { margin-bottom: 27px; width: var(--width); color: var(--gray-700); } .connectBox p, .connectBox p a { font-weight:var(--font-weight-400);margin-bottom:10px;} .connectBox p { margin-bottom: 27px; font-size: 20px; font-weight: var(--font-weight-500); line-height: 1.7; color: rgba(26, 26, 26, 0.6); } .connectBox p a { color:var(--blue); text-decoration:none;} .connectBox p a:hover { text-decoration:underline;} .connectBox .column { margin: 0 -15px; display: flex; flex-wrap: wrap; justify-content: space-between; } .connectBox .column .form-group { padding: 0 15px; width: 50%; } .connectBox .form-group { margin-bottom: 15px; } /* ### map box ### */ .mapBox { width: var(--width); margin-bottom: 80px;} .mapBox h2 { margin-bottom: 27px; } .mapBox h3 { margin-bottom: 0; font-weight: var(--font-weight-500); line-height: 1.65; color: var(--gray-700); } .mapBox p { line-height: 2; font-weight: var(--font-weight-400);} .mapBox.seoText a { text-decoration:none; color:var(--blue); font-weight:var(--font-weight-500);} .mapBox.seoText a:hover { text-decoration:underline;} .mapBox .block { margin: 0 auto 31px; width: var(--width); max-width: 730px; } .mapBox .image { width: var(--width);} .mapBox .image .map { border-radius:10px;width:100%;height:700px;display:block;} .mapBox .image > img { width: var(--width); } .mapBox.inner .block { margin: 0 0 30px; } .mapBox.inner1 .block { margin: 0 auto; } .mapBox.inner1 { padding-top: 82px; } .mapBox.inner1 .image { margin-bottom: 126px; } .mapBox.inner1 h3 { margin-bottom: 20px; } .mapBox .custom-select.subscriptions-map { position: relative; top: 70px; left: 20px; width: calc(100% - 40px); z-index: 1; display: block; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.43); -moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.43); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.43); } /* ### markers ### */ .mapInfo h3 { font-size: var(--font-size-h4); font-weight: var(--font-weight-800); color: var(--black-900); margin-bottom:5px; } .mapInfo { /*width:320px;*/ width:100%;} .mapInfo img, .mapInfo .image { border-radius:3px;float:left;margin:0px 10px 10px 0; width:115px;} .mapInfo span.time { font-size: 14px; color: var(--gray-700); font-family: var(--font-family-base);font-weight: var(--font-weight-500);display:block;margin:0 10px;} .mapInfo span.material-icons { color: var(--gray-700); font-size:15px; display:inline;} .mapInfo .price { margin-right: 6px; padding: 7px 12px; font-size: 14px; font-weight: var(--font-weight-800); line-height: var(--line-height-heading); color: var(--gray-700); list-style: none; border-radius: 25px; background-color: var(--gray-300); transition: var(--transition-base); display:inline-block; } .mapInfo .price:empty { display:none;} .mapInfo a:not(.button) { color: var(--blue); text-decoration:none; font-size:14px;margin-top:0px;font-weight:var(--font-weight-700);} .mapInfo a.button { padding:5px 10px; border-radius:50px;color:white;margin-right:0;} /* ### team box ### */ .teamBox { padding-top: 58px; padding-bottom: 6px; width: var(--width); } .teamBox h1 { margin-bottom: 21px; font-weight: var(--font-weight-800); } .teamBox h3 { margin-bottom: 33px; font-weight: var(--font-weight-500); line-height: 1.6; color: var(--gray-700); } .teamBox p { font-size: 16px; font-weight: var(--font-weight-400); color: var(--gray-400);} .teamBox .card-info { margin-bottom: 29px; } .teamBox .holder { margin: 0 -16px; display: flex; flex-wrap: wrap; } .teamBox .column { margin-bottom: 20px; padding: 0 16px; width: 33.33%; } /* ### description box ### */ .descriptionBox { padding-top: 59px; display: flex; flex-wrap: wrap; justify-content: center; width: var(--width); } .descriptionBox .block { width: var(--width); max-width: 730px; } .descriptionBox h1 { margin-bottom: 18px; font-weight: var(--font-weight-800); } .descriptionBox h3 { margin-bottom: 36px; font-weight: var(--font-weight-500); line-height: 1.6; color: var(--gray-700); } .descriptionBox p { margin-bottom: 33px; font-weight: var(--font-weight-400); line-height: 1.7; } .descriptionBox p a, .descriptionBox li a { color: var(--blue); } .descriptionBox p a:hover, .descriptionBox li a:hover { text-decoration: var(--text-decoration); } .descriptionBox ul { margin-bottom: 28px; margin-left: 8px; list-style: none; } .descriptionBox ol { margin-left:20px;} .descriptionBox ul > li,.descriptionBox ol > li { padding-bottom: 4px; padding-left: 23px; position: relative; font-weight: var(--font-weight-400); } .descriptionBox ul > li:after { position: absolute; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 100%; background-color: var(--black); content: ''; } /* ### detail box ### */ .detailBox { padding-top: 29px; width: var(--width); } .detailBox h1 { margin-bottom: 18px; font-weight: var(--font-weight-800); } .detailBox h3.intro { margin-bottom: 32px; font-weight: var(--font-weight-500); line-height: 1.6; color: var(--gray-700); } .detailBox h3.intro a { color:var(--blue);text-decoration:none;} .detailBox.news h3:not(.intro) { color:var(--black-900);font-weight:700;margin-bottom:10px;} .detailBox .tag { margin-bottom: 12px; width: var(--width); } .detailBox .tag a { color: var(--blue);font-weight:bold; } .detailBox .block { margin: 0 auto; width: var(--width); max-width: 730px; } .detailBox .video { margin-bottom: 40px; position: relative; width: var(--width); } .detailBox .video.first { margin-left: -95px; width: calc(100% + 191px); } .detailBox .video img { width: var(--width); border-radius: 10px; } .detailBox .play-btn { position: absolute; top: 50%; left: 50%; color: var(--white); transform: translate(-50%, -50%); } .detailBox .play-btn span { font-size: 98px; filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.7)); } .detailBox p { margin-bottom: 30px; font-weight: var(--font-weight-400); line-height: 1.7; } .detailBox p a { color: var(--blue); } .detailBox p a:hover { text-decoration: var(--text-decoration); } .detailBox .button { margin-bottom: 35px; } .detailBox ul li {font-weight: var(--font-weight-400); line-height: 1.7;} .detailBox ol, .detailBox ul { margin-left:17px;} /* ### info-detail Box ### */ .info-detailBox { margin-bottom: 36px; padding-top: 22px; width: var(--width); } .info-detailBox h3 { margin-bottom: 10px; font-weight: var(--font-weight-800); } .info-detailBox .holder { margin: 0 -15px; display: flex; flex-wrap: wrap; } .info-detailBox .column { padding: 0 15px; width: 33.33%; } .info-detailBox .address { width: var(--width); } .info-detailBox .address ul { margin-bottom: 37px; list-style: none; } .info-detailBox .address ul > li { padding-bottom: 5px; padding-left: 189px; position: relative; font-weight: var(--font-weight-400); } .info-detailBox .address ul > li strong { position: absolute; top: 0; left: 0; color: var(--gray-700); } .info-detailBox .address ul > li:last-child { margin-bottom: 0; } .info-detailBox .address ul > li.wide { padding-left:0;width:100%;} .info-detailBox .route { margin-bottom: 18px; display: block; /* display: flex;*/ align-items: center; font-weight: var(--font-weight-400); } .info-detailBox .route a { margin-left: 5px; display: inline-flex; align-items: center; font-size: 14px; font-weight: var(--font-weight-700); text-decoration: none; color: var(--blue); } .info-detailBox .route span { margin-right: 2px; font-size: 20px; color: var(--blue); } .info-detailBox .time { width: var(--width); } .info-detailBox .time p { margin-bottom: 30px; font-weight: var(--font-weight-400); line-height: 1.7; } .info-detailBox .time ul li { font-weight: var(--font-weight-400); line-height: 1.7;} .info-detailBox .time ul { margin-bottom: 37px; list-style: none; } .info-detailBox .time ul > li { padding-bottom: 5px; padding-left: 189px; position: relative; font-weight: var(--font-weight-400); } .info-detailBox .time ul > li.wide { padding-left:0;width:100%;} .info-detailBox .time ul > li strong { position: absolute; top: 0; left: 0; color: var(--gray-700); } .info-detailBox .time ul > li:last-child { margin-bottom: 0; } .info-detailBox .alerts { color:var(--soft-red);border:1px solid var(--soft-red);border-radius:5px;padding:10px;font-size:14px;margin-bottom:20px;} /* ### popup-team box ### */ .popup-teamBox { margin: 0 auto; padding: 30px 10px; position: relative; z-index: 99; display: flex; width: var(--width); max-width: 1200px; border-radius: 5px; background-color: var(--white); } .popup-teamBox h2 { margin-bottom: 0; } .popup-teamBox p { font-weight: var(--font-weight-400); } .popup-teamBox .image { flex: 0 0 auto; width: var(--white); max-width: 350px; } .popup-teamBox .image img { width: var(--width); border-radius: 3px; } .popup-teamBox .content { padding-left: 26px; } .popup-teamBox .content span { margin-bottom: 8px; display: block; color: var(--gray-700); } .popup-teamBox .text { width: var(--width); line-height: 1.75; color: var(--black); } .popup-teamBox .link { margin-bottom: 25px; font-weight: var(--font-weight-500); color: var(--blue); } .popup-teamBox .mfp-close { position: absolute; top: 15px; right: 15px; opacity: 1; font-size: 35px; color: var(--black-900); } .popup-teamBox .icon { width: 29px; margin-bottom: -8px;margin-left: 5px;} /* ### top box ### */ .topBox { padding-top: 10px; padding-bottom: 10px; position: absolute; top: 0; left: 0; width: var(--width); font-size: 14px; color: var(--white); background-color: var(--cyan); transition: var(--transition-base); } .topBox p { margin-bottom: 0; line-height:18px;} .topBox p span { margin-right: 4px; display: inline-block; font-size: 16px; vertical-align: middle; } .topBox p a { color:white;text-decoration:underline;} .topBox.warning { background-color:var(--soft-red);} .topBox.notifications { background-color:var(--black-900); /*var(--rh-green);*/} /* ### parking box ### */ .parkingBox { padding-bottom: 59px; } .parkingBox .holder { margin-right: -15px; margin-left: -15px; display: flex; flex-wrap: wrap; } .parkingBox .column { margin-bottom: 30px; padding-right: 15px; padding-left: 15px; width: 33.33%; } .parkingBox .content { margin-bottom: 30px; max-width: 729px; } .parkingBox h2 { margin-bottom: 25px; } .parkingBox .content p { font-size: 18px; color: rgba(26, 26, 26, 0.6); } /* ### offers box ### */ .offersBox { padding-top: 85px; padding-bottom: 91px; /*box-shadow: 0 0 60px rgba(0, 0, 0, 0.07);*/ } .offersBox .content { margin-bottom: 30px; max-width: 729px; } .offersBox h2 { margin-bottom: 25px; } .offersBox .content p { font-size: 18px; color: rgba(26, 26, 26, 0.6); } .offersBox .slide { margin-right: 30px; width: 350px; } .offersBox .slide:last-child { margin-right: 0; } .offersBox .slick-slider { margin-right: -420px;} /* ### pagination box ### */ .paginationBox { padding-top: 47px; padding-bottom: 47px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: var(--width); } .paginationBox ul { display: flex; flex-wrap: wrap; list-style: none; } .paginationBox ul > li { margin: 0 4px; } .paginationBox ul > li > a { display: flex; align-items: center; justify-content: center; width: 29px; height: 29px; font-size: 16px; font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); border: solid 2px var(--blue); border-radius: 100%; } .paginationBox ul > li.active a, .paginationBox ul > li > a:hover { color: var(--white); background-color: var(--blue); } /* ### result box ### */ .resultBox { margin-top: -121px; padding-top: 90px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; position: relative; min-height: 100vh; } .resultBox .holder { position: relative; } .resultBox .column { position: relative; z-index: 1; max-width: 370px; border-radius: 3px; background-color: var(--white); box-shadow: 5px 2px 20px 0 rgba(0, 0, 0, 0.3); } .resultBox .column.d-phone { position: relative; z-index: 2; display: none; opacity: 1; visibility: visible; height: auto; background-color: transparent; } .resultBox .column.d-phone .card-form { padding: 0; background-color: transparent; } .resultBox .column.d-phone .keys { margin-bottom: 0; background-color: var(--white); } .resultBox .open-timing { display: none; } .resultBox .keys { padding: 12px 26px 13px 44px; position: relative; width: var(--width); height: 50px; font-family: var(--font-family-base); font-size: var(--font-base); font-weight: var(--font-weight-500); color: var(--gray-700); border: 0; border-radius: 4px; background: var(--gray-300); cursor: pointer; } .resultBox .card-form.outer { padding: 0; width: 94%; } .resultBox .card-form.outer .form-input { padding-left: 40px; background-color: var(--white); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25); } .resultBox .map { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); } .resultBox .map iframe { width: var(--width); height: var(--height); object-fit: cover; object-position: center center; } .resultBox .d-phone-toggle { margin: 0 auto; position: fixed; bottom: 20px; left: 50%; z-index: 11; display: none; align-items: center; justify-content: center; width: 185px; background-color: var(--white); transform: translateX(-50%); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); } .resultBox .d-phone-toggle > li { padding: 12px 15px 12px 40px; position: relative; display: inline-block; font-size: 16px; font-weight: 700; color: var(--gray-200); list-style: none; background-color: var(--white); transition: var(--transition-base); cursor: pointer; } .resultBox .d-phone-toggle > li span { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); } .resultBox .d-phone-toggle > li.active, .resultBox .d-phone-toggle > li:hover { color: var(--white); background-color: var(--black); } .resultBox .bottom { overflow-y: scroll;/* height: 600px;*/ display: flex; flex-direction: column; height: calc(100vh - 310px); /*height: calc(100vh - 280px);*/} .resultBox:has(.autocomplete) .bottom { height: calc(100vh - 320px);} /* ### card-location ### */ .card-form { padding: 15px 20px; border-bottom: 1px solid rgba(151, 151, 151, 0.3); border-radius: 3px 3px 0 0; background-color: var(--white); } .card-form .wrap { margin-right: -5px; margin-left: -5px; display: flex; flex-wrap: wrap; align-items: center; } .card-form .form-field { margin-bottom: 5px; padding-right: 5px; padding-left: 5px; position: relative; width: var(--width); } .card-form .form-field select, .card-form .form-field .form-input{ height:40px;} .card-form .form-field .js-datepicker { font-size:13px;padding-left:7px;} .card-form .form-field.d-none { display: none; } .card-form .form-field.d-none .form-input { padding-left: 42px; } .card-form .form-field .checkbox label { color:var(--font-weight-500);font-weight:normal; font-size: 14px; color: var(--gray-700); font-weight: var(--font-weight-500);} .card-form .arrow-left { position: absolute; top: 54%; left: 10px; color: var(--black); transform: translateY(-50%); } .card-form .form-field.w-50 { width: 50%; } .card-form .form-field:last-child { margin-bottom: 0; } .card-form .custom-select { color: var(--gray-700); background: var(--gray-300) url('../images/select-chevron.svg') no-repeat center right 15px; background-size:13px; padding-left:7px;} .card-form .form-input { color: var(--gray-700); background-color: var(--gray-300); padding-left:7px;} .card-form .button { width: 100%; } .card-form .back-btn { padding-right: 20px; padding-bottom: 10px; position: relative; display: none; text-decoration: none; color: var(--blue); } .card-form .back-btn span { position: absolute; top: 4px; right: 0; display: inline-block; font-size: 18px; } /* ### card-result ### */ .results-list .card-result { border-bottom: 1px solid rgba(151, 151, 151, 0.3);} .card-result { padding: 15px 20px 20px; display: block; text-decoration: none; transition: var(--transition-base); } /*.card-result:last-child { border-bottom: 0; }*/ .card-result h4 { font-weight: var(--font-weight-800); } .card-result .content { padding-left: 110px; position: relative; } .card-result .walking { margin-bottom: 13px; display: flex; align-items: center; font-size: 14px; color: var(--gray-700); font-weight:var(--font-weight-500);} .card-result .walking span { margin-right: 3px; display: inline-block; font-size: 15px; } .card-result ul { display: flex; } .card-result ul > li { margin-right: 6px; padding: 7px 12px; font-size: 14px; font-weight: var(--font-weight-800); line-height: var(--line-height-heading); color: var(--gray-700); list-style: none; border-radius: 25px; background-color: var(--gray-300); transition: var(--transition-base); } .card-result ul > li.orange { color: var(--white); background-color: var(--rh-green); text-decoration:none;margin-right:0;} .card-result ul > li.price { padding:7px 7px;} .card-result h4 { margin-bottom:5px;} .card-result a img { margin-top:9px;} .card-result ul > li.orange a { color: var(--white); text-decoration:none;padding:0;margin:0;} .card-result ul > li.orange:has(a[href='']) { display:none;} .card-result:not(.dimmed) ul:has(.orange) li.more { display:none;} .card-result:not(.dimmed) ul:has(.orange a[href='']) li.more { display:block;} .card-result ul > li.orange:has(a):hover { background-color:var(--dark-blue);} .card-result.dimmed[data-location-price-from=''] li.price {display:none !important;} /*.card-result:has(.no-availability).dimmed { padding-bottom: 40px !important;} .card-result:has(.no-availability):not(.dimmed) { margin-bottom: 40px !important;}*/ .card-result .no-availability{ display:none; width: 100%; display: none; font-weight: 500; font-size: 13px; margin:0 0 5px 0; color:var(--gray-700);clear:both;font-style:italic;} .card-result.dimmed .orange { display:none;} .card-result { min-height: 125px;} .card-result.dimmed, .card-result:has(.no-availability.show) { min-height: 150px} .card-result.dimmed .no-availability, .card-result .no-availability.show { display:block !important;} .card-result ul > li:last-child { margin-right: 0; } .card-result .image { position: absolute; top: -10px; left: 0; width: auto; height: auto; } .card-result .image img { width: auto; height: auto; border-radius: 3px; max-width:103px;} .results-list .card-result:hover { background-color: var(--gray-300); } .results-list .card-result:hover ul > li { background-color: var(--white); } .results-list .card-result:hover ul > li.orange { background-color: var(--rh-green); } /* ### card-facilities ### */ .card-facilities { margin-bottom: 46px; padding: 19px 19px 22px; width: var(--width); border-radius: 10px; background-color: #ebebeb; } .card-facilities ul { padding-top: 4px; list-style: none; } .card-facilities ul > li { padding-bottom: 11px; padding-left: 0px; position: relative; font-weight: var(--font-weight-700); color: var(--gray-700); } .card-facilities ul > li img { margin-right:10px;} .card-facilities ul > li span { position: absolute; top: 0; left: 0; font-size: 28px; color: var(--black); } .card-facilities ul > li strong { position: absolute; top: 0; left: 0; color: var(--gray-700); } .card-facilities ul > li:last-child { padding-bottom: 0; } /* ### card-options ### */ .card-options { margin-bottom: 46px; padding: 19px 19px 22px; width: var(--width); border-radius: 10px; background-color: #ebebeb; } .card-options ul { margin-bottom: 14px; padding-top: 4px; list-style: none; } .card-options ul > li { padding-bottom: 7px; padding-left: 170px; position: relative; color: var(--black); font-weight: var(--font-weight-400);} .card-options ul > li a, .card-options ul > li a strong { color:var(--blue);text-decoration:none;} .card-options ul > li a:hover, .card-options ul > li a:hover strong { text-decoration:underline;} .card-options ul > li strong { position: absolute; top: 0; left: 0; color: var(--gray-700); } .card-options ul > li:last-child { padding-bottom: 0; } /* ### card-concept ### */ .card-concept { margin-bottom: 30px; position: relative; width: var(--width); border-radius: 10px; overflow: hidden; } .card-concept h2 { margin-bottom: 23px; font-weight: var(--font-weight-800); color: var(--white); font-size:36px;} .card-concept .content { padding: 83px 65px 90px; position: relative; z-index: 1; width: var(--width); max-width: 50%; font-size: 18px; font-weight: var(--font-weight-500); color: var(--white); background: var(--rh-green); clip-path: circle(98% at 9% 220px); } .card-concept .content p { margin-bottom: 32px; } .card-concept .image { position: absolute; top: 0; right: 0; width:60%; height: var(--height); } .card-concept.cyan .content { background:var(--rh-red);} .card-concept .image img { width: var(--width); height: var(--height); object-fit: cover; object-position: top center; } .card-concept.black .content, .card-concept.black.full { background: radial-gradient(at right bottom, #1a1a1a, #383838); } .card-concept.black-full { background: radial-gradient(at right bottom, #383838, #1a1a1a); } .card-concept.full { padding: 104px 65px; background: linear-gradient(270deg, #ff8629, #fe5f63); } .card-concept.full .content { padding: 0; max-width: 550px; background: none; clip-path: unset; } .card-concept .form-group { width: var(--width); max-width: 291px; } .card-concept .btn-submit { right: 6px; color: var(--rh-green); } .card-concept .button-outline.white:hover { color: var(--rh-green); } .card-concept.cyan .button-outline.white:hover { color: var(--rh-red); } .card-concept.yellow-full .content, .card-concept.cyan-full .content, .card-concept.blue-full .content, .card-concept.black-full .content { padding-top: 53px; padding-bottom: 89px; background: none; } .card-concept.black .image { right: 0; left: auto; width: 58%; } /* ### card-team ### */ .card-team { width: var(--width); text-decoration: var(--text-decoration); } .card-team .image { width: var(--width); } .card-team .image img { width: var(--width); border-radius: 3px; } .card-team .info { padding: 18px 0; position: relative; width: var(--width); } .card-team .info h4 { margin-bottom: 2px; } .card-team .info span { margin-bottom: 8px; display: block; color: var(--gray-700); } .card-team .info .link { font-weight: var(--font-weight-700); text-decoration: var(--text-decoration); color: var(--blue); } .card-team .info .link:hover { text-decoration: var(--text-decoration-line); } .card-team .icon { position: absolute; top: 10px; right: 0; display: inline-block; width: 36px; height: 36px; } /* ### card-info ### */ .card-info { padding: 16px 17px 18px; width: var(--width); font-size: 14px; color: var(--gray-700); border-radius: 10px; background-color: var(--gray-600); } .card-info p { margin-bottom: 0; position: relative; } .card-info p span { margin-right: 2px; display: inline-block; font-size: 20px; vertical-align: bottom; transform: rotate(-180deg); } .card-info p a { color: var(--blue); } .card-info p a:hover { text-decoration: var(--text-decoration); } .card-info p strong { font-weight: var(--font-weight-500); } /* ### card-blog ### */ .card-blog { display: flex; width: var(--width); border-radius: 15px; background-color: var(--gray-600); overflow: hidden; } .card-blog .image { flex: 0 0 auto; width: 48%; } .card-blog .image img { width: var(--width); height: var(--height); object-fit: cover; } .card-blog .info { padding: 36px 30px; font-size: 16px; color: rgba(26, 26, 26, 0.6); display: flex; flex-direction: column; align-items: left; justify-content: center; } .card-blog .info h3 { margin-bottom: 6px; font-weight: var(--font-weight-800); } .card-blog .info h6 { margin-bottom: 23px; font-size: 14px; font-weight: var(--font-weight-500); color: rgba(26, 26, 26, 0.6); } .card-blog .info ul { margin-bottom: 19px; display: flex; list-style: none; } .card-blog .info ul > li { display: flex; align-items: center; font-size: 14px; color: var(--gray-700); } .card-blog .info ul > li span { font-size: 15px; } .card-blog .info ul > li:after { margin: 0 8px; display: inline-block; width: 1px; height: 16px; vertical-align: middle; background-color: var(--gray-700); content: ''; } .card-blog .info ul > li:last-child:after { display: none; } .card-blog .view-all { text-decoration: var(--text-decoration-line); } .card-blog .view-all:hover { text-decoration: var(--text-decoration); } .card-blog .mm-block { display: none; } .card-blog .mm-block .holder { margin-right: -5px; margin-bottom: 10px; margin-left: -5px; display: flex; flex-wrap: wrap; } .card-blog .mm-block .form-group { padding-right: 5px; padding-left: 5px; width: 50%; } .card-blog .mm-block .form-input { padding: 0 15px 0 13px; } .card-blog .mm-block .button { margin-right: 0; padding: 15px 20px; display: block; width: var(--width); text-align: center; cursor: pointer; } /* ### card-discount ### */ .card-discount { padding: 35px 41px 41px; width: var(--width); border-radius: 10px; background: radial-gradient(at right bottom, #74d1e1, #1343d8 70%); } .card-discount h3 { margin-bottom: 12px; color: var(--white); } .card-discount p { margin-bottom: 22px; color: var(--white); } .card-discount .form-group { width: var(--width); max-width: 291px; } .card-discount .btn-submit { right: 6px; color: var(--blue); } /* ### slick-dots ### */ .slick-dots { display: flex; list-style: none; } .slick-dots li { margin-right: 9px; width: 9px; height: 9px; } .slick-dots li button { padding: 0; width: 9px; height: 9px; font-size: 0; border: 0; border-radius: 100%; background-color: rgba(255, 255, 255, 0.24); cursor:pointer;} .slick-dots li.slick-active button { background-color: rgba(255, 255, 255, 0.7); } /* ### card-news ### */ .card-news { width: var(--width); text-decoration: none; } .card-news h4 { margin-bottom: 10px; font-weight: var(--font-weight-800); } .card-news .image { position: relative; width: var(--width); height: 220px; border-radius: 4px; overflow: hidden; } .card-news .image img { width: var(--width); height: var(--height); object-fit: cover; transition: all .2s ease-in-out;} .card-news .image.video:after { font-size:68px; font-family:'Material icons';content:'play_circle_outline';color:white;filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.7)); position: absolute; top: calc(50% - 54px);left: calc(50% - 35px);} .card-news .info { padding: 18px 0; width: var(--width); font-weight: var(--font-weight-500); line-height: 1.6; color: var(--gray-700); } .card-news .info p { margin-bottom: 7px; } .card-news .play-icon { position: absolute; top: 50%; left: 50%; text-decoration: var(--text-decoration); color: var(--white); transform: translate(-50%, -50%); } .card-news .play-icon span { font-size: 64px; } .card-news .view-all em { font-style: normal; } .card-news:hover .view-all em { text-decoration: var(--text-decoration-line); } .card-news:hover .image img { transform: scale(1.1);} /* ### card-location ### */ .card-location { display: block; text-decoration: none; border-radius: 12px; background-color: var(--gray-600);min-height:510px } .card-location .image img, .card-location .image a { width: var(--width); border-radius: 12px 12px 0 0; } .card-location .text { padding: 26px 20px 31px; } .card-location .text.bottom { padding:0 20px;} .card-location h4 { margin-bottom: 2px; font-weight: var(--font-weight-800); } .card-location ul { margin-bottom: 19px; display: flex; list-style: none; } .card-location ul > li { display: flex; align-items: center; font-size: 14px; color: var(--gray-700); text-wrap:nowrap;} .card-location ul > li span { font-size: 15px; } .card-location ul > li:after { margin: 0 8px; display: inline-block; width: 1px; height: 16px; vertical-align: middle; background-color: var(--gray-700); content: ''; } .card-location ul > li:last-child:after { display: none; } .card-location p { margin-bottom: 14px; font-size: 16px; color: rgba(26, 26, 26, 0.6); } .card-location .button { display: inline-block; } .card-location .view-all { text-decoration: var(--text-decoration); } .card-location:hover .view-all { text-decoration: var(--text-decoration-line);} .card-location ul.labels, .bannerBox .content ul.labels, .card-blog ul.labels { margin-top:-13px;} .card-location ul.labels > li, .bannerBox .content ul.labels > li, .card-blog ul.labels > li { background:white;border-radius:50px;padding:3px 9px; font-weight:bold;margin-right:3px; color:var(--gray-700);} .card-location ul.labels > li:after, .bannerBox .content ul.labels > li:after, .card-blog ul.labels > li:after { content:'';color: inherit; width:0;height:0;margin:0;} .bannerBox .content ul.labels > li { background:none;border:1px solid rgba(255, 255, 255, 0.59);color:rgba(255, 255, 255, 0.59);margin-right:10px;} /* ### card-offer ### */ .card-offer { display: block; text-decoration: none; border-radius: 12px; background-color: var(--gray-600); } .card-offer .image img { width: var(--width); border-radius: 12px 12px 0 0; } .card-offer .text { padding: 29px 21px; } .card-offer h4 { margin-bottom: 2px; font-weight: var(--font-weight-800); } .card-offer em { margin-bottom: 21px; display: block; font-size: 14px; font-style: normal; color: var(--gray-700); } .card-offer p { margin-bottom: 20px; color: var(--gray-700); } .card-offer p a { color: var(--blue); text-decoration:none;} .card-offer .holder { margin-right: -5px; margin-bottom: 10px; margin-left: -5px; display: flex; flex-wrap: wrap; } .card-offer .form-group { padding-right: 5px; padding-left: 5px; width: 50%; } .offersBox .card-offer .form-group { width:100%;} .card-offer .form-input { padding: 0 15px 0 13px; } .card-offer .button { margin-right: 0; padding: 15px 20px; display: block; width: var(--width); text-align: center; cursor: pointer; } /* ### footer container ### */ #footerCntr { position: relative; width: var(--width); overflow: hidden; } #footerCntr:before { position: absolute; top: 0; left: 0; z-index: -1; width: var(--width); height: var(--height); border-radius: 50% 50% 0 0/100% 100% 0 0; background-color: var(--rh-red); transform: scaleX(3); content: ''; } /* ### footer box ### */ .footerBox { padding-top: 132px; padding-bottom: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); } .footerBox .title { margin-bottom: 6px; font-size: 18px; font-weight: var(--font-weight-800); color: var(--white); } .footerBox .full { display: flex; flex-wrap: wrap; width: 100%; margin-bottom:30px;} .footerBox .left { display: flex; flex-wrap: wrap; width: 50%; } .footerBox .menu-row { width: 100%;margin-bottom:30px;display:block; } .footerBox .menu { width: 24.5%;display:inline-block;} .footerBox .menu ul { list-style: none; } .footerBox .menu ul > li { padding-bottom: 7px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width:100%;} .footerBox .menu ul > li > a { text-decoration: var(--text-decoration); color: rgba(255, 255, 255, 0.6); } .footerBox .menu ul > li > a:hover { color: var(--white); } .footerBox .right { width: 50%; } .footerBox .right p { margin-bottom: 19px; color: var(--white); opacity:0.6;} .footerBox .form-group { margin-bottom: 34px; width: 82%; } .footerBox .form-group input { padding: 0 26px; } .footerBox .block { display: flex; flex-wrap: wrap; align-items: flex-end; width: var(--width);} .footerBox .info { width: 100%; } .footerBox .info ul { margin-bottom: 3px; list-style: none; } .footerBox .info ul > li { padding-bottom: 5px; } .footerBox .info ul > li > a { text-decoration: var(--text-decoration); color: var(--white); opacity:0.6;} .footerBox .info ul > li > a:hover { opacity:1;} .footerBox .social { margin-bottom: 6px; display: flex; list-style: none; } .footerBox .social > li { margin-right:5px;} /* ### copyright box ### */ .copyrightBox { padding-top: 10px; padding-bottom: 40px; width: var(--width); background-color: var(--rh-red); } .copyrightBox ul { display: flex; list-style: none; } .copyrightBox ul > li { padding: 0; position: relative; font-size: 14px; color: rgba(255, 255, 255, 0.6); } .copyrightBox ul > li > a { font-size: 14px; text-decoration: var(--text-decoration); color: rgba(255, 255, 255, 0.6); } .copyrightBox ul > li > a:hover { color: var(--white); } .copyrightBox ul > li:not(.logo).after { margin: 0 5px; display: inline-block; width: 1px; height: 15px; vertical-align: middle; background-color: rgba(255, 255, 255, 0.6); content: ''; } .copyrightBox ul > li:last-child:after { display: none; } .copyrightBox ul > li.logo img { opacity:0.5;width:120px;margin-right:10px;} /* The typewriter cursor effect */ @keyframes cursor { 0% { opacity: 1; } 49% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 0; } } /* #Media Queries ================================================== */ @media only screen and (max-width: 1870px) { .centered-lg { padding-right: 15px; padding-left: 15px; } } @media only screen and (max-width: 1399px) { .aboutBox .right { padding-right: 50px; } .aboutBox .small-img { right: 0; } .exampleBox .image { margin-right: 0; } .exampleBox .reverse .image { margin-left: 0; } } @media only screen and (min-width: 1200px) { .navigationBox .right ul > li > ul, .menuBox:not(.mm-menu) ul > li > ul { display: block !important; height: auto !important; box-shadow:0 0 20px rgba(0, 0, 0, 0.2);} } @media only screen and (max-width: 1199px) { .centered { padding-right: 15px; padding-left: 15px; } #headerCntr { padding-right: 15px; padding-left: 15px; } #headerCntr.bg .logo { display: none; } #headerCntr.bg .logo1 { display: block; } #headerCntr.inner.sticky .navigationBox .button-outline { color: var(--white); border: 2px solid var(--white); } .heroBox { min-height:55vw;} .heroBox .content { max-width:50%;} body.hidden #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a { color: rgba(255, 255, 255, 0.7); } .navigationBox { padding: 118px 17px 20px; position: fixed; top: 0; left: 0; z-index: -1; align-content: space-between; opacity: 0; visibility: hidden; width: var(--width); height: 100vh; background: var(--rh-red); transition: var(--transition-base); overflow-y: auto; } #headerCntr.inner .menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 16px; } #headerCntr.result-header .hamburger { top: 33px; } .navigationBox.open { opacity: 1; visibility: visible; } .navigationBox .nav { display: block; width: 100%; } .navigationBox::-webkit-scrollbar { display: none; width: 0 !important; } .navigationBox .right ul { margin: 0; display: block; width: var(--width); } .navigationBox .right ul > li { margin-left: 0; padding: 0 0 10px; } .navigationBox .right ul > li > a { font-size: 18px; color: var(--white); } .navigationBox .right ul > li > a:after { display: none; } .navigationBox .right ul > li > a span { top: 6px; font-size: 18px; transform: rotate(-90deg); transition: var(--transition-base); } .navigationBox .right ul > li.active a span { transform: rotate(0deg); } .navigationBox .right ul > li > ul { background-color: transparent; } body.hidden #headerCntr .navigationBox .right ul > li > ul > li > a { color: rgba(255, 255, 255, 0.7) !important; } .navigationBox .button-outline { margin-right: 13px; } .navigationBox .hide { display: none; } .navigationBox .info { display: block; width: 100%; } .navigationBox .info p { margin-bottom: 0; } .navigationBox .right ul > li:hover > ul { position: relative; top: unset; display: none; opacity: 1; visibility: visible; transition: unset; box-shadow:none;} .navigationBox .right ul > li > ul > li > a { font-size: 16px; } .menuBox:not(.mm-menu) { margin-bottom: 23px; } .menuBox:not(.mm-menu) ul { display: block; } .menuBox:not(.mm-menu) ul > li { margin-right: 0; padding: 0 0 5px; } .menuBox:not(.mm-menu) ul > li > a, .menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 33px; color: var(--white); } .menuBox:not(.mm-menu) ul > li.active a:after, .menuBox:not(.mm-menu) ul > li a:hover:after { display: none; } .menuBox:not(.mm-menu) ul > li > ul { position: relative; top: unset; display: none; opacity: 1; visibility: visible; background-color: transparent; transition: unset; } .menuBox:not(.mm-menu) ul > li > a span { top: 6px; right: -40px; font-size: 37px; transform: rotate(-90deg); transition: var(--transition-base); } .menuBox:not(.mm-menu) ul > li.active > a span { transform: rotate(0); } .menuBox:not(.mm-menu) ul > li > ul > li > a { font-size: 18px; } .hamburger { right: 41px; display: block; } .hamburger.is_active span:after, .hamburger.is_active span:before { background-color: var(--white); } .bannerBox { clip-path: ellipse(120% 100% at 572px 0%); } .bannerBox .bg-image img { clip-path: ellipse(116% 100% at 572px 0%); } .languageBox { margin-bottom: 33px; display: flex; } .languageBox .button-outline { display: block; border-color:white;color:white;} .languageBox .button-outline.active { color: var(--rh-red) !important; background-color: var(--white); border-color:white;} .newsBox { padding-bottom: 60px; } .aboutBox { padding-top: 100px; } } @media only screen and (max-width: 991px) { .centered, .centered-lg { padding-right: 42px; padding-left: 42px; } #headerCntr { padding-top: 20px; padding-right: 42px; padding-left: 42px; } #headerCntr:has(.topBox) { padding-top:36px;} #headerCntr .logo { margin-left: -2px; } #headerCntr.sticky .hamburger { top: 41px; } .hamburger { right: 41px; } .heroBox { margin-bottom: 44px; padding-top: 138px; padding-bottom: 160px; min-height: 830px; clip-path: ellipse(156% 91% at 126px 0%); align-items:normal;} .heroBox:before { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); /*background: radial-gradient(at right bottom, #74d1e1, #1343d8); */ background: var(--rh-red); content: ''; } .heroBox .content { max-width: var(--width); margin-top:30px;} .heroBox .booking { width: var(--width); } .heroBox .bg-image { /*clip-path: ellipse(112% 96% at 290px 0%);*/ clip-path:none;} .heroBox .bg-image img { /*clip-path: ellipse(112% 96% at 290px 0%); */ width:110%;max-width:550px;left:0;margin:0 auto;} .bannerBox.no-image { min-height:430px;height:auto;} .bannerBox { margin-bottom: 85px; padding-top: 0; min-height: 968px; clip-path: ellipse(1050px 100% at 572px 0%); } .bannerBox h1 { margin-bottom: 27px; } .bannerBox .content { padding-top: 138px; padding-bottom: 98px; position: relative; z-index: 2; } .bannerBox .content:after, .bannerBox .content:before { margin-left: -42px; position: absolute; top: 0; left: 0; z-index: -1; width: calc(100% + 100%); min-height: 100%; content: ''; clip-path: ellipse(801px 100% at 312px 0%) } .bannerBox .content:before, .bannerBox .content:after { background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%); } .bannerBox.pink .content:before,.bannerBox.pink .content:after { background: radial-gradient(at right bottom, #ffa300, #fe5f63);} .bannerBox.cyan .content:before, .bannerBox.cyan .content:after { background: var(--rh-red);} .bannerBox.blue .content:before, .bannerBox.blue .content:after { background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%); } .bannerBox.orange .content:before, .bannerBox.orange .content:after { background: radial-gradient(at right bottom, rgba(254, 95, 99),#ffa300); } .bannerBox.yellow .content:before, .bannerBox.yellow .content:after { background: radial-gradient(at right bottom, rgba(254, 95, 99),#ffa300); } .bannerBox.white .content:before, .bannerBox.white .content:after {} .bannerBox .content:after { opacity:.5 !important;} .bannerBox .content:after { z-index: -2; min-height: 104%; content: ''; } .bannerBox .bg-image { top: 330px; height:100vw;} .bannerBox.no-image .bg-image { display:none;} .bannerBox .bg-image img { height: var(--height); object-position: right center; clip-path: ellipse(1050px 100% at 572px 0%); } .bannerBox .bg-image:after { display: none; } .bannerBox.inner { background: transparent; clip-path: ellipse(1050px 100% at 572px 0%); } .bannerBox.inner .content:after, .bannerBox.inner .content:before { margin-left: -42px; position: absolute; top: 0; left: 0; z-index: -1; width: calc(100% + 100%); background: radial-gradient(at right bottom, rgba(183, 38, 51, 1) 0%, rgba(160, 32, 44, 1) 50%); /*background: radial-gradient(at right bottom, #74c8e1, #1343d8); */content: ''; clip-path: ellipse(731px 100% at 292px 0%); } .bannerBox.inner .content:after { background: radial-gradient(at right bottom, rgba(116, 208, 255, 0.52), rgba(19, 66, 216, 0.52)); } .bannerBox.inner:before { display: none; } .bannerBox.bg-blue { min-height: 765px; } .bannerBox.bg-blue .bg-image { top: auto; bottom: 0; height: 470px; } .bannerBox.bg-blue .bg-image:after { display: none; } .bannerBox.bg-blue .content:after, .bannerBox.bg-blue .content:before { background: linear-gradient(90deg, rgba(19, 66, 216, 1) 0%, rgba(116, 208, 225, 1) 100%); clip-path: ellipse(760px 100% at 411px 0%); } .bannerBox.bg-blue .content:after { background: radial-gradient(at right bottom, rgba(116, 208, 255, 0.38), rgba(19, 66, 216, 0.52)); } .stadiumBox { margin-bottom: 75px; } .stadiumBox .js-stadium-slider, .stadiumBox .item { min-height: 740px; } .stadiumBox .slick-dots { bottom: 8%; left: 122px; } .newsBox .items { margin-right: 25px; width: 326px; } .aboutBox { padding-top: 84px; padding-bottom: 211px; } .aboutBox .left { margin-bottom: 45px; width: 79%; } .aboutBox .right { padding-right: 0; width: 85.5%; } .aboutBox .small-img { right: -80px; bottom: -107px; max-width: 282px; } .exampleBox { padding-top: 3px; padding-bottom: 59px; } .exampleBox .column { margin-bottom: 93px; } .exampleBox .content { margin-bottom: 42px; padding-top: 0; width: var(--width); } .exampleBox .image { width: var(--width); } .exampleBox .reverse .content { padding-top: 0; order: 1; } .exampleBox .reverse .image { order: 2; } .introBox { padding-top: 82px; padding-bottom: 89px; } .locationBox .slide { margin-right: 28px; width: 326px; } .parkingBox .column { width: 50%; } .offersBox .slick-list { margin-right: -40px; } .offersBox .slide { margin-right: 25px; width: 330px; } .imageBox { margin-bottom: 86px; } .blogBox { margin-bottom: 95px; } .blogBox .card-blog { margin-bottom: 30px; } .conceptBox { padding-top: 107px; padding-bottom: 48px; } .conceptBox .block { margin-bottom: 39px; } .newsBox h1 { margin-bottom: 31px; } .newsBox h3 { margin-bottom: 49px; } .newsBox.inner1 { padding-top: 13px; } .newsBox .column { width: 50%; } .connectBox { margin-bottom: 52px; } .connectBox .block { padding: 49px 34px; } .teamBox { padding-top: 12px; padding-bottom: 0; } .teamBox h1 { margin-bottom: 27px; } .teamBox h3 { padding-right: 0; } .teamBox .column { width: 50%; } .teamBox .card-info { margin-bottom: 31px; } .descriptionBox { padding-top: 13px; } .descriptionBox h1 { margin-bottom: 28px; } .descriptionBox h3 { margin-bottom: 72px; } .upstairsBox { padding-top: 60px; padding-bottom: 70px; } .detailBox { padding-top: 0; } .detailBox .video.first { margin-left: 0; width: var(--width); } .card-info { padding: 16px 17px 28px; } .conceptBox.inner .card-concept .image { width: 100%; } .card-concept { display: flex; flex-wrap: wrap; align-items: flex-end; min-height: 740px; } .card-concept .content { padding: 83px 55px 86px 119px; background: none; max-width:80%;} .card-concept .content p { margin-bottom: 20px; } .card-concept .image:after { position: absolute; top: 0; left: 0; width: var(--width); height: var(--height); background: radial-gradient(at center bottom, rgba(255, 163, 0, 0.79) -50%, rgba(254, 95, 99, 0.8) 100%); content: ''; } .card-concept .image { left:0; width: var(--width);} .card-concept.black .image:after { background: linear-gradient(to top, rgba(56, 56, 56, 0.8) 100%, rgba(56, 56, 56, 0.8) 100%); } .card-concept.blue .image:after { background: radial-gradient(at right bottom, rgba(116, 209, 225, 0.79) -30%, rgba(19, 67, 216, 0.8) 100%); } .card-concept.cyan .image:after { background:var(--rh-red); } .card-concept.yellow .image:after { background: radial-gradient(at right bottom, rgba(254, 95, 99, 0.79) 0%, rgba(255, 163, 0, 0.8) 100%); } .card-concept.full { padding: 93px 118px 112px; min-height: auto; background: radial-gradient(at right bottom, #ffa300 0%, #fe5f63 85%); } .card-concept.yellow .content, .card-concept.cyan .content, .card-concept.black .content, .card-concept.blue .content { background: none; } .card-concept.black .image { width: 100%; } /*.card-concept.black .image img { object-position: top right; }*/ .popup-teamBox .image { max-width: 290px; } .info-detailBox .column { width: 50%; } .info-detailBox .column:last-child { display: flex; flex-wrap: wrap; justify-content: space-between; width: var(--width); } .info-detailBox .column:last-child .card-facilities { width: 48%; } .info-detailBox .column:last-child .card-options { width: 48%; } .mapBox.inner1 .image { margin-bottom: 84px; } #footerCntr:before { border-radius: 58% 48% 0 0/67% 25% 0 0; } .footerBox { padding-top: 140px; padding-bottom: 11px; } .footerBox .left { margin-bottom: 35px; width: var(--width); } .footerBox .right { width: 100%; } .footerBox .info { width: 40%; } } @media only screen and (max-width: 767px) { h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 18px; } .col-4 { width:49.5%;} #contentCntr .ctaList .col-4 { flex: 1 1 49.5%; } .centered, .centered-lg { padding-right: 21px; padding-left: 21px; } #headerCntr { padding-right: 21px; padding-left: 21px; } #headerCntr:has(.topBox) { padding-top:11px;} #headerCntr.sticky { background:none; box-shadow:none;padding-bottom:0; } #headerCntr.sticky .logo, #headerCntr.sticky .logo1 { display:none !important;} body.hidden #headerCntr.inner.sticky .logo1 { display:block !important;} #headerCntr.sticky .hamburger:not(.is_active) { background: white;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); padding: 15px 10px; border-radius: 50px;right:11px;top:18px;} #headerCntr.result-header { display: none; } #headerCntr .logo { margin-left: 0; } #headerCntr.inner.sticky .hamburger:not(.is_active) span:before, #headerCntr.inner.sticky .hamburger:not(.is_active) span:after,#headerCntr.inner.sticky .hamburger:not(.is_active) span { background-color: var(--black-900);} .navigationBox .info .button { width: 100%; text-align: center; } .hamburger { right: 21px; } .heroBox { margin-bottom: 0; padding-top: 120px; padding-bottom: 90px; min-height: 830px;align-items:normal; } .heroBox .content { margin-top:30px;} .heroBox h1 { margin-bottom: 38px; width: 90%; line-height: 1.15; } .heroBox .form-input { width: var(--width); } .heroBox .form-input ul > li { margin-right: 15px; padding: 0; font-size: 18px; } .heroBox .list { display: none; } .heroBox #citiesCarousel:after { height:30px;margin-bottom:-5px;width:3px;} .bannerBox { margin-bottom: 66px; min-height: 832px; clip-path: ellipse(730px 100% at 292px 0%); } .bannerBox .bg-image img { clip-path: ellipse(730px 100% at 292px 0%); } .bannerBox h1 { margin-bottom: 41px; } .bannerBox .content { padding-top: 141px; max-width: 430px; font-size: 18px; } .bannerBox .content p { margin-bottom: 27px; } .bannerBox .content:after, .bannerBox .content:before { clip-path:ellipse(659px 100% at 300px -2%) } .bannerBox .content:after { clip-path:ellipse(659px 100% at 300px -2%)} .bannerBox.inner { clip-path: ellipse(1240px 100% at 292px 0%); } .bannerBox.inner .content:after, .bannerBox.inner .content:before { clip-path: ellipse(750px 100% at 60px -2%); } .bannerBox.inner .content:after { min-height: 102%; clip-path: ellipse(721px 94% at 100px 2%); } .bannerBox.bg-blue { padding-bottom: 230px; min-height: auto; } .bannerBox.bg-blue .button { padding: 15px 20px; } .bannerBox.bg-blue .button-outline { padding: 13px 20px; } .bannerBox.bg-blue .content:after, .bannerBox.bg-blue .content:before { clip-path: ellipse(731px 100% at 292px 0%); } .bannerBox.bg-blue .bg-image { /*height: 350px;*/ height:100vw; } .bannerBox.inner .content:before { top: -12px; } .bannerBox .bg-image { top:calc(600px - 40vw);} .bannerBox .bg-image img { height: 100vw; min-height: 370px;} .uspBox { display: block; } .stadiumBox .js-stadium-slider, .stadiumBox .item { min-height: 560px; } .stadiumBox .card-concept { max-height:none;} .stadiumBox .card-concept .content { height:auto;} .card-location { min-height:0;} .stadiumBox .slick-dots { bottom: 12%; left: 50%; transform: translateX(-50%); } .conceptBox { padding-top: 76px; padding-bottom: 34px; } .conceptBox.inner .card-concept { min-height: auto; } .conceptBox.inner .card-concept .content { padding: 162px 15px 45px 17px; } .conceptBox.inner .card-concept .image img.d-desktop { display: none; } .conceptBox.inner .card-concept .image img.d-phone { display: block; } .card-concept { min-height: 560px; } .card-concept .content { padding: 83px 15px 70px 17px; max-width: var(--width); } .card-concept .image:after { width: var(--width); height: 100%; background: radial-gradient(at right bottom, rgba(255, 163, 0, 0.99) 0%, rgba(254, 95, 99, 0.8) 70%); content: ''; } .card-concept .button-outline { margin-bottom: 12px; } .card-concept.full { padding: 38px 16px 38px 20px; } .card-concept.yellow-full, .card-concept.cyan-full, .card-concept.blue-full, .card-concept.black-full { min-height: auto; } .card-concept.yellow-full .content, .card-concept.cyan-full .content, .card-concept.blue-full .content, .card-concept.black-full .content { padding-top: 50px; padding-bottom: 50px; min-height: auto; } .newsBox { padding-bottom: 52px; } .newsBox .title { margin-bottom: 13px; } .newsBox .items { margin-right: 20px; /*width: 315px;*/ width:calc( 95vw - 40px); } .newsBox h1 { margin-bottom: 18px; } .newsBox h3 { margin-bottom: 40px; line-height: 1.5; } .newsBox .column { width: var(--width); } .card-news .image { height:auto;} .aboutBox { padding-top: 74px; padding-bottom: 100px; } .aboutBox h2 { margin-bottom: 17px; } .aboutBox h3 { margin-bottom: 28px; } .aboutBox .left { width: var(--width); } .aboutBox .left .text { margin-bottom: 37px; } .aboutBox .column { width: var(--width); } .aboutBox .link { padding: 19px 0; } .aboutBox .column:nth-last-of-type(-n+2) .link { border-bottom: 0; } .aboutBox .column:last-child .link { border-bottom: solid 2px rgba(123, 121, 121, 0.15); } .aboutBox .image { border-radius: 10px; } .aboutBox .right { width: 90%; } .aboutBox .small-img { right: -37px; bottom: -52px; max-width: 135px; border-radius: 10px; } .exampleBox { padding-bottom: 37px; } .exampleBox h2 { margin-bottom: 17px; } .exampleBox h3 { margin-bottom: 10px; } .exampleBox .column { margin-bottom: 72px; } .exampleBox .content { margin-bottom: 18px; } .exampleBox .content .text { padding-bottom: 9px; line-height: 1.7; } .introBox { padding-top: 70px; padding-bottom: 59px; } .introBox h2 { margin-bottom: 16px; } .introBox h3 { margin-bottom: 10px; } .introBox p { line-height: 1.7; } .introBox ul { display: none; } .paginationBox { padding-top: 8px; padding-bottom: 8px; } .locationBox { padding-top: 40px; padding-bottom: 41px; } .locationBox h2 { margin-bottom: 17px; } .locationBox .slide { margin-right: 20px; margin-bottom: 15px; /*width: 315px;*/ width:calc( 100vw - 60px); } .locationBox .content { margin-bottom: 24px; } .locationBox .content p { font-size: 16px; } .locationBox .button-outline { margin-right: 0; width: 100%; min-width: auto; } .locationBox .button-outline:hover { color: var(--blue); background-color: transparent; } .parkingBox { padding-bottom: 41px; } .parkingBox .content p { font-size: 16px; } .parkingBox .column { width: var(--width); } .parkingBox .column.d-hide-phone { display: none; } .offersBox { padding-top: 71px; padding-bottom: 74px; } .offersBox .content { margin-bottom: 24px; } .offersBox h2 { margin-bottom: 17px; } .offersBox .content p { font-size: 16px; } .offersBox .slick-list { margin-right: -20px; } .offersBox .slide { margin-right: 20px; /*width: 315px;*/ width:calc( 95vw - 40px); } .imageBox { margin-bottom: 21px; } .blogBox { margin-bottom: 20px; } .blogBox .card-blog { margin-bottom: 20px; } .card-blog { flex-wrap: wrap; } .card-blog .image { width: var(--width); height: 205px; } .card-blog .info { padding: 31px 17px; } .card-blog .mm-block { display: block; } .card-blog .hide { display: none; } .upstairsBox { padding-top: 50px; padding-bottom: 50px; } .upstairsBox .button-outline { margin-bottom: 15px; } .connectBox { margin-bottom: 35px; } .connectBox .block { padding: 42px 19px; } .connectBox .text { font-size: 18px; } .connectBox .column .form-group { width: var(--width); } .connectBox .form-group { margin-bottom: 11px; } .connectBox .column .form-group.half { width:50%;} .mapBox h2 { margin-bottom: 15px; } .mapBox h3 { font-size: 18px; } .mapBox .block { margin-bottom: 24px; } /* .mapBox .image { margin-right: -21px; margin-left: -21px; width: calc(100% + 42px); } .mapBox .image > img { min-height: 370px; object-fit: cover; }*/ .mapBox.inner1 { padding-top: 67px; } .mapBox.inner1 .image { margin-bottom: 71px; } .mapBox.inner1 h3 { margin-bottom: 20px; line-height: 1.5; } .mapBox.inner1 p { line-height: 1.7; } .mapBox .image .map { border-radius:0;} .card-discount { padding: 41px 17px 41px 18px; } .card-discount h3 { margin-bottom: 16px; font-size: 24px; } .card-discount p { font-size: 18px; } .teamBox { padding-top: 3px; } .teamBox h1 { margin-bottom: 18px; } .teamBox h3 { margin-bottom: 35px; } .teamBox .column { width: var(--width); } .descriptionBox { padding-top: 15px; } .descriptionBox h1 { margin-bottom: 23px; } .descriptionBox h3 { margin-bottom: 40px; } .topBox p { /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/ } .topBox {top:auto !important; left:auto; bottom:0; z-index: 10; margin-left:-21px; width: 102%; position: fixed; display: inline-block; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.35);} #headerCntr.sticky .topBox { display:none;} .detailBox { padding-top: 18px; } .detailBox .play-btn span { font-size: 65px; } .detailBox .video.first { margin-left: -35px; width: calc(100% + 70px); } .popup-teamBox { padding: 70px 10px; flex-wrap: wrap; } .popup-teamBox .image { margin-bottom: 25px; width: var(--width); max-width: 100%; } .popup-teamBox .content { padding-left: 0; } .card-info { margin-bottom: 23px; padding: 23px 17px 20px; } .card-info strong { padding-top: 14px; display: block; width: var(--width); } .info-detailBox .column { width: var(--width); } .info-detailBox .column:last-child .card-options, .info-detailBox .column:last-child .card-facilities { width: var(--width); } .card-facilities { margin-bottom: 25px; } .info-detailBox h3 { font-size: 24px; } .resultBox { padding-top: 30px; padding-right: 21px; padding-left: 21px; height: 100vh; } .resultBox .open-timing { display: block; width: 100%; } .resultBox .show-form { padding: 20px; position: fixed; top: 0; left: 0; display: none; background-color: var(--white); box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2); } .resultBox .show-form.active { display: block; } .resultBox .column { padding-top: 100px; position: fixed; top: 0; left: 0; z-index: 10; opacity: 0; visibility: hidden; width: 100%; max-width: 100%; height: 100%; transition: all 0.3s; overflow-x: hidden; overflow-y: scroll; } .resultBox .column.active { opacity: 1; visibility: visible; } .resultBox .card-form.outer { padding: 0; width: 90%; } .resultBox .d-phone-toggle { display: flex; } .resultBox .search-result { display: block; } .resultBox .card-form { position: fixed; top: 0; left: 0; width: 100%; } .resultBox .column.d-phone { padding-top: 0; display: block; } .resultBox .column.d-phone .card-form { position: unset; top: auto; left: auto; } .resultBox .bottom { height: calc(100vh - 100px);padding-bottom:80px;} .resultBox:has(.autocomplete) .bottom { height: 100vh;} .card-form { padding: 20px; position: relative; z-index: 2; width: 100%; } .card-form .wrap.active { display: flex; } .card-form .form-field.d-none { display: block; } .card-form .back-btn { display: inline-block; } .card-result .content { padding-left: 110px; } .card-result { padding: 12px 20px 20px 20px; } .card-result .image { top: -6px; } .card-result .image img { width: 100px; } #footerCntr:before { top: 11px; border-radius:177px; } .footerBox { padding-top: 113px; /*clip-path: circle(768px at 70% 79%);*/ } .footerBox .left { margin-bottom: 25px; } .footerBox .menu { width: 49%; } .footerBox .menu.hide { display: none; } .footerBox .right { display: flex; flex-wrap: wrap; width: var(--width); } .footerBox .form-group { margin-bottom: 25px; width: var(--width); } .footerBox .order { order: 2; width: var(--width); } .footerBox .block { margin-bottom: 35px; order: 1; } .footerBox .info { margin-bottom: 10px; width: var(--width); } .footerBox .social > li { margin-right: 13px; margin-left: 0; } .copyrightBox ul { flex-wrap: wrap; } .copyrightBox ul > li:first-child { padding-bottom: 5px; display: block; width: var(--width); } .copyrightBox ul > li:after { margin: 0 3px; } .copyrightBox ul > li:first-child:after { display: none; } .blockShadow { padding-top:80px !important;} } @media only screen and (max-width: 490px) { .col-4 { width:100%;} #contentCntr .ctaList .col-4 { flex: 1 1 100%; } .heroBox { min-height:890px;} .bannerBox.bg-blue .bg-image { top: auto; bottom: 0; height: 100vw; } .bannerBox.orange .bg-image { height: 435px; } .bannerBox .content:before { clip-path: ellipse(750px 100% at 60px -2%); } .bannerBox .content:after { clip-path: ellipse(721px 95% at 100px 2%); } .bannerBox.no-image {margin-bottom:0px;} .navigationBox .info .button { width: var(--width); text-align: center; } .infoBox { padding: 40px 30px; } .submit, .button { margin-right: 8px; } .gm-style .gm-style-iw-c { max-width:90vw !important;} .navigationBox .info ul > li > a { font-size: 13px; } .content .view-more, .content .view-all { margin-top:10px;} .form-group .checkbox { display:block;} } /******************************************************************** Map CSS ********************************************************************/ #map { width:100%;height:calc(100% - 9px);background:black;min-height:100vh;min-width:100vw;} /* #results { z-index:100; width:100%; max-width:350px; height:80vh; left:20px;top:120px;background:white;display:block; position:fixed;padding:15px; box-shadow: 0 2px 14px 0 rgba(0,0,0,0.24);}*/ /*.gm-style img[alt=Google], .gmnoprint, .mapTooltipDialog button { display:none !important;} /* hide Google stuff */ .gm-style-iw.gm-style-iw-c button { top:0px !important; right:0px !important;} /* hide tooltip close button */ /* #results .results-list { height:calc(80vh - 80px); overflow-y:scroll; display: flex; flex-direction: column;} #results .results-list .mapInfo { display:block;clear:both;padding:20px 0; border-bottom:1px solid #aaa;order:1; } #results .results-list .mapInfo.active, #results .results-list .mapInfo.activeHover,#results .results-list .mapInfo:hover { background:#aaa; color:white; transition: background-color 500ms ease;} .mapInfo h3 { font-size:18px;} .mapInfo img { width:50px; float:left; margin: 0px 10px 10px 0;display:block;} */ .mapPrice { font-style:arial;font-weight:bold;} .clear { clear:both;display:block;width:100%;} .dimmed { opacity:.7;order:2 !important;} /* Hide close button */ .gm-style-iw:has(.mapPrice) { padding:7px !important;height:25px;} .gm-style-iw:has(.mapPrice) .gm-style-iw-d { display:inline !important;} .gm-style .gm-style-iw-d { overflow:visible !important;} .gm-style-iw:has(.mapPrice) button { display:none !important;} .gm-style-iw-d .mapInfo { padding:0;margin-bottom:20px;margin-right:10px;max-width:95vw;/*max-width:350px;*/min-height:90px;min-width:300px;margin-top:10px;} .autocomplete,[name=city] { width:100%;} .gm-style-iw-ch { display:none;} .gm-style-iw-chr { width: auto; float: right; display: inline; position: absolute; right: 0; } /**************************************** POPPER/TOOLTIP style override ****************************************/ .popper,.tooltip { position: absolute; z-index: 9999; background: #333333; color: white; width: auto; width:auto;/*min-width:350px;*/ max-width:400px; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.5); padding: 10px; text-align: left; font-size:15px !important; white-space: normal;} .popper .popper__arrow,.tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px;} .tooltip .tooltip-arrow,.popper .popper__arrow { border-color: #333333; } .style5 .tooltip .tooltip-arrow { border-color: #333333; } .popper[x-placement^="top"],.tooltip[x-placement^="top"] { margin-bottom: 5px; } .popper[x-placement^="top"] .popper__arrow,.tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .popper[x-placement^="bottom"],.tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow,.popper[x-placement^="bottom"] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"],.popper[x-placement^="right"] { margin-left: 5px; } .popper[x-placement^="right"] .popper__arrow,.tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .popper[x-placement^="left"],.tooltip[x-placement^="left"] { margin-right: 5px; } .popper[x-placement^="left"] .popper__arrow,.tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .Tooltip[title] { cursor:pointer;}