.s-comp53 .event { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-comp53 .date-container { float: left; } .s-comp53 .event .description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 1140px) { .s-comp53 .event .description b { display: block; } } .s-comp53 { padding: 72px 0px 72px 0px; } .s-comp53 .calendar { margin: 36px 0px 0px 0px; } .s-comp53 .calendar .event { margin: 0px 0px 24px 0px; } .s-comp53 .calendar .event { padding: 0px 0px 0px 0px; } .s-comp53 .calendar .event .date-container { padding: 0px 24px 0px 24px; } .s-comp53 .calendar .event .date-container { text-align: center; } .s-comp53 .calendar .event .date-container .date .day { font-size: 36px; } .s-comp53 .calendar .event .date-container .date .day { font-weight: bold; } .s-comp53 .calendar .event .date-container .date .day { margin: 0px 0px 3px 0px; } .s-comp53 .calendar .event .date-container .date .month { font-size: 36px; } .s-comp53 .calendar .event .date-container .date .month { font-weight: bold; } .s-comp53 .calendar .event .date-container .time { font-size: 13px; } .s-comp53 .calendar .event .date-container .time { font-weight: normal; } .s-comp53 .calendar .event .date-container .time { letter-spacing: 1px; } .s-comp53 .calendar .event .date-container .time { opacity: 0.6; } .s-comp53 .calendar .event .description { font-size: 19px; } .s-comp53 .calendar .event .description { line-height: 120%; } .s-comp53 .s-title-h2 h2 { margin: 36px 0px 0px 0px; } /**************************** Content Layout ****************************/ .yls_db-services { margin-top: var(--comp-spacing_inner); margin-bottom: -10px; padding-top: var(--height_header); } .yls_db-services .yls_container .yls_comp { width: 100%; } .yls_db-services-content { width: 100%; max-width: 960px; margin: 0 auto; } @media only screen and (max-width: 991px) { .yls_db-services .yls_container { max-width: 100%; padding: 0 48px; } .yls_db-services .yls_container .yls_comp { display: inline-block; } } @media only screen and (max-width: 480px) { .yls_db-services .yls_container { padding: 0 24px; } } /**************************** Hero ****************************/ .yls_db__back { position: absolute; top: 0; left: 0; transform: translate(0, -100%); padding-bottom: 8px; } .yls_db__back a { font-size: var(--type-scale_sm); color: #fff; text-transform: uppercase; letter-spacing: -0.02em; font-weight: normal; font-family: var(--headings_font); text-decoration: none; } .yls_db__back a:hover { opacity: 0.6; } .yls_db__back a i { font-size: var(--type-scale-rel_xs); vertical-align: middle; margin-top: -0.03em; margin-right: var(--type-scale-rel_xs-1); } .yls_db-hero { position: relative; margin-bottom: var(--comp-spacing_outer); } .yls_db-hero__visual { position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; border-radius: var(--border-radius_sm); box-shadow: var(--shadow_xl); } .yls_db-hero__img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .yls_db-hero__img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; margin: 0 !important; object-fit: cover; object-position: center center; } .yls_db-hero__heading { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 50%); z-index: 10; display: inline-block; width: max-content; overflow: hidden; border-radius: var(--border-radius_sm); background: var(--color_primary-500); } .yls_db-hero__heading h1 { display: inline-block; margin: 0; padding: 0.5em 1em; text-align: center; font-size: var(--type-scale_xl-3); color: #fff; box-shadow: var(--shadow_lg); } @media only screen and (max-width: 991px) { .yls_db__back { left: 48px; } .yls_db-hero { --container_padding: 48px; width: calc(100% + ( var(--container_padding) * 2 )); margin-left: calc(var(--container_padding) * -1); margin-bottom: 72px; } .yls_db-hero__heading { position: relative; left: auto; bottom: auto; transform: none; display: block; max-width: calc(100% - ( var(--container_padding) * 2 )); margin: 0 auto; margin-top: calc(( var(--type-scale_xl-2) / -2 ) - ( var(--type-scale-rel_xs) / 2 )); } .yls_db-hero__heading h1 { width: 100%; padding: var(--type-scale-rel_xs) var(--type-scale-rel_sm); text-align: center; font-size: var(--type-scale_xl-2); } } @media only screen and (max-width: 480px) { .yls_db__back { left: 24px; } .yls_db-hero { --container_padding: 24px; margin-bottom: 48px; } .yls_db-hero__heading { margin-top: calc(( var(--type-scale_lg) / -2 ) - ( var(--type-scale-rel_xs) / 2 )); } .yls_db-hero__heading h1 { font-size: var(--type-scale_lg); } } /**************************** Content ****************************/ .yls_db-services-content .yls_spacer__v { --gap-y: 48px; } @media only screen and (min-width: 992px) { .yls_db-services-content h2 { margin-bottom: var(--type-scale-rel_xs); font-size: var(--type-scale_xl-1); } } .yls_db-services-content :is(h2, h3, h4, h5, h6), .yls_db-services-content .yls_text { max-width: 720px; margin-left: auto; margin-right: auto; } .yls_db-services-content .yls_logo-grid__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_db-services-content .yls_logo-grid__item { width: 25%; padding: calc(var(--gap) / 2); text-align: center; } .yls_db-services-content .yls_logo-grid__item a { display: inline-block; } .yls_db-services-content .yls_logo-grid__item img { max-width: 100%; max-height: 80px; } .yls_db-services-content .yls_gallery__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_db-services-content .yls_gallery__item { width: 50%; padding: calc(var(--gap) / 2); } @media only screen and (max-width: 480px) { .yls_db-services-content .yls_gallery__item { width: 100%; } } /**************************** Carousel ****************************/ .yls_db-services-content .yls_carousel { border-radius: var(--border-radius_md); box-shadow: var(--shadow_xl); } .yls_db-services-content .yls_carousel__img { width: 100%; padding-bottom: 61.8%; } /***** Navigation *****/ .yls_db-services-content .yls_carousel .swiper-button { width: 48px; height: 48px; background: var(--color_primary-600); border-radius: var(--border-radius_md); } .yls_db-services-content .yls_carousel .swiper-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--type-scale_sm); color: #fff; } .yls_db-services-content .yls_carousel .swiper-button-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .yls_db-services-content .yls_carousel .swiper-button-prev i { padding: 0 0.1em 0 0; } .yls_db-services-content .yls_carousel .swiper-button-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .yls_db-services-content .yls_carousel .swiper-button-next i { padding: 0 0 0 0.1em; } .yls_db-services-content .yls_carousel .swiper-button:after { display: none; } /**************************** Sidebar ****************************/ .yls_db-services-sidebar { position: relative; } .yls_db-services-sidebar .yls_card-content { padding: 36px; background: var(--color_secondary-200); border: 0; border-radius: var(--border-radius_md); } .yls_db-services-sidebar .yls_card h2 { margin-bottom: calc(var(--type-scale-rel_xs) - var(--gap-y)); font-size: var(--type-scale_xl); color: var(--color_secondary-700); } .yls_db-services-sidebar .yls_card .yls_text { color: var(--color_secondary-700); } .yls_db-services-sidebar .yls_feat-list.compact { --gap: 20px; margin: calc(var(--gap) / -2); } .yls_db-services-sidebar .yls_feat-list-item h3 { font-size: var(--type-scale_md) !important; font-weight: 500 !important; letter-spacing: -0.04em; } @media only screen and (max-width: 991px) { .yls_db-services-sidebar .yls_card h2 { text-align: center; } .yls_db-services-sidebar .yls_card .yls_text { text-align: center; } .yls_db-services-sidebar .yls_card .yls_btn-list { justify-content: center; } } /********************************* GENERAL SETTINGS *********************************/ .s-comp59 .direction-switcher .ds-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .s-comp59 .direction-switcher .ds-row > div { width: 50%; } .s-comp59 .direction-switcher .image-box { background-color: #f7f7f7; } .s-comp59 .direction-switcher .content-box .s-button-list { margin-top: calc(1.73rem - 4px) !important; } @media only screen and (min-width: 991px) { .s-comp59 .direction-switcher .content-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-comp59 .direction-switcher .content-box .container { max-width: none !important; padding: 0 !important; } } /********************************* IMAGE LEFT SETTINGS *********************************/ /* --- ODD CHILD --- */ .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(odd) { flex-direction: row; } @media only screen and (min-width: 1200px) { .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(odd) .content-box { padding-right: calc(((100vw - 1140px) / 2) + 15px) !important; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(odd) .content-box { padding-right: calc(((100vw - 940px) / 2) + 15px) !important; } } /* --- EVEN CHILD --- */ .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(even) { flex-direction: row-reverse; } @media only screen and (min-width: 1200px) { .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(even) .content-box { padding-left: calc(((100vw - 1140px) / 2) + 15px) !important; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .s-comp59 .direction-switcher:not(.row-reverse) .ds-row:nth-child(even) .content-box { padding-left: calc(((100vw - 940px) / 2) + 15px) !important; } } /********************************* IMAGE RIGHT SETTINGS *********************************/ /* --- ODD CHILD --- */ .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(odd) { flex-direction: row-reverse; } @media only screen and (min-width: 1200px) { .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(odd) .content-box { padding-left: calc(((100vw - 1140px) / 2) + 15px) !important; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(odd) .content-box { padding-left: calc(((100vw - 940px) / 2) + 15px) !important; } } /* --- EVEN CHILD --- */ .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(even) { flex-direction: row; } @media only screen and (min-width: 1200px) { .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(even) .content-box { padding-right: calc(((100vw - 1140px) / 2) + 15px) !important; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .s-comp59 .direction-switcher.row-reverse .ds-row:nth-child(even) .content-box { padding-right: calc(((100vw - 940px) / 2) + 15px) !important; } } /********************************* RESPONSIVE SETTINGS *********************************/ @media only screen and (max-width: 991px) { .s-comp59 .direction-switcher .ds-row { flex-direction: column !important; } .s-comp59 .direction-switcher .ds-row > div { width: 100%; } } .s-comp59 .direction-switcher .content-box { padding: 96px 60px 96px 60px; } .s-comp59 .direction-switcher .content-box .s-button-list { margin: -4px -4px -4px -4px; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn { width: auto; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn-alt { width: auto; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } .s-comp59 .direction-switcher .image-box .image { background-image: url(''); background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp59 .direction-switcher .image-box .image { width: 100%; } .s-comp59 .direction-switcher .image-box .image { height: 100%; } .s-comp59 .direction-switcher .image-box .image { padding: 0px 0px 0px 0px; } .s-comp59 .direction-switcher .image-box .image { min-height: 70vh; max-height: none; } @media (max-width: 768px) { .s-comp59 .direction-switcher .content-box { padding: 48px 30px 96px 30px; } .s-comp59 .direction-switcher .image-box .image { padding: 0px 0px 50% 0px; } .s-comp59 .direction-switcher .image-box .image { min-height: auto; max-height: none; } } @media (max-width: 480px) { .s-comp59 .direction-switcher .content-box { padding: 36px 0px 72px 0px; } .s-comp59 .direction-switcher .content-box .s-button-list { margin: -4px 0px -4px 0px; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn { width: 100%; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn { margin: 4px 0px 4px 0px; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn-alt { width: 100%; } .s-comp59 .direction-switcher .content-box .s-button-list .s-btn-alt { margin: 4px 0px 4px 0px; } .s-comp59 .direction-switcher .image-box .image { padding: 0px 0px 90% 0px; } .s-comp59 .direction-switcher .image-box .image { min-height: auto; max-height: none; } } /* CSS → Activities */ .s-comp124 { position: relative; } /************************** DIRECTION SWITCHER - IMAGE LEFT (DEFAULT) **************************/ .s-comp81 .direction-switcher > .row > div > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; } .s-comp81 .direction-switcher > .row > div:last-child > .row { margin-bottom: 0 !important; } .s-comp81 .direction-switcher > .row > div:nth-child(even) > .row { flex-direction: row-reverse; } @media screen and (max-width: 480px) { .s-comp81 .direction-switcher > .row > div > .row { flex-direction: column !important; } } /************************** DIRECTION SWITCHER - IMAGE RIGHT **************************/ .s-comp81 .direction-switcher.row-reverse > .row > div > .row { flex-direction: row-reverse; } .s-comp81 .direction-switcher.row-reverse > .row > div:nth-child(even) > .row { flex-direction: row; } /************************** VERTICAL CENTERING **************************/ .s-comp81 .direction-switcher > .row > div > .row > div:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-comp81 .direction-switcher .content-box > .row { width: calc(100% + 30px); } /************************** IMAGE **************************/ .s-comp81 .image { overflow: hidden; } .s-comp81 .image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .s-comp81 { padding: 96px 0px 96px 0px; } .s-comp81 .direction-switcher > .row > div > .row { margin: 0px -15px 96px -15px; } .s-comp81 .image { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); } .s-comp81 .image { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp81 .image { width: 100%; } .s-comp81 .image { padding: 0px 0px 100% 0px; } .s-comp81 .image { position: relative; } .s-comp81 .direction-switcher h2 { margin: 0px 0px 24px 0px; } .s-comp81 .direction-switcher .s-button-list { margin: 20px -4px -4px -4px; } .s-comp81 .direction-switcher .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp81 .direction-switcher .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } .s-comp81 .direction-switcher > .row > div > .row > div:nth-child(2) { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 768px) { .s-comp81 .image { padding: 0px 0px 150% 0px; } } @media (max-width: 480px) { .s-comp81 { padding: 72px 0px 72px 0px; } .s-comp81 .direction-switcher > .row > div > .row { margin: 0px -15px 72px -15px; } .s-comp81 .image { padding: 0px 0px 100% 0px; } .s-comp81 .direction-switcher h2 { margin: 24px 0px 24px 0px; } } /**************************** Content Layout ****************************/ .yls_db-update-row { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; margin: calc(var(--gap) / -2); } .yls_db-update-row > * { padding: calc(var(--gap) / 2); } .yls_db-update-content { width: var(--w_7-12); } .yls_db-update-sidebar { width: var(--w_3-12); } @media only screen and (max-width: 991px) { .yls_db-update .yls_container .yls_comp { display: inline-block; } .yls_db-update-row { --gap: 72px; flex-direction: column; justify-content: center; } .yls_db-update-content { width: 100%; } .yls_db-update-sidebar { width: 100%; } } /**************************** Hero ****************************/ .yls_db-update .yls_hero .yls_container { min-height: 0 !important; } .yls_db-update .yls_hero .yls_hero-content { padding-top: calc(var(--height_header) + 24px) !important; padding-bottom: 84px; } .yls_db-update .yls_hero .yls_hero-content .yls_breadcrumb { position: relative; margin-bottom: 16px; font-size: var(--type-scale_lg); font-family: var(--headings_font); font-weight: normal; line-height: 1; letter-spacing: -0.02em; color: #fff; opacity: 0.6; } .yls_db-update .yls_hero .yls_hero-content h1 { margin-bottom: 0; font-size: var(--type-scale_xl-2) !important; } .yls_db-update .yls_hero .yls_hero-bg-img { overflow: hidden; } .yls_db-update .yls_hero .yls_hero-bg-img img { transform: translate(-50%, -50%) scale(1.5) !important; filter: blur(20px); } .yls_db-update .yls_hero .yls_hero-cue { display: none !important; } /**************************** Content ****************************/ .yls_db-update-content .yls_spacer__v { --gap-y: 48px; } .yls_db-update-content h2 { margin-bottom: var(--type-scale-rel_xs-2); font-size: var(--type-scale_xl-2); } /**************************** Gallery ****************************/ .yls_db-update-content .yls_gallery__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_db-update-content .yls_gallery__item { width: var(--w_6-12); padding: calc(var(--gap) / 2); } /**************************** Carousel ****************************/ .yls_db-update-content .yls_carousel { border-radius: var(--border-radius_md); box-shadow: var(--shadow_xl); } .yls_db-update-content .yls_carousel__img { width: 100%; padding-bottom: 61.8%; } /***** Navigation *****/ .yls_db-update-content .yls_carousel .swiper-button { width: 48px; height: 48px; background: var(--color_primary-600); border-radius: var(--border-radius_md); } .yls_db-update-content .yls_carousel .swiper-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--type-scale_sm); color: #fff; } .yls_db-update-content .yls_carousel .swiper-button-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .yls_db-update-content .yls_carousel .swiper-button-prev i { padding: 0 0.1em 0 0; } .yls_db-update-content .yls_carousel .swiper-button-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .yls_db-update-content .yls_carousel .swiper-button-next i { padding: 0 0 0 0.1em; } .yls_db-update-content .yls_carousel .swiper-button:after { display: none; } /**************************** Sidebar ****************************/ .yls_db-update-sidebar { position: relative; } .yls_db-update-sidebar > .yls_spacer__v { --gap-y: 12px; } .yls_db-update-sidebar__card { padding: 48px 40px; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } .yls_db-update-sidebar__card .yls_spacer__v { --gap-y: 12px; } .yls_db-update-sidebar__card h2 { margin-bottom: 0; font-size: var(--type-scale_xl); text-align: center; } .yls_db-update-sidebar__card .yls_text { text-align: center; } .s-comp132 { position: relative; } .s-comp86 .content-wrapper > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .s-comp86 .tile-wrapper { position: relative; z-index: 10; } .s-comp86 .image-wrapper { position: relative; z-index: 1; } @media only screen and (min-width: 480px) { .s-comp86 .image-wrapper .image { position: absolute; top: 0; right: 15px; } .s-comp86 .tile-list.row-normal > .row > div:nth-child(even) > .content-wrapper > .row { flex-direction: row-reverse; } .s-comp86 .tile-list.row-reverse > .row > div:nth-child(odd) > .content-wrapper > .row { flex-direction: row-reverse; } .s-comp86 .tile-list.row-normal > .row > div:nth-child(even) > .content-wrapper .image-wrapper .image { position: absolute; top: 0; left: 15px; } .s-comp86 .tile-list.row-reverse > .row > div:nth-child(odd) > .content-wrapper .image-wrapper .image { position: absolute; top: 0; left: 15px; } } @media only screen and (max-width: 480px) { .s-comp86 .content-wrapper > .row { flex-direction: column-reverse; } .s-comp86 .tile-wrapper .s-button-list { justify-content: center; } .s-comp86 .tile-wrapper .s-button-list a { display: block; width: 100%; } } .s-comp86 .tile-list > .row > div:last-child .content-wrapper { margin-bottom: 0 !important; } .s-comp86 { padding: 144px 0px 144px 0px; } .s-comp86 .s-title-h2 h2 { text-align: center; } .s-comp86 .s-title-h3 h3 { text-align: center; } .s-comp86 .s-title-h4 h4 { text-align: center; } .s-comp86 .s-title-h5 h5 { text-align: center; } .s-comp86 .s-title-h6 h6 { text-align: center; } .s-comp86 .intro.s-text { font-size: 1.2rem; } .s-comp86 .intro.s-text { text-align: center; } .s-comp86 .intro.s-text { width: 67%; } .s-comp86 .intro.s-text { margin: 0px auto 4.3em auto; } .s-comp86 .content-wrapper { margin: 0px 0px 72px 0px; } .s-comp86 .content-wrapper .tile-wrapper { width: 50%; } .s-comp86 .content-wrapper .tile-wrapper { padding: 0px 15px 0px 15px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { border-top: 4px solid #faa61a; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { width: auto; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { margin: 72px 0px 72px 0px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile h3 { text-align: left; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-text { text-align: left; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-button-list { margin: -4px -4px -4px -4px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-button-list { padding: 1.728em 0px 0px 0px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } .s-comp86 .content-wrapper .image-wrapper { width: 50%; } .s-comp86 .content-wrapper .image-wrapper { padding: 0px 15px 0px 15px; } .s-comp86 .content-wrapper .image-wrapper .image { background-image: url(''); background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp86 .content-wrapper .image-wrapper .image { box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); } .s-comp86 .content-wrapper .image-wrapper .image { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .s-comp86 .content-wrapper .image-wrapper .image { width: 120%; } .s-comp86 .content-wrapper .image-wrapper .image { height: 100%; } .s-comp86 .content-wrapper .image-wrapper .image { padding: 0px 0px 0% 0px; } @media (max-width: 768px) { .s-comp86 { padding: 96px 0px 96px 0px; } .s-comp86 .intro.s-text { width: 83%; } .s-comp86 .intro.s-text { margin: 0px auto 2.986em auto; } .s-comp86 .content-wrapper .tile-wrapper { width: 60%; } .s-comp86 .content-wrapper .image-wrapper { width: 40%; } } @media (max-width: 480px) { .s-comp86 { padding: 72px 0px 72px 0px; } .s-comp86 .intro.s-text { font-size: 1rem; } .s-comp86 .intro.s-text { width: 100%; } .s-comp86 .intro.s-text { margin: 0px auto 2.488em auto; } .s-comp86 .content-wrapper { margin: 0px 0px 36px 0px; } .s-comp86 .content-wrapper .tile-wrapper { width: 100%; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile { margin: 0px 0px 0px 0px; } .s-comp86 .content-wrapper .tile-wrapper .s-tile h3 { text-align: center; } .s-comp86 .content-wrapper .tile-wrapper .s-tile .s-text { text-align: center; } .s-comp86 .content-wrapper .image-wrapper { width: 100%; } .s-comp86 .content-wrapper .image-wrapper .image { -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } .s-comp86 .content-wrapper .image-wrapper .image { width: 100%; } .s-comp86 .content-wrapper .image-wrapper .image { height: auto; } .s-comp86 .content-wrapper .image-wrapper .image { padding: 0px 0px 100% 0px; } } .s-comp79 .s-form h1:before, .s-comp79 .s-form h2:before, .s-comp79 .s-form h3:before, .s-comp79 .s-form h4:before, .s-comp79 .s-form h5:before, .s-comp79 .s-form h6:before { content: ""; position: relative; display: block; } .s-comp79 .s-form h1:after, .s-comp79 .s-form h2:after, .s-comp79 .s-form h3:after, .s-comp79 .s-form h4:after, .s-comp79 .s-form h5:after, .s-comp79 .s-form h6:after { content: ""; position: relative; display: block; } /****************** GENERAL ******************/ .s-comp79 { position: relative; } /****************** FORM SETTINGS ******************/ .s-comp79 .s-form .form-group { margin: 0; } .s-comp79 .s-form label { display: block; } .s-comp79 .s-form label.form-check-inline { display: inline-block; } .s-comp79 .s-btn { position: relative; } /* .s-comp79 .submitBtn:before{ content:""; position:absolute; top:0; left:0; bottom:0; width:0%; background:#000; opacity:0.25; -webkit-filter:invert(1); } */ .s-comp79 .s-form .checkbox-inline { display: inline-block; } .s-comp79 .s-form .radio-inline { display: inline-block; } .s-comp79 .form-check-label > .form-check-input { position: absolute; z-index: -1; opacity: 0; margin: 0; padding: 0; } .s-comp79 .form-check-label > .form-check-description { display: inline-block; } .s-comp79 .form-check-label > .form-check-indicator { position: absolute; top: 0.0625rem; left: 0; display: block; width: 1rem; height: 1rem; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ddd; background-repeat: no-repeat; background-position: center center; -webkit-background-size: 50% 50%; background-size: 50% 50%; } .s-comp79 .form-check-label .form-check-input:checked ~ .form-check-indicator { background-image: url('data:image/svg+xml;charset=utf8,'); color: #fff; background-color: #0074d9; } .s-comp79 .form-check-label { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Likely future */ } .s-comp79 .form-check.radio .form-check-label .form-check-input:checked ~ .form-check-indicator { background-image: url('data:image/svg+xml;charset=utf8,'); } .s-comp79 *:focus { outline: none; } .s-comp79 .s-form .s-recaptcha-beh > .g-recaptcha { display: inline-block; } .s-comp79 .s-form .s-recaptcha-beh > .g-recaptcha > div { width: auto !important; } input[type="date"]::-webkit-outer-spin-button, input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator, input[type="datetime-local"]::-webkit-outer-spin-button, input[type="datetime-local"]::-webkit-inner-spin-button, input[type="datetime-local"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-outer-spin-button, input[type="time"]::-webkit-inner-spin-button, input[type="time"]::-webkit-calendar-picker-indicator, input[type="month"]::-webkit-outer-spin-button, input[type="month"]::-webkit-inner-spin-button, input[type="month"]::-webkit-calendar-picker-indicator, input[type="week"]::-webkit-outer-spin-button, input[type="week"]::-webkit-inner-spin-button, input[type="week"]::-webkit-calendar-picker-indicator { -webkit-appearance: none; display: none; } .s-comp79 select { height: auto !important; } /****************** RADIO BUTTONS ******************/ .s-comp79 .s-radios-beh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -8px 0 -4px; } .s-comp79 .s-form .radio-inline { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .s-comp79 .s-form .radio-inline label { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s-comp79 .s-form .radio-inline .form-check-indicator { top: 50%; left: 0; transform: translate(0, -50%); } /****************** CHECKBOXES ******************/ .s-comp79 .s-checkbox-beh { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -8px 0 -4px; } .s-comp79 .form-check checkbox { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } .s-comp79 .s-checkbox-beh label { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .s-comp79 .s-checkbox-beh .form-check-indicator { top: 50%; left: 0; transform: translate(0, -50%); } /****************** UPLOAD INPUT ******************/ .s-comp79 .sm-input { position: relative; display: inline-block; margin-bottom: 0; cursor: pointer; } .s-comp79 .sm-file-input { margin: 0; filter: alpha(opacity=0); opacity: 0; cursor: pointer; } .s-comp79 .sm-file-input:hover + .sm-file-control::before { background: red; } .s-comp79 .sm-file-control { position: absolute; top: 0; right: 0; left: 0; z-index: 5; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100%; font-size: 0.9em; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 8px 12px; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); border-image: initial; border-radius: 0.25rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s-comp79 .file-control { padding: 8px 24px; } .s-comp79 .sm-file-control::before { position: absolute; top: -1px; right: -1px; bottom: -1px; z-index: 6; display: block; font-size: 1rem; line-height: 1.25; color: #55595c; background-color: #fff; background-image: none; -webkit-background-clip: padding-box; background-clip: padding-box; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0.15); border-image: initial; border-radius: 0.25rem; } .s-comp79 .sm-file-control::before { content: attr(data-btn); } .s-comp79 .sm-file-control::after { content: attr(data-upload); height: 32px; display: flex; align-items: center; padding: 0 15px; font-size: 0.9em; opacity: 0.7; } .s-comp79 input[type="file"] { padding: 0 !important; height: auto !important; display: inline-block !important; } .s-comp79 .sm-file-control { padding: 0 !important; width: 100% !important; height: 36px !important; } .s-comp79 .sm-file-control::before { padding: 8px 24px 12px 24px !important; } @media only screen and (max-width: 991px) { .s-comp79 form > .row { display: flex; flex-direction: column; } } /****************** LABELS ******************/ .s-comp79 .s-form label.form-check-label { position: relative; display: inline-block; padding-left: 0; cursor: pointer; } .s-comp79 .label-required:after { content: '*'; margin-left: 4px; font-size: 0.8em; color: red; font-weight: bold; } /****************** PRIVACY ******************/ .s-comp79 .privacy { text-align: left !important; } .s-comp79 .s-text a, .s-comp79 .privacy a { text-decoration-color: transparent !important; } .s-comp79 .privacy::empty { display: none; } /****************** SOCIAL MEDIA ******************/ .s-comp79 .social-media .row { margin: 0 -4px; display: flex; } @media only screen and (max-width: 991px) { .s-comp79 .social-media .row { justify-content: center; } } /****************** OPENING TIMES ******************/ .s-comp79 .opening-times .day { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media only screen and (max-width: 991px) { .s-comp79 .opening-times .day { flex-direction: column; } } .s-comp79 { padding: 96px 0px 66px 0px; } .s-comp79 .s-form h1 { text-align: left; } .s-comp79 .s-form h2 { text-align: left; } .s-comp79 .s-form h2 { margin: 0px 0px 24px 0px; } .s-comp79 .s-form h3 { text-align: left; } .s-comp79 .s-form h4 { text-align: left; } .s-comp79 .s-form h5 { text-align: left; } .s-comp79 .s-form h6 { text-align: left; } .s-comp79 .s-form .s-text { text-align: left; } .s-comp79 .s-form .s-text { margin: 0px 0px 30px 0px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { background-color: #fff; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { border: 1px solid #fabe19; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { width: 20px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { height: 20px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { margin: 3px 0px 0px 0px; } .s-comp79 .form-check.checkbox .form-check-label .form-check-input:checked ~ .form-check-indicator { background-color: #1799a7; } .s-comp79 .form-check.checkbox .form-check-label .form-check-input:checked ~ .form-check-indicator { border: 1px solid #1799a7; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { font-size: 14px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { padding: 0px 0px 0px 25px; } .s-comp79 .s-form .form-check.checkbox { margin: 0px 15px 0px 0px; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { background-color: #fff; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { -webkit-border-radius: 99px 99px 99px 99px; border-radius: 99px 99px 99px 99px; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { border: 1px solid #3a3c41; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { width: 14px; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { height: 14px; } .s-comp79 .form-check.radio .form-check-label > .form-check-indicator { margin: 0px 0px 0px 0px; } .s-comp79 .form-check.radio .form-check-label .form-check-input:checked ~ .form-check-indicator { background-color: #1799a7; } .s-comp79 .form-check.radio .form-check-label .form-check-input:checked ~ .form-check-indicator { border: 1px solid #1799a7; } .s-comp79 .form-check.radio .form-check-label:hover > .form-check-indicator { border: 1px solid #1799a7; } .s-comp79 .s-form .form-check.radio { margin: 0px 8px 0px 8px; } .s-comp79 .form-check.radio .form-check-label > .form-check-description { font-size: 0.9em; } .s-comp79 .form-check.radio .form-check-label > .form-check-description { color: #3a3c41; } .s-comp79 .form-check.radio .form-check-label > .form-check-description { line-height: 100%; } .s-comp79 .form-check.radio .form-check-label > .form-check-description { margin: 0px 0px 0px 25px; } .s-comp79 .form-check.radio .form-check-label > .form-check-description { opacity: 0.7; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { background-color: #fff; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { border: 1px solid #3a3c41; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { width: 14px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { height: 14px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-indicator { margin: 0px 0px 0px 0px; } .s-comp79 .form-check.checkbox .form-check-label .form-check-input:checked ~ .form-check-indicator { background-color: #1799a7; } .s-comp79 .form-check.checkbox .form-check-label .form-check-input:checked ~ .form-check-indicator { border: 1px solid #1799a7; } .s-comp79 .form-check.checkbox .form-check-label:hover > .form-check-indicator { border: 1px solid #1799a7; } .s-comp79 .s-form .form-check.checkbox { margin: 0px 8px 0px 8px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { font-size: 0.9em; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { color: #3a3c41; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { line-height: 100%; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { margin: 0px 0px 0px 0px; } .s-comp79 .form-check.checkbox .form-check-label > .form-check-description { opacity: 0.7; } .s-comp79 .s-img { margin: 0px 0px 30px 0px; } .s-comp79 .s-img-default-beh { text-align: center; } .s-comp79 .s-plugin iframe { width: 100%; } .s-comp79 .s-plugin iframe { margin: 0px 0px 30px 0px; } .s-comp79 .opening-times { width: 100%; } .s-comp79 .opening-times { margin: 0px 0px 30px 0px; } .s-comp79 .opening-times .day { width: 100%; } .s-comp79 .opening-times .day .day-inner { font-weight: normal; } .s-comp79 .opening-times .day .day-inner { text-align: left; } .s-comp79 .opening-times .day .day-inner { width: 120px; } .s-comp79 .opening-times .day .hours-inner { text-align: left; } .s-comp79 .social-media { width: 100%; } .s-comp79 .social-media { margin: 0px 0px 30px 0px; } .s-comp79 .social-media .s-text { font-weight: bold; } .s-comp79 .social-media .s-text { margin: 0px 0px 8px 0px; } .s-comp79 .social-media a { background-color: #1799a7; } .s-comp79 .social-media a { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp79 .social-media a { width: 30px; } .s-comp79 .social-media a { height: 30px; } .s-comp79 .social-media a { margin: 0px 4px 0px 4px; } .s-comp79 .social-media a { display: inline-block; } .s-comp79 .social-media a { position: relative; } .s-comp79 .social-media a i { font-size: 15px; } .s-comp79 .social-media a i { font-weight: normal; } .s-comp79 .social-media a i { color: #fff; } .s-comp79 .social-media a i { -ms-transform: translate3d(-50%, -50%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(-50%, -50%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp79 .social-media a i { position: absolute; } .s-comp79 .social-media a i { top: 50%; bottom: auto; left: 50%; right: auto; } .s-comp79 .social-media a:hover { -ms-transform: translate3d(0px, -2px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, -2px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, -2px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp79 .social-media { display: inline-block; } .s-comp79 .social-media { text-align: center; } .s-comp79 .privacy.s-text { font-size: 0.833rem; } .s-comp79 .privacy.s-text { font-weight: normal; } .s-comp79 .privacy.s-text { color: rgba(58, 60, 65, 0.6); } .s-comp79 .privacy.s-text { line-height: 1.44; } .s-comp79 .privacy.s-text { margin: 0px 0px 5px 0px; } .s-comp79 .privacy.s-text { opacity: 0.833; } .s-comp79 .s-form input::-webkit-input-placeholder { font-size: 0.9em; } .s-comp79 .s-form textarea::-webkit-input-placeholder { font-size: 0.9em; } .s-comp79 .s-form input:-moz-placeholder { font-size: 0.9em; } .s-comp79 .s-form textarea:-moz-placeholder { font-size: 0.9em; } .s-comp79 .s-form input::-moz-placeholder { font-size: 0.9em; } .s-comp79 .s-form textarea::-moz-placeholder { font-size: 0.9em; } .s-comp79 .s-form input:-ms-input-placeholder { font-size: 0.9em; } .s-comp79 .s-form textarea:-ms-input-placeholder { font-size: 0.9em; } .s-comp79 .s-form .sw-result-easyform { color: #fabe19; } .s-comp79 .s-form .sw-result-easyform { display: none; } .s-comp79 .s-form .has-error label.control-label { color: #a94442; } .s-comp79 .s-form .has-error input.form-control, .s-comp79 .s-form .has-error select.form-control, .s-comp79 .s-form .has-error textarea, .s-comp79 .s-form .has-error .sm-file-control { border: 2px solid #a94442; } .s-comp79 .s-form .has-success label.control-label { color: #27ae60; } .s-comp79 .s-form .has-success input.form-control, .s-comp79 .s-form .has-success select.form-control, .s-comp79 .s-form .has-success textarea, .s-comp79 .s-form .has-success .sm-file-control { border: 2px solid #27ae60; } .s-comp79 .s-form .sm-file-control::before { font-size: 1em; } .s-comp79 .s-form .sm-file-control::before { background-color: #106b75; } .s-comp79 .s-form .sm-file-control::before { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .s-comp79 .s-form .sm-file-control::before { border: 0px solid #fabe19; } .s-comp79 .s-form .sm-file-control::before { margin: 0px 0px 0px 0px; } .s-comp79 .s-form .sm-file-control::before { padding: 9px 24px 8px 24px; } .s-comp79 .s-form .sm-file-input:hover + .sm-file-control::before { background-color: #eaeaea; } .s-comp79 .s-form input.form-control, .s-comp79 .s-form select.form-control, .s-comp79 .s-form .sm-file-control { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp79 .s-form input.form-control, .s-comp79 .s-form select.form-control, .s-comp79 .s-form .sm-file-control { border: 1px solid #eaeaea; } .s-comp79 .s-form input.form-control, .s-comp79 .s-form select.form-control, .s-comp79 .s-form .sm-file-control { outline: 0px solid #fff; outline-offset: 0px; } .s-comp79 .s-form textarea.form-control { border: 1px solid #eaeaea; } .s-comp79 .s-form textarea.form-control { outline: 0px solid #fff; outline-offset: 0px; } .s-comp79 .s-form textarea.form-control { margin: 0px 0px 30px 0px; } .s-comp79 .s-form [type='submit'].s-btn-beh { text-align: left; } .s-comp79 .s-form [type='submit'].s-btn, .s-comp79 .s-form a[type='submit'].s-btn:link, .s-comp79 .s-form a[type='submit'].s-btn:visited { font-weight: bold; } .s-comp79 .s-form [type='submit'].s-btn, .s-comp79 .s-form a[type='submit'].s-btn:link, .s-comp79 .s-form a[type='submit'].s-btn:visited { margin: 5px 0px 30px 0px; } .s-comp79 .s-form [type='submit'].s-btn-alt, .s-comp79 .s-form a[type='submit'].s-btn-alt:link, .s-comp79 .s-form a[type='submit'].s-btn-alt:visited { margin: 5px 0px 30px 0px; } .s-comp79 .s-form [type='submit'].s-btn-alt-beh { text-align: left; } @media (min-width: 1200px) { .s-comp79 .s-form .sm-file-input:hover + .sm-file-control::before { background-color: #eaeaea; } } @media (max-width: 768px) { .s-comp79 { padding: 72px 0px 66px 0px; } .s-comp79 .s-form h1 { text-align: center; } .s-comp79 .s-form h2 { text-align: center; } .s-comp79 .s-form h2 { margin: 24px 0px 24px 0px; } .s-comp79 .s-form h3 { text-align: center; } .s-comp79 .s-form h4 { text-align: center; } .s-comp79 .s-form h5 { text-align: center; } .s-comp79 .s-form h6 { text-align: center; } .s-comp79 .s-form .s-text { text-align: center; } .s-comp79 .opening-times .day .day-inner { font-weight: bold; } .s-comp79 .opening-times .day .day-inner { text-align: center; } .s-comp79 .opening-times .day .day-inner { width: auto; } .s-comp79 .opening-times .day .hours-inner { text-align: center; } .s-comp79 .s-form .sm-file-input:hover + .sm-file-control::before { background-color: #eaeaea; } } @media (max-width: 480px) { .s-comp79 { padding: 48px 0px 42px 0px; } .s-comp79 .s-form h1 { text-align: center; } .s-comp79 .s-form h2 { text-align: center; } .s-comp79 .s-form h2 { margin: 24px 0px 24px 0px; } .s-comp79 .s-form h3 { text-align: center; } .s-comp79 .s-form h4 { text-align: center; } .s-comp79 .s-form h5 { text-align: center; } .s-comp79 .s-form h6 { text-align: center; } .s-comp79 .s-form .s-text { text-align: center; } .s-comp79 .opening-times { margin: -18px 0px 30px 0px; } .s-comp79 .opening-times .day .day-inner { font-weight: bold; } .s-comp79 .opening-times .day .day-inner { text-align: center; } .s-comp79 .opening-times .day .day-inner { width: auto; } .s-comp79 .opening-times .day .hours-inner { text-align: center; } .s-comp79 .s-form .sm-file-input:hover + .sm-file-control::before { background-color: #eaeaea; } } /**************************** FLEX (COMP) ****************************/ .s-comp90 .s-flex.smC11783SmSn1p3T4-style { position: relative; } /**************************** FLEX (COLUMN) ****************************/ .s-comp90 .s-flex.smC11783SmSn1p3T5-style { position: relative; } /**************************** BLOCKQUOTE ****************************/ .s-comp90 .s-quote.smC11783SmSn1p3T12-style { position: relative; } .s-comp90 .s-quote.smC11783SmSn1p3T12-style:before, .s-comp90 .s-quote.smC11783SmSn1p3T12-style:after { content: '"'; } /**************************** BUTTON LIST ****************************/ .s-comp90 .s-btn.smC11783SmSn1p3T8-style, .s-comp90 .s-btn-alt.smC11783SmSn1p3T8-style { position: relative; } /**************************** EMBED/IFRAME ****************************/ .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { overflow: hidden; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style iframe { width: 100% !important; height: 100% !important; margin-bottom: -10px !important; } /**************************** GALLERY ****************************/ .s-comp90 .gallery > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .s-comp90 .gallery > .row > div { padding: 0 15px; } .s-comp90 .gallery.grid-1 > .row > div { width: 100%; } .s-comp90 .gallery.grid-2 > .row > div { width: 50%; } .s-comp90 .gallery.grid-3 > .row > div { width: 33.333%; } .s-comp90 .gallery.grid-4 > .row > div { width: 25%; } .s-comp90 .gallery.grid-5 > .row > div { width: 20%; } .s-comp90 .gallery > .row > div > a { display: inline-block; width: 100%; } .s-comp90 .gallery .s-grid-img { width: 100%; padding-bottom: 75%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 4px; margin-bottom: 30px; } @media only screen and (max-width: 991px) { .s-comp90 .gallery.grid-4 > .row > div, .s-comp90 .gallery.grid-5 > .row > div { width: 50%; } } @media only screen and (max-width: 480px) { .s-comp90 .gallery > .row > div { width: 100% !important; } } /**************************** ICON LIST ****************************/ .s-comp90 .icon-list { position: relative; } .s-comp90 .icon-list .icons .icon { position: relative; overflow: hidden; display: block; } .s-comp90 .icon-list .icons .icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /**************************** IMAGE ****************************/ .s-comp90 .s-img__wrapper.smC11783SmSn1p3T9-style .s-img[src=""], .s-comp90 .s-img__wrapper.smC11783SmSn1p3T9-style .s-img[src*="placehold.it"] { display: none; } /**************************** LINKED IMAGE ****************************/ .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style a { display: inline-block; position: relative; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style .s-logo { max-width: 100%; max-height: 100%; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style .s-logo[src=""], .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style .s-logo[src*="placehold.it"] { display: none; } /**************************** LOGO LIST ****************************/ .s-comp90 .logo-list .logo { position: relative; } .s-comp90 .logo-list .logo a { display: inline-block; position: relative; width: 100%; height: 100%; } .s-comp90 .logo-list .logo img { max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /**************************** TEXT ****************************/ .s-comp90 .s-text.smC11783SmSn1p3T7-style { position: relative; } /**************************** TILE ****************************/ .s-comp90 .s-tile { position: relative; } .s-comp90 .s-tile > .row > div:last-child > *:not(.s-button-list) { margin-bottom: 0 !important; } .s-comp90 .s-tile > .row > div:last-child .s-button-list { margin-bottom: -4px !important; } /**************************** TITLE ****************************/ .s-comp90 h1.smC11783SmSn1p3T6-style, .s-comp90 h2.smC11783SmSn1p3T6-style, .s-comp90 h3.smC11783SmSn1p3T6-style, .s-comp90 h4.smC11783SmSn1p3T6-style, .s-comp90 h5.smC11783SmSn1p3T6-style, .s-comp90 h6.smC11783SmSn1p3T6-style { position: relative; } /**************************** VIDEO POP-UP ****************************/ .s-comp90 .background-image { position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); border-radius: 3px; margin-top: 20px; } .s-comp90 .background-image.hdtv { padding-bottom: 56.25% !important; } .s-comp90 .background-image.square { padding-bottom: clamp(0%, 100%, 60vh) !important; } .s-comp90 .background-image.vertical { padding-bottom: 120% !important; } .s-comp90 .background-image.sdtv { padding-bottom: 75% !important; } @media only screen and (max-width: 991px) { .s-comp90 .background-image { margin-bottom: 30px; padding-bottom: 70%; margin-top: 0; } } .s-comp90 .s-playbtn-beh { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 9999px; animation: ripple 3s linear infinite; } .s-comp90 a.s-playbtn { text-decoration: none; position: relative; top: auto; left: auto; } @keyframes ripple { 0% { box-shadow: 0 0 0 0.7rem rgba(255, 255, 255, 0.3), 0 0 0 1.5rem rgba(255, 255, 255, 0.3), 0 0 0 4rem rgba(255, 255, 255, 0.3); } 100% { box-shadow: 0 0 0 1.5rem rgba(255, 255, 255, 0.3), 0 0 0 3rem rgba(255, 255, 255, 0.3), 0 0 0 6rem rgba(255, 255, 255, 0); } } .s-comp90 a.s-playbtn:focus { outline: none; } .s-comp90 a.s-playbtn i.fa { display: inline-flex; align-items: center; justify-content: center; } .s-mfp90.mfp-bg { z-index: 10000; } .s-mfp90.mfp-wrap { z-index: 10001; } .s-mfp90.mfp-wrap .mfp-content { max-width: none; } .s-mfp90.mfp-wrap iframe { box-shadow: none; } .s-mfp90 .mfp-close { opacity: 1; } .s-mfp90 .mfp-close:active { top: 0; } /* Default css from Grid */ .s-comp90 .s-grid.smC11783SmSn1p3T2-style { position: relative; } /* Default css from Masonry */ .s-comp90 .s-masonry.smC11783SmSn1p3T3-style { display: flex; flex-flow: column wrap; align-content: space-between; max-width: 100%; } /* Default css from Image */ .s-comp90 .s-img__wrapper.smC11783SmSn1p3T4-style { position: relative; } .s-comp90 .s-img__wrapper.smC11783SmSn1p3T4-style .s-img { width: 100%; height: 100%; object-fit: cover; object-position: center center; } .s-comp90 .s-img__wrapper.smC11783SmSn1p3T4-style .s-img[src=""], .s-comp90 .s-img__wrapper.smC11783SmSn1p3T4-style .s-img[src*="placehold.it"] { display: none; } .s-comp90 { position: relative; } .s-comp90 .s-flex.smC11783SmSn1p3T4-style { display: flex !important; flex-direction: row; } .s-comp90 .s-flex.smC11783SmSn1p3T4-style { flex-wrap: wrap; } .s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: center; } .s-comp90 .s-flex.smC11783SmSn1p3T5-style { display: flex !important; flex-direction: row; } .s-comp90 .s-flex.smC11783SmSn1p3T5-style { flex-wrap: wrap; } .s-comp90 .s-text.smC11783SmSn1p3T7-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-img__wrapper.smC11783SmSn1p3T9-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { width: 100%; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { height: 450px; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-button-list { margin: -4px -4px 32px -4px; } .s-comp90 .s-button-list { display: flex; flex-direction: row; } .s-comp90 .s-button-list { flex-wrap: wrap; } .s-comp90 blockquote.smC11783SmSn1p3T12-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style a { height: 60px; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style { display: flex; flex-direction: row; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style { flex-wrap: wrap; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style { justify-content: center; } .s-comp90 .icon-list { margin: 0px 0px 36px 0px; } .s-comp90 .icon-list .s-text { text-align: left; } .s-comp90 .icon-list .s-text { margin: 0px 0px 0.833em 0px; } .s-comp90 .icon-list .icons { margin: -4px -4px -4px -4px; } .s-comp90 .icon-list .icons { display: flex; flex-direction: row; } .s-comp90 .icon-list .icons { flex-wrap: wrap; } .s-comp90 .icon-list .icons { justify-content: flex-start; } .s-comp90 .icon-list .icons { align-items: center; } .s-comp90 .icon-list .icons div.icon { width: 30px; } .s-comp90 .icon-list .icons div.icon { height: 30px; } .s-comp90 .icon-list .icons div.icon { margin: 4px 4px 4px 4px; } .s-comp90 .icon-list .icons div.icon i { font-size: 1.44rem; } .s-comp90 .icon-list .icons div.icon i { color: #3a3c41; } .s-comp90 .icon-list .icons a.icon { background-color: #1799a7; } .s-comp90 .icon-list .icons a.icon { box-shadow: 0px 0px 8px 0px rgba(23, 153, 167, 0.2); -webkit-box-shadow: 0px 0px 8px 0px rgba(23, 153, 167, 0.2); } .s-comp90 .icon-list .icons a.icon { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .s-comp90 .icon-list .icons a.icon { width: 30px; } .s-comp90 .icon-list .icons a.icon { height: 30px; } .s-comp90 .icon-list .icons a.icon { margin: 4px 4px 4px 4px; } .s-comp90 .icon-list .icons a.icon i { font-size: 0.833rem; } .s-comp90 .icon-list .icons a.icon i { font-weight: normal; } .s-comp90 .icon-list .icons a.icon i { color: #fff; } .s-comp90 .icon-list .icons a.icon:hover { background-color: #158a96; } .s-comp90 .icon-list .icons a.icon:hover { box-shadow: 0px 0px 8px 0px rgba(21, 138, 150, 0.2); -webkit-box-shadow: 0px 0px 8px 0px rgba(21, 138, 150, 0.2); } .s-comp90 .icon-list .icons a.icon:hover { -ms-transform: translate3d(0%, -6%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0%, -6%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0%, -6%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp90 .logo-list { margin: 0px 0px 36px 0px; } .s-comp90 .logo-list .s-text { margin: 0px 0px 1em 0px; } .s-comp90 .logo-list .logos { display: grid; grid-template-columns: repeat(3, 1fr); } .s-comp90 .logo-list .logos { grid-gap: 30px; } .s-comp90 .logo-list .logos .logo { height: 50px; } .s-comp90 .logo-list .logos .logo, .s-comp90 .logo-list .logos .logo a { display: flex; flex-direction: row; } .s-comp90 .logo-list .logos .logo, .s-comp90 .logo-list .logos .logo a { justify-content: center; } .s-comp90 .logo-list .logos .logo, .s-comp90 .logo-list .logos .logo a { align-items: center; } .s-comp90 .s-card.smC11783SmSn1p3T15-style { margin: 0px 0px 36px 0px; } .s-comp90 .s-tile .s-button-list { display: flex; flex-direction: row; } .s-comp90 .s-tile .s-logo__link.smC11783SmSn1p3T13-style { display: flex; flex-direction: row; } .s-comp90 .s-tile .icon-list .icons { display: flex; flex-direction: row; } .s-comp90 .s-tile .logo-list .logos .logo, .s-comp90 .s-tile .logo-list .logos .logo a { display: flex; flex-direction: row; } .s-comp90 .gallery { margin: 0px 0px 6px 0px; } .s-comp90 .gallery .s-grid-img { box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(11, 11, 11, 0.1); } .s-comp90 .gallery .s-grid-img { -webkit-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } .s-comp90 .gallery .s-grid-img { width: 100%; } .s-comp90 .gallery .s-grid-img { padding: 0px 0px 75% 0px; } .s-comp90 a.s-playbtn i.fa { font-size: 30px; } .s-comp90 a.s-playbtn i.fa { color: #1799a7; } .s-comp90 a.s-playbtn i.fa { background-color: #fff; } .s-comp90 a.s-playbtn i.fa { -webkit-border-radius: 50px 50px 50px 50px; border-radius: 50px 50px 50px 50px; } .s-comp90 a.s-playbtn i.fa { width: 100px; } .s-comp90 a.s-playbtn i.fa { height: 100px; } .s-comp90 a.s-playbtn i.fa { padding: 0px 0px 0px 6px; } .s-comp90 a.s-playbtn:hover i.fa { color: #fff; } .s-comp90 a.s-playbtn:hover i.fa { background-color: #1799a7; } .s-mfp90.mfp-bg { background-color: #0b0b0b; } .s-mfp90.mfp-bg { opacity: 0.8; } .s-mfp90.mfp-wrap .mfp-content { width: 100%; } .s-mfp90 button.mfp-close { color: #1799a7; } .s-mfp90 button.mfp-close { background-color: #fff; } .s-mfp90 button.mfp-close:hover { color: #fff; } .s-mfp90 button.mfp-close:hover { background-color: #1799a7; } .s-mfp90 button.mfp-close { -webkit-transition: all 0.22s ease 0s; transition: all 0.22s ease 0s; } @media (min-width: 1200px) { .s-mfp90.mfp-wrap .mfp-content { width: 70%; } } @media (max-width: 768px) { .s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: flex-start; } .s-comp90 .s-flex.smC11783SmSn1p3T5-style { display: flex !important; flex-direction: column; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { height: 40vh; } .s-comp90 .icon-list .s-text { text-align: center; } .s-comp90 .icon-list .icons { justify-content: center; } } @media (max-width: 480px) { .s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: flex-start; } .s-comp90 .s-flex.smC11783SmSn1p3T5-style { display: flex !important; flex-direction: column; } .s-comp90 .s-img__wrapper.smC11783SmSn1p3T9-style { margin: 0px auto 36px auto; } .s-comp90 .s-plugin.smC11783SmSn1p3T11-style { height: 60vh; } .s-comp90 .s-logo__link.smC11783SmSn1p3T13-style a { height: 40px; } .s-comp90 .icon-list .s-text { text-align: center; } .s-comp90 .icon-list .icons { justify-content: center; } .s-comp90 .logo-list .logos { display: grid; grid-template-columns: repeat(1, 1fr); } .s-comp90 .s-tile .s-button-list { display: flex; flex-direction: column; } } /* Default css from Default Title */ .s-comp92 h1.smC11783SmSn1p3T17-style, .s-comp92 h2.smC11783SmSn1p3T17-style, .s-comp92 h3.smC11783SmSn1p3T17-style, .s-comp92 h4.smC11783SmSn1p3T17-style, .s-comp92 h5.smC11783SmSn1p3T17-style, .s-comp92 h6.smC11783SmSn1p3T17-style { position: relative; } /* Default css from Default Text */ .s-comp92 .s-text.smC11783SmSn1p3T18-style { position: relative; } .s-comp92 .s-text.smC11783SmSn1p3T18-style u { text-decoration: none; } /* Default css from Grid Collection */ .s-comp92 .s-grid.smC11783SmSn1p3T22-style { position: relative; } /* Default css from Default Button */ .s-comp92 .s-btn.smC11783SmSn1p3T23-style, .s-comp92 .s-btn-alt.smC11783SmSn1p3T23-style { position: relative; } /******************************** CONTAINER ********************************/ @media only screen and (min-width: 1280px) { .s-comp92 .container { max-width: clamp(1200px, calc(100vw - 144px), 1600px); } } /******************************** BUTTON LIST ********************************/ .s-comp92 .s-button-list { margin-top: 48px; justify-content: center; } .s-comp92 { position: relative; } .s-comp92 h1.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 h2.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 h3.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 h4.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 h5.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 h6.smC11783SmSn1p3T17-style { text-align: center; } .s-comp92 .s-text.smC11783SmSn1p3T18-style { text-align: center; } .s-comp92 .s-text.smC11783SmSn1p3T18-style { margin: 0px auto 48px auto; } .s-comp92 .s-text.smC11783SmSn1p3T18-style { min-width: 0px; max-width: 550px; } .s-comp92 .s-grid.smC11783SmSn1p3T22-style { display: grid; grid-template-columns: repeat(3, 1fr); } .s-comp92 .s-grid.smC11783SmSn1p3T22-style { grid-column-gap: 30px; } .s-comp92 .s-grid.smC11783SmSn1p3T22-style { grid-row-gap: 30px; } @media (max-width: 768px) { .s-comp92 .s-grid.smC11783SmSn1p3T22-style { display: grid; grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .s-comp92 .s-grid.smC11783SmSn1p3T22-style { display: grid; grid-template-columns: repeat(2, 1fr); } .s-comp92 .s-grid.smC11783SmSn1p3T22-style { grid-column-gap: 15px; } .s-comp92 .s-grid.smC11783SmSn1p3T22-style { grid-row-gap: 15px; } } .s-comp87, .s-comp87 iframe { overflow: hidden; line-height: 0; } .s-comp87 iframe { width: 100%; } .s-comp87 iframe { height: 55vh; } .s-comp80 { -webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); } /*********************** BACKGROUND ***********************/ .s-comp80 .hero-bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .s-comp80 .hero-bg-img.grayscale { filter: grayscale(100%); } .s-comp80 .hero-bg-overlay.hide { display: none; } /*********************** CONTENT ***********************/ .s-comp80 .container { position: relative; z-index: 10; height: 100%; } .s-comp80 .hero-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; } .s-comp80 .hero-content.horizontal-left { justify-content: flex-start; } .s-comp80 .hero-content.horizontal-center { justify-content: center; } .s-comp80 .hero-content.horizontal-right { justify-content: flex-end; } .s-comp80 .hero-content.vertical-top { align-items: flex-start; } .s-comp80 .hero-content.vertical-center { align-items: center; } .s-comp80 .hero-content.vertical-bottom { align-items: flex-end; } .s-comp80 .hero-content.horizontal-left h1, .s-comp80 .hero-content.horizontal-left h6, .s-comp80 .hero-content.horizontal-left .s-text { text-align: left; } .s-comp80 .hero-content.horizontal-left .s-button-list { justify-content: flex-start; } .s-comp80 .hero-content.horizontal-center h1, .s-comp80 .hero-content.horizontal-center h6, .s-comp80 .hero-content.horizontal-center .s-text { text-align: center; } .s-comp80 .hero-content.horizontal-center .s-button-list { justify-content: center; } .s-comp80 .hero-content.horizontal-right h1, .s-comp80 .hero-content.horizontal-right h6, .s-comp80 .hero-content.horizontal-right .s-text { text-align: right; } /*********************** BUTTON LIST ***********************/ .s-comp80 .hero-content.horizontal-right .s-button-list { justify-content: flex-end; } /*********************** SCROLL INDICATOR ***********************/ .s-comp80 .scroll-indicator.mouse > div:not(.mouse-container), .s-comp80 .scroll-indicator.icon > div:not(.icon-container), .s-comp80 .scroll-indicator.image > div:not(.image-container), .s-comp80 .scroll-indicator.hide { display: none; } .s-comp80 .scroll-indicator .mouse-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .s-comp80 .scroll-indicator .mouse-container a:before { content: ''; animation: wheel 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; -webkit-animation: wheel 3s cubic-bezier(0.77, 0, 0.175, 1) infinite; } @keyframes wheel { 0% { opacity: 1; } 20% { opacity: 1; } 30% { top: 20%; height: 10%; } 40% { height: 29%; } 60% { height: 10%; } 70% { top: 45%; } 80% { opacity: 1; } 100% { opacity: 1; } } .s-comp80 .scroll-indicator .icon-container a i, .s-comp80 .scroll-indicator .image-container a img { -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } /*********************** RESPONSIVE ***********************/ @media only screen and (max-width: 991px) { .s-comp80 .hero-content { justify-content: center !important; align-items: center !important; } .s-comp80 .hero-content.horizontal-left h1, .s-comp80 .hero-content.horizontal-left h6, .s-comp80 .hero-content.horizontal-left .s-text, .s-comp80 .hero-content.horizontal-right h1, .s-comp80 .hero-content.horizontal-right h6, .s-comp80 .hero-content.horizontal-right .s-text { text-align: center; } .s-comp80 .hero-content.horizontal-left .s-button-list, .s-comp80 .hero-content.horizontal-right .s-button-list { justify-content: center; } } .s-comp80 { height: 85vh; } .s-comp80 { position: relative; } .s-comp80 .hero-bg .hero-bg-img { background-image: url(''); background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp80 .hero-bg .hero-bg-img { width: 100%; } .s-comp80 .hero-bg .hero-bg-img { height: 100%; } .s-comp80 .hero-bg .hero-bg-img { z-index: 1; } .s-comp80 .hero-bg .hero-bg-img { position: absolute; } .s-comp80 .hero-bg .hero-bg-img { top: 0px; bottom: 0px; left: 0px; right: 0px; } .s-comp80 .hero-bg .hero-bg-overlay { background: linear-gradient(90deg, rgba(11, 11, 11, 0.7) 0%, rgba(11, 11, 11, 0.2) 100%); } .s-comp80 .hero-bg .hero-bg-overlay { width: 100%; } .s-comp80 .hero-bg .hero-bg-overlay { height: 100%; } .s-comp80 .hero-bg .hero-bg-overlay { z-index: 2; } .s-comp80 .hero-bg .hero-bg-overlay { position: absolute; } .s-comp80 .hero-bg .hero-bg-overlay { top: 0px; bottom: 0px; left: 0px; right: 0px; } .s-comp80 .hero-content .s-tile { background-color: rgba(255, 255, 255, 0); } .s-comp80 .hero-content .s-tile { box-shadow: 0px 0px 0px 0px rgba(11, 11, 11, 0); -webkit-box-shadow: 0px 0px 0px 0px rgba(11, 11, 11, 0); } .s-comp80 .hero-content .s-tile { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp80 .hero-content .s-tile { margin: 0px 0px 0px 0px; } .s-comp80 .hero-content .s-tile { padding: 0px 0px 0px 0px; } .s-comp80 .hero-content .s-tile { min-width: 0px; max-width: 620px; } .s-comp80 .hero-content .s-tile h1 { font-size: 2.986rem; } .s-comp80 .hero-content .s-tile h1 { color: #fff; } .s-comp80 .hero-content .s-tile h6 { color: #fff; } .s-comp80 .hero-content .s-tile h6 { opacity: 1; } .s-comp80 .hero-content .s-tile .s-text { font-size: 1.2rem; } .s-comp80 .hero-content .s-tile .s-text { color: #fff; } .s-comp80 .hero-content .s-tile .s-text { margin: 23px 0px 33px 0px; } .s-comp80 .hero-content .s-tile .s-text { min-width: 0px; max-width: 500px; } .s-comp80 .hero-content .s-tile .s-button-list { margin: -4px -4px -4px -4px; } .s-comp80 .hero-content .s-tile .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp80 .hero-content .s-tile .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } .s-comp80 .scroll-indicator { z-index: 20; } .s-comp80 .scroll-indicator { -ms-transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp80 .scroll-indicator { position: absolute; } .s-comp80 .scroll-indicator { top: auto; bottom: 36px; left: 50%; right: auto; } .s-comp80 .scroll-indicator .mouse-container a { -webkit-border-radius: 60px 60px 60px 60px; border-radius: 60px 60px 60px 60px; } .s-comp80 .scroll-indicator .mouse-container a { border: 2px solid #fff; } .s-comp80 .scroll-indicator .mouse-container a { width: 30px; } .s-comp80 .scroll-indicator .mouse-container a { height: 50px; } .s-comp80 .scroll-indicator .mouse-container a { position: relative; } .s-comp80 .scroll-indicator .mouse-container a:before { background-color: #fff; } .s-comp80 .scroll-indicator .mouse-container a:before { -webkit-border-radius: 99px 99px 99px 99px; border-radius: 99px 99px 99px 99px; } .s-comp80 .scroll-indicator .mouse-container a:before { width: 5px; } .s-comp80 .scroll-indicator .mouse-container a:before { height: 5px; } .s-comp80 .scroll-indicator .mouse-container a:before { -ms-transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(-50%, 0%, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp80 .scroll-indicator .mouse-container a:before { position: absolute; } .s-comp80 .scroll-indicator .mouse-container a:before { top: 20%; bottom: auto; left: 50%; right: auto; } .s-comp80 .scroll-indicator .mouse-container a:hover { opacity: 0.5; } .s-comp80 .scroll-indicator .mouse-container a:hover { -ms-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp80 .scroll-indicator .icon-container a i { font-size: 1.2rem; } .s-comp80 .scroll-indicator .icon-container a i { font-weight: normal; } .s-comp80 .scroll-indicator .icon-container a i { color: #fff; } .s-comp80 .scroll-indicator .icon-container a:hover { opacity: 0.5; } .s-comp80 .scroll-indicator .icon-container a:hover i { -ms-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp80 .scroll-indicator .image-container a img { height: 24px; } .s-comp80 .scroll-indicator .image-container a img { position: relative; } .s-comp80 .scroll-indicator .image-container a:hover img { opacity: 0.5; } .s-comp80 .scroll-indicator .image-container a:hover img { -ms-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, 4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } @media (max-width: 768px) { .s-comp80 .hero-content .s-tile .s-text { margin: 23px auto 33px auto; } } @media (max-width: 480px) { .s-comp80 { height: auto; } .s-comp80 .hero-content .s-tile { margin: 0px 0px 48px 0px; } .s-comp80 .hero-content .s-tile { padding: 72px 0px 72px 0px; } .s-comp80 .hero-content .s-tile h1 { font-size: 1.44rem; } .s-comp80 .hero-content .s-tile .s-text { font-size: 1rem; } .s-comp80 .hero-content .s-tile .s-text { margin: 23px auto 33px auto; } } @media only screen and (min-width: 480px) { .s-comp62 .banner-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } } .s-comp62 .banner-container.left { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .s-comp62 .image-container { position: relative; overflow: hidden; } .s-comp62 .image-container:after { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); } .s-comp62 .banner-container.left .image-container:after { left: 0; } .s-comp62 .banner-container.right .image-container:after { right: 0; } .s-comp62 .content-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-comp62 .content-container.left { text-align: left; -webkit-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; } @media only screen and (min-width: 1140px) { .s-comp62 .content-container.left { padding-left: calc(((100vw - 1140px) / 2) + 30px) !important; } } .s-comp62 .content-container.right { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } @media only screen and (min-width: 1140px) { .s-comp62 .content-container.right { padding-right: calc(((100vw - 1140px) / 2) + 30px) !important; } } @media only screen and (min-width: 480px) { .s-comp62 .content-container.right { text-align: right; } } .s-comp62 .content-container > div { width: 100%; max-width: 500px; } .s-comp62 .image-container { background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .s-comp62 .image-container { min-height: 600px; } .s-comp62 .content-container { background-color: #1799a7; } .s-comp62 .content-container { padding: 96px 60px 96px 60px; } .s-comp62 .content-container .s-title-h1 h1 { text-align: right; } .s-comp62 .content-container .s-title-h1 h1 { margin: 0px 0px 24px 0px; } .s-comp62 .content-container .s-title-h2 h2 { text-align: right; } .s-comp62 .content-container .s-title-h2 h2 { margin: 0px 0px 24px 0px; } .s-comp62 .content-container .s-title-h3 h3 { text-align: right; } .s-comp62 .content-container .s-title-h4 h4 { text-align: right; } .s-comp62 .content-container .s-title-h5 h5 { text-align: right; } .s-comp62 .content-container .s-title-h6 h6 { text-align: right; } .s-comp62 .content-container .s-text { margin: 0px 0px 24px 0px; } .s-comp62 .content-container .s-button-list .s-btn { margin: 0px 4px 4px 4px; } .s-comp62 .content-container .s-button-list { text-align: right; } .s-comp62 .content-container .s-button-list .s-btn-alt { margin: 0px 4px 4px 4px; } .s-comp62 .image-container:after { background-color: #1799a7; } .s-comp62 .image-container:after { width: 100px; } .s-comp62 .image-container:after { height: 1000px; } .s-comp62 .image-container:after { visibility: visible; display: inherit; } .s-comp62 .image-container:after { -ms-transform: translate(50%, -50%) rotate(8deg) scale(1, 1) skew(0deg, 0deg); -webkit-transform: translate(50%, -50%) rotate(8deg) scale(1, 1) skew(0deg, 0deg); transform: translate(50%, -50%) rotate(8deg) scale(1, 1) skew(0deg, 0deg); } @media (max-width: 480px) { .s-comp62 .image-container { min-height: 50vh; } .s-comp62 .content-container { padding: 48px 30px 48px 30px; } .s-comp62 .content-container .s-title-h1 h1 { text-align: center; } .s-comp62 .content-container .s-title-h2 h2 { text-align: center; } .s-comp62 .content-container .s-title-h3 h3 { text-align: center; } .s-comp62 .content-container .s-title-h4 h4 { text-align: center; } .s-comp62 .content-container .s-title-h5 h5 { text-align: center; } .s-comp62 .content-container .s-title-h6 h6 { text-align: center; } .s-comp62 .content-container .s-button-list { text-align: center; } .s-comp62 .image-container:after { display: none; } } /****************************** SLIDER LAYOUT ******************************/ .s-comp91 .splide__track, .s-comp91 .splide__list, .s-comp91 .splide__list > li { height: 100%; } .s-comp91 .splide__list > li { position: relative; z-index: 1; } .s-comp91 .splide__list > li .background-image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .s-comp91 .splide__list > li .background-image .image { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp91 .splide__list > li .background-image .overlay { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; } .s-comp91 .splide__list > li .container { position: relative; z-index: 10; height: 100%; } .s-comp91 .splide__list > li .content-container { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; } .s-comp91 .splide__list > li .content-container.horizontal-left, .s-comp91 .splide__list > li .content-container.horizontal-left .s-button-list { justify-content: flex-start !important; } .s-comp91 .splide__list > li .content-container.horizontal-center, .s-comp91 .splide__list > li .content-container.horizontal-center .s-button-list { justify-content: center !important; } .s-comp91 .splide__list > li .content-container.horizontal-right, .s-comp91 .splide__list > li .content-container.horizontal-right .s-button-list { justify-content: flex-end !important; } .s-comp91 .splide__list > li .content-container.vertical-top { align-items: flex-start !important; } .s-comp91 .splide__list > li .content-container.vertical-center { align-items: center !important; } .s-comp91 .splide__list > li .content-container.vertical-bottom { align-items: flex-end !important; } .s-comp91 .splide__list > li .content-container.horizontal-left h1, .s-comp91 .splide__list > li .content-container.horizontal-left h2, .s-comp91 .splide__list > li .content-container.horizontal-left h3, .s-comp91 .splide__list > li .content-container.horizontal-left h4, .s-comp91 .splide__list > li .content-container.horizontal-left h5, .s-comp91 .splide__list > li .content-container.horizontal-left h6, .s-comp91 .splide__list > li .content-container.horizontal-left .s-text, .s-comp91 .splide__list > li .content-container.horizontal-left .s-button-list { text-align: left !important; } .s-comp91 .splide__list > li .content-container.horizontal-center h1, .s-comp91 .splide__list > li .content-container.horizontal-center h2, .s-comp91 .splide__list > li .content-container.horizontal-center h3, .s-comp91 .splide__list > li .content-container.horizontal-center h4, .s-comp91 .splide__list > li .content-container.horizontal-center h5, .s-comp91 .splide__list > li .content-container.horizontal-center h6, .s-comp91 .splide__list > li .content-container.horizontal-center .s-text, .s-comp91 .splide__list > li .content-container.horizontal-center .s-button-list { text-align: center !important; } .s-comp91 .splide__list > li .content-container.horizontal-right h1, .s-comp91 .splide__list > li .content-container.horizontal-right h2, .s-comp91 .splide__list > li .content-container.horizontal-right h3, .s-comp91 .splide__list > li .content-container.horizontal-right h4, .s-comp91 .splide__list > li .content-container.horizontal-right h5, .s-comp91 .splide__list > li .content-container.horizontal-right h6, .s-comp91 .splide__list > li .content-container.horizontal-right .s-text, .s-comp91 .splide__list > li .content-container.horizontal-right .s-button-list { text-align: right !important; margin-left: auto !important; } /****************************** SLIDER NAVIGATION ******************************/ .s-comp91 .splide__arrow--prev { left: 0; } .s-comp91 .splide__arrow--next { right: 0; } .s-comp91 .splide__arrow i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s-comp91 .splide__arrow--prev i { transform: translate(-50%, -50%) scaleX(-1); } /****************************** CONTENT ******************************/ /* Default css from Default Title */ .s-comp91 h1.smC11783SmSn1p3T11-style, .s-comp91 h2.smC11783SmSn1p3T11-style, .s-comp91 h3.smC11783SmSn1p3T11-style, .s-comp91 h4.smC11783SmSn1p3T11-style, .s-comp91 h5.smC11783SmSn1p3T11-style, .s-comp91 h6.smC11783SmSn1p3T11-style { position: relative; } /* Default css from Default Title */ .s-comp91 h1.smC11783SmSn1p3T12-style, .s-comp91 h2.smC11783SmSn1p3T12-style, .s-comp91 h3.smC11783SmSn1p3T12-style, .s-comp91 h4.smC11783SmSn1p3T12-style, .s-comp91 h5.smC11783SmSn1p3T12-style, .s-comp91 h6.smC11783SmSn1p3T12-style { position: relative; } /* Default css from Default Title */ .s-comp91 h1.smC11783SmSn1p3T13-style, .s-comp91 h2.smC11783SmSn1p3T13-style, .s-comp91 h3.smC11783SmSn1p3T13-style, .s-comp91 h4.smC11783SmSn1p3T13-style, .s-comp91 h5.smC11783SmSn1p3T13-style, .s-comp91 h6.smC11783SmSn1p3T13-style { position: relative; } /* Default css from Default Text */ .s-comp91 .s-text.smC11783SmSn1p3T14-style { position: relative; } /* Default css from Default Button */ .s-comp91 .s-btn.smC11783SmSn1p3T15-style, .s-comp91 .s-btn-alt.smC11783SmSn1p3T15-style { position: relative; } .s-comp91 { position: relative; } .s-comp91 h1.smC11783SmSn1p3T13-style { color: #fff; } .s-comp91 h1.smC11783SmSn1p3T13-style { margin: 0px 0px 0px 0px; } .s-comp91 h1.smC11783SmSn1p3T13-style { min-width: 0px; max-width: 700px; } .s-comp91 .s-text.smC11783SmSn1p3T14-style { font-size: 1.2rem; } .s-comp91 .s-text.smC11783SmSn1p3T14-style { color: #fff; } .s-comp91 .s-text.smC11783SmSn1p3T14-style { text-align: left; } .s-comp91 .s-text.smC11783SmSn1p3T14-style { margin: 1.44em 0px 2.074em 0px; } .s-comp91 .s-text.smC11783SmSn1p3T14-style { min-width: 0px; max-width: 500px; } .s-comp91 .splide { background-color: #000; } .s-comp91 .splide { height: 80vh; } .s-comp91 .splide__arrow { background-color: #fff; } .s-comp91 .splide__arrow { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .s-comp91 .splide__arrow { width: 48px; } .s-comp91 .splide__arrow { height: 48px; } .s-comp91 .splide__arrow { margin: 0px 0px 0px 0px; } .s-comp91 .splide__arrow { padding: 0px 0px 0px 0px; } .s-comp91 .splide__arrow { opacity: 1; } .s-comp91 .splide__arrow i { font-size: 1rem; } .s-comp91 .splide__arrow i { font-weight: normal; } .s-comp91 .splide__arrow i { color: #1799a7; } .s-comp91 .splide__arrow i { text-align: center; } .s-comp91 .splide__arrow i { line-height: 1; } .s-comp91 .splide__arrow:hover { background-color: #1799a7; } .s-comp91 .splide__arrow:hover i { color: #fff; } .s-comp91 .splide__list > li .content { padding: 72px 15px 72px 15px; } .s-comp91 .splide__list > li .content { min-width: 0px; max-width: 700px; } .s-comp75 { width: 100%; height: 90vh; background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } .s-comp75 .video { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .s-comp75 .video video { display: inline-block; min-width: 100%; min-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s-comp75 .container-over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .s-comp75 .container, .s-comp75 .content-container { height: 100%; } .s-comp75 .content-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-comp75 .s-title-h1 h1 { font-size: 96px; } .s-comp75 .s-title-h1 h1 { color: #fff; } .s-comp75 .s-title-h1 h1 { text-align: center; } .s-comp75 .s-text { font-size: 30px; } .s-comp75 .s-text { font-weight: bold; } .s-comp75 .s-text { color: #fff; } .s-comp75 .s-text { text-align: center; } .s-comp75 .s-text { line-height: 165%; } .s-comp75 .s-button-list { margin: 24px 0px 0px 0px; } .s-comp75 .s-button-list { text-align: center; } .s-comp48 .intro-container { margin-left: auto !important; margin-right: auto !important; padding: 0 15px; } .s-comp48 .intro-container.col-50 { width: 50%; } .s-comp48 .intro-container.col-58 { width: 58.3333%; } .s-comp48 .intro-container.col-66 { width: 66.6666%; } .s-comp48 .intro-container.col-75 { width: 75%; } .s-comp48 .intro-container.col-83 { width: 83.3333%; } .s-comp48 .intro-container.col-91 { width: 91.6666%; } .s-comp48 .intro-container.col-100 { width: 100%; } @media only screen and (max-width: 480px) { .s-comp48 .intro-container { width: 100% !important; padding: 0 !important; } } @media only screen and (min-width: 480px) { .s-comp48 .s-text br, .s-comp48 .s-text br:before { content: ' '; } } .s-comp48 .s-button-list { margin-top: calc(1.73rem - 4px) !important; justify-content: center; } .s-comp48 { padding: 144px 0px 144px 0px; } .s-comp48 .s-title-h2 h2 { text-align: center; } .s-comp48 .s-title-h3 h3 { text-align: center; } .s-comp48 .s-title-h4 h4 { text-align: center; } .s-comp48 .s-title-h5 h5 { text-align: center; } .s-comp48 .s-title-h6 h6 { text-align: center; } .s-comp48 .s-text { font-size: 1.2rem; } .s-comp48 .s-text { text-align: center; } .s-comp48 .s-text { margin: 0px auto 0px auto; } .s-comp48 .s-text { min-width: 0px; max-width: 650px; } .s-comp48 .s-button-list { margin: -4px -4px -4px -4px; } .s-comp48 .s-button-list { text-align: center; } .s-comp48 .s-button-list .s-btn { width: auto; } .s-comp48 .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp48 .s-button-list .s-btn-alt { width: auto; } .s-comp48 .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } @media (max-width: 768px) { .s-comp48 { padding: 96px 0px 96px 0px; } } @media (max-width: 480px) { .s-comp48 { padding: 72px 0px 72px 0px; } .s-comp48 .s-text { font-size: 1rem; } .s-comp48 .s-button-list .s-btn { width: 100%; } .s-comp48 .s-button-list .s-btn { margin: 4px 0px 4px 0px; } .s-comp48 .s-button-list .s-btn-alt { width: 100%; } .s-comp48 .s-button-list .s-btn-alt { margin: 4px 0px 4px 0px; } } .s-comp69 .owl-carousel .owl-nav .owl-prev:before, .s-comp69 .owl-carousel .owl-nav .owl-next:before { font-family: "FontAwesome"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; } .s-comp69 { --angle: 72px; clip-path: polygon(0 0, 100% var(--angle), 100% 100%, 0 calc(100% - var(--angle))); padding: calc(var(--comp-spacing_inner) + var(--angle)) 0; } .s-comp69 h2 { text-align: center; } .s-comp69 .yls_text { max-width: 42ch; margin: 0 auto 48px auto; text-align: center; } .s-comp69 .owl-carousel .owl-dots .owl-dot img { width: auto; } .s-comp69 .owl-carousel .owl-dots .owl-dot { display: inline-block; } .s-comp69 .owl-carousel .owl-dots { height: auto; display: none !important; } .s-comp69 .owl-carousel img { width: auto; height: auto; max-width: 80%; max-height: 60px; margin-left: auto !important; margin-right: auto !important; } .s-comp69 .owl-carousel .owl-nav > div { transform: translate(0, -50%); } @media only screen and (max-width: 480px) { .s-comp69 { --angle: 36px; } } .s-comp69 .owl-carousel .owl-nav .owl-prev:before { content: '\f053'; } .s-comp69 .owl-carousel .owl-nav .owl-next:before { content: '\f054'; } .s-comp69 .owl-carousel .owl-nav .owl-prev:before, .s-comp69 .owl-carousel .owl-nav .owl-next:before { font-size: 16px; color: #fff; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { background-color: #fff; background-color: rgba(255, 255, 255, 0); } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { width: 30px; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { height: 30px; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { margin: 0px -15px 0px -15px; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { padding: 0px 0px 0px 0px; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { opacity: 0.2; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { visibility: visible; } .s-comp69 .owl-carousel .owl-nav .owl-prev { position: absolute; } .s-comp69 .owl-carousel .owl-nav .owl-prev { top: 50%; bottom: auto; left: -35px; right: auto; } .s-comp69 .owl-carousel .owl-nav .owl-next { position: absolute; } .s-comp69 .owl-carousel .owl-nav .owl-next { top: 50%; bottom: auto; left: auto; right: -35px; } .s-comp69 .owl-carousel .owl-nav .owl-prev:hover:before, .s-comp69 .owl-carousel .owl-nav .owl-prev:focus:before, .s-comp69 .owl-carousel .owl-nav .owl-prev:active:before { content: '\f053'; } .s-comp69 .owl-carousel .owl-nav .owl-next:hover:before, .s-comp69 .owl-carousel .owl-nav .owl-next:focus:before, .s-comp69 .owl-carousel .owl-nav .owl-next:active:before { content: '\f054'; } .s-comp69 .owl-carousel .owl-nav .owl-next:hover, .s-comp69 .owl-carousel .owl-nav .owl-next:focus, .s-comp69 .owl-carousel .owl-nav .owl-next:active, .s-comp69 .owl-carousel .owl-nav .owl-prev:hover, .s-comp69 .owl-carousel .owl-nav .owl-prev:focus, .s-comp69 .owl-carousel .owl-nav .owl-prev:active { background-color: #fff; background-color: rgba(255, 255, 255, 0); } .s-comp69 .owl-carousel .owl-nav .owl-next:hover, .s-comp69 .owl-carousel .owl-nav .owl-next:focus, .s-comp69 .owl-carousel .owl-nav .owl-next:active, .s-comp69 .owl-carousel .owl-nav .owl-prev:hover, .s-comp69 .owl-carousel .owl-nav .owl-prev:focus, .s-comp69 .owl-carousel .owl-nav .owl-prev:active { opacity: 0.8; } .s-comp69 .owl-carousel .owl-nav .owl-prev, .s-comp69 .owl-carousel .owl-nav .owl-next { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .s-comp69 .owl-carousel .owl-dots .owl-dot span { border: 2px solid #fabe19; } .s-comp69 .owl-carousel .owl-dots .owl-dot span { display: none; } .s-comp69 .owl-dots { text-align: center; } .s-comp69 .owl-carousel .owl-dots .owl-dot.active span { background-color: #158a96; } .s-comp69 .owl-carousel .owl-dot img { width: auto; } .s-comp69 .owl-carousel .owl-dot img { height: 75px; } .s-comp69 .owl-carousel .owl-dot img { margin: 5px 5px 0px 0px; } .s-comp69 .owl-carousel .owl-dot img { opacity: 0.5; } .s-comp69 .owl-carousel .owl-dot:hover img, .s-comp69 .owl-carousel .owl-dot.active:hover img { opacity: 1; } .s-comp69 .owl-carousel .owl-dot.active img { opacity: 1; } .s-comp44 > .container > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-comp44 .divider { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-comp44 .divider div { width: 1px; height: 80%; } @media only screen and (max-width: 960px) { .s-comp44 > .container > .row { display: inline-block; } .s-comp44 .divider div { width: 80%; height: 1px; margin: 30px 0; } .s-comp44 .content hr { margin-left: auto !important; margin-right: auto !important; } } .s-comp44 { background-color: #106b75; } .s-comp44 { padding: 48px 0px 48px 0px; } .s-comp44 .openingsuren { margin: 0px 0px 0px 0px; } .s-comp44 .openingsuren h2 { text-align: left; } .s-comp44 .openingsuren .openingsuren-list { margin: 24px 0px 24px 0px; } .s-comp44 .openingsuren .openingsuren-list .dag { margin: 0px 0px 0px 0px; } .s-comp44 .openingsuren .openingsuren-list .dag .day { font-weight: bold; } .s-comp44 .openingsuren .openingsuren-list .dag .day { text-align: left; } .s-comp44 .openingsuren .openingsuren-list .dag .day { width: 120px; } .s-comp44 .openingsuren .openingsuren-list .dag .day { float: left; } .s-comp44 .openingsuren .openingsuren-list .dag .time { text-align: left; } .s-comp44 .openingsuren .uitzonderingen { font-size: 14px; } .s-comp44 .openingsuren .uitzonderingen { font-style: italic; } .s-comp44 .openingsuren .uitzonderingen { text-align: left; } .s-comp44 .openingsuren .uitzonderingen { line-height: 155%; } .s-comp44 .content .content-title { text-align: left; } .s-comp44 .content .content-title { margin: 0px 0px 24px 0px; } .s-comp44 .content .s-text { text-align: left; } .s-comp44 .content .s-text { margin: 0px 0px 0px 0px; } .s-comp44 hr, .s-comp44 .divider div { background-color: #158a96; } .s-comp44 hr, .s-comp44 .divider div { border: 0px solid #fff; } .s-comp44 hr { width: 100%; } .s-comp44 hr { height: 1px; } .s-comp44 hr { margin: 30px 0px 30px 0px; } @media (max-width: 768px) { .s-comp44 .openingsuren h2 { text-align: center; } .s-comp44 .openingsuren .openingsuren-list .dag { margin: 0px 0px 20px 0px; } .s-comp44 .openingsuren .openingsuren-list .dag .day { text-align: center; } .s-comp44 .openingsuren .openingsuren-list .dag .day { width: auto; } .s-comp44 .openingsuren .openingsuren-list .dag .day { float: none; } .s-comp44 .openingsuren .openingsuren-list .dag .time { text-align: center; } .s-comp44 .openingsuren .uitzonderingen { text-align: center; } .s-comp44 .content .content-title { text-align: center; } .s-comp44 .content .s-text { text-align: center; } .s-comp44 hr { width: 80%; } } @media (max-width: 480px) { .s-comp44 .openingsuren h2 { text-align: center; } .s-comp44 .openingsuren .openingsuren-list .dag { margin: 0px 0px 20px 0px; } .s-comp44 .openingsuren .openingsuren-list .dag .day { text-align: center; } .s-comp44 .openingsuren .openingsuren-list .dag .day { width: auto; } .s-comp44 .openingsuren .openingsuren-list .dag .day { float: none; } .s-comp44 .openingsuren .openingsuren-list .dag .time { text-align: center; } .s-comp44 .openingsuren .uitzonderingen { text-align: center; } .s-comp44 .content .content-title { text-align: center; } .s-comp44 .content .s-text { text-align: center; } .s-comp44 hr { width: 80%; } } .s-comp83 { margin-top: calc(var(--height_header) + var(--comp-spacing_inner)); margin-bottom: var(--comp-spacing_outer); } .s-comp83 .cookie-reset .yls_btn-primary { margin: 1.728rem 0 0 0; } .s-comp83 .s-text h2 { font-size: 1.728rem; } .s-comp83 .s-text h3 { font-size: 1.44rem; } .s-comp83 .s-text h4 { font-size: 1.2rem; } .s-comp83 .s-text { min-width: 0px; max-width: 750px; } .s-comp45 .images { display: inline-block; width: 100%; } .s-comp45 .large-image, .s-comp45 .small-image { padding: 0 !important; } .s-comp45 .large-image .image-container, .s-comp45 .small-image .image-container { width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } .s-comp45 .large-image img, .s-comp45 .small-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; z-index: 2; } .s-comp45 .small-image:before { content: ''; width: 100%; height: 100%; position: absolute; } /* CONTENT ALIGN LEFT */ .s-comp45 .content-align-left .small-image { margin-left: 58.3333%; } .s-comp45 .content-align-left .small-image:before { left: auto !important; } .s-comp45 .content-align-left .content { margin-left: 8.3333%; } /* CONTENT ALIGN RIGHT */ .s-comp45 .content-align-right .large-image { margin-left: 16.6666%; } .s-comp45 .content-align-right .small-image:before { right: auto !important; } .s-comp45 .content-align-right .content { margin-left: 50%; } @media only screen and (max-width: 960px) { .s-comp45 .content-align-right .large-image { margin-left: 0; } .s-comp45 .content { margin-left: 16.6666% !important; } .s-comp45 .content .button-list { text-align: center; } } @media only screen and (max-width: 480px) { .s-comp45 .content-align-right .large-image { margin-left: 0; } .s-comp45 .content { margin-left: 0 !important; } .s-comp45 .content .button-list { text-align: center; } } .s-comp45 { padding: 100px 0px 100px 0px; } .s-comp45 .large-image { height: 606px; } .s-comp45 .small-image { height: 630px; } .s-comp45 .small-image { margin: -320px 0px 0px 0px; } .s-comp45 .small-image { visibility: visible; display: inherit; } .s-comp45 .small-image:before { background-color: #1799a7; } .s-comp45 .small-image:before { top: 20px; } .s-comp45 .small-image:before { left: -20px; } .s-comp45 .small-image:before { right: -20px; } .s-comp45 .small-image:before { z-index: 1; } .s-comp45 .content { margin: -252px 0px 0px 0px; } .s-comp45 .content { padding: 0px 15px 0px 15px; } .s-comp45 .content .content-title { text-align: left; } .s-comp45 .content .content-title { margin: 0px 0px 24px 0px; } .s-comp45 .content .s-text { text-align: left; } .s-comp45 .content .s-text { margin: 0px 0px 24px 0px; } .s-comp45 .content .button-list .s-btn, .s-comp45 .content .button-list a.s-btn:link, .s-comp45 .content .button-list a.s-btn:visited { margin: 0px 8px 0px 0px; } .s-comp45 .content .button-list .s-btn-alt, .s-comp45 .content .button-list a.s-btn-alt:link, .s-comp45 .content .button-list a.s-btn-alt:visited { margin: 0px 8px 0px 0px; } .s-comp45 .content .button-list { margin: 24px 0px 0px 0px; } @media (max-width: 768px) { .s-comp45 .large-image { height: 400px; } .s-comp45 .small-image { margin: 0px 0px 0px 0px; } .s-comp45 .small-image { display: none; } .s-comp45 .small-image:before { top: 0px; } .s-comp45 .small-image:before { left: 0px; } .s-comp45 .small-image:before { right: 0px; } .s-comp45 .content { margin: 36px 0px 0px 0px; } .s-comp45 .content .content-title { text-align: center; } .s-comp45 .content .s-text { text-align: center; } } @media (max-width: 480px) { .s-comp45 { padding: 48px 15px 48px 15px; } .s-comp45 .large-image { height: 200px; } .s-comp45 .small-image { margin: 0px 0px 0px 0px; } .s-comp45 .small-image { display: none; } .s-comp45 .small-image:before { top: 0px; } .s-comp45 .small-image:before { left: 0px; } .s-comp45 .small-image:before { right: 0px; } .s-comp45 .content { margin: 36px 0px 0px 0px; } .s-comp45 .content { padding: 0px 0px 0px 0px; } .s-comp45 .content .content-title { text-align: center; } .s-comp45 .content .s-text { text-align: center; } } .s-comp47 { padding: 36px 0px 36px 0px; } .s-comp47 > .container > .row > div { margin: 0px 0px 0px 0px; } .s-comp47 .icon { text-align: center; } .s-comp47 .content-title { font-size: 24px; } .s-comp47 .content-title { text-align: center; } .s-comp47 .content-title { margin: 28px 0px 20px 0px; } .s-comp47 .s-text { text-align: center; } .s-comp47 .link { margin: 24px 0px 0px 0px; } .s-comp47 .link { text-align: center; } @media (max-width: 480px) { .s-comp47 > .container > .row > div { margin: 0px 0px 48px 0px; } } @media only screen and (min-width: 991px) { .s-comp65 .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0; height: calc(100% - 30px); } } .s-comp65 .content-tile { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .s-comp65 .linked-tile { overflow: hidden; background: transparent; display: flex; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp65 .linked-tile a { display: inline-block; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); overflow: hidden; text-decoration: none; position: relative; } .s-comp65 .linked-tile .image-container { background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp65 .linked-tile .title-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-comp65 .linked-tile .title-container i { margin-left: auto !important; } .s-comp65 { background-color: #106b75; } .s-comp65 { padding: 72px 0px 42px 0px; } .s-comp65 .content-tile { background-color: #fff; } .s-comp65 .content-tile { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp65 .content-tile { min-height: 100%; } .s-comp65 .content-tile { margin: 0px 0px 0px 0px; } .s-comp65 .content-tile { padding: 72px 60px 72px 60px; } .s-comp65 .content-tile .s-title-h1 h1 { text-align: left; } .s-comp65 .content-tile .s-title-h2 h2 { text-align: left; } .s-comp65 .content-tile .s-title-h3 h3 { text-align: left; } .s-comp65 .content-tile .s-title-h4 h4 { text-align: left; } .s-comp65 .content-tile .s-title-h5 h5 { text-align: left; } .s-comp65 .content-tile .s-title-h6 h6 { text-align: left; } .s-comp65 .content-tile .s-text { text-align: left; } .s-comp65 .s-button-list { text-align: left; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { display: inline-block; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { text-align: left; } .s-comp65 .s-img-default-beh { text-align: center; } .s-comp65 .s-img-default-beh { text-align: center; } .s-comp65 .linked-tile a { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp65 .linked-tile a { margin: 0px 0px 30px 0px; } .s-comp65 .linked-tile { -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp65 .linked-tile .image-container { width: 100%; } .s-comp65 .linked-tile .image-container { height: 157px; } .s-comp65 .linked-tile .title-container h3 { font-size: 1em; } .s-comp65 .linked-tile .title-container h3 { color: #3a3c41; } .s-comp65 .linked-tile .title-container h3 { margin: 0px 0px 0px 0px; } .s-comp65 .linked-tile .title-container { background-color: #fff; } .s-comp65 .linked-tile .title-container { padding: 16px 24px 16px 24px; } .s-comp65 .linked-tile .title-container i { font-size: 13px; } .s-comp65 .linked-tile .title-container i { font-weight: normal; } .s-comp65 .linked-tile .title-container i { font-style: normal; } .s-comp65 .linked-tile .title-container i { color: #3a3c41; } .s-comp65 .linked-tile .title-container i { margin: 2px 0px 0px 0px; } .s-comp65 .linked-tile:hover { -ms-transform: translate3d(0px, -4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, -4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, -4px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } @media (max-width: 768px) { .s-comp65 .content-tile { margin: 0px 0px 30px 0px; } .s-comp65 .content-tile .s-title-h1 h1 { text-align: center; } .s-comp65 .content-tile .s-title-h2 h2 { text-align: center; } .s-comp65 .content-tile .s-title-h3 h3 { text-align: center; } .s-comp65 .content-tile .s-title-h4 h4 { text-align: center; } .s-comp65 .content-tile .s-title-h5 h5 { text-align: center; } .s-comp65 .content-tile .s-title-h6 h6 { text-align: center; } .s-comp65 .content-tile .s-text { text-align: center; } .s-comp65 .s-button-list { text-align: center; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { display: block; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { text-align: center; } } @media (max-width: 480px) { .s-comp65 { padding: 48px 0px 18px 0px; } .s-comp65 .content-tile { margin: 0px 15px 30px 15px; } .s-comp65 .content-tile { padding: 48px 30px 48px 30px; } .s-comp65 .content-tile .s-title-h1 h1 { text-align: center; } .s-comp65 .content-tile .s-title-h2 h2 { text-align: center; } .s-comp65 .content-tile .s-title-h3 h3 { text-align: center; } .s-comp65 .content-tile .s-title-h4 h4 { text-align: center; } .s-comp65 .content-tile .s-title-h5 h5 { text-align: center; } .s-comp65 .content-tile .s-title-h6 h6 { text-align: center; } .s-comp65 .content-tile .s-text { text-align: center; } .s-comp65 .s-button-list { text-align: center; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { display: block; } .s-comp65 .s-link-beh a:link, .s-comp65 .s-link-beh a:visited, .s-comp65 .s-link-beh a:active { text-align: center; } } .s-comp78 .s-content-onslider { position: absolute; z-index: 1; width: 100%; } .s-comp78 .slides > li { position: relative; } /* Pas hier de content-box aan */ .s-comp78 .s-slide-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 550px; } .s-comp78 .flex-viewport { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .s-comp78 .flexslider.s-slider .flex-direction-nav a.flex-next:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp78 .flexslider.s-slider .flex-direction-nav a.flex-prev:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp78 .flexslider.s-thumbnails .flex-direction-nav a.flex-next:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp78 .flexslider.s-thumbnails .flex-direction-nav a.flex-prev:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp78 .flexslider.s-slider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-thumbnails .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-thumbnails .flex-direction-nav a.flex-prev:before { line-height: 1; display: block; } .s-comp78 .flexslider.s-slider .slides > li, .s-comp78 .flexslider.s-thumbnails .slides > li { background-attachment: scroll !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .s-comp78 .flexslider.s-slider { overflow: hidden; } .s-comp78 .flexslider.s-slider.slide-contain .slides > li { background-size: contain !important; } .s-comp78 .flex-direction-nav .flex-next, .s-comp78 .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 0; } .s-comp78 .flex-direction-nav .flex-prev, .s-comp78 .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; left: 0; } .s-col-bleed .row [class^="col-"], .s-col-bleed .row [class^="col-"], .s-col-bleed .row .sm-gCol { padding-left: 0px !important; padding-right: 0px !important; } .s-comp78 .s-form .form-group { margin: 0; } .s-comp78 .s-form label { display: block; } .s-comp78 .s-form label.form-check-inline { display: inline-block; } .s-comp78 .s-form .s-recaptcha-beh > .g-recaptcha { display: inline-block; } .s-comp78, .s-comp78 .s-btn, .s-comp78 .s-btn-alt { position: relative; } .s-comp78 ul.s-icon-list { margin: 0; padding: 0; list-style-type: none; } .s-comp78 ul.s-icon-list li h1, .s-comp78 ul.s-icon-list li h2, .s-comp78 ul.s-icon-list li h3, .s-comp78 ul.s-icon-list li h4, .s-comp78 ul.s-icon-list li h5, .s-comp78 ul.s-icon-list li h6 { display: inline-block; } .s-comp78 .s-colcont h1:before, .s-comp78 .s-colcont h2:before, .s-comp78 .s-colcont h3:before, .s-comp78 .s-colcont h4:before, .s-comp78 .s-colcont h5:before, .s-comp78 .s-colcont h6:before { content: ""; position: relative; display: block; } .s-comp78 .s-colcont h1:after, .s-comp78 .s-colcont h2:after, .s-comp78 .s-colcont h3:after, .s-comp78 .s-colcont h4:after, .s-comp78 .s-colcont h5:after, .s-comp78 .s-colcont h6:after { content: ""; position: relative; display: block; } .s-comp78 .s-tile h1:before, .s-comp78 .s-tile h2:before, .s-comp78 .s-tile h3:before, .s-comp78 .s-tile h4:before, .s-comp78 .s-tile h5:before, .s-comp78 .s-tile h6:before { content: ""; position: relative; display: block; } .s-comp78 .s-tile h1:after, .s-comp78 .s-tile h2:after, .s-comp78 .s-tile h3:after, .s-comp78 .s-tile h4:after, .s-comp78 .s-tile h5:after, .s-comp78 .s-tile h6:after { content: ""; position: relative; display: block; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li { position: relative; cursor: pointer; } .s-comp78 .flexslider ul.slides .s-content-onslider { width: 100vw; } .s-comp78 .flex-control-nav { bottom: 0px; } .s-comp78 .flex-control-nav li { margin: 0; } .s-comp78 .flex-control-nav li a { overflow: hidden; } .s-comp78 .slides li a { display: block; height: 100%; position: relative; z-index: 2; } .s-comp78 .flexslider ul.slides li:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .s-comp78 .flexslider .flex-active { position: relative; } .s-comp78 .flexslider .flex-active:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } @keyframes expandwidth { 0% { width: 0%; } 100% { width: 100%; } } @keyframes expandheight { 0% { height: 0%; } 100% { height: 100%; } } @keyframes minimizewidth { 0% { width: 100%; } 100% { width: 0%; } } @keyframes minimizeheight { 0% { height: 100%; } 100% { height: 0%; } } @keyframes bouncewidth { 0% { width: 0%; } 50% { width: 105%; } 100% { width: 0%; } } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus:before { color: #fabe19; text-align: center; line-height: 40px; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus { width: 40px; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus { height: 40px; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:hover:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:active:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:hover:before, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:active:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:active { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.thumbslider .flex-direction-nav a.flex-prev:focus { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a:focus { margin: 0px 7px 0px 7px; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a:hover, .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a:active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a.flex-active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav.flex-control-paging { z-index: 2; } .s-comp78 .flexslider.s-slider.thumbslider .flex-control-nav > li a.flex-active:hover { background-color: #1799a7; background-color: rgba(23, 153, 167, 0); } .s-comp78 .flexslider.s-slider.thumbslider .slides > li { height: 40vh; } .s-comp78 .flexslider.s-slider.thumbslider { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.thumbslider { border: 0px solid #fff; } .s-comp78 .flexslider.s-slider.thumbslider { margin: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.thumbslider ul.slides li:before { background-color: #fff; } .s-comp78 .flexslider.s-slider.thumbslider ul.slides li:before { opacity: 0; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:focus:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:focus:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:focus:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:focus:before { color: #fabe19; text-align: center; line-height: 40px; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:focus { width: 40px; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:focus { height: 40px; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:hover:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:active:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:hover:before, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:active:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:active { background-color: #fff; background-color: rgba(255, 255, 255, 0.8); } .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.s-thumbnails .flex-direction-nav a.flex-prev:active { -webkit-box-shadow: inset 0px 0px 0px #3a3c41, 0px 0px 0px #3a3c41; box-shadow: inset 0px 0px 0px #3a3c41, 0px 0px 0px #3a3c41; } .s-comp78 .flexslider.s-slider.s-thumbnails { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.s-thumbnails { border: 0px solid #fff; } .s-comp78 .flexslider.s-slider.s-thumbnails { margin: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.s-thumbnails ul.slides li:before { background-color: #fff; } .s-comp78 .flexslider.s-slider.s-thumbnails ul.slides li:before { opacity: 0; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li { height: 25vh; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li { opacity: 0.7; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li:hover { opacity: 1; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li { -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .s-comp78 .flexslider.s-slider.s-thumbnails .slides > li.flex-active-slide { opacity: 1; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:focus:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:focus:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:focus:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:focus:before { color: #fabe19; text-align: center; line-height: 40px; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:focus { width: 40px; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:focus { height: 40px; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:hover:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:active:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:hover:before, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:active:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:active { color: #fabe19; } .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.mainslider .flex-direction-nav a.flex-prev:active { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a:focus { margin: 0px 5px 0px 5px; } .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a:hover, .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a:active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a.flex-active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.mainslider .flex-control-nav > li a.flex-active:hover { background-color: #1799a7; background-color: rgba(23, 153, 167, 0); } .s-comp78 .flexslider.s-slider.mainslider .slides > li { height: 80vh; } .s-comp78 .flexslider.s-slider.mainslider { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.mainslider { border: 0px solid #fff; } .s-comp78 .flexslider.s-slider.mainslider { margin: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.mainslider ul.slides:before { background-color: #fff; } .s-comp78 .flexslider.s-slider.mainslider ul.slides:before { opacity: 0; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:focus:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:focus:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:focus:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:focus:before { color: #fabe19; text-align: center; line-height: 40px; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:focus { width: 40px; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:focus, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:focus { height: 40px; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:hover:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:active:before { content: '\f104'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:hover:before, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:active:before { content: '\f105'; font-family: fontAwesome; } .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:hover, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:hover, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-next:active, .s-comp78 .flexslider.s-slider.lightslider .flex-direction-nav a.flex-prev:active { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); } .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a:focus { background-color: #fff; } .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a, .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a:focus { margin: 0px 7px 0px 7px; } .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a:hover, .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a:active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.lightslider .flex-control-nav > li a.flex-active { background-color: #1799a7; } .s-comp78 .flexslider.s-slider.lightslider .flex-active:before { animation: expandwidth 7s ease-in-out infinite; } .s-comp78 .flexslider.s-slider.lightslider .slides > li { height: 40vh; } .s-comp78 .flexslider.s-slider.lightslider { border: 0px solid #fff; } .s-comp78 .flexslider.s-slider.lightslider { margin: 0px 0px 0px 0px; } .s-comp78 .flexslider.s-slider.lightslider ul.slides:before { background-color: #fff; } .s-comp78 .flexslider.s-slider.lightslider ul.slides:before { opacity: 0; } .s-comp78 .s-title-h1 h1 { color: #fff; } .s-comp78 .s-title-h1 h1 { text-align: center; } .s-comp78 .s-text { color: #fff; } .s-comp78 .s-text { text-align: center; } .s-comp78 .s-button-list { text-align: center; } .s-comp78 .s-btn, .s-comp78 a.s-btn:link, .s-comp78 a.s-btn:active, .s-comp78 a.s-btn:visited { display: inline-block; } .s-comp61 .s-table-beh table { display: inline-table; } .s-comp61 table tr td { vertical-align: middle; } .s-comp61 table tr:last-child { border-bottom: 0; } @media only screen and (max-width: 480px) { .s-comp61 table tr:first-child { display: none; } .s-comp61 table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; text-align: center; } } .s-comp61 table tr { border-bottom: 1px solid #106b75; } .s-comp61 table tr { padding: 0px 0px 0px 0px; } .s-comp61 table tr td { border: 0px solid #fabe19; } .s-comp61 table tr td { padding: 12px 24px 12px 24px; } .s-comp61 table { border: 0px solid #fabe19; } .s-comp61 table { margin: 72px 0px 72px 0px; } .s-comp61 table tbody tr td h4 { margin: 0px 0px 0px 0px; } .s-comp61 table tbody tr td p { margin: 0px 0px 0px 0px; } @media (max-width: 480px) { .s-comp61 table tr { padding: 28px 0px 32px 0px; } .s-comp61 table tr td { padding: 8px 15px 8px 15px; } } .s-comp71 .tab-content h1:before, .s-comp71 .tab-content h2:before, .s-comp71 .tab-content h3:before, .s-comp71 .tab-content h4:before, .s-comp71 .tab-content h5:before, .s-comp71 .tab-content h6:before { content: ""; position: relative; display: block; } .s-comp71 .tab-content h1:after, .s-comp71 .tab-content h2:after, .s-comp71 .tab-content h3:after, .s-comp71 .tab-content h4:after, .s-comp71 .tab-content h5:after, .s-comp71 .tab-content h6:after { content: ""; position: relative; display: block; } .s-comp71 .tab-content .s-tile h1:before, .s-comp71 .tab-content .s-tile h2:before, .s-comp71 .tab-content .s-tile h3:before, .s-comp71 .tab-content .s-tile h4:before, .s-comp71 .tab-content .s-tile h5:before, .s-comp71 .tab-content .s-tile h6:before { content: ""; position: relative; display: block; } .s-comp71 .tab-content .s-tile h1:after, .s-comp71 .tab-content .s-tile h2:after, .s-comp71 .tab-content .s-tile h3:after, .s-comp71 .tab-content .s-tile h4:after, .s-comp71 .tab-content .s-tile h5:after, .s-comp71 .tab-content .s-tile h6:after { content: ""; position: relative; display: block; } .s-comp71 .s-img { display: block; margin-left: auto !important; margin-right: auto !important; } .s-comp71 .nav-tabs { border: 0px solid #1799a7; } .s-comp71 .nav-tabs { margin: 0px 0px 30px 0px; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { font-size: 1em; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { color: #3a3c41; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { text-align: left; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { text-decoration: none; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { background-color: #106b75; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { border: 0px solid #fff; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { width: 100%; } .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { padding: 18px 30px 18px 30px; } .s-comp71 .nav-item a:hover { color: #fff; } .s-comp71 .nav-item a:hover { background-color: #1799a7; } .s-comp71 .nav-item a:hover { border: 0px solid #fff; } .s-comp71 .nav-item a.active, .s-comp71 .nav-item a.active:focus, .s-comp71 .nav-item a.active:active { color: #fff; } .s-comp71 .nav-item a.active, .s-comp71 .nav-item a.active:focus, .s-comp71 .nav-item a.active:active { background-color: #1799a7; } .s-comp71 .nav-item a.active, .s-comp71 .nav-item a.active:focus, .s-comp71 .nav-item a.active:active { border: 0px solid #fff; } .s-comp71 .nav-item a.active:hover { color: #fff; } .s-comp71 .nav-item a.active:hover { background-color: #158a96; } .s-comp71 .tab-content { margin: 0px 0px -24px 0px; } .s-comp71 .tab-content { padding: 17px 30px 0px 30px; } .s-comp71 .tab-content h3 { text-align: center; } .s-comp71 .tab-content p, .s-comp71 .tab-content .s-text { margin: 0px 0px 24px 0px; } .s-comp71 .tab-content .s-img { max-height: 500px; } .s-comp71 .tab-content .s-img { margin: 0px 0px 24px 0px; } .s-comp71 .tab-content .s-tile { margin: 0px 0px 24px 0px; } .s-comp71 .tab-content .s-tile { padding: 36px 36px 12px 36px; } .s-comp71 .tab-content .s-tile h3 { text-align: left; } .s-comp71 .tab-content .s-tile .s-btn, .s-comp71 .tab-content .s-tile a.s-btn:link, .s-comp71 .tab-content .s-tile a.s-btn:visited { margin: 0px 0px 24px 0px; } .s-comp71 .tab-content .s-tile .s-btn-alt, .s-comp71 .tab-content .s-tile a.s-btn-alt:link, .s-comp71 .tab-content .s-tile a.s-btn-alt:visited { margin: 0px 0px 24px 0px; } .s-comp71 { padding: 72px 0px 72px 0px; } @media (max-width: 768px) { .s-comp71 .tab-content { padding: 17px 0px 0px 0px; } .s-comp71 .tab-content .s-img { max-height: 380px; } } @media (max-width: 480px) { .s-comp71 .nav-item a, .s-comp71 .nav-item a.active { padding: 12px 15px 12px 15px; } .s-comp71 .tab-content { padding: 0px 0px 0px 0px; } .s-comp71 .tab-content .s-img { max-height: 300px; } .s-comp71 .tab-content .s-tile { padding: 36px 30px 12px 30px; } .s-comp71 { padding: 48px 0px 48px 0px; } } /* ********* DIRECTION SWITCHER ********* */ .s-comp42 .direction-switcher > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .s-comp42 .direction-switcher > div:nth-child(even) { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } /* ********* VERTICALLY CENTER TESTIMONIAL IMAGE ********* */ .s-comp42 .testimonial-image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* ********* TESTIMONIAL QUOTE ********* */ .s-comp42 .testimonial-quote { position: relative; filter: drop-shadow(rgba(0, 0, 0, 0.10) 0 0px 10px); box-sizing: border-box; } /* TOOLTIP */ .s-comp42 .testimonial-quote:after { content: ""; position: absolute; top: 50%; margin-top: -16px; border-width: 16px; border-style: solid; border-color: #fff transparent transparent transparent; } /* ALIGN TOOLTIP LEFT */ .s-comp42 .direction-switcher > div:nth-child(odd) .testimonial-quote:after { left: -32px; transform: rotate(90deg); } /* ALIGN TOOLTIP RIGHT */ .s-comp42 .direction-switcher > div:nth-child(even) .testimonial-quote:after { right: -32px; transform: rotate(-90deg); } /* SPACING BETWEEN QUOTE & IMAGE */ .s-comp42 .direction-switcher > div:nth-child(odd) .testimonial-quote { margin-left: 50px; } .s-comp42 .direction-switcher > div:nth-child(even) .testimonial-quote { margin-right: 50px; } @media only screen and (max-width: 960px) { .s-comp42 .testimonial-quote { width: calc(100% - 150px) !important; } } @media only screen and (max-width: 480px) { .s-comp42 .direction-switcher > div { width: 100%; display: inline-block !important; } .s-comp42 .testimonial-quote { width: 100% !important; margin: 40px 0 0 0 !important; } .s-comp42 .testimonial-quote:after { left: 50% !important; right: auto !important; margin-left: -16px !important; top: -16px !important; transform: rotate(180deg) !important; } } .s-comp42 { padding: 96px 0px 36px 0px; } .s-comp42 .testimonial-quote { background-color: #fff; } .s-comp42 .testimonial-quote { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp42 .testimonial-quote { border: 0px solid #158a96; } .s-comp42 .testimonial-quote { width: 65%; } .s-comp42 .testimonial-quote { padding: 36px 36px 36px 36px; } .s-comp42 .testimonial-quote span { font-size: 14px; } .s-comp42 .testimonial-quote span { font-weight: bold; } .s-comp42 .testimonial { margin: 0px 0px 60px 0px; } .s-comp42 .testimonial-image .logo { background: url('') no-repeat center center scroll; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } .s-comp42 .testimonial-image .logo { width: 100px; } .s-comp42 .testimonial-image .logo { height: 100px; } .s-comp42 .testimonial-image .picture { background: url('') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .s-comp42 .testimonial-image .picture { background-color: #106b75; } .s-comp42 .testimonial-image .picture { -webkit-border-radius: 100px 100px 100px 100px; border-radius: 100px 100px 100px 100px; } .s-comp42 .testimonial-image .picture { width: 100px; } .s-comp42 .testimonial-image .picture { height: 100px; } .s-comp42 .testimonials-title { text-align: center; } .s-comp42 .testimonials-title { margin: 0px 0px 48px 0px; } @media (max-width: 480px) { .s-comp42 .testimonial-quote { padding: 30px 24px 30px 24px; } } .s-comp43 { position: relative; } .s-comp43:before { content: ''; position: absolute; height: 100%; width: 100%; } .s-comp43 .testimonial-content { margin-left: auto !important; margin-right: auto !important; } .s-comp43 .flex-control-paging li a { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } .s-comp43 .flex-viewport { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; } .s-comp43 .flex-direction-nav a { height: auto; width: auto; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-next:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-prev:before { font-size: inherit; color: inherit; text-shadow: inherit; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-next:before, .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-prev:before { line-height: 1; display: block; } .s-comp43 .flex-direction-nav .flex-next { right: 0px; } .s-comp43 .flex-direction-nav .flex-prev { left: 0px; } .s-comp43 .flexslider:hover .flex-direction-nav .flex-next { right: 0px; } .s-comp43 .flexslider:hover .flex-direction-nav .flex-prev { left: 0px; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav { width: auto; position: static; bottom: auto; } .s-comp43 .flexslider.testimonial-slider { margin: 0; border: 0; border-radius: 0; } .s-comp43 .slides, .s-comp43 .slides li { position: relative; } /* -------- QUOTES -------- */ .s-comp43 .quote-mark { position: absolute; } .s-comp43 .quote-mark.open-quote { top: 0; left: 100px; } .s-comp43 .quote-mark.close-quote { bottom: 43px; right: 100px; } .s-comp43 { background-color: #106b75; } .s-comp43 { margin: 0px 0px 0px 0px; } .s-comp43 { padding: 36px 0px 36px 0px; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-prev:before { content: '\f104'; font-family: fontAwesome; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-next:before { content: '\f105'; font-family: fontAwesome; } .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-next, .s-comp43 .flexslider.testimonial-slider .flex-direction-nav a.flex-prev { font-size: 30px; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a { background-color: #e3e3e3; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a { border: 0px solid #fff; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a { width: 8px; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a { height: 8px; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a:hover, .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a:focus, .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a:active { background-color: #ababab; } .s-comp43 .flexslider.testimonial-slider .flex-control-nav > li a.flex-active { background-color: #ababab; } .s-comp43 .flexslider.testimonial-slider { background-color: #fabe19; background-color: rgba(250, 190, 25, 0); } .s-comp43 .testimonials-slider-box .testimonial-content h1 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content h2 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content h3 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content h4 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content h5 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content h6 { color: #fabe19; } .s-comp43 .testimonials-slider-box .testimonial-content .s-text { color: #3a3c41; } .s-comp43 .testimonials-slider-box .testimonial-content .s-text { text-align: center; } .s-comp43 .flexslider.testimonial-slider .testimonial-content { width: 70%; } .s-comp43 .flexslider.testimonial-slider .testimonial-content { margin: 0px 0px 0px 0px; } .s-comp43 .flexslider.testimonial-slider .testimonial-content { padding: 36px 60px 8px 60px; } .s-comp43 .testimonials-slider-box .testimonial-content .testimonial-name { font-size: 78%; } .s-comp43 .testimonials-slider-box .testimonial-content .testimonial-name { text-align: center; } .s-comp43 .testimonials-slider-box .testimonial-content .testimonial-name { margin: 12px 0px 12px 0px; } .s-comp43 .quote-mark.open-quote { display: none; } .s-comp43 .quote-mark.open-quote i { font-size: 40px; } .s-comp43 .quote-mark.open-quote i { color: #1799a7; } .s-comp43 .quote-mark.close-quote { display: none; } .s-comp43 .quote-mark.close-quote i { font-size: 40px; } .s-comp43 .quote-mark.close-quote i { color: #1799a7; } .s-comp60 h1:before, .s-comp60 h2:before, .s-comp60 h3:before, .s-comp60 h4:before, .s-comp60 h5:before, .s-comp60 h6:before { content: ""; position: relative; display: block; } .s-comp60 h1:after, .s-comp60 h2:after, .s-comp60 h3:after, .s-comp60 h4:after, .s-comp60 h5:after, .s-comp60 h6:after { content: ""; position: relative; display: block; } .timeline .timeline-item:after, .timeline .timeline-item:before { content: ''; display: block; width: 100%; clear: both; } .timeline { width: 100%; margin: 30px auto; position: relative; padding: 0 10px; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .timeline:before { content: ""; width: 3px; height: 100%; background: #c0392b; left: 50%; top: 0; position: absolute; } .timeline:after { content: ""; clear: both; display: table; width: 100%; } .timeline .timeline-item { margin-bottom: 50px; position: relative; } .timeline-icon { background: #c0392b; width: 50px; height: 50px; position: absolute; top: 0; left: 50%; overflow: hidden; margin-left: -23px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 30px; text-align: center; padding: 4px 0 0 0; } @media only screen and (max-width: 480px) { .timeline:before { margin-left: -14px; } .timeline-icon { width: 20px; height: 20px; } } .timeline .timeline-item .timeline-content { width: 45%; padding: 20px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .timeline .timeline-item .timeline-content.right { float: right; } @media screen and (max-width: 768px) { .timeline { margin: 15px; padding: 0px; width: 90%; } .timeline:before { left: 0; } .timeline .timeline-item .timeline-content { width: 100%; float: right; } .timeline .timeline-item .timeline-content:before, .timeline .timeline-item .timeline-content.right:before { left: 10%; margin-left: -6px; border-left: 0; border-right: 7px solid #c0392b; } .timeline .timeline-item .timeline-icon { left: 0; } } .s-comp60 { margin: 0px 0px 0px 0px; } .s-comp60 { padding: 72px 0px 72px 0px; } .s-comp60 h2 { font-size: 180%; } .s-comp60 h2 { text-align: center; } .s-comp60 h2 { margin: 0px 0px 24px 0px; } .s-comp60 .s-text { text-align: center; } .s-comp60 .s-text { margin: 0px 0px 24px 0px; } .s-comp60 .s-img { margin: 0px 0px 24px 0px; } .s-comp60 .s-btn-beh { text-align: center; } .s-comp60 .s-btn, .s-comp60 a.s-btn:link, .s-comp60 a.s-btn:visited { margin: 0px 0px 24px 0px; } .s-comp60 .s-btn-alt, .s-comp60 a.s-btn-alt:link, .s-comp60 a.s-btn-alt:visited { margin: 0px 0px 24px 0px; } .s-comp60 .s-btn-alt-beh { text-align: center; } .s-comp60 .timeline .timeline-content { padding: 60px 60px 36px 60px; } .s-comp60 .timeline .timeline-content { background-color: #106b75; } .s-comp60 .timeline-icon { background-color: #106b75; } .s-comp60 .timeline:before { background-color: #106b75; } @media (max-width: 480px) { .s-comp60 .timeline .timeline-content { padding: 30px 30px 12px 30px; } } .s-comp94 .container > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .s-comp94 .s-tile { text-decoration: none; overflow: hidden; } .s-comp94 .s-tile h3 { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .s-comp94 .s-tile .s-text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .s-comp94 .s-tile .s-content .read-more i { vertical-align: middle; } .s-comp94 { padding: 0px 0px 66px 0px; } .s-comp94 .s-tile { background-color: #fff; } .s-comp94 .s-tile { box-shadow: 0px 0px 15px 0px rgba(225, 149, 23, 0.1); -webkit-box-shadow: 0px 0px 15px 0px rgba(225, 149, 23, 0.1); } .s-comp94 .s-tile { -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; } .s-comp94 .s-tile { width: 100%; } .s-comp94 .s-tile { margin: 0px 0px 30px 0px; } .s-comp94 .s-tile { padding: 0px 0px 0px 0px; } .s-comp94 .s-tile { display: inline-block; } .s-comp94 .s-tile .tile-img { background-image: url(''); background-attachment: scroll; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-position: center center; background-repeat: no-repeat; } .s-comp94 .s-tile .tile-img { width: 100%; } .s-comp94 .s-tile .tile-img { padding: 0px 0px 70% 0px; } .s-comp94 .s-tile .s-content { padding: 36px 30px 36px 30px; } .s-comp94 .s-tile .s-content h3 { font-size: 120%; } .s-comp94 .s-tile .s-content h3 { font-weight: bold; } .s-comp94 .s-tile .s-content h3 { color: #0b0b0b; } .s-comp94 .s-tile .s-content h3 { line-height: 120%; } .s-comp94 .s-tile .s-content h3 { margin: 0px 0px 0px 0px; } .s-comp94 .s-tile .s-content .s-text { font-weight: normal; } .s-comp94 .s-tile .s-content .s-text { color: #3a3c41; } .s-comp94 .s-tile .s-content .s-text { margin: 12px 0px 12px 0px; } .s-comp94 .s-tile .s-content .read-more { font-size: 83%; } .s-comp94 .s-tile .s-content .read-more { font-weight: bold; } .s-comp94 .s-tile .s-content .read-more { color: #1799a7; } .s-comp94 .s-tile .s-content .read-more { line-height: 100%; } .s-comp94 .s-tile .s-content .read-more i { font-size: 0.7em; } .s-comp94 .s-tile .s-content .read-more i { font-weight: normal; } .s-comp94 .s-tile .s-content .read-more i { color: #3a3c41; } .s-comp94 .s-tile .s-content .read-more i { margin: 0px 0px 0px 4px; } .s-comp94 .s-tile .s-content .read-more i { opacity: 0.4; } .s-comp94 .s-tile:hover { -ms-transform: translate3d(0px, -6px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, -6px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, -6px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } @media (max-width: 480px) { .s-comp94 .s-tile .tile-img { padding: 0px 0px 90% 0px; } .s-comp94 .s-tile .s-content { padding: 36px 24px 36px 24px; } } /**************************** Layout ****************************/ .yls_portfolio h2 { margin-bottom: 48px; text-align: center; } .yls_portfolio .db-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; margin: 0 -15px; } .yls_portfolio .db-filter-container { width: 100%; padding: 0 15px; position: relative; } .yls_portfolio .db-overview-container { width: 100%; padding: 0 15px; } .yls_portfolio .db-overview { margin: 0 -15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } /**************************** Filter ****************************/ .yls_portfolio .db-filter { --gap: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); margin-bottom: calc(48px - var(--gap)); } .yls_portfolio .yls_btn-filter { margin: calc(var(--gap) / 2); white-space: nowrap; font-size: var(--type-scale_sm); font-family: var(--headings_font); font-weight: 600; letter-spacing: -0.02em; text-transform: uppercase; border: 0; outline: 0; } .yls_portfolio .yls_btn-filter.s-active { background: var(--color_primary-gradient-dark); color: #fff; } /**************************** Results ****************************/ .yls_portfolio .db-overview { --gap: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: calc(var(--gap) / -2); } .yls_portfolio .yls_db-item { width: var(--w_4-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_portfolio .db-overview { --gap: 30px; flex-direction: column; align-items: center; } .yls_portfolio .yls_db-item { width: 100%; max-width: 540px; } } /**************************** Error ****************************/ .yls_portfolio .s-text.no-results { text-align: center; margin-top: 72px; font-size: var(--type-scale_lg); font-weight: 600; color: var(--color_secondary-700); } /**************************** Load More ****************************/ .yls_portfolio .s-load__more { display: none; } /**************************** Button List ****************************/ .yls_portfolio .yls_btn-list { justify-content: center; margin-top: 48px; } .s-comp95 { position: relative; } /********************* COMP LAYOUT *********************/ .s-comp96 { margin-top: calc(var(--height_header) + var(--comp-spacing_inner)); margin-bottom: var(--comp-spacing_outer); } @media only screen and (min-width: 992px) { .s-comp96 .yls_container { max-width: 1080px; } } .s-comp96 .s-plugin { width: 100%; } .s-comp96 .yls_container > .row > div:last-child iframe { height: 100%; } /********************* OPENING HOURS *********************/ .s-comp96 .opening-hours-container { margin-top: 36px; margin-bottom: 12px; } .s-comp96 .opening-hours-container h3 { margin-bottom: 16px; font-size: var(--type-scale_xl); } .s-comp96 .opening-hours { --gap: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2) 0; } .s-comp96 .opening-hours .time-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; align-items: center; padding: calc(var(--gap) / 2) 0; } .s-comp96 .opening-hours .time-container .day { min-width: 120px; font-weight: 600; } .s-comp96 .opening-hours .time-container .time { width: 100%; } /********************* TILE *********************/ .s-comp96 .s-tile { background: transparent; border-radius: 0; box-shadow: none; } .s-comp96 .container > .row > div:not(:last-child) .s-tile { margin-bottom: 36px; } .s-comp96 .s-tile > .row > div:last-child > * { margin-bottom: 0 !important; } /* .s-comp96 .s-tile h2, .s-comp96 .s-tile .yls_text, .s-comp96 .s-tile label { color: #fff; } */ /********************* FORM *********************/ /* iFrame */ .s-comp96 .smC11783SmSn1p3T2-style.s-frame--hidden { position: absolute; bottom: 0; left: -9999px; height: 0; width: 0; z-index: -2147483647; } /********************* GENERAL FORM SETTINGS *********************/ .s-comp96 .smC11783SmSn1p3T2-style.s-form { position: relative; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-flexdir--col { flex-direction: column; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-flexdir--row { flex-direction: row; align-items: center; } .s-comp96 .smC11783SmSn1p3T2-style.s-form input::-moz-placeholder, .s-comp96 .smC11783SmSn1p3T2-style.s-form input::-webkit-input-placeholder, .s-comp96 .smC11783SmSn1p3T2-style.s-form textarea::-moz-placeholder, .s-comp96 .smC11783SmSn1p3T2-style.s-form textarea::-webkit-input-placeholder { opacity: 1; } .s-comp96 .smC11783SmSn1p3T2-style.s-form label { margin: 0; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper { position: relative; display: flex; flex-direction: column-reverse; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-input, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-textarea, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-select, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info { -webkit-appearance: none; appearance: none; display: block; flex-grow: 1; } /* .s-comp96 .smC11783SmSn1p3T2-style.s-form .form-control[readonly] { background: none; } */ .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info:before { border-left: 1px solid #cecece; padding: 0.375rem 0.75rem; } /********************* SELECT *********************/ .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__select { position: relative; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__select select { cursor: pointer; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__select i { position: absolute; top: calc(50% + 16px); /* 50% + half of label height */ right: 15px; transform: translate(0, -50%); font-size: 0.833rem; opacity: 0.4; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } /********************* CHECKBOX / RADIO / OPT-IN *********************/ .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts { display: flex; flex-grow: 1; flex-wrap: wrap; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts input, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts svg, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts input, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts svg, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__optin svg { display: none; flex-shrink: 0; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__optin input { position: absolute; left: 0; top: 0; z-index: -1; opacity: 0; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts .s-check__label, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts .s-radio__label, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__optin .s-optin__label { display: flex; flex-direction: row-reverse; align-items: center; justify-content: flex-end; cursor: pointer; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__optin .s-optin__label p { margin: 0; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts .s-check__label .s-check__indicator, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts .s-radio__label .s-radio__indicator, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__optin .s-optin__label .s-optin__indicator { display: inline-flex; align-items: center; justify-content: center; width: 1rem; height: 1rem; margin-right: 0.5rem; border: 1px solid #cecece; flex-shrink: 0; position: relative; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts .s-radio__label .s-radio__indicator { border-radius: 50%; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp96 .s-radio__indicator { position: relative; } .s-comp96 .s-radio__indicator:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 100%; background: var(--primary); transform: scale(0); transition: all 0.2s ease; opacity: 0.12; pointer-events: none; } .s-comp96 .s-radio__label:hover .s-radio__indicator:after { transform: scale(2.2); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio input:checked + .s-radio__label .s-radio__indicator:after { transform: scale(1); transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9); opacity: 1; } /* .s-comp96 .smC11783SmSn1p3T2-style.s-form svg { -webkit-transition: all .38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all .38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all .38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts input:checked + label svg, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts input:checked + label svg, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-optin__input:checked + label svg { display: block; }*/ @media only screen and (max-width: 480px) { .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__opts, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-checkbox__opts, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-radio__opts { flex-direction: column; align-items: flex-start; } } /********************* FILE UPLOAD *********************/ .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-file__upload { margin: 0; opacity: 0; z-index: -9999; cursor: pointer; position: absolute; width: 100%; height: 100%; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__label { position: relative; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; cursor: pointer; display: flex; align-items: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-top: 4px !important; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info::before { position: absolute; top: 0; right: 0; bottom: 0; z-index: 2; display: flex; justify-content: center; align-items: center; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info::before { content: attr(data-btn); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-upload__info::after { content: attr(data-upload); } /********************* Linked Data *********************/ /* .s-comp96 .s-input[readonly] { margin-top: 4px !important; background: var(--color_secondary-200) !important; border: 0 !important; } */ /********************* MESSAGES *********************/ .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-form__msg { display: none; } /********************* SUBMIT BUTTON *********************/ .s-comp96 .s-field__submit { flex-direction: column !important; flex-wrap: wrap; } .s-comp96 .s-field__submit .yls_text { width: 100%; margin: 0 0 15px 0; opacity: 0.833; line-height: 1.44; font-size: 0.833rem; text-align: left; } /********************* DESIGN PANELS DEFAULT *********************/ /* Default css from Default Title */ .s-comp96 h1.smC11783SmSn1p3T3-style, .s-comp96 h2.smC11783SmSn1p3T3-style, .s-comp96 h3.smC11783SmSn1p3T3-style, .s-comp96 h4.smC11783SmSn1p3T3-style, .s-comp96 h5.smC11783SmSn1p3T3-style, .s-comp96 h6.smC11783SmSn1p3T3-style { position: relative; } /* Default css from Default Text */ .s-comp96 .s-text.smC11783SmSn1p3T4-style { position: relative; } .s-comp96 .s-text.smC11783SmSn1p3T4-style u { text-decoration: none; } /* Default css from Default Button */ .s-comp96 .s-btn.smC11783SmSn1p3T5-style, .s-comp96 .s-btn-alt.smC11783SmSn1p3T5-style { position: relative; } .s-comp96 { position: relative; } .s-comp96 .smC11783SmSn1p3T2-style.s-form { margin: 0px 0px 36px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper { margin: 0px 0px 30px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__input { margin: 0px 0px 30px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__textarea { margin: 0px 0px 30px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select + .s-label { margin: 0px 0px 8px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select { font-size: 1em; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select { color: #3a3c41; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select { line-height: 1.2; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select { border: 2px solid rgba(250, 190, 25, 0.1); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select { padding: 0.482em 0.482em 0.482em 0.482em; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select:focus { border: 2px solid rgba(58, 60, 65, 0.4); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__select .s-select:focus { outline: 0px solid rgba(58, 60, 65, 0); outline-offset: 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox .s-checkbox__opts + .s-label { padding: 20px 0px 8px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox .s-checkbox__opts { margin: 0px -15px -4px -15px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox .s-check__label { margin: 0px 15px 0px 15px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox .s-check__label .s-check__indicator { border: 2px solid #e19517; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox .s-check__label:hover .s-check__indicator { border: 2px solid #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox input:checked + .s-check__label .s-check__indicator { border: 2px solid #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__checkbox input:checked + .s-check__label .s-check__indicator svg { fill: #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio { margin: 0px 0px 10px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__opts + .s-label { margin: 20px 0px 8px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__opts { margin: 0px -15px -4px -15px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__label { margin: 0px 15px 0px 15px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__label .s-radio__info { color: rgba(58, 60, 65, 0.8); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__label:hover .s-radio__info { color: #3a3c41; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio input:checked + .s-radio__label .s-radio__info { color: #3a3c41; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__label .s-radio__indicator { border: 2px solid rgba(58, 60, 65, 0.2); } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio .s-radio__label:hover .s-radio__indicator { border: 2px solid #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio input:checked + .s-radio__label .s-radio__indicator { border: 2px solid #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-group__radio input:checked + .s-radio__label .s-radio__indicator svg { fill: #1799a7; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-btn { margin: 0px 0px 0px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-btn-alt { margin: 0px 0px 0px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__submit { margin: -15px 0px 0px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__submit { display: flex !important; flex-direction: row !important; justify-content: flex-start; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__optin { margin: 0px 0px 30px 0px; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-form__msg { display: none !important; } .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__upload .s-upload__info, .s-comp96 .smC11783SmSn1p3T2-style.s-form .s-field__wrapper.s-field__upload .s-upload__label { min-height: 35px; max-height: none; } .s-comp96 .s-text.smC11783SmSn1p3T4-style { margin: 0px 0px 36px 0px; } .s-comp96 .s-img__wrapper.smC11783SmSn1p3T9-style { margin: 0px 0px 36px 0px; } .s-comp96 .s-button-list { margin: 0px 0px 36px 0px; } @media (max-width: 480px) { .s-comp96 .s-img__wrapper.smC11783SmSn1p3T9-style { margin: 0px auto 36px auto; } } .s-comp98 { position: relative; } .yls_ds > .yls_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; } /**************************** Rows ****************************/ .yls_ds-row:not(:last-child) { margin-bottom: var(--comp-spacing_outer); } .yls_ds-row > .yls_container > .yls_row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; } .yls_ds.default .yls_ds-row:nth-child(even) > .yls_container > .yls_row { flex-direction: row-reverse; } .yls_ds.reverse .yls_ds-row:nth-child(odd) > .yls_container > .yls_row { flex-direction: row-reverse; } @media only screen and (max-width: 991px) { .yls_ds-row > .yls_container > .yls_row { flex-direction: column !important; } } /**************************** Visual ****************************/ .yls_ds-visual { width: var(--w_6-12); } .yls_ds-visual-img { position: relative; width: 100%; padding-bottom: 120%; box-shadow: var(--shadow_xl); border-radius: var(--border-radius_lg); } .yls_ds-visual-img img { border-radius: inherit; } @media only screen and (max-width: 991px) { .yls_ds-visual { width: 100%; max-width: 540px; margin-bottom: 36px; } } /**************************** Content ****************************/ .yls_ds-content { width: var(--w_5-12); } .yls_ds-content .yls_linked-img { width: auto; opacity: 0.8; } .yls_ds-content .yls_linked-img:hover { opacity: 1; } .yls_ds-content .yls_linked-img img { overflow: hidden; border-radius: var(--border-radius_md); box-shadow: var(--shadow_lg); } @media only screen and (max-width: 991px) { .yls_ds-content { width: 100%; max-width: 540px; } } .s-comp99 { position: relative; } .yls_comp100 h2 { margin-bottom: 72px; text-align: center; } .yls_comp100 .yls_feat-list-wrapper { --gap: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; margin: calc(var(--gap) / -2); } .yls_comp100 .yls_feat-list-wrapper::after { content: ""; display: table; clear: both; } .yls_comp100 .yls_feat-list-item { width: var(--w_4-12); padding: calc(var(--gap) / 2); } .yls_comp100 .yls_feat-list-item > .yls_spacer { --gap: 24px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2) 0; } .yls_comp100 .yls_feat-list-item > .yls_spacer::after { content: ""; display: table; clear: both; } .yls_comp100 .yls_feat-list-item > .yls_spacer > .yls_spacer-item { margin: calc(var(--gap) / 2) 0; } .yls_comp100 .yls_feat-list-icon { position: relative; transform: rotate(45deg); width: 96px; height: 96px; margin: 0 auto; background: var(--color_primary-500); border-radius: 50%; } .yls_comp100 .yls_feat-list-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); max-width: 50%; max-height: 50%; } .yls_comp100 .yls_feat-list-icon i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); color: #fff; font-size: var(--type-scale_xl-3); } .yls_comp100 .yls_feat-list-item h3 { margin-bottom: 0; text-align: center; font-size: var(--type-scale_lg); font-family: var(--body_font); font-weight: 600; line-height: var(--type-scale-rel_lg); letter-spacing: -0.04em; color: #fff; } .yls_comp100 .yls_feat-list-item .yls_text { max-width: 42ch; margin-left: auto; margin-right: auto; text-align: center; } @media only screen and (max-width: 991px) { .yls_comp100 .yls_feat-list-item { width: 50%; } .yls_comp100 .yls_feat-list-icon { width: 96px; height: 96px; } } @media only screen and (max-width: 480px) { .yls_comp100 .yls_feat-list-wrapper { flex-direction: column; align-items: center; } .yls_comp100 .yls_feat-list-item { width: 100%; } .yls_comp100 .yls_feat-list-icon { width: 72px; height: 72px; } .yls_comp100 .yls_feat-list-icon i { font-size: var(--type-scale_xl); } } .s-comp100 { position: relative; } .s-comp101 { position: relative; } .yls_tiles__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_tiles__grid-item { width: var(--w_6-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_tiles__grid-item { width: 100%; } } .s-comp102 { position: relative; } .yls_announcement { position: relative; z-index: 10; margin-top: calc((var(--comp-spacing_outer) / -1) - 48px); } .yls_announcement-tile { padding: 60px; background: #fff; border-radius: var(--border-radius_lg); box-shadow: var(--shadow_xl); } .yls_announcement-tile > .yls_wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .yls_announcement-content { width: var(--w_7-12); } .yls_announcement-tile .yls_badge { margin-bottom: 12px; } .yls_announcement-tile h2 { margin-bottom: -0.2em; } .yls_announcement-tile .yls_text { max-width: 600px; } .yls_announcement-actions { width: var(--w_4-12); } .yls_announcement-actions .yls_btn-list { justify-content: center; } @media only screen and (max-width: 991px) { .yls_announcement .yls_container { max-width: 100%; padding: 0 48px; } .yls_announcement-tile > .yls_wrapper { flex-direction: column; justify-content: center; } .yls_announcement-content { width: 100%; } .yls_announcement-content > * { align-items: center; margin-bottom: 0; } .yls_announcement-content > * > * { text-align: center; } .yls_announcement-tile h2 { font-size: var(--type-scale_xl-2); } .yls_announcement-actions { width: 100%; } } @media only screen and (max-width: 991px) { .yls_announcement .yls_container { padding: 0 12px; } .yls_announcement-tile { padding: 48px 30px; } .yls_announcement-tile h2 { font-size: var(--type-scale_xl-1); } } .s-comp103 { position: relative; } .yls_reservation .yls_container > .yls_spacer { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_reservation-plugin { width: var(--w_6-12); padding: calc(var(--gap) / 2); } #etc_online { width: 100%; max-height: 640px; overflow: hidden; overflow-y: auto; box-shadow: var(--shadow_xl); border-radius: var(--border-radius_md); } .yls_reservation-content { width: var(--w_5-12); padding: calc(var(--gap) / 2); } .yls_reservation-content h2, .yls_reservation-content h3 { margin-bottom: -0.2em; } .yls_opening-times { --gap: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2); } .yls_opening-times-item { padding: calc(var(--gap) / 2); } .yls_opening-times-item:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .yls_opening-times-item > .yls_spacer { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; margin: 0 calc(var(--gap) / -2); } .yls_opening-times-day, .yls_opening-times-hours { padding: 0 calc(var(--gap) / 2); } .yls_opening-times-day { min-width: 130px; font-weight: var(--font-weight_bold); font-family: var(--headings_font); } .s-comp104 { position: relative; } .yls_quotes-carousel { position: relative; overflow: hidden; } .yls_quotes-carousel:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 90vw; height: 90vw; content: ''; background: var(--color_secondary-300); border-radius: 50%; opacity: 0.3; } .yls_quotes-carousel .yls_container { position: relative; z-index: 10; } .yls_quotes-carousel h2 { text-align: center; margin-bottom: 48px; } .yls_quotes-carousel-item { max-width: 576px; margin: 0 auto; } .yls_quotes-carousel-item .yls_text { text-align: center; font-size: var(--type-scale_lg); } .yls_quotes-carousel-item-name { font-size: var(--type-scale_sm); } .yls_quotes-carousel-instance .swiper-pagination { position: relative; top: auto; bottom: auto; left: auto; right: auto; margin-top: 24px; font-weight: var(--font-weight_bold); } .yls_quotes-carousel-instance .swiper-button { width: 48px; height: 48px; background: var(--color_secondary-700); border-radius: var(--border-radius_md); } .yls_quotes-carousel-instance .swiper-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--type-scale_sm); color: #fff; } .yls_quotes-carousel-instance .swiper-button-prev i { padding: 0 0.1em 0 0; } .yls_quotes-carousel-instance .swiper-button-next i { padding: 0 0 0 0.1em; } .yls_quotes-carousel-instance .swiper-button:after { display: none; } @media only screen and (max-width: 991px) { .yls_quotes-carousel .yls_container { max-width: 100%; padding: 0 48px; } .yls_quotes-carousel-instance { overflow: visible; } .yls_quotes-carousel-instance .swiper-button { top: calc(50% - 20px); } .yls_quotes-carousel-instance .swiper-button-prev { left: -24px; } .yls_quotes-carousel-instance .swiper-button-next { right: -24px; } } @media only screen and (max-width: 480px) { .yls_quotes-carousel .yls_container { padding: 0 24px; } .yls_quotes-carousel-instance { overflow: hidden; box-sizing: border-box; } .yls_quotes-carousel-item .yls_text { font-size: var(--type-scale_md); } .yls_quotes-carousel-instance .swiper-pagination { margin-top: 48px; padding-bottom: 12px; } .yls_quotes-carousel-instance .swiper-button { top: auto; bottom: 0; } .yls_quotes-carousel-instance .swiper-button-prev { left: 0; } .yls_quotes-carousel-instance .swiper-button-next { right: 0; } } .s-comp105 { position: relative; } .yls_db-aanbod h2 { max-width: 30ch; margin: 0 auto 36px auto; text-align: center; } .yls_db-aanbod h2:empty { display: none; } .yls_db-aanbod .yls_db-overview { --gap-x: 30px; --gap-y: 72px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: calc(var(--gap-y) / -2) calc(var(--gap-x) / -2); } .yls_db-aanbod .yls_db-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 33.333%; padding: calc(var(--gap-y) / 2) calc(var(--gap-x) / 2); } @media only screen and (max-width: 991px) { .yls_db-aanbod .yls_container { max-width: 100%; padding: 0 48px; } .yls_db-aanbod .yls_db-item { width: 50%; } } @media only screen and (max-width: 480px) { .yls_db-aanbod .yls_container { padding: 0 24px; } .yls_db-aanbod .yls_db-item { width: 100%; } } .s-comp110 { position: relative; } .yls_team { position: relative; } .yls_team .yls_container { position: relative; z-index: 20; } .yls_team > .yls_container > .yls_wrapper { --gap: 48px; } .yls_team-intro h2, .yls_team-intro h3, .yls_team-intro h4, .yls_team-intro h5, .yls_team-intro h6 { margin-top: -0.2em; text-align: center; } .yls_team-intro h2:last-child, .yls_team-intro h3:last-child, .yls_team-intro h4:last-child, .yls_team-intro h5:last-child, .yls_team-intro h6:last-child { margin-bottom: 0; } .yls_team-intro .yls_text { max-width: 42ch; margin-left: auto; margin-right: auto; font-size: var(--type-scale_lg); text-align: center; } .yls_team-wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; margin: calc(var(--gap) / -2); } .yls_team-item { width: var(--w_4-12); padding: calc(var(--gap) / 2); } .yls_team-card { --img_width: 120px; --img_height: 120px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; align-items: center; margin-top: calc(var(--img_height) / 2); padding: 0 48px 48px 48px; background: var(--color_secondary-200); border-radius: var(--border-radius_md); } .yls_team-img { position: relative; z-index: 1; width: var(--img_width); height: var(--img_height); margin-top: calc(var(--img_height) / -2); margin-bottom: 30px; overflow: hidden; border-radius: 50%; box-shadow: var(--shadow_lg); } .yls_team-content { width: 100%; } .yls_team-content-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2) 0; } .yls_team-content > .yls_team-content-wrapper { --gap: 24px; } .yls_team-content > .yls_team-content-wrapper > .yls_team-content-item > .yls_team-content-wrapper { --gap: 4px; } .yls_team-content-wrapper > .yls_team-content-item { padding: calc(var(--gap) / 2) 0; } .yls_team-content > .yls_team-content-wrapper > .yls_team-content-item:last-child { display: none; } .yls_team-content h3 { margin: 0 0 2px 0; text-align: center; font-family: var(--body_font); font-weight: 600; color: var(--color_secondary-700); line-height: var(--type-scale-rel_lg); letter-spacing: -0.04em; } .yls_team-content-wrapper > .yls_team-content-item:first-child h2, .yls_team-content-wrapper > .yls_team-content-item:first-child h3, .yls_team-content-wrapper > .yls_team-content-item:first-child h4 { font-size: var(--type-scale_lg); } .yls_team-content .yls_text { text-align: center; line-height: var(--type-scale-rel_xl); color: var(--color_secondary-700); } .yls_team-content .yls_text b { font-weight: 600; opacity: 0.8; } .yls_team-content .yls_social-media { justify-content: center; } @media only screen and (max-width: 991px) { .yls_team-item { width: 50%; } } @media only screen and (max-width: 480px) { .yls_team-item { width: 100%; } .yls_team-card { --img_width: 140px; --img_height: 140px; } } .s-comp113 { position: relative; } .s-comp114 { margin-bottom: var(--comp-spacing_outer); } .s-comp114 .intro-container { width: 100%; padding: 72px; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } .s-comp114 h2 { text-align: center; } .s-comp114 .yls_text { max-width: 54ch; margin: 0 auto; text-align: center; font-size: var(--type-scale_lg); } @media only screen and (min-width: 481px) { .s-comp114 .yls_text ul { display: inline-block; -webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 60px; } .s-comp114 .yls_text ul > li { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } @media only screen and (max-width: 991px) { .s-comp114 { padding-left: 0; padding-right: 0; } .s-comp114 .container { max-width: 100%; padding: 0 48px; } .s-comp114 .intro-container { padding: 60px; } } @media only screen and (max-width: 480px) { .s-comp114 .container { padding: 0 24px; } .s-comp114 .intro-container { padding: 36px 30px; } .s-comp114 h2 { text-align: left; } .s-comp114 .yls_text { font-size: var(--type-scale_md); text-align: left; } } .s-comp114 .s-title-h3 h3 { text-align: center; } .s-comp114 .s-title-h4 h4 { text-align: center; } .s-comp114 .s-title-h5 h5 { text-align: center; } .s-comp114 .s-title-h6 h6 { text-align: center; } .s-comp114 .s-text { font-size: 1.2rem; } .s-comp114 .s-text { text-align: center; } .s-comp114 .s-text { margin: 0px auto 0px auto; } .s-comp114 .s-text { min-width: 0px; max-width: 650px; } .s-comp114 .s-button-list { margin: -4px -4px -4px -4px; } .s-comp114 .s-button-list { text-align: center; } .s-comp114 .s-button-list .s-btn { width: auto; } .s-comp114 .s-button-list .s-btn { margin: 4px 4px 4px 4px; } .s-comp114 .s-button-list .s-btn-alt { width: auto; } .s-comp114 .s-button-list .s-btn-alt { margin: 4px 4px 4px 4px; } @media (max-width: 480px) { .s-comp114 .s-text { font-size: 1rem; } .s-comp114 .s-button-list .s-btn { width: 100%; } .s-comp114 .s-button-list .s-btn { margin: 4px 0px 4px 0px; } .s-comp114 .s-button-list .s-btn-alt { width: 100%; } .s-comp114 .s-button-list .s-btn-alt { margin: 4px 0px 4px 0px; } } .yls_jobs-carousel-item { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; padding: 60px 45px; background: #fff; } .yls_jobs-carousel-item .intro-container, .yls_jobs-carousel-item .info-container { padding: 0 calc(var(--gap) / 2); } .yls_jobs-carousel-item .intro-container > .yls_spacer, .yls_jobs-carousel-item .info-container > .yls_spacer { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2) 0; } .yls_jobs-carousel-item .intro-container > .yls_spacer > .yls_spacer-item, .yls_jobs-carousel-item .info-container > .yls_spacer > .yls_spacer-item { margin: 0; padding: calc(var(--gap) / 2) 0; } .yls_jobs-carousel-item h2 { margin-bottom: -0.2em; } .yls_jobs-carousel-item h3 { margin-bottom: -0.6em; } .yls_jobs-carousel-instance.swiper { overflow: visible; } .yls_jobs-carousel-instance .swiper-slide { -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .yls_jobs-carousel-instance .swiper-slide:not(.swiper-slide-active) { opacity: 0; pointer-events: none; } @media only screen and (max-width: 991px) { .yls_jobs-carousel-item { --gap: 30px; flex-direction: column; padding: 45px 36px; } .yls_jobs-carousel-item .intro-container, .yls_jobs-carousel-item .info-container { padding: calc(var(--gap) / 2) 0; } } @media only screen and (max-width: 991px) { .yls_jobs-carousel-item { padding: 21px 30px; } } /**************************** Pagination ****************************/ .yls_jobs-carousel-instance .swiper-pagination { bottom: -24px; line-height: 0; } .yls_jobs-carousel-instance .swiper-pagination-bullet-active { background: var(--color_secondary-500); } /**************************** Navigation ****************************/ .yls_jobs-carousel-instance .swiper-button { width: 60px; height: 60px; margin: 0; background: var(--color_primary-500); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .yls_jobs-carousel-instance .swiper-button-prev { left: 0; transform: translate(-50%, -50%); } .yls_jobs-carousel-instance .swiper-button-next { right: 0; transform: translate(50%, -50%); } .yls_jobs-carousel-instance .swiper-button-disabled { display: none; opacity: 0; } .yls_jobs-carousel-instance .swiper-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--type-scale_sm); color: #fff; } .yls_jobs-carousel-instance .swiper-button-prev i { padding: 0 0.1em 0 0; } .yls_jobs-carousel-instance .swiper-button-next i { padding: 0 0 0 0.1em; } .yls_jobs-carousel-instance .swiper-button:after { display: none; } @media only screen and (max-width: 480px) { .yls_jobs-carousel-instance .swiper-button { width: 40px; height: 40px; } } .s-comp115 { position: relative; } .yls_ot { position: relative; overflow: hidden; } .yls_ot .yls_container { position: relative; z-index: 10; } /***** Layout *****/ .yls_ot-wrapper { --gap: 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; margin: 0 calc(var(--gap) / -2); } .yls_ot.dir_default .yls_ot-wrapper { flex-direction: row; } .yls_ot.dir_reverse .yls_ot-wrapper { flex-direction: row-reverse; } .yls_ot-wrapper > div { padding: 0 calc(var(--gap) / 2); } .yls_ot-wrapper > div:nth-child(1) { position: relative; z-index: 5; width: var(--w_4-12); padding-right: 60px; background: #fff; } .yls_ot.dir_default .yls_ot-wrapper > div:nth-child(1) { margin-right: var(--w_1-12); } .yls_ot.dir_reverse .yls_ot-wrapper > div:nth-child(1) { margin-left: var(--w_1-12); } .yls_ot-wrapper > div:nth-child(2) { position: relative; z-index: 1; width: var(--w_7-12); } /**************************** Intro ****************************/ .yls_ot-intro { position: relative; z-index: 20; height: 100%; padding: 0; } .yls_ot.dir_default .yls_ot-intro { padding-right: 96px; } .yls_ot.dir_reverse .yls_ot-intro { padding-left: 96px; } .yls_ot-intro > .yls_wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; height: 100%; margin: calc(var(--gap) / -2) 0; } .yls_ot-intro > .yls_wrapper > div { padding: calc(var(--gap) / 2) 0; } .yls_ot-intro .yls_text { font-size: var(--type-scale_lg); } /**************************** Info ****************************/ .yls_ot-carousel-item { position: relative; } .yls_ot-carousel-item .yls_card .yls_card-img { padding-bottom: 120%; } /**************************** Carousel ****************************/ .yls_ot-carousel-instance { overflow: visible; } .yls_ot-carousel-instance .swiper-slide { -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } /***** States *****/ .yls_ot-carousel-instance .swiper-slide:not(.swiper-slide-visible), .yls_ot-carousel-instance .swiper-slide.swiper-slide-visible:not(.swiper-slide-active):not(.swiper-slide-next) { opacity: 0; pointer-events: none; } /***** Navigation *****/ .yls_ot-carousel-instance .swiper-button { position: absolute; top: calc(50% - 44px); width: 48px; height: 48px; margin: 0; background: var(--color_secondary-700); border-radius: var(--border-radius_md); -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .yls_ot-carousel-instance .swiper-button-prev { left: -72px; transform: translate(0, -50%); } .yls_ot-carousel-instance .swiper-button-next { right: -72px; transform: translate(0, -50%); } .yls_ot-carousel-instance .swiper-button.swiper-button-disabled { opacity: 0; } .yls_ot-carousel-instance .swiper-button:before, .yls_ot-carousel-instance .swiper-button:after { display: none; } .yls_ot-carousel-instance .swiper-button i { color: #fff; } @media only screen and (max-width: 1600px) { .yls_ot-carousel-instance .swiper-button-prev { left: -60px; } .yls_ot-carousel-instance .swiper-button-next { right: -60px; } } /***** Pagination *****/ .yls_ot-carousel-instance .swiper-pagination { --gap: 8px; /* position: absolute; left: 50%; bottom: calc( var(--comp-spacing_inner) / -2 ); transform: translate(-50%, 0); */ position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; margin: 36px auto 0 auto; } .yls_ot-carousel-instance .swiper-pagination-bullet { margin: 0 calc(var(--gap) / 2) !important; background: var(--color_secondary-700); } .s-comp117 { position: relative; } .yls_fds__row { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: clamp(0px, 650px, 80vh); } .yls_fds__row .yls_fds__content { --padding-x: 72px; --padding-y: 96px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; align-items: center; width: var(--w_6-12); height: 100%; padding: var(--padding-y) 0; } @media only screen and (min-width: 992px) { /***** Odd Rows *****/ /***** Even Rows *****/ .yls_fds__row .yls_fds__visual { position: absolute; top: 0; width: var(--w_6-12); height: 100%; } .yls_fds__row:nth-child(odd) .yls_fds__visual { left: 0; } .yls_fds__row:nth-child(odd) .yls_fds__content { margin-left: auto; padding-left: var(--padding-x); } .yls_fds__row:nth-child(even) .yls_fds__visual { right: 0; } .yls_fds__row:nth-child(even) .yls_fds__content { margin-right: auto; padding-right: var(--padding-x); } } @media only screen and (max-width: 991px) { .yls_fds { margin-bottom: var(--comp-spacing_outer) !important; } .yls_fds__row { flex-direction: column; min-height: 0; } .yls_fds__row:not(:last-child) { margin-bottom: var(--comp-spacing_inner); } .yls_fds__row .yls_fds__content { width: 100%; height: auto; padding: 48px 0 0 0; } .yls_fds__row .yls_fds__visual { position: relative; width: 100%; padding-bottom: 61.8%; overflow: hidden; border-radius: var(--border-radius_sm); box-shadow: var(--shadow_xl); } } /**************************** Visual ****************************/ /***** Image *****/ .yls_fds__row .yls_fds__visual-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .yls_fds__row .yls_fds__visual-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; } /***** Embed *****/ .yls_fds__row .yls_fds__visual-embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .yls_fds__row .yls_fds__visual-embed embed, .yls_fds__row .yls_fds__visual-embed iframe { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; } /**************************** Content ****************************/ .yls_fds__content-wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; margin: calc(var(--gap) / -2) 0; } .yls_fds__content-item { width: 100%; padding: calc(var(--gap) / 2) 0; } .yls_fds__content-item.padding-b__0 + .yls_fds__content-item { padding-top: 0 !important; } .s-comp119 { position: relative; } .yls_hist__wrapper { --gap: 96px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; margin: calc(var(--gap) / -2) 0; } .yls_hist__item { width: 100%; padding: calc(var(--gap) / 2) 0; } .yls_hist__item-wrapper { --gap: 72px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; margin: calc(var(--gap) / -2); } @media only screen and (min-width: 992px) { .yls_hist__item:nth-child(even) .yls_hist__item-wrapper { flex-direction: row-reverse; } } .yls_hist__item-wrapper > div { padding: calc(var(--gap) / 2); } .yls_hist__visual { position: relative; z-index: 1; width: var(--w_6-12); } .yls_hist__content { position: relative; z-index: 5; width: var(--w_5-12); } @media only screen and (max-width: 991px) { .yls_hist__item-wrapper { --gap: 0px; flex-direction: column; align-items: center; } .yls_hist__visual { width: 100%; } .yls_hist__content { width: 100%; } } /**************************** Image ****************************/ .yls_hist__visual-img { position: relative; width: 100%; padding-bottom: 61.8%; overflow: hidden; border-radius: var(--border-radius_sm); box-shadow: var(--shadow_xl); } .yls_hist__visual-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .yls_hist__visual-img:after { position: absolute; top: 0; z-index: 2; width: var(--w_5-12); height: 100%; content: ''; } @media only screen and (min-width: 992px) { .yls_hist__item:nth-child(odd) .yls_hist__visual-img:after { right: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.4) 100%); } .yls_hist__item:nth-child(even) .yls_hist__visual-img:after { left: 0; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 28%, rgba(0, 0, 0, 0) 100%); } } @media only screen and (max-width: 991px) { .yls_hist__visual-img { padding-bottom: 56.25%; } .yls_hist__visual-img:after { top: auto; bottom: 0; width: 100%; height: 50%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 28%, rgba(0, 0, 0, 0.4) 100%); } } /**************************** Content ****************************/ .yls_hist__year { margin-top: 30px; margin-bottom: 36px; font-size: 6.192rem; font-family: var(--headings_font); color: #fff; } @media only screen and (min-width: 992px) { .yls_hist__item:nth-child(odd) .yls_hist__year { margin-left: calc(( var(--gap) + var(--w_1-12) ) * -1); } .yls_hist__item:nth-child(even) .yls_hist__year { margin-right: calc(( var(--gap) + var(--w_1-12) ) * -1); text-align: right; } } .yls_hist__content h2 { font-size: var(--type-scale_xl-1); } .yls_hist__content .yls_text { max-width: 42ch; font-size: var(--type-scale_lg); } @media only screen and (max-width: 991px) { .yls_hist__content { padding-left: var(--w_1-12) !important; } .yls_hist__year { margin-top: -0.5em; margin-bottom: 30px; font-size: var(--type-scale_xl-6); text-align: left; } .yls_hist__content h2 { font-size: var(--type-scale_xl); } .yls_hist__content .yls_text { font-size: var(--type-scale_md); } } @media only screen and (max-width: 480px) { .yls_hist__content { padding-left: var(--w_1-12) !important; } .yls_hist__year { font-size: var(--type-scale_xl-5); } .yls_hist__content h2 { font-size: var(--type-scale_lg); } } .s-comp121 { position: relative; } .yls_acth__wrapper { --gap: 60px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_acth__wrapper > div { padding: calc(var(--gap) / 2); } .yls_acth__intro { order: 1; width: var(--w_7-12); } .yls_acth__cta { order: 2; width: var(--w_4-12); margin-left: auto; } .yls_acth__grid { order: 3; width: 100%; } @media only screen and (max-width: 991px) { .yls_acth__intro { width: 100%; } .yls_acth__cta { order: 3; width: 100%; margin-left: 0; } .yls_acth__grid { order: 2; } } @media only screen and (max-width: 480px) { .yls_acth__wrapper { --gap: 30px; } } /**************************** Intro ****************************/ @media only screen and (min-width: 992px) { .yls_acth__intro .yls_text { font-size: var(--type-scale_lg); } } /**************************** Grid ****************************/ .yls_acth__grid-wrapper { --gap: 36px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_acth__grid-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: var(--w_4-12); padding: calc(var(--gap) / 2); } @media only screen and (min-width: 992px) { .yls_acth__grid-item:nth-child(1), .yls_acth__grid-item:nth-child(2) { width: var(--w_6-12); } .yls_acth__grid-item:not(:nth-child(1)):not(:nth-child(2)) .yls_card__img { padding-bottom: 83.3%; } .yls_acth__grid-item:not(:nth-child(1)):not(:nth-child(2)) h3 { font-size: var(--type-scale_xl); } } @media only screen and (max-width: 991px) { .yls_acth__grid-item { width: var(--w_6-12); } .yls_acth__grid-item:nth-child(5) { display: none; } .yls_acth__grid-item .yls_card h3 { font-size: var(--type-scale_xl); } } @media only screen and (max-width: 480px) { .yls_acth__grid-item { width: 100%; } .yls_acth__grid-item:nth-child(4) { display: none; } .yls_acth__grid-item .yls_card h3 { font-size: var(--type-scale_lg); } } .s-comp118 { position: relative; } .yls_act__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_act__grid-item { width: var(--w_4-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_act__grid-item { width: 100%; } } .s-comp123 { position: relative; } .yls_refs__instance { overflow: visible; } .yls_refs__item { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 calc(var(--gap) / -2); -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .yls_refs .swiper-slide:not(.swiper-slide-visible) .yls_refs__item { opacity: 0; } .yls_refs__content, .yls_refs__visual { padding: 0 calc(var(--gap) / 2); } .yls_refs__content { position: relative; z-index: 10; width: var(--w_4-12); } .yls_refs__visual { position: relative; z-index: 1; width: var(--w_8-12); } @media only screen and (max-width: 991px) { .yls_refs__item { flex-direction: column-reverse; justify-content: flex-start; margin: 0; } .yls_refs__content { width: 100%; padding: 30px 0; } .yls_refs__visual { width: 100%; padding: 30px 0; } } /**************************** Content ****************************/ .yls_refs__content h6 { font-size: var(--type-scale_md); font-weight: normal; opacity: 0.6; } .yls_refs__content h2 { font-size: var(--type-scale_xl-3); } @media only screen and (max-width: 991px) { .yls_refs__content { text-align: center; } .yls_refs__content h6 { font-size: var(--type-scale_sm); text-align: center; } .yls_refs__content h2 { font-size: var(--type-scale_xl-2); text-align: center; } } @media only screen and (max-width: 480px) { .yls_refs__content, .yls_refs__content h6 { text-align: left; } .yls_refs__content h2 { font-size: var(--type-scale_xl); text-align: left; } } /**************************** Visual ****************************/ .yls_refs__visual-img { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: var(--border-radius_sm); box-shadow: var(--shadow_xl); } .yls_refs__visual-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; } @media only screen and (min-width: 992px) { .yls_refs__visual-img:after { position: absolute; top: 0; left: 0; z-index: 2; width: var(--w_5-12); height: 100%; content: ''; background: linear-gradient(90deg, rgba(0, 0, 0, 0.4) 28%, rgba(0, 0, 0, 0) 100%); } } /**************************** Controls ****************************/ .yls_refs__controls { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: var(--w_8-12); margin-top: 20px; margin-left: auto; } .yls_refs .swiper-navigation { --gap: 22px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 0 calc(var(--gap) / -2); } .yls_refs .swiper-button { position: relative; top: auto; left: auto; right: auto; width: auto; height: auto; margin: 0 calc(var(--gap) / 2); -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .yls_refs .swiper-button-disabled { opacity: 0.4; } .yls_refs .swiper-button i { color: #fff; } .yls_refs .swiper-button:after { display: none; } @media only screen and (max-width: 991px) { .yls_refs__controls { flex-direction: row-reverse; justify-content: space-between; align-items: center; width: 100%; margin-top: 0; margin-left: 0; } } .s-comp120 { position: relative; } .yls_ref__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_ref__grid-item { width: var(--w_6-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_ref__grid-item { width: 100%; } } .s-comp125 { position: relative; } .s-comp126 { margin-bottom: var(--comp-spacing_outer); } .s-comp126 .yls_container > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column-reverse; } .s-comp126 h2, .s-comp126 h3, .s-comp126 h4, .s-comp126 h5, .s-comp126 h6 { text-align: center; } .s-comp126 form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: center; } .s-comp126 .form-group { margin: 0 !important; } @media only screen and (min-width: 480px) { .s-comp126 form button { padding-top: 0 !important; padding-bottom: 0 !important; } } @media only screen and (max-width: 480px) { .s-comp126 form { flex-direction: column; } } .s-comp126 form input { font-size: 1rem; } .s-comp126 form input { color: #3a3c41; } .s-comp126 form input { line-height: 120%; } .s-comp126 form input { background-color: #fff; } .s-comp126 form input { -webkit-border-radius: 3px 0px 0px 3px; border-radius: 3px 0px 0px 3px; } .s-comp126 form input { border: 1px solid #eaeaea; } .s-comp126 form input { border-bottom: 1px solid #eaeaea; } .s-comp126 form input { border-right: 0px solid #eaeaea; } .s-comp126 form input { outline: 0px solid #fabe19; outline-offset: 0px; } .s-comp126 form input { padding: 0.83em 1em 0.83em 1em; } .s-comp126 form button { -webkit-border-radius: 0px 3px 3px 0px; border-radius: 0px 3px 3px 0px; } .s-comp126 form button { outline: 0px solid #fabe19; outline-offset: 0px; } .s-comp126 form button { display: inline-block; } .s-comp126 form button:hover { -ms-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale3d(1, 1, 1); } .s-comp126 .intro { margin: 0px -15px 0em -15px; } .s-comp126 .intro { padding: 0px 15px 0px 15px; } @media (max-width: 480px) { .s-comp126 form input { -webkit-border-radius: 3px 3px 0px 0px; border-radius: 3px 3px 0px 0px; } .s-comp126 form input { border-bottom: 0px solid #eaeaea; } .s-comp126 form input { border-right: 1px solid #eaeaea; } .s-comp126 form button { -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; } .s-comp126 .intro { margin: 0px 0px 0em 0px; } .s-comp126 .intro { padding: 0px 0px 0px 0px; } } .s-comp127 { padding: 0 0 var(--comp-spacing_outer) 0; } .s-comp127 h2 { margin-bottom: 48px; text-align: center; } .s-comp127 .testimonial-slider-container { position: relative; width: 100%; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } .s-comp127 .swiper-container { overflow: hidden; } .s-comp127 .swiper-wrapper { align-items: stretch; } .s-comp127 .swiper-slide { height: auto; } .s-comp127 .swiper-slide-inner { height: 100%; } .s-comp127 .testimonial-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .s-comp127 .content-container { width: 55%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; justify-content: center; align-items: center; -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp127 .swiper-slide:not(.swiper-slide-active) .content-container { opacity: 0; } .s-comp127 .content-container .content { padding: 60px; width: 100%; max-width: 660px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; box-sizing: border-box; } .s-comp127 .content-container .content-icon { margin-bottom: 1rem; } .s-comp127 .content-container .content-icon .icon i { color: #fff; font-size: var(--type-scale_xl-1); } .s-comp127 .content-container .content-text { width: 100%; } .s-comp127 .content-container .content-text .s-text { font-weight: 600; font-size: 1.2rem; line-height: 1.44; margin-bottom: 24px; color: #fff; } .s-comp127 .content-container .content-text .name { font-family: var(--title-font); color: #fff; opacity: 0.6; font-size: 0.833rem; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 600; } .s-comp127 .image-container { width: 45%; position: relative; overflow: hidden; border-radius: 0 var(--border-radius_sm) var(--border-radius_sm) 0; } .s-comp127 .image-container .image { width: 100%; padding-bottom: 100%; -webkit-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp127 .swiper-slide:not(.swiper-slide-active) .image { filter: blur(10px); transform: scale(1.05); } .s-comp127 .image-container .image img { width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; margin: 0 !important; } @media only screen and (max-width: 991px) { .s-comp127 .yls_container { max-width: 100%; padding: 0 48px; } .s-comp127 h2 { margin-bottom: 30px; text-align: left; } .s-comp127 .content-container { width: 66.666%; } .s-comp127 .image-container { width: 33.333%; } .s-comp127 .image-container .image { width: 100%; padding-bottom: 0; height: 100%; } .s-comp127 .content-container .content { flex-direction: column; } .s-comp127 .content-container .content-icon { width: 36px; margin-bottom: 24px; padding-top: 0; } .s-comp127 .content-container .content-icon .icon i { font-size: 0.694rem; } .s-comp127 .content-container .content-text { width: 100%; padding-left: 0; } .s-comp127 .content-container .content-text .s-text { font-weight: 400; font-size: 1rem; } } @media only screen and (max-width: 480px) { .s-comp127 .yls_container { padding: 0 24px; } .s-comp127 .content-container { width: 100%; } .s-comp127 .image-container { width: 100px; height: 100px; position: absolute; top: 0; right: 0; box-shadow: var(--shadow_md); border-radius: 0 var(--border-radius_sm) 0 var(--border-radius_sm); } .s-comp127 .image-container .image img { transform: translate(-50%, -50%) scale(1.2); } .s-comp127 .content-container .content { padding: 60px 30px; } } /**************************** NAVIGATION ****************************/ .s-comp127 .swiper-nav-button { --size: 40px; width: var(--size); height: var(--size); background: var(--color_primary-500); border-radius: var(--border-radius_sm); box-shadow: var(--shadow_lg); position: absolute; top: 50%; transform: translate(0, -50%); z-index: 10; display: inline-block; } .s-comp127 .swiper-nav-button.swiper-nav-prev { left: calc(var(--size) / -2); } .s-comp127 .swiper-nav-button.swiper-nav-next { right: calc(var(--size) / -2); } .s-comp127 .swiper-nav-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; font-size: 0.833rem; } @media only screen and (max-width: 991px) { .s-comp127 .swiper-nav-button { --size: 48px; } } @media only screen and (max-width: 480px) { .s-comp127 .swiper-nav-button { top: auto; bottom: 0; transform: translate(0, 50%); } .s-comp127 .swiper-nav-button.swiper-nav-prev { left: auto; right: calc(var(--size) + 8px); } .s-comp127 .swiper-nav-button.swiper-nav-next { right: 0; } } /**************************** PAGINATION ****************************/ .s-comp127 .swiper-pagination-bullet { width: 12px; height: 12px; background: rgba(255, 255, 255, 0); border: 2px solid rgba(255, 255, 255, 0.6); opacity: 1; -webkit-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.38s cubic-bezier(0.165, 0.84, 0.44, 1); } .s-comp127 .swiper-pagination-bullet-active { background: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0); } @media only screen and (max-width: 480px) { .s-comp127 .swiper-pagination { padding: 0 26px; text-align: left; } } .s-comp127 { position: relative; } .yls_jobs__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_jobs__grid-item { width: var(--w_6-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_jobs__grid-item { width: 100%; } } .s-comp129 { position: relative; } .yls_video { background: var(--color_secondary-600); } .yls_video__wrapper { position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: var(--border-radius_sm); box-shadow: var(--shadow_xl); } .yls_video__wrapper iframe, .yls_video__wrapper embed { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; } .s-comp130 { position: relative; } .yls_dbfilt { margin-bottom: 48px; } .yls_dbfilt .yls_btn-list { justify-content: center; } .yls_dbfilt .yls_btn-list a:not(.active):not(:hover) { background: transparent; } .yls_dbfilt .yls_btn-list a:before { display: none; } .s-comp131 { position: relative; } .yls_updates__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_updates__grid-item { width: var(--w_4-12); padding: calc(var(--gap) / 2); } @media only screen and (max-width: 991px) { .yls_updates__grid-item { width: 100%; } } .s-comp133 { position: relative; } /**************************** Component Settings ****************************/ .yls_collection > .yls_container > div { --gap: calc(var(--comp-spacing--inner) / 1.5); } .yls_collection__paginationscroll { pointer-events: none; } /**************************** Controls ****************************/ .yls_collection__controls { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; margin: calc(var(--gap) / -2); padding: 0 !important; } .yls_collection__controls > div { flex-grow: 1; padding: calc(var(--gap) / 2); } .yls_collection__main hr { margin: 48px 0 !important; opacity: 0.2 !important; } .yls_collection__controlstitle { margin-bottom: 1em; font-size: 1rem; line-height: 1; opacity: 0.6; } .yls_collection__controls .yls_btn-list { padding: 0 !important; } .yls_collection__controls input { width: 100%; max-width: 500px; height: 62px; padding: 1rem; font-size: 1rem; border-radius: var(--border-radius_sm); border: 0; outline: 0; } @media only screen and (max-width: 480px) { .yls_collection__controlstitle { text-align: left; } } /***** Filters *****/ @media only screen and (max-width: 480px) { .yls_collection__filterlist { --gap: 1rem; justify-content: flex-start; flex-wrap: nowrap; margin-left: calc(( var(--container__padding) * -1 ) - ( var(--gap) / 2 )); margin-right: calc(( var(--container__padding) * -1 ) - ( var(--gap) / 2 )); padding-left: var(--container__padding); padding-right: var(--container__padding); overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .yls_collection__filterlist::-webkit-scrollbar { display: none; } .yls_collection__filtername { white-space: nowrap; } } /**************************** Results ****************************/ .yls_collection__results, .yls_collection__resultsamount { padding: 0 !important; } .yls_collection__resultsamount h3 { position: relative; /*display: inline-block;*/ margin-bottom: 1rem; font-size: var(--type-scale--xl); line-height: 1; } .yls_collection__resultsamount h3 .count { font-size: var(--type-scale-rel--xs-1); vertical-align: middle; opacity: 0.6; } .yls_collection__resultsamount h3 .count:before { content: '('; } .yls_collection__resultsamount h3 .count:after { content: ')'; } .yls_collection__resultslist { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: var(--gap); margin: 0; padding: 0; list-style: none; } .yls_collection__resultslist > div { width: calc(( 100% / var(--cols) ) - ( ( ( var(--cols) - 1 ) / var(--cols) ) * var(--gap) )); padding: 0 !important; } /***** Responsive *****/ @media only screen and (max-width: 991px) { .yls_collection__resultslist { --cols: 2 !important; } } @media only screen and (max-width: 480px) { .yls_collection__resultslist { --cols: 1 !important; } } /**************************** Pagination ****************************/ .yls_collection__results .pagination { --size: 30px; --gap: calc(var(--size) / 1.5); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; gap: var(--gap); width: 100%; margin: 30px 0 0 0; padding: 0; list-style: none; } .yls_collection__results .pagination:has(li:first-child:last-child) { display: none; } .yls_collection__results .pagination li a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; width: var(--size); height: var(--size); line-height: 1; font-family: var(--font_headings); font-weight: bold; text-decoration: none; color: var(--color_headings); -webkit-transition: var(--transition--default); -moz-transition: var(--transition--default); transition: var(--transition--default); } .yls_collection__results .pagination li a:before { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); z-index: -1; width: 150%; padding-bottom: 150%; border-radius: 50%; background: var(--color_secondary-600); opacity: 0; content: ''; -webkit-transition: var(--transition--default); -moz-transition: var(--transition--default); transition: var(--transition--default); } .yls_collection__results .pagination li:not(.active):hover a { color: var(--color_primary--600); } .yls_collection__results .pagination li:not(.active):hover a:before { opacity: 0.5; } /***** Active *****/ .yls_collection__results .pagination li.active a { color: var(--color_primary--600); } .yls_collection__results .pagination li.active a:before { opacity: 0.5; } .s-comp134 { position: relative; } .s-comp135 { position: relative; } /**************************** Content Layout ****************************/ .yls_db-job-row { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: space-between; margin: calc(var(--gap) / -2); } .yls_db-job-row > * { padding: calc(var(--gap) / 2); } .yls_db-job-content { width: var(--w_7-12); } .yls_db-job-sidebar { width: var(--w_3-12); } @media only screen and (max-width: 991px) { .yls_db-job .yls_container .yls_comp { display: inline-block; } .yls_db-job-row { --gap: 72px; flex-direction: column-reverse; justify-content: center; } .yls_db-job-content { width: 100%; } .yls_db-job-sidebar { width: 100%; } } /**************************** Hero ****************************/ .yls_db-job .yls_hero .yls_container { min-height: 0 !important; } @media only screen and (min-width: 481px) { .yls_db-job .yls_hero .yls_hero-content { padding-top: calc(var(--height_header) + 24px) !important; padding-bottom: 84px; } } .yls_db-job .yls_hero .yls_hero-content .yls_breadcrumb { position: relative; margin-bottom: 16px; font-size: var(--type-scale_lg); font-family: var(--headings_font); font-weight: normal; line-height: 1; letter-spacing: -0.02em; color: #fff; opacity: 0.6; } .yls_db-job .yls_hero .yls_hero-content h1 { margin-bottom: 0; } @media only screen and (min-width: 481px) { .yls_db-job .yls_hero .yls_hero-content h1 { font-size: var(--type-scale_xl-2) !important; } } .yls_db-job .yls_hero .yls_hero-bg-img { overflow: hidden; } .yls_db-job .yls_hero .yls_hero-bg-img img { transform: translate(-50%, -50%) scale(1.5) !important; filter: blur(20px); } .yls_db-job .yls_hero .yls_hero-cue { display: none !important; } @media only screen and (max-width: 480px) { .yls_db-job .yls_hero .yls_hero-content .yls_breadcrumb { margin-bottom: var(--type-scale-rel_md); font-size: var(--type-scale_md); } } /**************************** Content ****************************/ .yls_db-job-content .yls_spacer__v { --gap-y: 48px; } .yls_db-job-content h2 { margin-bottom: var(--type-scale-rel_xs-2); } @media only screen and (min-width: 992px) { .yls_db-job-content h2 { font-size: var(--type-scale_xl-2); } } /**************************** Logo Grid ****************************/ .yls_logo-grid { margin: 12px 0 30px 0; } .yls_logo-grid__wrapper { --gap: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: calc(var(--gap) / -2); } .yls_logo-grid__item { width: var(--w_3-12); padding: calc(var(--gap) / 2); } .yls_logo-grid__item a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; height: 80px; } .yls_logo-grid__item a img { max-width: 80%; max-height: 100%; } @media only screen and (max-width: 480px) { .yls_logo-grid { margin: 0 0 30px 0; } .yls_logo-grid__item { width: var(--w_6-12); } } /**************************** Carousel ****************************/ .yls_db-job-content .yls_carousel { border-radius: var(--border-radius_md); box-shadow: var(--shadow_xl); } .yls_db-job-content .yls_carousel__img { width: 100%; padding-bottom: 61.8%; } /***** Navigation *****/ .yls_db-job-content .yls_carousel .swiper-button { width: 48px; height: 48px; background: var(--color_primary-600); border-radius: var(--border-radius_md); } .yls_db-job-content .yls_carousel .swiper-button i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: var(--type-scale_sm); color: #fff; } .yls_db-job-content .yls_carousel .swiper-button-prev { left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .yls_db-job-content .yls_carousel .swiper-button-prev i { padding: 0 0.1em 0 0; } .yls_db-job-content .yls_carousel .swiper-button-next { right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .yls_db-job-content .yls_carousel .swiper-button-next i { padding: 0 0 0 0.1em; } .yls_db-job-content .yls_carousel .swiper-button:after { display: none; } /**************************** Sidebar ****************************/ .yls_db-job-sidebar { position: relative; } .yls_db-job-sidebar > .yls_spacer__v { --gap-y: 12px; } .yls_db-job-sidebar__card { padding: 48px 40px; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } .yls_db-job-sidebar__card .yls_spacer__v { --gap-y: 24px; } .yls_db-job-sidebar__card-img { position: relative; width: 150px; height: 150px; margin: 0 auto; overflow: hidden; border-radius: 50%; box-shadow: var(--shadow_lg); } .yls_db-job-sidebar__card-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; } .yls_db-job-sidebar__card h2 { margin-bottom: 0; font-size: var(--type-scale_xl); text-align: center; color: #fff; } .yls_db-job-sidebar__card .yls_btn-list a { width: 100%; } .yls_db-job-sidebar__card .yls_btn-list .yls_btn-secondary { --padding-h: 32px; --padding-v: 24px; background: rgba(255, 255, 255, 0.1); padding: calc(var(--padding-v) * 0.9) var(--padding-h) var(--padding-v) var(--padding-h); } .yls_db-job-sidebar__card .yls_btn-list .yls_btn-secondary i { font-size: var(--type-scale-rel_lg) !important; } @media only screen and (max-width: 480px) { .yls_db-job-sidebar__card { padding: 36px 30px; } .yls_db-job-sidebar__card h2 { text-align: center; font-size: var(--type-scale_lg); } .yls_db-job-sidebar__card .yls_btn-list .yls_btn-secondary { --padding-h: 26px; --padding-v: 20px; } } .s-comp128 { position: relative; } #scomp475.s-comp90 { margin-bottom: var(--comp-spacing_outer); } #scomp475.s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: flex-start; } #scomp475.s-comp90 h1 { margin-bottom: 48px; font-size: var(--type-scale_xl-3); } #scomp475.s-comp90 h2 { font-size: var(--type-scale_xl); } @media only screen and (max-width: 991px) { #scomp475.s-comp90 .contact__col:not(:last-child) { margin-bottom: 30px; } #scomp475.s-comp90 h2 { text-align: center; } #scomp475.s-comp90 .yls_text { text-align: center; } } /************************** SOCIAL MEDIA **************************/ #scomp475.s-comp90 .yls_social-media { margin-top: 16px; } @media only screen and (max-width: 991px) { #scomp475.s-comp90 .yls_social-media-list { justify-content: center; } } #scomp476.s-comp90 { margin-bottom: var(--comp-spacing_outer); } #scomp476.s-comp90 .yls_location:not(:last-child) { margin-bottom: 72px; } #scomp476.s-comp90 .yls_location > .row { margin: 0 !important; } #scomp476.s-comp90 .s-flex.smC11783SmSn1p3T5-style { overflow: hidden; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } #scomp476.s-comp90 .s-flex.smC11783SmSn1p3T5-style > div:first-child { display: flex; align-items: center; padding: 48px !important; } #scomp476.s-comp90 .s-flex.smC11783SmSn1p3T5-style > div:last-child { padding: 0 !important; } @media only screen and (min-width: 481px) { #scomp476.s-comp90 h3 { font-size: var(--type-scale_xl); } } #scomp476.s-comp90 .s-plugin.smC11783SmSn1p3T11-style { height: 300px; margin-bottom: 0 !important; } @media only screen and (max-width: 991px) { #scomp476.s-comp90 .s-flex.smC11783SmSn1p3T5-style { align-items: center; } #scomp476.s-comp90 .s-flex.smC11783SmSn1p3T5-style > div:first-child { width: auto; } #scomp476.s-comp90 h3 { text-align: center; } #scomp476.s-comp90 .yls_text { text-align: center; } } #scomp476.s-comp90 .s-plugin.smC11783SmSn1p3T11-style { -webkit-border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; } #scomp291.s-comp90 { padding: 196px 0px 168px 0px; } #scomp291.s-comp90 .s-flex.smC11783SmSn1p3T4-style { display: flex !important; flex-direction: row; } #scomp291.s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: center; } #scomp291.s-comp90 h2.smC11783SmSn1p3T6-style { font-size: 3.583rem; } #scomp291.s-comp90 h2.smC11783SmSn1p3T6-style { color: #1799a7; } #scomp291.s-comp90 h2.smC11783SmSn1p3T6-style { text-align: center; } #scomp291.s-comp90 h2.smC11783SmSn1p3T6-style { line-height: 0; } #scomp291.s-comp90 h2.smC11783SmSn1p3T6-style { margin: 0px 0px 0.135em 0px; } #scomp291.s-comp90 h6.smC11783SmSn1p3T6-style { text-align: center; } #scomp291.s-comp90 .s-text.smC11783SmSn1p3T7-style { color: #fff; } #scomp291.s-comp90 .s-text.smC11783SmSn1p3T7-style { text-align: center; } #scomp291.s-comp90 .s-text.smC11783SmSn1p3T7-style { margin: 0px 0px 0px 0px; } @media (max-width: 768px) { #scomp291.s-comp90 { padding: 196px 0px 120px 0px; } } @media (max-width: 480px) { #scomp291.s-comp90 { padding: 144px 0px 96px 0px; } } #scomp288.s-comp90 .s-flex.smC11783SmSn1p3T4-style { display: flex !important; flex-direction: row; } #scomp288.s-comp90 .s-flex.smC11783SmSn1p3T4-style { align-items: center; } #scomp288.s-comp90 h2.smC11783SmSn1p3T6-style { text-align: center; } #scomp288.s-comp90 h6.smC11783SmSn1p3T6-style { text-align: center; } #scomp288.s-comp90 .s-text.smC11783SmSn1p3T7-style { text-align: center; } #scomp288.s-comp90 .s-button-list { display: flex; flex-direction: row; } #scomp288.s-comp90 .s-button-list { justify-content: center; } @media (max-width: 480px) { #scomp288.s-comp90 .s-button-list { display: flex; flex-direction: column; } } @media only screen and (max-width: 991px) { #scomp343.yls_hero.img-width__full .yls_hero-bg-img img { object-position: 60% 50%; } #scomp343.yls_hero.img-width__full .yls_hero-overlay { opacity: 0.65; } } @media only screen and (max-width: 480px) { #scomp343.yls_hero.img-width__full .yls_hero-bg-img img { object-position: 70% 50%; } } #scomp436.s-comp114 { margin-bottom: 48px; } #scomp435.s-comp90 { margin-bottom: var(--comp-spacing_inner); padding: 0 !important; } @media only screen and (min-width: 481px) { #scomp435.s-comp90 .yls_text { display: inline-block; -webkit-columns: 2; -moz-columns: 2; columns: 2; column-gap: 30px; } #scomp435.s-comp90 .yls_text p { -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } } #scomp437.s-comp90 { margin-bottom: var(--comp-spacing_outer); padding: 0 !important; } #scomp437.s-comp90 .s-img__wrapper { margin: 0 !important; padding: 0 !important; } /* @media only screen and (min-width: 1280px) { #scomp432.s-comp90 .container { max-width: 1600px; padding: 0 72px; } } */ #scomp432.s-comp90 { margin-bottom: var(--comp-spacing_outer); padding: 0 !important; } #scomp432.s-comp90 .s-img__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; padding: 48px !important; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } #scomp432.s-comp90 .s-img__wrapper img { max-height: 40vh; } #scomp432.s-comp90 h2 { font-size: var(--type-scale_xl); } /* @media only screen and (min-width: 1280px) { #scomp433.s-comp90 .container { max-width: 1600px; padding: 0 72px; } } */ #scomp433.s-comp90 { margin-bottom: var(--comp-spacing_outer); padding: 0 !important; } #scomp433.s-comp90 .s-img__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; padding: 48px !important; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } #scomp433.s-comp90 .s-img__wrapper img { max-height: 40vh; } #scomp433.s-comp90 h2 { font-size: var(--type-scale_xl); } /* @media only screen and (min-width: 1280px) { #scomp434.s-comp90 .container { max-width: 1600px; padding: 0 72px; } } */ #scomp434.s-comp90 { margin-bottom: var(--comp-spacing_outer); padding: 0 !important; } #scomp434.s-comp90 .s-img__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; padding: 48px !important; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } #scomp434.s-comp90 .s-img__wrapper img { max-height: 40vh; } #scomp434.s-comp90 h2 { font-size: var(--type-scale_xl); } /* @media only screen and (min-width: 1280px) { #scomp513.s-comp90 .container { max-width: 1600px; padding: 0 72px; } } */ #scomp513.s-comp90 { margin-bottom: var(--comp-spacing_outer); padding: 0 !important; } #scomp513.s-comp90 .s-img__wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: row; justify-content: center; padding: 48px !important; background: var(--color_secondary-600); border-radius: var(--border-radius_sm); } #scomp513.s-comp90 .s-img__wrapper img { max-height: 40vh; } #scomp513.s-comp90 h2 { font-size: var(--type-scale_xl); } #scomp518.s-comp90 .s-img__wrapper.logo { width: 100%; height: 120px; margin-bottom: 36px !important; padding-bottom: 0 !important; } #scomp518.s-comp90 .s-img__wrapper.logo img { max-width: 80%; max-height: 100%; } @media only screen and (max-width: 991px) { #scomp518.s-comp90 .logo_container:not(:last-child) { margin-bottom: 48px; } #scomp518.s-comp90 .s-img__wrapper.logo { height: 72px; margin-bottom: 24px !important; } } #scomp518.s-comp90 { margin: 0px 0px 144px 0px; } @media (max-width: 768px) { #scomp518.s-comp90 { margin: 0px 0px 96px 0px; } } @media (max-width: 480px) { #scomp518.s-comp90 { margin: 0px 0px 72px 0px; } } #scomp516.s-comp121 .yls_hist__year { font-size: var(--type-scale_xl-5); } @media only screen and (max-width: 480px) { #scomp516.s-comp121 .yls_hist__year { font-size: var(--type-scale_xl-3); } }