/* SASS guidelines .element{ // Normal element styles here e.g. position: relative etc. @include breakpoint for this element .inner-elements{ // Styles for inner elements here } &.modifier { // Styles for modifier of element here } } */ /* Variables */ /* Base */ /* Layout */ /* Typography */ /*---------------------------------------------------------------- ------------------------------------------------------------------ --------------------------- MAIN + RESETS ------------------------ ------------------------------------------------------------------ ----------------------------------------------------------------*/ * { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } ::-moz-selection { background: #111bc8; color: #fff; text-shadow: none; } ::selection { background: #111bc8; color: #fff; text-shadow: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { font-size: 62.5%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; height: 100%; position: relative; overflow-x: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; } body { margin: 0; position: relative; font-family: "HarmoniaSans"; font-size: 1.6rem; font-weight: 400; line-height: 1.65; letter-spacing: 0em; color: #cbcbcb; background: #000; } @media (max-width: 767px) { body { font-size: 1.5rem; } } #wrap { left: 0; right: 0; position: relative; overflow: hidden; background: #000; } a { color: #ffffff; cursor: pointer; outline: 0 !important; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } a:hover, a:focus { text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } /* Embedded content */ img { border: 0; margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } svg:not(:root) { overflow: hidden; } /* Grouping content */ figure { margin: 15px 40px; } hr { -moz-box-sizing: content-box; box-sizing: content-box; display: block; height: 1px; border: 0; border-top: 1px solid #878787; margin: 1em 0; padding: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 100%; } /* Forms */ fieldset { border: 1px solid #878787; margin: 0; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } optgroup { font-weight: normal; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; outline: 0; } button { overflow: visible; background: none; border: 0; box-shadow: none !important; outline: none !important; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } /* HTML5 / MISC */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { background-color: #ffffff; color: #fff; text-decoration: none; } del { text-decoration: line-through; } /* SLIDERS */ .slider .slide { position: relative; display: none; } .slider .slide:first-child { display: block !important; } .slider .slide .img { z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .slider .slide .slide-caption { position: absolute; z-index: 2; left: 50%; top: 50%; width: 100%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .slider .slide .slide-caption { left: 0; right: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .slider .slide .slide-caption .slide-caption-inner h1, .slider .slide .slide-caption .slide-caption-inner h2, .slider .slide .slide-caption .slide-caption-inner p { color: #fff; } .slider .slide .slide-caption--center .slide-caption-inner { text-align: center; max-width: 640px; margin: 0 auto; } .slider .slide .slide-caption--left .slide-caption-inner { text-align: left; max-width: 640px; } .slick-slider .slide { display: block; } .slick-slider .slick-arrow { z-index: 5; position: absolute; bottom: 0; width: 70px; height: 70px; cursor: pointer; border: 0 !important; background: #000; } @media (max-width: 767px) { .slick-slider .slick-arrow { height: 50px; } } .slick-slider .slick-arrow:after { font-family: Font Awesome\ 5 Pro; font-size: 2.8rem; font-weight: 300; color: white; position: absolute; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } body.nonTouchDevice .slick-slider .slick-arrow:hover:after { color: #111bc8; } .slick-slider .slick-prev { right: 70px; } .slick-slider .slick-prev:after { left: 60%; content: '\f177'; } .slick-slider .slick-next { right: 0; } .slick-slider .slick-next:after { right: 25%; content: '\f178'; } @media (max-width: 991px) { .slick-slider .slick-prev { right: 50%; } .slick-slider .slick-next { left: 50%; } } .slick-slider .slick-dots { margin: 0; padding: 0; list-style: none; position: absolute; left: 50%; bottom: 30px; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 767px) { .slick-slider .slick-dots { bottom: 20px; } } .slick-slider .slick-dots li { float: left; } .slick-slider .slick-dots button { padding: 0; text-indent: -9999px; position: relative; width: 24px; height: 24px; } .slick-slider .slick-dots button:after { position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-family: Font Awesome\ 5 Pro; content: '\f111'; text-indent: 0; color: white; font-size: 14px; } .slick-slider .slick-dots .slick-active button:after { font-weight: 700; } .home-slider .slide-overlay-gradient:after, .home-slider .slide-overlay-fade:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; } .home-slider .slide-overlay-gradient:after { opacity: .8; bottom: 20%; background: linear-gradient(180deg, black 10%, transparent 80%); z-index: 1; } .home-slider .slide-overlay-fade:after { opacity: .5; background: black; z-index: 1; } .home-slider .slide.slide-video { overflow: hidden; } .home-slider .slide.slide-video .img { -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .home-slider .slide.slide-video .img.video-ready { opacity: 0; } .home-slider .slide.slide-video .video-mask { width: 100%; height: 100%; position: relative; z-index: 0; } .home-slider .slide.slide-video .video-mask iframe { pointer-events: none; position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .widget-slider .slide .img { height: 50vw; max-height: 700px; position: relative; } @media (min-width: 992px) and (max-width: 1199px) { .widget-slider .slide .img { height: 50vw; } } @media (min-width: 768px) and (max-width: 991px) { .widget-slider .slide .img { height: 65vw; } } @media (max-width: 767px) { .widget-slider .slide .img { height: 75vw; } } .variable-slider .slide, .variable-slider img { height: 65vw; max-height: 600px; } .variable-slider img { margin: 0 40px; } @media (max-width: 767px) { .variable-slider img { margin: 0 20px; } } .page-loader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 2000; background: #000 url("../img/logo.jpg") no-repeat center center; background-size: 90px; -moz-transition: transform 1s ease; -o-transition: transform 1s ease; -ms-transition: transform 1s ease; -webkit-transition: transform 1s ease; transition: transform 1s ease; -moz-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); -webkit-transform: translate(0, 100%); transform: translate(0, 100%); } .page-loader.show { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .img-zoom .image { overflow: hidden; } .img-zoom .image .img { -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; -webkit-transition: all 1s ease; transition: all 1s ease; -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); backface-visibility: hidden; -webkit-backface-visibility: hidden; } body.nonTouchDevice .img-zoom:hover .image .img { -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); transform: scale(1.08); } .no-cursor { pointer-events: none; } .dropdown-menu-overlay { opacity: 0; z-index: 1; pointer-events: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; background: linear-gradient(180deg, black 0%, transparent 100%); } @media (max-width: 767px) { .dropdown-menu-overlay { display: none; } } .dropdown-menu-overlay.show { opacity: .75; pointer-events: auto; } .img { width: 100%; height: 100%; object-fit: cover; display: block; } .flex-list, .flex-col { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-col, .flex-direction-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-align-center { -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .flex-justify-center { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; vertical-align: middle; align-self: center; } .flex-justify-end { -webkit-box-pack: flex-end; -webkit-justify-content: flex-end; -moz-box-pack: flex-end; -ms-flex-pack: flex-end; justify-content: flex-end; } .flex-space-between { -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .flex-nowrap { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } .stop-scrolling { overflow: hidden; } @media (max-width: 767px) { .mob-center { text-align: center; } } .no-anim, .no-anim * { -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; -webkit-transition: none !important; transition: none !important; } .no-anim-single { -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; -webkit-transition: none !important; transition: none !important; } /*---------------------------------------------------------------- ------------------------------------------------------------------ ------------------------------ FONTS ----------------------------- ------------------------------------------------------------------ ----------------------------------------------------------------*/ @font-face { font-family: "HarmoniaSans"; font-weight: 400; font-style: normal; src: url("../fonts/harmonia/3ba56aa2-c01d-4bfc-aae4-eac13ee2ebbc.woff2") format("woff2"); src: url("../fonts/harmonia/51f1c13a-2c9b-4cba-9cbf-93317cbd3e10.woff") format("woff"); } @font-face { font-family: "HarmoniaSans"; src: url("../fonts/harmonia/858f50d9-f514-4dfa-8c90-310324ae3bbc.woff2") format("woff2"); src: url("../fonts/harmonia/63546f2e-ec1b-481d-93af-81d9530d6686.woff") format("woff"); font-weight: 400; font-style: italic; } @font-face { font-family: "HarmoniaSans"; src: url("../fonts/harmonia/08591efc-f43b-4dc0-b066-e39bb77fd0d9.woff2") format("woff2"); src: url("../fonts/harmonia/bb2822e9-2055-4c95-bd66-438a33d71a60.woff") format("woff"); font-weight: 600; font-style: bold; } @font-face { font-family: "HarmoniaSans"; src: url("../fonts/harmonia/d13c38b0-30e7-47f0-bc36-e2b7752b59e3.woff2") format("woff2"); src: url("../fonts/harmonia/50cd1762-b122-47c3-bce4-8e385f6a6db0.woff") format("woff"); font-weight: 800; font-style: bold; } /* amending the default bootstrap 15px gutters */ .container, .container-fluid { padding-left: 60px; padding-right: 60px; } @media (min-width: 768px) and (max-width: 991px) { .container, .container-fluid { padding-left: 60px; padding-right: 60px; } } @media (max-width: 767px) { .container, .container-fluid { padding-left: 20px; padding-right: 20px; } } .container-fluid { max-width: calc(1280px + 120px); } .container-fluid--lrg { max-width: calc(1360px + 120px); } .container-fluid--med { max-width: calc(1120px + 120px); } .container-fluid--sml { max-width: calc(960px + 120px); } .container-fluid--xsml { max-width: calc(800px + 120px); } @media (max-width: 767px) { .container-fluid--mob-lg { padding-left: 30px; padding-right: 30px; } } .row { margin-left: -60px; margin-right: -60px; } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 60px; padding-right: 60px; } .header { z-index: 70; position: absolute; left: 0; right: 0; top: 0; text-transform: uppercase; /* Generic Nav */ /* Desktop Nav */ /* Mobile Nav */ } .header .container-fluid { position: relative; padding: 0; margin: 0; width: 100%; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .header .logo { z-index: 1; position: absolute; top: 0; } .header .logo.raise-logo { z-index: 81; } .header .logo img { display: block; max-height: 90px; } @media (max-width: 767px) { .header .logo img { width: 80px; } } .header .header-booking-column { position: fixed; right: 0; top: 0; z-index: 3; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background: #000; } @media (max-width: 1199px) { .header .header-booking-column { position: absolute; background: none; right: 25px; } } @media (max-width: 767px) { .header .header-booking-column { right: 15px; } } .header .header-booking-column a { padding: 36px 32px; font-size: 1.9rem; letter-spacing: 0.03em; } @media (min-width: 768px) and (max-width: 991px) { .header .header-booking-column a { font-size: 2.8rem; } } @media (max-width: 767px) { .header .header-booking-column a { font-size: 2.2rem; } } @media (max-width: 1199px) { .header .header-booking-column a { padding: 40px 25px; } } @media (max-width: 1199px) and (max-width: 767px) { .header .header-booking-column a { padding: 25px 20px; } } @media (max-width: 1199px) { .header .header-booking-column a.icon-user { font-size: 2.4rem; } } @media (max-width: 1199px) and (max-width: 767px) { .header .header-booking-column a.icon-user { font-size: 2rem; } } @media (max-width: 1199px) { .header .header-booking-column a.mob-menu-btn { width: 75px; } } @media (max-width: 1199px) and (max-width: 767px) { .header .header-booking-column a.mob-menu-btn { width: 60px; } } .header .header-booking-column a.header-book-btn { padding: 34px 40px 34px; font-size: 1.5rem; font-weight: 800; background: #111bc8; overflow: hidden; position: relative; } .header .header-booking-column a.header-book-btn span { z-index: 1; position: relative; } .header .header-booking-column a.header-book-btn:after { content: ''; z-index: 0; position: absolute; top: -1px; bottom: -1px; left: -80px; right: 120%; -moz-transform: skew(25deg); -o-transform: skew(25deg); -ms-transform: skew(25deg); -webkit-transform: skew(25deg); transform: skew(25deg); background: linear-gradient(45deg, #200055 0%, #111bc8 100%); -moz-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -o-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -ms-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -webkit-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); } body.nonTouchDevice .header .header-booking-column a.header-book-btn:hover:after { right: -80px; } @media (max-width: 1199px) { .header .header-booking-column a.header-book-btn { display: none; } } .header .mob-menu-btn { display: none; z-index: 4; font-size: 3rem; color: #ffffff; text-align: center; } @media (max-width: 1199px) { .header .mob-menu-btn { display: block; padding: 5px 10px; } .header .mob-menu-btn i { font-weight: 300; } } .header .header-left { float: left; text-align: right; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } @media (max-width: 1199px) { .header .header-left { display: none; } } .header .mob-menu-overlay { position: fixed; opacity: 0; z-index: -1; pointer-events: none; left: 0; top: 0; right: 0; bottom: 0; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } body.show-mob-menu .header .mob-menu-overlay { pointer-events: auto; } .header .main-nav ul { margin: 0; padding: 0; list-style: none; } .header .main-nav ul li { position: relative; } .header .main-nav ul li a { display: block; position: relative; } .header .main-nav .header-navigation { float: left; margin-left: 110px; } .header .main-nav .social-media { margin: 0; padding: 0; list-style: none; display: inline-block; } .header .main-nav .social-media li { display: inline-block; margin: 0 0 0 5px; } @media (min-width: 1200px) { .header .header-right { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .header .main-nav { margin-right: -20px; } .header .main-nav > ul.social-media li a { font-size: 1.2rem; padding: 10px; margin-top: 27px; } body.nonTouchDevice .header .main-nav > ul.social-media li a:hover { opacity: .6; } .header .main-nav > ul > li { float: left; /* Drodpdowns */ } .header .main-nav > ul > li > a { padding: 35px 20px; color: #fff; font-size: 1.4rem; letter-spacing: 0; } } @media screen and (min-width: 1200px) and (min-width: 1200px) and (max-width: 1365px) { .header .main-nav > ul > li > a { padding-left: 12px; padding-right: 12px; font-size: 1.3rem; } } @media (min-width: 1200px) { .header .main-nav > ul > li > a:after { content: ''; position: absolute; left: 20px; right: 101%; bottom: 32px; border-bottom: 1px solid white; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } body.nonTouchDevice .header .main-nav > ul > li:hover > a:after, .header .main-nav > ul > li > a.show:after, .header .main-nav > ul > li.current-menu-item a:after { right: 20px; } .header .main-nav > ul > li ul { z-index: 2; position: absolute; top: 85px; left: 0; padding: 0; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; visibility: hidden; opacity: 0; column-count: 2; -moz-transform: translate(0, 20px); -o-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -webkit-transform: translate(0, 20px); transform: translate(0, 20px); } .header .main-nav > ul > li ul li { width: 100%; } .header .main-nav > ul > li ul li a { padding: 2px 55px 2px 20px; font-size: 1.3rem; font-weight: 600; color: #b7b7b7; white-space: nowrap; text-transform: capitalize; } body.nonTouchDevice .header .main-nav > ul > li ul li a:hover { color: #fff; } .header .main-nav > ul > li.dropdown a.show + ul, .header .main-nav > ul > li.menu-item-has-children a.show + ul { visibility: visible; opacity: 1; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @media (max-width: 1199px) { .header.mob-menu-slidedown .drawer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; overflow: auto; visibility: hidden; background: #000; -moz-transform: translate(0, -101%); -o-transform: translate(0, -101%); -ms-transform: translate(0, -101%); -webkit-transform: translate(0, -101%); transform: translate(0, -101%); -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .header.mob-menu-slidedown .drawer .header-navigation, .header.mob-menu-slidedown .drawer .social-media { float: none; } .header.mob-menu-slidedown .drawer .header-navigation { margin: 0 auto 50px; font-weight: 800; } .header.mob-menu-slidedown .drawer .social-media { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header.mob-menu-slidedown .drawer .social-media li { margin: 0 20px; } .header.mob-menu-slidedown .drawer .main-nav { position: absolute; top: 140px; bottom: 0; left: 0; right: 0; overflow: auto; } } @media (max-width: 1199px) and (min-width: 768px) and (max-width: 1199px) { .header.mob-menu-slidedown .drawer .main-nav { display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; } } @media (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px) { .header.mob-menu-slidedown .drawer .main-nav { top: 0; padding-top: 120px; } } @media (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) { .header.mob-menu-slidedown .drawer .main-nav { top: 60px; padding-top: 100px; } } @media (max-width: 1199px) { .header.mob-menu-slidedown .drawer .main-nav ul li a { text-align: center; color: #fff; padding: 10px 0 0; letter-spacing: 0.03em; font-size: 2.8rem; } } @media (max-width: 1199px) and (max-width: 767px) { .header.mob-menu-slidedown .drawer .main-nav ul li a { padding-top: 5px; font-size: 2.3rem; } } @media (max-width: 1199px) { .header.mob-menu-slidedown .drawer .main-nav ul li ul { display: none; } .header.mob-menu-slidedown .drawer .main-nav ul li ul li a { font-size: 1.2rem; opacity: .8; } .header.mob-menu-slidedown .drawer .main-nav .social-media { padding-bottom: 40px; } .header.mob-menu-slidedown .drawer .main-nav .social-media i[class*="twitter"] svg { top: 4px; height: 2.4rem; } .header.mob-menu-slidedown .drawer.show { visibility: visible; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -webkit-overflow-scrolling: touch; } body.show-mob-menu .header.mob-menu-slidedown .mob-menu-btn i { font-size: 3rem !important; font-weight: 300; } } @media (max-width: 1199px) and (max-width: 767px) { body.show-mob-menu .header.mob-menu-slidedown .mob-menu-btn i { font-size: 2.5rem !important; } } @media (max-width: 1199px) { body.show-mob-menu .header.mob-menu-slidedown .mob-menu-btn i:before { content: '\f00d'; } } footer { margin-top: 200px; padding: 0 0 80px; background: #000; } @media (min-width: 768px) and (max-width: 991px) { footer { padding-bottom: 160px; } } @media (max-width: 767px) { footer { margin-top: 100px; padding-bottom: 120px; } } footer ul { margin: 0; padding: 0; list-style: none; } body.nonTouchDevice footer a:not(.footer-bottom-link):hover { color: #0100ff; } footer .footer-top { color: #fff; } footer .footer-top .footer-nav { text-transform: uppercase; font-weight: 800; font-size: 2.2rem; line-height: 1.4em; } @media (min-width: 768px) and (max-width: 991px) { footer .footer-top .footer-nav { width: 35% !important; } } @media (max-width: 767px) { footer .footer-top .footer-nav { font-size: 1.9rem; } } footer .footer-top .footer-nav li a { line-height: 1; padding-bottom: 10px; } footer .footer-top .footer-nav li:last-child i { margin-right: 0; } footer .footer-top .footer-nav i { font-size: 1.6rem; margin-right: 30px; } footer .footer-top .flex-col { width: 25%; max-width: 320px; } @media (max-width: 767px) { footer .footer-top .flex-col { width: 100%; text-align: center; max-width: none; } } footer .footer-top .footer-contact { margin: 0; font-size: 1.9rem; line-height: 1; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } @media (min-width: 768px) and (max-width: 1199px) { footer .footer-top .footer-contact { width: 32% !important; } } @media (max-width: 991px) { footer .footer-top .footer-contact { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } @media (max-width: 767px) { footer .footer-top .footer-contact { width: 100%; margin: 50px 0 35px; } } footer .footer-top .footer-contact + .footer-contact { padding-left: 40px; } @media (max-width: 767px) { footer .footer-top .footer-contact + .footer-contact { padding-left: 0; margin-top: 20px; } } footer .footer-top .footer-contact > div + div { padding-left: 40px; } @media (max-width: 991px) { footer .footer-top .footer-contact > div + div { padding-left: 0; padding-top: 20px; } } footer .footer-top .footer-contact .details span, footer .footer-top .footer-contact .details a { color: #cbcbcb; } footer .footer-top .footer-contact .details span { width: 100%; display: block; font-weight: 800; } footer .footer-top .footer-contact .details a, footer .footer-top .footer-contact .details div { display: block; padding: 8px 0 24px; line-height: 1.3; } @media (max-width: 767px) { footer .footer-top .footer-contact .details a:last-child, footer .footer-top .footer-contact .details div:last-child { padding-bottom: 0; } } footer .footer-top .footer-quick-links { width: auto; margin-left: auto; color: #cbcbcb; } @media (min-width: 768px) and (max-width: 1199px) { footer .footer-top .footer-quick-links { padding-top: 30px; margin-left: 0; width: 100%; } } @media (max-width: 767px) { footer .footer-top .footer-quick-links { width: 100%; margin-left: auto; margin-right: auto; } } footer .footer-top .footer-quick-links nav { text-align: right; } @media (max-width: 767px) { footer .footer-top .footer-quick-links nav { text-align: center; } footer .footer-top .footer-quick-links nav ul { display: block; max-width: 300px; margin: 0 auto; } footer .footer-top .footer-quick-links nav ul li { display: inline-block; padding: 0 20px; } } @media (min-width: 768px) and (max-width: 1199px) { footer .footer-top .footer-quick-links nav ul { max-width: none; display: flex; } footer .footer-top .footer-quick-links nav ul li + li { padding-left: 20px; } } footer .footer-top .footer-quick-links a { display: block; padding: 0 0 3px; color: #cbcbcb; line-height: 1.5; font-size: 1.4rem; } footer .footer-top .social-media { margin-top: 15px; margin-left: -5px; } footer .footer-top .social-media li { display: inline-block; margin: 0 5px; } footer .footer-top .social-media li i[class*="twitter"] svg { top: 3px; height: 1.6rem; } footer .footer-top .social-media li i[class*="twitter"] svg * { transition: all .25s ease; } body.nonTouchDevice footer .footer-top .social-media li a:hover i[class*="twitter"] svg * { fill: #0100ff; } footer .footer-bottom { padding-top: 50px; } footer .footer-bottom .registered-company { display: flex; flex-direction: column; align-items: center; padding-left: 10px; padding-right: 10px; } @media (min-width: 992px) and (max-width: 1199px) { footer .footer-bottom .registered-company { align-items: flex-end; padding-right: 0; } } @media (min-width: 768px) and (max-width: 991px) { footer .footer-bottom .registered-company { align-items: flex-start; } } @media (max-width: 991px) { footer .footer-bottom .registered-company { padding-left: 0; padding-right: 0; } footer .footer-bottom .registered-company span + span { padding-top: 10px; } } @media (max-width: 991px) { footer .footer-bottom { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } footer .footer-bottom .footer-text + .footer-text { padding-top: 10px; } } @media (max-width: 767px) { footer .footer-bottom { padding-top: 30px; } footer .footer-bottom .footer-text { width: 100%; text-align: center; margin-bottom: 10px; } footer .footer-bottom .footer-text:last-child { margin: 0; } } footer .footer-bottom, footer .footer-bottom a { color: #878787; font-size: 1.2rem; } footer.no-margin { margin-top: 0 !important; } .button { margin-top: 35px; padding: 12px 30px; display: inline-block; cursor: pointer; position: relative; color: #fff; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media (max-width: 767px) { .button { margin-top: 25px; padding: 10px 20px; } } .button--border { color: #ffffff; background: none; } .button--border:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #ffffff; } body.nonTouchDevice .button--border:hover { color: #fff; background: #ffffff; } .button--border---light { color: #fff; } .button--border---light:after { border-color: #fff; } body.nonTouchDevice .button--border---light:hover { color: #ffffff; background: #fff; } .button--solid { font-size: 2.2rem; font-weight: 600; background-color: #111bc8; left: 0; bottom: 0; padding: 22px 30px; white-space: nowrap; overflow: hidden; position: relative; position: absolute; } .button--solid span { z-index: 1; position: relative; } .button--solid:after { content: ''; z-index: 0; position: absolute; top: -1px; bottom: -1px; left: -80px; right: 120%; -moz-transform: skew(25deg); -o-transform: skew(25deg); -ms-transform: skew(25deg); -webkit-transform: skew(25deg); transform: skew(25deg); background: linear-gradient(45deg, #200055 0%, #111bc8 100%); -moz-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -o-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -ms-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -webkit-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); } body.nonTouchDevice .button--solid:hover:after { right: -80px; } @media (max-width: 767px) { .button--solid { font-size: 2rem; } } .button--solid i.fa-long-arrow-right { margin-left: 25px; vertical-align: middle; font-size: 2.8rem; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } @media (max-width: 767px) { .button--solid i.fa-long-arrow-right { font-size: 2.5rem; } } .button--solid i.fa-play { margin-right: 20px; } body.nonTouchDevice .button--solid:hover i.fa-long-arrow-right { margin-left: 60px; } .button--small { padding-left: 20px; padding-right: 20px; } @media (max-width: 767px) { .button--small { padding-left: 10px; padding-right: 10px; } } .button--large { padding-left: 60px; padding-right: 60px; } @media (max-width: 767px) { .button--large { padding-left: 40px; padding-right: 40px; } } .text-button { display: inline-block; font-family: "HarmoniaSans"; font-size: 1.7rem; font-weight: 600; letter-spacing: 0; margin-top: 45px; padding: 0 20px; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media (max-width: 767px) { .text-button { margin-top: 30px; } } .text-button--underlined { color: #ffffff !important; position: relative; display: inline-block; } .text-button--underlined:after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #111bc8; } .text-button--underlined:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .text-button--underlined:after { bottom: -10px; } .text-button--icon i { color: #fff; margin: 5px 0 0; font-size: 3rem; } .text-button--icon i:before { left: -10px; } .text-button--icon i:after { color: #fff; } .text-button--icon-sml i { margin-left: 0 !important; margin-right: 5px; vertical-align: inherit; color: #cbcbcb; font-size: 1.5rem; } .text-button--icon-sml i:before { left: 0; } .text-button--icon-sml i:after { content: none; } body.nonTouchDevice .text-button:hover { color: #ffffff; } body.nonTouchDevice .text-button:hover i:not(.fa-long-arrow-down) { margin-left: 20px; } body.nonTouchDevice .text-button:hover i:not(.fa-long-arrow-down):after { opacity: 0; } /* site-wide input styles */ .form-group { position: relative; } input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea, .select-wrap { outline: 0; width: 100%; border-radius: 0; border: 0; border-bottom: 2px solid #878787; color: #878787; background: #000; box-shadow: none !important; font-size: 1.6rem; font-weight: 400; height: 48px; filter: none !important; padding: 0 20px 0 0 !important; -moz-transition: border-color 0.3s ease; -o-transition: border-color 0.3s ease; -ms-transition: border-color 0.3s ease; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; -webkit-appearance: none; } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .select-wrap::-webkit-input-placeholder { color: #878787; opacity: 1; } input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, .select-wrap:-moz-placeholder { color: #878787; opacity: 1; } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, .select-wrap::-moz-placeholder { color: #878787; opacity: 1; } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, .select-wrap:-ms-input-placeholder { color: #878787; opacity: 1; } @media (max-width: 767px) { input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="password"], textarea, .select-wrap { height: 45px; padding: 0 15px !important; } } input[type="text"].edge-autofilled, input[type="text"].edge-autoSuggestFieldFilled, input[type="email"].edge-autofilled, input[type="email"].edge-autoSuggestFieldFilled, input[type="number"].edge-autofilled, input[type="number"].edge-autoSuggestFieldFilled, input[type="tel"].edge-autofilled, input[type="tel"].edge-autoSuggestFieldFilled, input[type="password"].edge-autofilled, input[type="password"].edge-autoSuggestFieldFilled, textarea.edge-autofilled, textarea.edge-autoSuggestFieldFilled, .select-wrap.edge-autofilled, .select-wrap.edge-autoSuggestFieldFilled { background: #000 !important; } input[type="text"]::-ms-clear, input[type="email"]::-ms-clear, input[type="number"]::-ms-clear, input[type="tel"]::-ms-clear, input[type="password"]::-ms-clear, textarea::-ms-clear, .select-wrap::-ms-clear { display: none; } textarea { resize: none; height: 240px; line-height: 1.65; overflow: auto; padding: 20px !important; border: 2px solid #878787; } @media (max-width: 767px) { textarea { height: 120px; padding: 15px !important; } } .select-wrap { position: relative; overflow: hidden; padding: 0 !important; } .select-wrap select { position: relative; z-index: 2; padding: 0 20px 0 0; height: calc(48px - 2px); cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; background: transparent; border: 0; } .select-wrap select:focus::-ms-value { background-color: transparent; color: #878787; } .select-wrap select::-ms-expand { display: none; } @-moz-document url-prefix() { .select-wrap select { text-indent: -2px; } } @supports (-ms-ime-align: auto) { .select-wrap select { text-indent: -2px; } } @media (max-width: 767px) { .select-wrap select { padding: 0 15px; height: calc(45px - 4px); } } .select-wrap option { color: #878787; font-weight: 400; font-family: Helvetica, Arial, sans-serif; } .select-wrap:after { content: '\f078'; font-family: Font Awesome\ 5 Pro; font-size: 14px; font-weight: 400; color: #878787; position: absolute; z-index: 2; top: 50%; right: 20px; pointer-events: none; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .select-wrap:after { right: 15px; } } /* Restyle webkit autofill */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-text-fill-color: #878787; -webkit-box-shadow: 0 0 0px 1000px #000 inset; box-shadow: 0 0 0px 1000px #000 inset !important; -moz-transition: background-color 50000s ease-in-out 0s; -o-transition: background-color 50000s ease-in-out 0s; -ms-transition: background-color 50000s ease-in-out 0s; -webkit-transition: background-color 50000s ease-in-out 0s; transition: background-color 50000s ease-in-out 0s; } .radio-check-list { margin: 0; padding: 0; list-style: none; } label { font-weight: 300; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; width: 25px; margin: 0; padding: 0; opacity: 0; position: absolute !important; } input[type="checkbox"] + label, input[type="radio"] + label { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; line-height: 1.4 !important; min-height: 25px; color: #878787; font-size: 1.6rem !important; font-weight: 400; cursor: pointer; padding: 0 0 0 40px !important; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; /* radio/checkbox container square/circle */ } input[type="checkbox"] + label:after, input[type="checkbox"] + label:before, input[type="radio"] + label:after, input[type="radio"] + label:before { position: absolute; content: ''; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } input[type="checkbox"] + label:before, input[type="radio"] + label:before { width: 25px; height: 25px; border: 2px solid #878787; border-radius: 50%; left: 0; top: 0; } input[type="checkbox"]:checked + label:before, input[type="radio"]:checked + label:before { border-color: #111bc8; } input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after { opacity: 1; } /* checkbox checked icon */ input[type=checkbox] + label:after { color: #878787; font-family: Font Awesome\ 5 Pro; content: "\f00c"; font-weight: 400; font-size: 15px; left: 12.5px; top: 12.5px; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } input[type=checkbox]:checked + label:after { color: #111bc8 !important; } /* radio checked icon */ input[type=radio] + label:after, input[type=radio] + label:before { border-radius: 50%; } input[type=radio] + label:after { width: 25px; height: 25px; position: absolute; left: 0; top: 0; -moz-transform: scale(0.3); -o-transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3); transform: scale(0.3); opacity: 0; background: #878787; } input[type=radio]:checked + label:after { background: #111bc8 !important; } /* radio/checkbox hover and selected styles */ .checkbox-cont:hover input[type=radio] + label:after, .checkbox-cont:hover input[type=checkbox] + label:after, .single-checkbox-check:hover input[type=checkbox] + label:after { opacity: 1; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .standard-widget ul, .standard-widget ol, .faq-widget ul, .faq-widget ol, .image-text-widget ul, .image-text-widget ol { list-style: none; padding-left: 0; margin-top: 18px; } .standard-widget ul li, .standard-widget ol li, .faq-widget ul li, .faq-widget ol li, .image-text-widget ul li, .image-text-widget ol li { padding: 12px 0 8px 25px; position: relative; } @media (max-width: 767px) { .standard-widget ul li, .standard-widget ol li, .faq-widget ul li, .faq-widget ol li, .image-text-widget ul li, .image-text-widget ol li { padding-left: 25px; } } .standard-widget ul li:before, .standard-widget ol li:before, .faq-widget ul li:before, .faq-widget ol li:before, .image-text-widget ul li:before, .image-text-widget ol li:before { font-size: 4px; position: absolute; left: 0; top: 20px; } @media (max-width: 767px) { .standard-widget ul li:before, .standard-widget ol li:before, .faq-widget ul li:before, .faq-widget ol li:before, .image-text-widget ul li:before, .image-text-widget ol li:before { top: 20px; } } .standard-widget ul li:before, .faq-widget ul li:before, .image-text-widget ul li:before { content: '\f111'; font-weight: 700; font-family: Font Awesome\ 5 Pro; } .standard-widget ol, .faq-widget ol, .image-text-widget ol { counter-reset: ol-counter; } .standard-widget ol li, .faq-widget ol li, .image-text-widget ol li { counter-increment: ol-counter; } .standard-widget ol li:before, .faq-widget ol li:before, .image-text-widget ol li:before { content: counter(ol-counter) "."; font-size: 1.5rem; top: 12px; } @media (max-width: 767px) { .standard-widget ol li:before, .faq-widget ol li:before, .image-text-widget ol li:before { top: 10px; } } .pagenumber-container { margin: 40px 0 0; } ul.page-numbers { float: right; height: 30px; list-style: none; } ul.page-numbers li { float: left; } ul.page-numbers li + li { margin-left: 5px; } ul.page-numbers li a, ul.page-numbers li span { padding: 0; line-height: 30px; height: 30px; width: 30px; text-align: center; color: #fff; background: #ffffff; border: 0px; -moz-transition: all 250ms ease-in-out; -o-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; display: block; } ul.page-numbers li a i, ul.page-numbers li span i { line-height: 30px; vertical-align: top; font-size: 80%; } ul.page-numbers li a:hover, ul.page-numbers li a:focus, ul.page-numbers li span:hover, ul.page-numbers li span:focus { background: #e6e6e6; } ul.page-numbers li span { color: #fff; } ul.page-numbers li span.current { background: #e6e6e6; } .spinner { margin: 0 auto; width: 70px; text-align: center; position: absolute; top: 50%; left: 50%; -moz-transition: all 0.1s ease; -o-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .spinner > div { width: 10px; height: 10px; background-color: #111bc8 !important; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1s infinite ease-in-out both; animation: sk-bouncedelay 1s infinite ease-in-out both; } .spinner:hover > div { background-color: #ffffff; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); } 40% { -webkit-transform: scale(1); } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* Tables */ table:not(.ui-datepicker-calendar):not(.shop_table) { border-spacing: 0; width: 100%; border-collapse: separate; } @media (min-width: 768px) { table:not(.ui-datepicker-calendar):not(.shop_table) { table-layout: fixed; } } table:not(.ui-datepicker-calendar):not(.shop_table) th, table:not(.ui-datepicker-calendar):not(.shop_table) td { text-align: center; padding: 15px 20px; vertical-align: middle; border: 3px solid white; } @media (max-width: 991px) { table:not(.ui-datepicker-calendar):not(.shop_table) th, table:not(.ui-datepicker-calendar):not(.shop_table) td { padding: 10px 15px; } } table:not(.ui-datepicker-calendar):not(.shop_table) th { color: #ffffff; background: #000; } table:not(.ui-datepicker-calendar):not(.shop_table) td { color: #ffffff; background: #000; } h1, h2, h3, h4, h5, h6, span.subtitle { font-family: "HarmoniaSans"; font-weight: 800; color: #ffffff; letter-spacing: 0.03em; margin-top: -7px; } h1, h2, h3, h4 { text-transform: uppercase; } h1 { font-size: 4.7rem; } @media (max-width: 767px) { h1 { font-size: 2.5rem; } } h2 { font-size: 3rem; } @media (max-width: 767px) { h2 { font-size: 2rem; } } h3 { font-size: 2.5rem; } @media (max-width: 767px) { h3 { font-size: 1.7rem; } } h4 { font-size: 2rem; } @media (max-width: 767px) { h4 { font-size: 1.6rem; } } h5, span.subtitle { font-size: 1.9rem; font-weight: 500; letter-spacing: 0; } @media (max-width: 767px) { h5, span.subtitle { font-size: 1.5rem; } } span.subtitle { display: block; } @media (max-width: 767px) { span.subtitle { font-size: 1.8rem; } } h6 { font-size: 1.8rem; letter-spacing: 0; } @media (max-width: 767px) { h6 { font-size: 1.4rem; } } h1, h2 { line-height: 1.25; } h3 { line-height: 1.3; } h4 { line-height: 1.5; } h5, h6 { line-height: 1.6; } * + ul, * + ol, * + p, * + dl, * + blockquote, * + table { margin: 25px 0 0; } @media (max-width: 767px) { * + ul, * + ol, * + p, * + dl, * + blockquote, * + table { margin: 20px 0 0; } } * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin: 25px 0 0; } @media (max-width: 767px) { * + h1, * + h2, * + h3, * + h4, * + h5, * + h6 { margin: 20px 0 0; } } .notification { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; z-index: 9999; text-align: center; padding: 20px; font-size: 2rem; color: #fff; background-color: #d52229; -moz-transform: translate(0, -101%); -o-transform: translate(0, -101%); -ms-transform: translate(0, -101%); -webkit-transform: translate(0, -101%); transform: translate(0, -101%); } @media (max-width: 767px) { .notification { padding: 15px; font-size: 1.7rem; } } .notification, .notification * { -moz-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -o-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -ms-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; -webkit-transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; transition: transform 0.2s ease, opacity 0.2s ease, background-color 0.2s ease; } .notification:after { content: 'Got it'; line-height: 1; text-align: center; position: absolute; left: 50%; bottom: 50%; opacity: 0; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform: translate(-50%, 200%); -o-transform: translate(-50%, 200%); -ms-transform: translate(-50%, 200%); -webkit-transform: translate(-50%, 200%); transform: translate(-50%, 200%); } .notification.show { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .notification.show:hover p { -moz-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transform: translate(0, -100%); transform: translate(0, -100%); opacity: 0; } .notification.show:hover:after { -moz-transform: translate(-50%, 50%); -o-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); opacity: 1; } .error-tooltip { text-align: center; position: absolute; width: 30px; height: 30px; font-size: 18px; color: #fff; background: #d52229; left: -40px; top: 50%; opacity: 0; z-index: 99; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -moz-transform: translateY(-50%) scale(0, 0); -o-transform: translateY(-50%) scale(0, 0); -ms-transform: translateY(-50%) scale(0, 0); -webkit-transform: translateY(-50%) scale(0, 0); transform: translateY(-50%) scale(0, 0); } @media (max-width: 767px) { .error-tooltip { width: 20px; height: 20px; font-size: 15px; left: -20px; } } .error-tooltip i { position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .error-tooltip:after { content: ''; position: absolute; right: 0; top: 50%; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 6px; border-color: transparent transparent transparent #d52229; -moz-transform: translate(100%, -50%); -o-transform: translate(100%, -50%); -ms-transform: translate(100%, -50%); -webkit-transform: translate(100%, -50%); transform: translate(100%, -50%); } @media (max-width: 767px) { .error-tooltip:after { border-width: 4px 0 4px 5px; } } .error-tooltip.show { opacity: 1; -moz-transform: translateY(-50%) scale(1, 1); -o-transform: translateY(-50%) scale(1, 1); -ms-transform: translateY(-50%) scale(1, 1); -webkit-transform: translateY(-50%) scale(1, 1); transform: translateY(-50%) scale(1, 1); } .warning { display: none; color: #d52229; font-weight: bold; text-transform: uppercase; line-height: 1; } .warning.show { position: absolute; left: 0; bottom: -15px; font-size: 65%; } @media (max-width: 767px) { .warning.show { bottom: -12px; } } body .fancybox-overlay { background: rgba(29, 29, 29, 0.8); } .fancybox-wrap .fancybox-close { z-index: 1200; position: absolute; top: 0 !important; right: 0 !important; width: 50px; height: 50px; cursor: pointer; background: none !important; } @media (max-width: 767px) { .fancybox-wrap .fancybox-close { width: 30px; height: 35px; } } .fancybox-wrap .fancybox-close:before { content: '\f00d'; position: absolute; top: 50%; left: 50%; font-family: Font Awesome\ 5 Pro; font-size: 30px; font-weight: 300; color: #fff; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { .fancybox-wrap .fancybox-close:before { font-size: 22px; } } .fancybox-wrap .fancybox-nav span { z-index: 1003; position: absolute; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: auto; height: auto; visibility: visible; cursor: pointer; background: none; margin: 0; } .fancybox-wrap .fancybox-nav span:before { position: relative; width: 35px; font-size: 45px; font-weight: 300; font-family: Font Awesome\ 5 Pro; color: #fff; } @media (max-width: 767px) { .fancybox-wrap .fancybox-nav span:before { font-size: 30px; } } .fancybox-wrap .fancybox-prev { z-index: 1010; } @media (min-width: 768px) { .fancybox-wrap .fancybox-prev span { left: 20px; } } .fancybox-wrap .fancybox-prev span:before { content: '\f104'; } .fancybox-wrap .fancybox-next { z-index: 1010; } @media (min-width: 768px) { .fancybox-wrap .fancybox-next span { right: 20px; } } .fancybox-wrap .fancybox-next span:before { content: '\f105'; } .fancybox-type-iframe .fancybox-skin { background: none !important; } .fancybox-type-iframe .fancybox-close { position: fixed; top: 0 !important; right: 0 !important; transform: none !important; } .sticky-quick-links { width: 100%; position: fixed; z-index: 40; bottom: 0; text-transform: uppercase; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -moz-transition: transform 0.2s ease; -o-transition: transform 0.2s ease; -ms-transition: transform 0.2s ease; -webkit-transition: transform 0.2s ease; transition: transform 0.2s ease; } @media (min-width: 992px) { .sticky-quick-links { display: none !important; } } .sticky-quick-links a { color: #fff; background: #111bc8; text-align: center; margin: 0; padding: 25px 0; font-size: 1.8rem; font-weight: 700; -webkit-flex: 1 0 50%; -moz-flex: 1 0 50%; -ms-flex: 1 0 50%; flex: 1 0 50%; } @media (max-width: 767px) { .sticky-quick-links a { padding: 18px 0; font-size: 1.5rem; } } .headroom { -moz-transition: transform 0.2s linear; -o-transition: transform 0.2s linear; -ms-transition: transform 0.2s linear; -webkit-transition: transform 0.2s linear; transition: transform 0.2s linear; } .headroom--pinned { transform: translateY(0%); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .headroom--unpinned { -moz-transform: translate(0, 101%); -o-transform: translate(0, 101%); -ms-transform: translate(0, 101%); -webkit-transform: translate(0, 101%); transform: translate(0, 101%); } #moove_gdpr_cookie_info_bar { z-index: 199 !important; border: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; width: auto !important; background: #111 !important; opacity: 0; transition: opacity .35s ease !important; } body.gdpr-infobar-visible #moove_gdpr_cookie_info_bar { opacity: 1; } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { display: block !important; padding: 40px !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container { padding: 30px 20px !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { padding: 0 !important; align-items: flex-end !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content { flex-wrap: wrap !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { padding-left: 0 !important; margin-bottom: 0 !important; max-width: none !important; width: 40%; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice { width: 100%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h6 { margin-bottom: 20px !important; line-height: 1 !important; letter-spacing: 0.03em !important; font-family: "HarmoniaSans" !important; font-weight: 800 !important; font-size: 1.9rem !important; color: #cbcbcb !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h1, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h2, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h3, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h4, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h5, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content > .moove-gdpr-cookie-notice h6 { font-size: 1.5rem !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p a { color: #cbcbcb !important; letter-spacing: 0em !important; font-size: 1.6rem !important; line-height: 1.65 !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container p a { font-size: 1.5rem !important; line-height: 1.65 !important; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { padding-left: 40px !important; margin-left: auto !important; } @media (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder { display: flex !important; width: 100% !important; padding-left: 0 !important; margin-left: 0 !important; margin-top: 30px !important; } } @media (min-width: 768px) and (max-width: 991px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { width: 33.33% !important; } } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton { width: 100%; } } #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton + .mgbutton { margin-left: 20px !important; } @media (max-width: 767px) { #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-button-holder .mgbutton + .mgbutton { margin-left: 0 !important; margin-top: 10px !important; } } .gdpr_lightbox-loader { display: none !important; } .gdpr_lightbox { background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap { text-align: left !important; pointer-events: none; } .gdpr_lightbox .gdpr_lightbox-wrap:before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin-right: 0 !important; opacity: 0; background: rgba(0, 0, 0, 0.8); transition: opacity .5s ease; } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap:before { opacity: 1 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { height: 100vh; overflow: hidden; overflow-y: auto; transform: translate(-100%, 0) scale(1) !important; background: #111 !important; transition: transform 0.75s cubic-bezier(0.83, 0, 0.17, 1); pointer-events: auto; } body.show-cookie-modal .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content { transform: translate(0, 0) scale(1) !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { display: table; height: 100% !important; min-height: 100% !important; max-height: none !important; width: 50vw !important; } @media (min-width: 768px) and (max-width: 991px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 75vw !important; } } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal { width: 100vw !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-right-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-title, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .main-modal-content, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-footer-content { padding: 0 !important; background: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { display: table-cell; vertical-align: middle; width: 100% !important; padding: 120px 60px !important; min-width: 0 !important; max-width: none !important; transform: none !important; background: none !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content { padding: 100px 30px 160px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close { z-index: 10; cursor: pointer; position: absolute; display: flex; align-items: center; justify-content: center; top: 50px; left: 60px; width: 20px; height: 20px; transition: all .25s ease; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close { top: 40px; left: 30px; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close .custom-arrow-close:before, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close .custom-arrow-close:after { content: ""; position: absolute; width: 1px; height: 20px; top: 50%; transform-origin: top; background-color: #cbcbcb; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close .custom-arrow-close:before { transform: rotate(45deg) translate(0, -50%); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close .custom-arrow-close:after { transform: rotate(-45deg) translate(0, -50%); } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-custom-close:hover { opacity: .5; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close { display: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content { height: auto !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .main-modal-content { max-height: none !important; overflow: visible !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title { height: auto !important; margin-bottom: 30px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title { line-height: 1 !important; letter-spacing: 0.03em !important; font-family: "HarmoniaSans" !important; font-weight: 800 !important; font-size: 2rem !important; color: #cbcbcb !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-title .tab-title { font-size: 1.6rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { margin-bottom: 0 !important; padding-right: 0 !important; line-height: 1 !important; letter-spacing: 0.03em !important; font-family: "HarmoniaSans" !important; font-weight: 800 !important; font-size: 1.9rem !important; color: #cbcbcb !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .tab-title { font-size: 1.5rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content { overflow: visible !important; padding-right: 0 !important; padding-bottom: 30px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { color: #cbcbcb !important; letter-spacing: 0em !important; font-size: 1.6rem !important; line-height: 1.65 !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a { font-size: 1.5rem !important; line-height: 1.65 !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content a:hover { text-decoration: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main { padding-top: 40px; border-top: 1px solid #878787; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main + .moove-gdpr-tab-main .moove-gdpr-tab-main-content { padding-top: 30px; max-height: none !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar { position: relative !important; text-align: left !important; width: auto !important; padding: 0 !important; margin-top: 20px !important; margin-bottom: 10px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-fieldset { display: flex; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .gdpr-cc-form-wrap { margin-bottom: 0 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-switch, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { width: 50px !important; height: 28px !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider { box-shadow: none !important; background-color: #fff !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:before { left: 4px !important; bottom: 3px !important; border: 0 !important; width: 22px !important; height: 22px !important; background-color: red !important; background-image: url("../img/x-light.svg") !important; background-position: center !important; background-repeat: no-repeat !important; background-size: 30% !important; transition: transform .25s ease !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider .gdpr-sr-label { top: 0 !important; left: 70px !important; right: auto !important; line-height: 28px !important; font-weight: 700 !important; text-transform: uppercase !important; color: red !important; font-size: 1.6rem !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider:after, .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider .gdpr-sr-label { font-size: 1.5rem !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider .gdpr-sr-disable { color: red !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar .cookie-slider .gdpr-sr-enable { color: green !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input { display: block !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { background-color: green !important; background-image: url("../img/check-light.svg") !important; background-size: 50% !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:before { transform: translateX(20px) !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar input:checked + .cookie-slider:after { color: green !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-status-bar.gdpr-checkbox-disabled { opacity: .5 !important; } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { position: relative !important; height: auto !important; margin-top: 40px !important; } @media (max-width: 767px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content { margin-top: 20px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder { padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; } @media (max-width: 1365px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton { width: 100%; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton + button.mgbutton { margin-left: 20px !important; } @media (max-width: 1365px) { .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton + button.mgbutton { margin-left: 0 !important; margin-top: 10px !important; } } .gdpr_lightbox .gdpr_lightbox-wrap .gdpr_lightbox-content #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before { content: none !important; } .gdpr_lightbox .moove-gdpr-branding-cnt, .gdpr_lightbox .moove-gdpr-company-logo-holder, .gdpr_lightbox .gdpr_lightbox-close { display: none !important; } button.mgbutton { opacity: 1 !important; z-index: 2 !important; position: relative; overflow: hidden; margin: 0 !important; padding: 10px 35px !important; font-size: 1.6rem !important; border: 2px solid #ffffff !important; color: #ffffff !important; background: none !important; } @media (max-width: 767px) { button.mgbutton { padding: 13px 25px !important; font-size: 1.5rem !important; } } button.mgbutton:hover { color: #878787 !important; background: #ffffff !important; } .date-picker-wrap { position: relative; } .date-picker-wrap input { cursor: pointer; } .date-picker-wrap input::-ms-clear { display: none !important; } .date-picker-wrap:after { pointer-events: none; font-size: 18px; font-family: Font Awesome\ 5 Pro; content: '\f073'; color: #878787; z-index: 1; position: absolute; top: 50%; right: 20px; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } @media (max-width: 767px) { .date-picker-wrap:after { font-size: 15px; right: 15px; } } #ui-datepicker-div { background: #111bc8; color: #111bc8; border: 2px solid #111bc8; padding: 25px; width: 100%; max-width: 300px; z-index: 99 !important; display: none; } @media (max-width: 767px) { #ui-datepicker-div { max-width: 270px; } } #ui-datepicker-div * { color: #ffffff; text-align: center; } #ui-datepicker-div .ui-datepicker-header { position: relative; } #ui-datepicker-div .ui-datepicker-header .ui-datepicker-month, #ui-datepicker-div .ui-datepicker-header .ui-datepicker-year { font-size: 1.6rem; } #ui-datepicker-div .ui-datepicker-header a { width: 25px; height: 25px; line-height: 25px; opacity: 1; position: absolute; top: 4px !important; cursor: pointer; background: none !important; } #ui-datepicker-div .ui-datepicker-header a:before { content: '\f104'; font-family: Font Awesome\ 5 Pro; font-size: 2rem; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev { left: 2px; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next { right: 2px; } #ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:before { content: '\F105'; } #ui-datepicker-div .ui-datepicker-header a span { display: none; } #ui-datepicker-div table { width: 100%; margin: 0; } #ui-datepicker-div table th { padding: 15px 0 5px; text-transform: uppercase; } #ui-datepicker-div table td { background: none !important; } #ui-datepicker-div table td span, #ui-datepicker-div table td a { padding: 5px; line-height: 1.7; } #ui-datepicker-div table td.ui-state-disabled span, #ui-datepicker-div table td.ui-state-disabled a { opacity: .5; } #ui-datepicker-div table td a { position: relative; background: none !important; } #ui-datepicker-div table td a.ui-state-hover { color: #cbcbcb; } #ui-datepicker-div table td a.ui-state-highlight { color: #ffffff; } #ui-datepicker-div table td a:before { content: ''; position: absolute; left: 50%; top: 50%; z-index: -1; width: 30px; height: 30px; border-radius: 50%; opacity: 0; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } #ui-datepicker-div table td a:hover:before { opacity: 1; color: #cbcbcb !important; background: #030523; } #ui-datepicker-div table td a.ui-state-active { color: #cbcbcb !important; opacity: 1; } #ui-datepicker-div table td a.ui-state-active:before { opacity: 1; background: #030523; } .social-media i[class*="twitter"]:before { display: none; } .social-media i[class*="twitter"] svg { position: relative; top: 2px; height: 1.1rem; } .social-media i[class*="twitter"] svg * { fill: white; } .booking-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; visibility: hidden; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -moz-transform: translate(0, 101%); -o-transform: translate(0, 101%); -ms-transform: translate(0, 101%); -webkit-transform: translate(0, 101%); transform: translate(0, 101%); z-index: 80; } body.raise-booking-modal .booking-modal { visibility: visible; } .booking-modal.show { -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .booking-modal .container-fluid, .booking-modal .text-wrap { position: relative; height: 100%; max-width: none; } .booking-modal .text-inner { margin: 0 auto; width: 100%; max-width: 900px; } @media (min-width: 768px) and (max-width: 991px) { .booking-modal .text-inner { margin-top: -40px; } } @media (max-width: 767px) { .booking-modal .text-inner { margin-top: -30px; } } @media (max-width: 359px) { .booking-modal .text-inner { margin-top: -50px; } } .booking-modal .text-inner h2 { font-size: 3.5rem; } @media (max-width: 767px) { .booking-modal .text-inner h2 { font-size: 2.2rem; } } .booking-modal .booking-form { margin-top: 50px; } @media (min-width: 768px) and (max-width: 991px) { .booking-modal .booking-form { padding: 0 120px; } } @media (max-width: 767px) { .booking-modal .booking-form { margin-top: 35px; padding: 0 50px; } } @media (max-width: 359px) { .booking-modal .booking-form { margin-top: 15px; padding: 0 25px; } } .booking-modal .booking-form .flex-list { margin: -15px; } @media (min-width: 992px) { .booking-modal .booking-form .flex-list { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } } @media (max-width: 991px) { .booking-modal .booking-form .flex-list { margin: -5px; } } .booking-modal .booking-form .flex-list .flex-col { margin: 15px; padding-right: 30px; border-bottom: 1px solid #fff; white-space: nowrap; position: relative; } @media (max-width: 991px) { .booking-modal .booking-form .flex-list .flex-col { margin: 5px; padding: 0; width: 100%; } } .booking-modal .booking-form .flex-list .flex-col--promo { padding-right: 0; } .booking-modal .booking-form .flex-list .flex-col--button { padding: 0; border: 0; } @media (max-width: 991px) { .booking-modal .booking-form .flex-list .flex-col--button { margin: 0; border: 0; position: fixed; left: 0; right: 0; bottom: 0; } } .booking-modal .booking-form .flex-list .flex-col--button button { color: #fff; } @media (max-width: 991px) { .booking-modal .booking-form .flex-list .flex-col--button button { width: 100%; } } .booking-modal .booking-form .flex-list .flex-col--promo:after, .booking-modal .booking-form .flex-list .flex-col--button:after { content: none !important; } @media (max-width: 991px) { .booking-modal .booking-form .flex-list .flex-col:after { content: '\f078'; font-family: Font Awesome\ 5 Pro; font-size: 1.4rem; font-weight: 400; color: #fff; position: absolute; z-index: 2; top: 50%; right: 5px; pointer-events: none; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .booking-modal .booking-form .form-group { position: relative; margin: 0; } .booking-modal .booking-form .form-group label { position: absolute; z-index: -1; opacity: 0; font-size: 1.7rem; } .booking-modal .booking-form .form-group i { font-size: 1.7rem; z-index: 2; position: absolute; top: 50%; left: 0; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); pointer-events: none; } .booking-modal .booking-form input, .booking-modal .booking-form .select-wrap { height: 64px; font-size: 1.7rem; color: #fff; border: 0; width: auto; } .booking-modal .booking-form input::-webkit-input-placeholder, .booking-modal .booking-form .select-wrap::-webkit-input-placeholder { color: #fff; } .booking-modal .booking-form input:-moz-placeholder, .booking-modal .booking-form .select-wrap:-moz-placeholder { color: #fff; } .booking-modal .booking-form input::-moz-placeholder, .booking-modal .booking-form .select-wrap::-moz-placeholder { color: #fff; } .booking-modal .booking-form input:-ms-input-placeholder, .booking-modal .booking-form .select-wrap:-ms-input-placeholder { color: #fff; } @media (max-width: 767px) { .booking-modal .booking-form input, .booking-modal .booking-form .select-wrap { height: 50px; } } .booking-modal .booking-form input:-webkit-autofill, .booking-modal .booking-form input:-webkit-autofill:hover, .booking-modal .booking-form input:-webkit-autofill:focus, .booking-modal .booking-form .select-wrap:-webkit-autofill, .booking-modal .booking-form .select-wrap:-webkit-autofill:hover, .booking-modal .booking-form .select-wrap:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #000 inset; box-shadow: 0 0 0px 1000px #000 inset !important; } .booking-modal .booking-form input, .booking-modal .booking-form select { padding: 0 0 0 30px !important; } @media (max-width: 991px) { .booking-modal .booking-form input, .booking-modal .booking-form select { width: 100% !important; } } .booking-modal .booking-form .select-wrap { padding: 0 !important; display: inline; } .booking-modal .booking-form .select-wrap:after { content: none; } .booking-modal .booking-form .select-wrap select { height: 64px; width: auto; } @media (max-width: 767px) { .booking-modal .booking-form .select-wrap select { height: 49px; } } .booking-modal .booking-form button { font-size: 1.6rem; text-transform: uppercase; font-weight: 700; background-color: #111bc8; padding: 19px 40px; white-space: nowrap; overflow: hidden; position: relative; } .booking-modal .booking-form button span { z-index: 1; position: relative; } .booking-modal .booking-form button:after { content: ''; z-index: 0; position: absolute; top: -1px; bottom: -1px; left: -80px; right: 120%; -moz-transform: skew(25deg); -o-transform: skew(25deg); -ms-transform: skew(25deg); -webkit-transform: skew(25deg); transform: skew(25deg); background: linear-gradient(45deg, #200055 0%, #111bc8 100%); -moz-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -o-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -ms-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -webkit-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); } body.nonTouchDevice .booking-modal .booking-form button:hover:after { right: -80px; } @media (min-width: 768px) and (max-width: 991px) { .booking-modal .booking-form button { padding: 25px 0; font-size: 1.8rem; } } .booking-modal .close-modal { position: absolute; color: #fff; font-size: 1.4rem; font-weight: 800; text-transform: uppercase; top: 35px; right: 50px; padding-left: 20px; } @media (max-width: 991px) { .booking-modal .close-modal { right: 50%; -moz-transform: translate(50%, 0); -o-transform: translate(50%, 0); -ms-transform: translate(50%, 0); -webkit-transform: translate(50%, 0); transform: translate(50%, 0); } } @media (max-width: 359px) { .booking-modal .close-modal { right: 10px; top: 25px; -moz-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .booking-modal .close-modal span { display: none; } } .booking-modal .close-modal i { font-size: 1.8rem; position: absolute; left: 0; top: 50%; -moz-transform: translate(0, -50%); -o-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .hero { position: relative; } .hero h2 { font-size: 4.7rem; } @media (max-width: 767px) { .hero h2 { font-size: 2.5rem; } } .hero .text-button { margin-top: 25px; } @media (min-width: 768px) { .hero .slick-slider .slick-arrow { height: 120px; } } @media (min-width: 992px) { .hero .slick-slider .slick-prev { right: calc(50% + 70px); } } @media (min-width: 768px) and (max-width: 991px) { .hero .slick-slider .slick-prev { right: 50%; } } .hero .slick-slider .slick-next { right: 50%; } .hero .scroll-down-link { z-index: 2; position: absolute; left: 80px; bottom: 40px; font-size: 2.8rem; } @media (min-width: 768px) and (max-width: 1199px) { .hero .scroll-down-link { left: 40px; } } @media (max-width: 767px) { .hero .scroll-down-link { display: none; } } .hero .scroll-down-link .icon { position: relative; } .hero .scroll-down-link .icon .custom-arrow { width: 14px; height: 86px; position: relative; top: 0; display: inline-block; background: url("../img/arrow-down.png") no-repeat; background-size: 100%; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .hero .scroll-down-link .icon:after { content: ''; width: 35px; height: 35px; border: 2px solid #111bc8; border-radius: 50%; position: absolute; left: 50%; bottom: -3px; z-index: -1; -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; moz-transform-origin: left top; -o-transform-origin: left top; -ms-transform-origin: left top; -webkit-transform-origin: left top; transform-origin: left top; } .hero .scroll-down-link .text { font-size: 2rem; font-weight: 600; margin-left: 25px; } body.nonTouchDevice .hero .scroll-down-link:hover .icon .custom-arrow { top: 20px; -moz-transition-delay: 0.15s; -o-transition-delay: 0.15s; -ms-transition-delay: 0.15s; -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } body.nonTouchDevice .hero .scroll-down-link:hover .icon:after { -moz-transform: scale(1.5) translate(-50%, 0); -o-transform: scale(1.5) translate(-50%, 0); -ms-transform: scale(1.5) translate(-50%, 0); -webkit-transform: scale(1.5) translate(-50%, 0); transform: scale(1.5) translate(-50%, 0); opacity: 0; } .intro-text { position: relative; } .intro-text .text { padding: 160px 80px 160px 0; width: 50%; } @media (max-width: 991px) { .intro-text .text { width: 100%; padding-right: 0; } } @media (max-width: 767px) { .intro-text .text { padding: 100px 0; } } @media (min-width: 992px) { .intro-text .text h2 { width: 97%; } } .intro-text .image { overflow: hidden; position: absolute; left: 0; top: 0; right: 0; bottom: 0; left: 50%; } @media (max-width: 991px) { .intro-text .image { position: relative; left: 0; } } .intro-text .image .img { width: 100%; height: 100%; } @media (min-width: 768px) and (max-width: 991px) { .intro-text .image .img { height: 75vw; } } @media (max-width: 767px) { .intro-text .image .img { height: 105vw; } } .intro-text:before { content: ''; position: absolute; left: 0; top: -120px; right: 50%; height: 120px; background: #000; } @media (max-width: 767px) { .intro-text:before { content: none; } } .home-ctas { position: relative; padding-top: 180px; color: #878787; background: white; } @media (min-width: 768px) and (max-width: 991px) { .home-ctas { padding-top: 160px; } } @media (max-width: 767px) { .home-ctas { padding-top: 100px; } } .home-ctas .container-fluid { position: relative; z-index: 1; } @media (max-width: 991px) { .home-ctas .ctas-content { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } .home-ctas .ctas { width: 64%; margin: -10px; } @media (max-width: 991px) { .home-ctas .ctas { width: calc(100% + 20px); } } .home-ctas .ctas .cta-link { margin: 10px; width: calc(50% - 20px); position: relative; } @media (min-width: 768px) and (max-width: 991px) { .home-ctas .ctas .cta-link { padding-top: 70%; } } @media (max-width: 767px) { .home-ctas .ctas .cta-link { width: calc(100% - 20px); } } .home-ctas .ctas .cta-link .image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media (max-width: 767px) { .home-ctas .ctas .cta-link .image { position: relative; } } .home-ctas .ctas .cta-link .image .img { width: 100%; height: 100%; } @media (max-width: 767px) { .home-ctas .ctas .cta-link .image .img { height: 75vw; } } .home-ctas .ctas .cta-link:first-child { top: -60px; } @media (max-width: 767px) { .home-ctas .ctas .cta-link:first-child { top: 0; } } body.nonTouchDevice .home-ctas .ctas .cta-link:hover .button:after { right: -80px; } body.nonTouchDevice .home-ctas .ctas .cta-link:hover .button i.fa-long-arrow-right { margin-left: 60px; } .home-ctas .text { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; padding: 100px 0 200px 80px; } @media (min-width: 768px) and (max-width: 991px) { .home-ctas .text { padding-top: 0; padding-left: 0; } } @media (max-width: 767px) { .home-ctas .text { padding: 0 10px 50px; } } .home-ctas .text h4, .home-ctas .text .subtitle { color: #000; } .home-ctas:after { content: ''; z-index: 0; position: absolute; left: 0; right: 0; bottom: 0; height: 120px; background: #000; } @media (max-width: 767px) { .home-ctas:after { height: 60px; } } @media (max-width: 767px) { body.home .image-text-widget { padding: 0 20px; } body.home .image-text-widget .flex-list { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } } body.home .image-text-widget .text { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } @media (max-width: 767px) { body.home .image-text-widget .text { padding: 0 10px 70px; } } @media (min-width: 992px) { body.home .image-text-widget .image { width: 59%; } } @media (min-width: 768px) and (max-width: 991px) { body.home .image-text-widget .image .img { padding-top: 65%; } } @media (max-width: 767px) { body.home .image-text-widget .image .img { padding-top: 85%; } } body.home .image-text-widget .image .slider, body.home .image-text-widget .image .slick-list, body.home .image-text-widget .image .slick-track { height: 100%; } @media (max-width: 991px) { body.home .image-text-widget .image .slick-prev { right: 70px; } } @media (max-width: 991px) { body.home .image-text-widget .image .slick-next { left: auto; } } .widget-container.sitemap-widget + .sitemap-widget { margin-top: 80px; } @media (max-width: 767px) { .widget-container.sitemap-widget + .sitemap-widget { margin-top: 40px; } } .widget-container.sitemap-widget ul { margin: 0; padding: 0; list-style: none; } .widget-container.sitemap-widget h3 + .sitemap-list { margin-top: 40px; } .widget-container.sitemap-widget .sitemap-list > li { padding: 25px 0; border-bottom: 2px solid #4f4f4f; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li { padding: 15px 0; } } .widget-container.sitemap-widget .sitemap-list > li:first-child { padding-top: 0; } .widget-container.sitemap-widget .sitemap-list > li > a { font-size: 2rem; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li > a { font-size: 1.6rem; } } .widget-container.sitemap-widget .sitemap-list > li a { display: block; padding: 3px 0; color: #ffffff; } body.nonTouchDevice .widget-container.sitemap-widget .sitemap-list > li a:hover { color: #0100ff; } .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 15px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul { margin-top: 5px; } } .widget-container.sitemap-widget .sitemap-list > li ul li { position: relative; } .widget-container.sitemap-widget .sitemap-list > li ul li a { padding-left: 25px; font-size: 1.6rem; color: #cbcbcb; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li a { padding-left: 20px; font-size: 1.5rem; } } .widget-container.sitemap-widget .sitemap-list > li ul li a:before { content: "-"; position: absolute; left: 0; top: 2px; } .widget-container.sitemap-widget .sitemap-list > li ul li ul { margin: 5px 0; padding-left: 25px; } @media (max-width: 767px) { .widget-container.sitemap-widget .sitemap-list > li ul li ul { padding-left: 20px; } } .masthead { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; position: relative; /* Fallback colour if no image in CMS */ background: #222; height: auto !important; min-height: 550px; } .masthead:after { content: ''; display: block; min-height: inherit; font-size: 0; } @media (max-width: 767px) { .masthead { min-height: 315px; } } .masthead .text { z-index: 2; position: relative; text-align: center; padding: 80px 60px; max-width: 800px; } @media (max-width: 767px) { .masthead .text { padding: 50px 20px; } } .masthead .text h1, .masthead .text h2, .masthead .text h3, .masthead .text h4, .masthead .text h5, .masthead .text h6 { color: #fff; margin-top: 20px; } .masthead .masthead-slider { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #000; } .masthead .masthead-slider .slick-list, .masthead .masthead-slider .slick-track { height: 100%; } .masthead .masthead-slider .slick-dots { z-index: 10; } .masthead .masthead-slider .slide .img { z-index: 0; } .masthead .masthead-slider .slide:after { content: ''; z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .masthead .masthead-slider .slide-overlay-fade:after { opacity: .8; background: black; } .masthead .masthead-slider .slide-overlay-gradient:after { opacity: .6; background: linear-gradient(180deg, black 40%, transparent 80%); z-index: 1; } .widget-container { position: relative; width: 100%; margin-top: 160px; } @media (min-width: 768px) and (max-width: 991px) { .widget-container { margin-top: 120px; } } @media (max-width: 767px) { .widget-container { margin-top: 80px; } } .widget-container--bleed + .widget-container--bleed { margin-top: 0 !important; } .widget-intro { text-align: center; margin: 0 auto 80px; max-width: 800px; } @media (max-width: 767px) { .widget-intro { padding: 0 10px; margin-bottom: 40px; } } .standard-widget a:not(.text-button):not(.close-btn), .contact-widget a:not(.text-button):not(.close-btn), .cookie-message a:not(.text-button):not(.close-btn) { color: inherit; position: relative; display: inline-block; } .standard-widget a:not(.text-button):not(.close-btn):after, .contact-widget a:not(.text-button):not(.close-btn):after, .cookie-message a:not(.text-button):not(.close-btn):after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #cbcbcb; } .standard-widget a:not(.text-button):not(.close-btn):hover:after, .contact-widget a:not(.text-button):not(.close-btn):hover:after, .cookie-message a:not(.text-button):not(.close-btn):hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .standard-widget a:not(.text-button):not(.close-btn):after, .contact-widget a:not(.text-button):not(.close-btn):after, .cookie-message a:not(.text-button):not(.close-btn):after { height: 1px; } .contact-widget { position: relative; } .contact-widget .widget-intro { margin: 0 auto 50px; } .contact-widget .widget-intro .subtitle { color: #000; } .contact-widget .widget-intro h1, .contact-widget .widget-intro h2, .contact-widget .widget-intro h3, .contact-widget .widget-intro h4, .contact-widget .widget-intro h5, .contact-widget .widget-intro h6 { color: #000; } .contact-widget .widget-intro p { color: #878787; } .contact-widget .contact-wrap { /* Form elements center aligned */ /* Form in container box */ } .contact-widget .contact-wrap form { max-width: 960px; margin: auto; } .contact-widget .contact-wrap form .flex-list { margin: 0 auto; max-width: 960px; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; } .contact-widget .contact-wrap form .form-group { width: 100%; margin: 8px 0; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group { margin: 8px 0; } } @media (min-width: 768px) { .contact-widget .contact-wrap form .form-group.half-input { width: calc(50% - 16px); } } .contact-widget .contact-wrap form .form-group.filled input, .contact-widget .contact-wrap form .form-group.filled .select-wrap, .contact-widget .contact-wrap form .form-group.filled textarea { border-color: #111bc8; } .contact-widget .contact-wrap form .form-group + .form-subtitle, .contact-widget .contact-wrap form .form-group + .form-description, .contact-widget .contact-wrap form .form-group + .single-checkbox { margin-top: 105px; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group + .form-subtitle, .contact-widget .contact-wrap form .form-group + .form-description, .contact-widget .contact-wrap form .form-group + .single-checkbox { margin-top: 52.5px; } } .contact-widget .contact-wrap form .form-group.form-subtitle, .contact-widget .contact-wrap form .form-group.form-description { margin-bottom: 20px; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group.form-subtitle, .contact-widget .contact-wrap form .form-group.form-description { margin-bottom: 10px; } } .contact-widget .contact-wrap form .form-group.form-subtitle { font-size: 1.9rem; color: #000; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group.form-subtitle { font-size: 1.5rem; } } .contact-widget .contact-wrap form .form-group.form-subtitle + .form-description, .contact-widget .contact-wrap form .form-group.form-subtitle + .check-input { margin-top: 0 !important; } .contact-widget .contact-wrap form .form-group .radio-check-list { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-between; -webkit-justify-content: space-between; -moz-box-pack: space-between; -ms-flex-pack: space-between; justify-content: space-between; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: -20px; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group .radio-check-list { margin-bottom: 5px; } } .contact-widget .contact-wrap form .form-group .radio-check-list .checkbox-cont { margin: 8px 0; } @media (max-width: 767px) { .contact-widget .contact-wrap form .form-group .radio-check-list .checkbox-cont { margin: 4px 0; width: 100%; } } .contact-widget .contact-wrap form .form-group.single-checkbox .radio-check-list { margin-top: 20px; } .contact-widget .contact-wrap form .form-group.single-checkbox label { color: #000; } .contact-widget .contact-wrap--centered form .form-group.form-subtitle, .contact-widget .contact-wrap--centered form .form-group.form-description { text-align: center; padding: 0 120px; max-width: 960px; } @media (max-width: 767px) { .contact-widget .contact-wrap--centered form .form-group.form-subtitle, .contact-widget .contact-wrap--centered form .form-group.form-description { padding: 0; } } @media (min-width: 768px) { .contact-widget .contact-wrap--centered form .form-group .radio-check-list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .contact-widget .contact-wrap--centered form .form-group .radio-check-list .checkbox-cont { margin: 20px 30px; } @media (max-width: 767px) { .contact-widget .contact-wrap--centered form .form-group .radio-check-list .checkbox-cont { margin: 5px 0; } } .contact-widget .contact-wrap--centered form .form-group.single-checkbox { text-align: center; } @media (max-width: 767px) { .contact-widget .contact-wrap--centered form .form-group.single-checkbox .radio-check-list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .contact-widget .contact-wrap--centered form .button-wrap { width: 100%; text-align: center; } .contact-widget .contact-wrap--centered form .button-wrap button { font-weight: 700; color: #000; position: relative; display: inline-block; } .contact-widget .contact-wrap--centered form .button-wrap button:after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #111bc8; } .contact-widget .contact-wrap--centered form .button-wrap button:hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .contact-widget .contact-wrap--centered form .button-wrap button:hover { background-color: transparent; } .contact-widget .contact-wrap--box { padding: 160px 120px; background: #f6f6f6; } @media (min-width: 768px) and (max-width: 991px) { .contact-widget .contact-wrap--box { padding: 120px 60px; } } @media (max-width: 767px) { .contact-widget .contact-wrap--box { padding: 80px 30px; } } .contact-widget .contact-wrap--box h1, .contact-widget .contact-wrap--box h2, .contact-widget .contact-wrap--box h3, .contact-widget .contact-wrap--box h4, .contact-widget .contact-wrap--box h5, .contact-widget .contact-wrap--box h6 { margin-top: 0; } .contact-widget .contact-wrap--box .subtitle + h1, .contact-widget .contact-wrap--box .subtitle + h2, .contact-widget .contact-wrap--box .subtitle + h3, .contact-widget .contact-wrap--box .subtitle + h4, .contact-widget .contact-wrap--box .subtitle + h5, .contact-widget .contact-wrap--box .subtitle + h6 { margin-top: 25px; } .contact-widget .contact-wrap--box input[type="text"], .contact-widget .contact-wrap--box input[type="email"], .contact-widget .contact-wrap--box input[type="number"], .contact-widget .contact-wrap--box input[type="tel"], .contact-widget .contact-wrap--box input[type="password"], .contact-widget .contact-wrap--box textarea, .contact-widget .contact-wrap--box .select-wrap { background: #f6f6f6; border-color: #878787; } .contact-widget .contact-wrap--box input[type="text"]:-webkit-autofill, .contact-widget .contact-wrap--box input[type="text"]:-webkit-autofill:hover, .contact-widget .contact-wrap--box input[type="text"]:-webkit-autofill:focus, .contact-widget .contact-wrap--box input[type="email"]:-webkit-autofill, .contact-widget .contact-wrap--box input[type="email"]:-webkit-autofill:hover, .contact-widget .contact-wrap--box input[type="email"]:-webkit-autofill:focus, .contact-widget .contact-wrap--box input[type="number"]:-webkit-autofill, .contact-widget .contact-wrap--box input[type="number"]:-webkit-autofill:hover, .contact-widget .contact-wrap--box input[type="number"]:-webkit-autofill:focus, .contact-widget .contact-wrap--box input[type="tel"]:-webkit-autofill, .contact-widget .contact-wrap--box input[type="tel"]:-webkit-autofill:hover, .contact-widget .contact-wrap--box input[type="tel"]:-webkit-autofill:focus, .contact-widget .contact-wrap--box input[type="password"]:-webkit-autofill, .contact-widget .contact-wrap--box input[type="password"]:-webkit-autofill:hover, .contact-widget .contact-wrap--box input[type="password"]:-webkit-autofill:focus, .contact-widget .contact-wrap--box textarea:-webkit-autofill, .contact-widget .contact-wrap--box textarea:-webkit-autofill:hover, .contact-widget .contact-wrap--box textarea:-webkit-autofill:focus, .contact-widget .contact-wrap--box .select-wrap:-webkit-autofill, .contact-widget .contact-wrap--box .select-wrap:-webkit-autofill:hover, .contact-widget .contact-wrap--box .select-wrap:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #f6f6f6 inset; box-shadow: 0 0 0px 1000px #f6f6f6 inset !important; } .contact-widget .contact-wrap--box input[type="text"].edge-autofilled, .contact-widget .contact-wrap--box input[type="text"].edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box input[type="email"].edge-autofilled, .contact-widget .contact-wrap--box input[type="email"].edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box input[type="number"].edge-autofilled, .contact-widget .contact-wrap--box input[type="number"].edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box input[type="tel"].edge-autofilled, .contact-widget .contact-wrap--box input[type="tel"].edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box input[type="password"].edge-autofilled, .contact-widget .contact-wrap--box input[type="password"].edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box textarea.edge-autofilled, .contact-widget .contact-wrap--box textarea.edge-autoSuggestFieldFilled, .contact-widget .contact-wrap--box .select-wrap.edge-autofilled, .contact-widget .contact-wrap--box .select-wrap.edge-autoSuggestFieldFilled { background: #f6f6f6 !important; } .contact-widget .contact-wrap--box input[type="checkbox"]:not(:checked) + label:before, .contact-widget .contact-wrap--box input[type="radio"]:not(:checked) + label:before { border-color: #878787; } .contact-widget .contact-wrap--box input[type="checkbox"]:not(:checked) + label:after { color: #878787; } .contact-widget .contact-wrap--box input[type="radio"]:not(:checked) + label:after { background: #878787; } .contact-widget .button { position: relative; } .contact-widget .button .spinner { opacity: 0; } .contact-widget .contact-widget-sending { position: relative; } .contact-widget .contact-widget-sending .button span { opacity: 0; } .contact-widget .contact-widget-sending .button .spinner { opacity: 1; } .form-complete { position: relative; border: 0; padding: 0; margin: 0; width: 100%; background: #f6f6f6; } .form-complete .contact-wrap, .form-complete .success-message { -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .form-complete .contact-wrap { pointer-events: none; } .success-message { display: none; color: #000; position: absolute; padding: 0 20px; text-align: center; font-size: 2.5rem; left: 0; right: 0; top: 50%; max-width: 720px; margin: 0 auto !important; -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 767px) { .success-message { font-size: 1.7rem; } } .facilities-widget .widget-intro { margin-bottom: 50px; } .facilities-widget .facilities-container { padding-bottom: 30px; } @media (max-width: 991px) { .facilities-widget .facilities-container { padding-bottom: 0; } } .facilities-widget .facilities-container .flex-list { position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .facilities-widget .facilities-container .flex-list .facility { display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; align-items: center; text-align: center; padding: 40px; width: calc(100% / 3); } @media (min-width: 768px) and (max-width: 991px) { .facilities-widget .facilities-container .flex-list .facility { width: calc(100% / 2); } } @media (max-width: 767px) { .facilities-widget .facilities-container .flex-list .facility { width: 100%; } } .facilities-widget .facilities-container .flex-list .facility .icon img { max-width: 60px; } .facilities-widget .facilities-container .flex-list .facility .items { display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .facilities-widget .facilities-container .flex-list .facility .items .item { display: flex; align-items: center; justify-content: center; width: 50%; text-align: center; padding: 10px; } @media (max-width: 1199px) { .facilities-widget .facilities-container .flex-list .facility .items .item { width: 100%; } } .doc-down-widget .flex-list { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: -20px auto; max-width: 800px; } @media (max-width: 767px) { .doc-down-widget .flex-list { margin: -10px; } } .doc-down-widget .flex-list a { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; margin: 20px 0 10px; width: 100%; } @media (max-width: 991px) { .doc-down-widget .flex-list a { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px; } } .doc-down-widget .flex-list a .icon { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 27%; position: relative; background: #111bc8; overflow: hidden; position: relative; } .doc-down-widget .flex-list a .icon span { z-index: 1; position: relative; } .doc-down-widget .flex-list a .icon:after { content: ''; z-index: 0; position: absolute; top: -1px; bottom: -1px; left: -80px; right: 120%; -moz-transform: skew(25deg); -o-transform: skew(25deg); -ms-transform: skew(25deg); -webkit-transform: skew(25deg); transform: skew(25deg); background: linear-gradient(45deg, #200055 0%, #111bc8 100%); -moz-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -o-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -ms-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); -webkit-transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); transition: all 0.45s cubic-bezier(0.63, 0.29, 0.17, 1); } body.nonTouchDevice .doc-down-widget .flex-list a .icon:hover:after { right: -80px; } @media (max-width: 991px) { .doc-down-widget .flex-list a .icon { width: 100%; padding: 15px; } } .doc-down-widget .flex-list a .icon i { z-index: 2; font-size: 3rem; color: #ffffff; position: relative; } .doc-down-widget .flex-list a .icon i:before { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .doc-down-widget .flex-list a .icon i:after { content: '\f0ed'; font-family: Font Awesome\ 5 Pro; font-weight: 900; position: absolute; left: 50%; top: 50%; opacity: 0; -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } .doc-down-widget .flex-list a .icon span { margin-left: 12px; position: relative; } .doc-down-widget .flex-list a .text { width: 90%; border: 2px solid #111bc8; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } @media (min-width: 992px) { .doc-down-widget .flex-list a .text { border-right: 0; } } @media (max-width: 991px) { .doc-down-widget .flex-list a .text { text-align: center; width: 100%; } } .doc-down-widget .flex-list a .text h4 { text-transform: none; margin: 20px 30px; font-size: 2.2rem; letter-spacing: 0; line-height: 1.65; color: #fff; } @media (max-width: 767px) { .doc-down-widget .flex-list a .text h4 { font-size: 1.8rem; } } .doc-down-widget .flex-list a .text span { margin-top: 10px; font-size: 1.8rem; display: block; color: #ffffff; text-transform: uppercase; font-weight: 700; } body.nonTouchDevice .doc-down-widget .flex-list a:hover .icon:after { right: -80px; } body.nonTouchDevice .doc-down-widget .flex-list a:hover .icon i:before { opacity: 0; } body.nonTouchDevice .doc-down-widget .flex-list a:hover .icon i:after { opacity: 1; } body.nonTouchDevice .doc-down-widget .flex-list a:hover .text { border-color: #090e6a; } .gallery-image-widget .gallery-list { overflow: hidden; margin: -10px; } @media (max-width: 767px) { .gallery-image-widget .gallery-list { margin: -5px; } } .gallery-image-widget .gallery-list a { float: left; width: calc(25% - 20px); margin: 10px; padding-top: 24%; position: relative; } @media (min-width: 768px) and (max-width: 991px) { .gallery-image-widget .gallery-list a { width: calc(50% - 20px); padding-top: 50%; } } @media (max-width: 767px) { .gallery-image-widget .gallery-list a { width: calc(50% - 10px); margin: 5px; padding-top: 50%; } } @media (min-width: 992px) { .gallery-image-widget .gallery-list a:nth-child(6n-6), .gallery-image-widget .gallery-list a:nth-child(6n-5) { width: calc(50% - 20px); } } @media (max-width: 991px) { .gallery-image-widget .gallery-list a:nth-child(3n-2) { padding-top: 50%; } } @media (min-width: 768px) and (max-width: 991px) { .gallery-image-widget .gallery-list a:nth-child(3n-2) { width: calc(100% - 20px); } } @media (max-width: 767px) { .gallery-image-widget .gallery-list a:nth-child(3n-2) { width: calc(100% - 10px); } } .gallery-image-widget .gallery-list a .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .gallery-image-widget .gallery-list a .img:before { content: ''; z-index: 1; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(45deg, #200055 0%, rgba(17, 27, 200, 0.8) 100%); opacity: 0; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .gallery-image-widget .gallery-list a .img:after { opacity: 0; content: '\f002'; font-size: 3.5rem; font-weight: 400; font-family: Font Awesome\ 5 Pro; color: #ffffff; z-index: 2; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%) scale(0, 0); -o-transform: translate(-50%, -50%) scale(0, 0); -ms-transform: translate(-50%, -50%) scale(0, 0); -webkit-transform: translate(-50%, -50%) scale(0, 0); transform: translate(-50%, -50%) scale(0, 0); -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; } body.nonTouchDevice .gallery-image-widget .gallery-list a:hover .img:before { opacity: 1; } body.nonTouchDevice .gallery-image-widget .gallery-list a:hover .img:after { opacity: 1; -moz-transform: translate(-50%, -50%) scale(1, 1); -o-transform: translate(-50%, -50%) scale(1, 1); -ms-transform: translate(-50%, -50%) scale(1, 1); -webkit-transform: translate(-50%, -50%) scale(1, 1); transform: translate(-50%, -50%) scale(1, 1); } .gallery-image-widget--fullwidth .container-fluid { max-width: none; padding: 0; } .image-text-widget .image { overflow: hidden; position: relative; } @media (max-width: 991px) { .image-text-widget .container-fluid { padding: 0; } } .image-text-widget--left .text, .image-text-widget--right .text { min-height: 450px; width: calc(50% - 80px); padding: 120px 80px 70px 120px; } @media (min-width: 992px) and (max-width: 1199px) { .image-text-widget--left .text, .image-text-widget--right .text { padding-top: 60px; padding-bottom: 60px; width: 50% !important; } } @media (max-width: 991px) { .image-text-widget--left .text, .image-text-widget--right .text { min-height: auto; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--left .text, .image-text-widget--right .text { padding: 60px 0 0; } } @media (max-width: 767px) { .image-text-widget--left .text, .image-text-widget--right .text { padding: 40px 0 0; } } .image-text-widget--left .text a:not(.text-button), .image-text-widget--right .text a:not(.text-button) { color: inherit; position: relative; display: inline-block; } .image-text-widget--left .text a:not(.text-button):after, .image-text-widget--right .text a:not(.text-button):after { content: ''; position: absolute; bottom: 2px; left: 0; width: 100%; height: 2px; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left center; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.75, 0, 0.2, 1), background-color 0.3s cubic-bezier(0.75, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.75, 0, 0.2, 1); background-color: #cbcbcb; } .image-text-widget--left .text a:not(.text-button):hover:after, .image-text-widget--right .text a:not(.text-button):hover:after { -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: right center; transform-origin: right center; } .image-text-widget--left .text a:not(.text-button):after, .image-text-widget--right .text a:not(.text-button):after { height: 1px; } .image-text-widget--left .image, .image-text-widget--right .image { width: calc(50% + 40px); } @media (max-width: 991px) { .image-text-widget--left .image, .image-text-widget--right .image { width: 100%; } } .image-text-widget--left .image .img, .image-text-widget--right .image .img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } @media (max-width: 991px) { .image-text-widget--left .image .img, .image-text-widget--right .image .img { position: relative; height: 100%; padding-top: 0; } } @media (max-width: 767px) { .image-text-widget--left .image .img, .image-text-widget--right .image .img { height: 100%; padding-top: 0; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--left { padding-left: 60px; } } @media (max-width: 767px) { .image-text-widget--left { padding-left: 30px; } } .image-text-widget--left .text { padding-right: 0; width: calc(50% - 40px); min-height: 450px; } @media (max-width: 991px) { .image-text-widget--left .text { min-height: auto; width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--left .text { padding: 60px 60px 0 0; } } @media (max-width: 767px) { .image-text-widget--left .text { padding: 40px 30px 0 0; } } @media (min-width: 992px) and (max-width: 1199px) { .image-text-widget--left .image { margin-left: -60px; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--right { padding-right: 60px; } } @media (max-width: 767px) { .image-text-widget--right { padding-right: 30px; } } @media (min-width: 992px) { .image-text-widget--right .flex-list { -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .image-text-widget--right .text { padding-left: 0; } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--right .text { padding: 60px 20px 0 60px; } } @media (max-width: 767px) { .image-text-widget--right .text { padding: 40px 0 0 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .image-text-widget--right .image { margin-right: -60px; } } .image-text-widget--top .flex-list, .image-text-widget--bottom .flex-list { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .image-text-widget--top .image, .image-text-widget--top .text, .image-text-widget--bottom .image, .image-text-widget--bottom .text { width: 100%; } .image-text-widget--top .text, .image-text-widget--bottom .text { text-align: center; } .image-text-widget--top .image .img, .image-text-widget--bottom .image .img { position: relative; height: 0; padding-top: 40%; } @media (max-width: 767px) { .image-text-widget--top .image .img, .image-text-widget--bottom .image .img { padding-top: 60%; } } .image-text-widget--top .text { padding: 120px 120px 0; } @media (min-width: 992px) and (max-width: 1199px) { .image-text-widget--top .text { padding: 60px 60px 0; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--top .text { padding: 60px 0 0; } } @media (max-width: 767px) { .image-text-widget--top .text { padding: 40px 0 0; } } .image-text-widget--bottom .flex-list { -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .image-text-widget--bottom .text { padding: 0 120px 120px; } @media (min-width: 992px) and (max-width: 1199px) { .image-text-widget--bottom .text { padding: 0 60px 60px; } } @media (min-width: 768px) and (max-width: 991px) { .image-text-widget--bottom .text { padding: 60px 0 0; } } @media (max-width: 767px) { .image-text-widget--bottom .text { padding: 0 0 40px; } } .line-divider-widget { height: 2px; background: #878787; } .map-widget iframe { display: block; width: 100%; height: 75vh; max-height: 640px; } @media (min-width: 768px) and (max-width: 991px) { .map-widget iframe { margin-left: -60px; margin-right: -60px; width: calc(100% + 120px); } } @media (max-width: 767px) { .map-widget iframe { height: 60vh; margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } } .ctas-widget .flex-row { margin: -10px; } @media (min-width: 992px) { .ctas-widget .flex-row { margin-top: -60px; } } .ctas-widget .flex-row .flex-item { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 10px; width: 50%; } @media (min-width: 992px) { .ctas-widget .flex-row .flex-item { margin-top: 60px; } .ctas-widget .flex-row .flex-item:nth-child(even) { margin-top: 120px; } } @media (max-width: 991px) { .ctas-widget .flex-row .flex-item { width: 100%; } } @media (min-width: 768px) and (max-width: 991px) { .ctas-widget .flex-row .flex-item + .flex-item { margin-top: 80px; } } @media (max-width: 767px) { .ctas-widget .flex-row .flex-item + .flex-item { margin-top: 40px; } } .ctas-widget .flex-row .flex-item .image { overflow: hidden; position: relative; } .ctas-widget .flex-row .flex-item .image .img { height: 0; height: 100%; } .ctas-widget .flex-row .flex-item .text { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; z-index: 2; position: relative; margin-top: 60px; } @media (max-width: 767px) { .ctas-widget .flex-row .flex-item .text { margin-top: 45px; } } .ctas-widget .flex-row .flex-item .text p { color: #cbcbcb; } body.nonTouchDevice .ctas-widget .flex-row a.flex-item:hover .button:after { right: -80px; } body.nonTouchDevice .ctas-widget .flex-row a.flex-item:hover .button i.fa-long-arrow-right { margin-left: 60px; } .social-share-widget .widget-intro { margin: 0 auto 55px; } .social-share-widget .addthis_toolbox { text-align: center; } .social-share-widget .addthis_toolbox .custom_images { margin: 0; padding: 0; list-style: none; display: inline-block; } .social-share-widget .addthis_toolbox .custom_images li { margin-left: 5px; margin-right: 5px; display: block; float: left; } @media (max-width: 767px) { .social-share-widget .addthis_toolbox .custom_images li { margin-left: 3px; margin-right: 3px; } } .social-share-widget .addthis_toolbox .custom_images a { font-size: 3.5rem; width: 80px; height: 40px; line-height: 80px; display: flex; text-align: center; margin: 0 auto; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .social-share-widget .addthis_toolbox .custom_images a i { margin: 0 auto; font-weight: 300; } @media (max-width: 767px) { .social-share-widget .addthis_toolbox .custom_images a { font-size: 20px; width: 50px; height: 20px; line-height: 50px; } } body.nonTouchDevice .social-share-widget .addthis_toolbox .custom_images a:hover { color: #111bc8; } .standard-widget { /* Failsafe for image pasted in wysiwyg */ } .standard-widget h1, .standard-widget h2, .standard-widget h3, .standard-widget h4, .standard-widget h5, .standard-widget h6 { text-align: center; } .standard-widget mark { color: #cbcbcb; background-color: #4f4f4f; } .standard-widget blockquote { font-weight: 800; margin-top: 24px; margin-bottom: 0; padding: 0; line-height: 1.6; font-size: 1.9rem; color: #ffffff; } @media (max-width: 767px) { .standard-widget blockquote { font-size: 1.6rem; } } .standard-widget img { width: 100% !important; height: auto !important; } .video-widget .widget-intro { margin: 80px auto 0; } @media (max-width: 767px) { .video-widget .widget-intro { margin-top: 40px; } } .video-widget .video-container { position: relative; } .video-widget .video-container a { overflow: hidden; position: relative; } .video-widget .video-container a .img { z-index: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .video-widget--overlay .video-container a.fancybox { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; min-height: 560px; } .video-widget--overlay .video-container a.fancybox:after { content: ''; display: block; min-height: inherit; font-size: 0; } @media (min-width: 768px) and (max-width: 991px) { .video-widget--overlay .video-container a.fancybox { min-height: 400px; } } @media (max-width: 767px) { .video-widget--overlay .video-container a.fancybox { min-height: 300px; } } .video-widget--overlay .video-container a.fancybox .button { right: 0; left: auto; } .video-widget--overlay .video-container a.fancybox .button i { font-size: 2.6rem; vertical-align: text-bottom; } body.nonTouchDevice .video-widget--overlay .video-container a.fancybox:hover .button:after { right: -80px; } body.nonTouchDevice .video-widget--overlay .video-container a.fancybox:hover .button i.fa-long-arrow-right { margin-left: 60px; }