/* Welcome to Compass. In this file you should write your main styles. (or centralize your imports) Import this file using the following HTML or equivalent: */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; } html { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* BREAKPOINTS FLEXBOX */ /* BREAKPOINT */ /* TRANSITION */ @font-face { font-family: 'Neue Einstellung Black'; src: url("../fonts/neue_einstellung/NeueEinstellung-Black.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Bold'; font-weight: bold; src: url("../fonts/neue_einstellung/NeueEinstellung-Bold.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Extra Bold'; font-weight: bold; src: url("../fonts/neue_einstellung/NeueEinstellung-ExtraBold.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Light'; src: url("../fonts/neue_einstellung/NeueEinstellung-Light.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Medium'; src: url("../fonts/neue_einstellung/NeueEinstellung-Medium.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Normal'; src: url("../fonts/neue_einstellung/NeueEinstellung-Normal.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Regular'; src: url("../fonts/neue_einstellung/NeueEinstellung-Regular.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung SemiBold'; src: url("../fonts/neue_einstellung/NeueEinstellung-SemiBold.otf") format("opentype"); } @font-face { font-family: 'Neue Einstellung Thin'; src: url("../fonts/neue_einstellung/NeueEinstellung-Thin.otf") format("opentype"); } @font-face { font-family: 'Kulim Park Bold'; src: url("../fonts/kulim_park/KulimPark-Bold.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Bold Italic'; src: url("../fonts/kulim_park/KulimPark-BoldItalic.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Extra Light'; src: url("../fonts/kulim_park/KulimPark-ExtraLight.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Extra Light Italic'; src: url("../fonts/kulim_park/KulimPark-ExtraLightItalic.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Italic'; src: url("../fonts/kulim_park/KulimPark-Italic.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Light'; src: url("../fonts/kulim_park/KulimPark-Light.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Light Italic'; src: url("../fonts/kulim_park/KulimPark-LightItalic.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Regular'; src: url("../fonts/kulim_park/KulimPark-Regular.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park SemiBold'; src: url("../fonts/kulim_park/KulimPark-SemiBold.ttf") format("truetype"); } @font-face { font-family: 'Kulim Park Semi Bold Italic'; src: url("../fonts/kulim_park/KulimPark-SemiBoldItalic.ttf") format("truetype"); } header { position: fixed; top: 0; left: 0; right: 0; z-index: 5; background-color: transparent; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; padding: 40px 30px; margin: 0px auto; } @media only screen and (max-width: 1023.98px) { header { padding: 25px 30px; } } header .header-wrapper { max-width: 1140px; } header ul { display: inline-block; vertical-align: middle; margin-right: 20px; } header ul li { display: none; } @media only screen and (min-width: 1024px) { header ul li { display: inline-block; vertical-align: middle; padding: 0px 15px; } } header .nav-icon { display: inline-block; vertical-align: middle; } header.text-black, header.scrolled { background-color: #ffffff; } header.text-black .header-top-links li a, header.scrolled .header-top-links li a { color: #183457; } header.text-black #nav-icon3 span, header.scrolled #nav-icon3 span { background-color: #183457; } header.text-black .logo .logo-blue, header.scrolled .logo .logo-blue { display: inline-block; } header.text-black .logo .logo-white, header.scrolled .logo .logo-white { display: none; } header.text-black.submenu-opened .header-top-links li a, header.scrolled.submenu-opened .header-top-links li a { color: #ffffff; } header.text-black.submenu-opened #nav-icon3 span, header.scrolled.submenu-opened #nav-icon3 span { background-color: #ffffff; } header.text-black.submenu-opened .logo .logo-white, header.scrolled.submenu-opened .logo .logo-white { display: inline-block; } header.text-black.submenu-opened .logo .logo-blue, header.scrolled.submenu-opened .logo .logo-blue { display: none; } header.submenu-opened { min-height: 100vh; } header.submenu-opened #submenu { opacity: 1; pointer-events: auto; background-color: #183457; } header .top-header { z-index: 1; position: relative; } header #submenu { opacity: 0; pointer-events: none; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-flex-align: center !important; align-items: center !important; position: fixed; padding-top: 126px; top: 0; left: 0; right: 0; bottom: 0; } @media only screen and (max-width: 1023.98px) { header #submenu { padding-top: 96px; } } header #submenu .show-on-mobile { display: none; } @media only screen and (max-width: 1023.98px) { header #submenu .show-on-mobile { display: block; } } header .header-wrapper { margin: auto; } header .logo { display: inline-block; width: 125px; } header .logo img { max-width: 100%; } header .logo .logo-blue { display: none; } header .header-top-links li a { color: #FFFFFF; font-family: "Neue Einstellung Regular"; font-size: 18px; line-height: 18px; text-decoration: none; } header .header-top-links li.active a { font-family: "Neue Einstellung SemiBold"; } header .submenu-links { margin-right: 0; } header .submenu-links li { display: block; text-align: center; } @media only screen and (max-width: 767.98px) { header .submenu-links li { padding: 15px; } } header .submenu-links li a { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 80px; line-height: 115px; text-align: center; text-decoration: none; } @media only screen and (max-width: 767.98px) { header .submenu-links li a { font-size: 40px; line-height: 44px; } } header .submenu p { display: block !important; } header .center { width: 100%; text-align: center; margin: 0; overflow-y: auto; max-height: 100%; } header #nav-icon3 { width: 25px; height: 16px; position: relative; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; background: transparent; border: 0; outline: 0; } header #nav-icon3 span { display: block; position: absolute; height: 4px; width: 100%; background: #ffffff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } header #nav-icon3 span:nth-child(1) { top: 0px; } header #nav-icon3 span:nth-child(2), header #nav-icon3 span:nth-child(3) { top: 6px; opacity: 0; } header #nav-icon3 span:nth-child(4) { top: 12px; } header #nav-icon3.open { width: 25px; } header #nav-icon3.open span { height: 3px; } header #nav-icon3.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } header #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); opacity: 1; } header #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 1; } header #nav-icon3.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } #footer { margin-top: 100px; margin-bottom: 50px; width: 100%; float: left; padding-right: 30px; padding-left: 30px; box-sizing: border-box; } @media only screen and (max-width: 767.98px) { #footer { margin-top: 25px; } } #footer .company-motto { max-width: 350px; line-height: 22px; } @media only screen and (max-width: 767.98px) { #footer .company-motto { max-width: 100%; } } #footer .cookie-banner { padding: 20px; position: fixed; right: 30px; bottom: 30px; max-width: 280px; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.25); background-color: #ffffff; display: none; z-index: 4; } @media only screen and (max-width: 374.98px) { #footer .cookie-banner { right: 20px; bottom: 20px; left: 20px; max-width: 100%; } } #footer .cookie-banner h2 { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 18px; margin-bottom: 10px; } #footer .cookie-banner p { color: #183457; font-family: "Neue Einstellung Normal"; font-size: 16px; letter-spacing: 0; line-height: 22px; margin-bottom: 15px; } #footer .cookie-banner .text-right { text-align: right; margin-bottom: 0; } #footer .cookie-banner .text-right a { color: #FFFFFF; font-family: "Neue Einstellung Bold"; font-size: 18px; font-weight: bold; letter-spacing: 0; line-height: 18px; text-align: center; display: inline-block; background-color: #183457; padding: 10px 15px; } #footer .inner-container { max-width: 1140px; margin: auto; } #footer .inner-container > div { display: inline-block; padding-right: 100px; float: left; } #footer .inner-container > div .address a { line-height: 24px; } #footer .inner-container > div:last-child { padding-right: 0; max-width: 350px; } @media only screen and (max-width: 767.98px) { #footer .inner-container > div { padding-right: 0; } #footer .inner-container > div.info { float: right; } #footer .inner-container > div.contact { width: 100%; max-width: 100%; margin-top: 25px; } } #footer .inner-container .pp { text-align: left; margin-top: 15px; } #footer .inner-container .pp a { display: inline-block; } #footer .inner-container .pp a svg { float: right; margin-top: -3px; margin-left: 10px; } #footer p, #footer a { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 16px; line-height: 18px; text-decoration: none; } #footer li { margin-bottom: 10px; } #footer h3 { color: #183457; font-family: "Neue Einstellung SemiBold"; font-size: 18px; line-height: 26px; margin-bottom: 15px; } #footer .logo-section { box-sizing: border-box; } #footer .logo-section .logo { display: inline-block; max-width: 100px; margin-bottom: 10px; } #footer .logo-section .logo img { max-width: 100%; } #footer .logo-section .linkedin-logo { margin-top: 10px; display: inline-block; } #footer .logo-section .linkedin-logo i { background: #183457; color: #ffffff; padding: 5px 6px; } @media only screen and (max-width: 1199.98px) { #footer .logo-section { width: 100%; margin-bottom: 25px; } } .relative { position: relative; } .p0 { padding: 0; } .img-responsive { max-width: 100%; } .prevent-scroll { overflow: hidden; } .common-link { transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .common-link:hover { opacity: 0.8; } .text-container strong { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .owl-carousel .owl-stage-outer { z-index: 1; } /** Owl Carousel v2.3.4 Copyright 2013-2018 David Deutsch Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel, .owl-carousel .owl-item { -webkit-tap-highlight-color: transparent; position: relative; } .owl-carousel { display: none; width: 100%; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled { display: none; } .no-js .owl-carousel, .owl-carousel.owl-loaded { display: block; } .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { background: 0 0; color: inherit; border: none; padding: 0 !important; font: inherit; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } .owl-carousel .animated { animation-duration: 1s; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .owl-height { transition: height .5s ease-in-out; } .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity .4s ease; } .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] { max-height: 0; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } [data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] { transition-duration: 50ms; } [data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate { transition-delay: 50ms; } [data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] { transition-duration: .1s; } [data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate { transition-delay: .1s; } [data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] { transition-duration: .15s; } [data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate { transition-delay: .15s; } [data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] { transition-duration: .2s; } [data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate { transition-delay: .2s; } [data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] { transition-duration: .25s; } [data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate { transition-delay: .25s; } [data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] { transition-duration: .3s; } [data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate { transition-delay: .3s; } [data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] { transition-duration: .35s; } [data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate { transition-delay: .35s; } [data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] { transition-duration: .4s; } [data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate { transition-delay: .4s; } [data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] { transition-duration: .45s; } [data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate { transition-delay: .45s; } [data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] { transition-duration: .5s; } [data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate { transition-delay: .5s; } [data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] { transition-duration: .55s; } [data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate { transition-delay: .55s; } [data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] { transition-duration: .6s; } [data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate { transition-delay: .6s; } [data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] { transition-duration: .65s; } [data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate { transition-delay: .65s; } [data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] { transition-duration: .7s; } [data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate { transition-delay: .7s; } [data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] { transition-duration: .75s; } [data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate { transition-delay: .75s; } [data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] { transition-duration: .8s; } [data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate { transition-delay: .8s; } [data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] { transition-duration: .85s; } [data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate { transition-delay: .85s; } [data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] { transition-duration: .9s; } [data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate { transition-delay: .9s; } [data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] { transition-duration: .95s; } [data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate { transition-delay: .95s; } [data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] { transition-duration: 1s; } [data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate { transition-delay: 1s; } [data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] { transition-duration: 1.05s; } [data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate { transition-delay: 1.05s; } [data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] { transition-duration: 1.1s; } [data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate { transition-delay: 1.1s; } [data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] { transition-duration: 1.15s; } [data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate { transition-delay: 1.15s; } [data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] { transition-duration: 1.2s; } [data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate { transition-delay: 1.2s; } [data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] { transition-duration: 1.25s; } [data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate { transition-delay: 1.25s; } [data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] { transition-duration: 1.3s; } [data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate { transition-delay: 1.3s; } [data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] { transition-duration: 1.35s; } [data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate { transition-delay: 1.35s; } [data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] { transition-duration: 1.4s; } [data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate { transition-delay: 1.4s; } [data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] { transition-duration: 1.45s; } [data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate { transition-delay: 1.45s; } [data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] { transition-duration: 1.5s; } [data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate { transition-delay: 1.5s; } [data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] { transition-duration: 1.55s; } [data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate { transition-delay: 1.55s; } [data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] { transition-duration: 1.6s; } [data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate { transition-delay: 1.6s; } [data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] { transition-duration: 1.65s; } [data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate { transition-delay: 1.65s; } [data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] { transition-duration: 1.7s; } [data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate { transition-delay: 1.7s; } [data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] { transition-duration: 1.75s; } [data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate { transition-delay: 1.75s; } [data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] { transition-duration: 1.8s; } [data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate { transition-delay: 1.8s; } [data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] { transition-duration: 1.85s; } [data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate { transition-delay: 1.85s; } [data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] { transition-duration: 1.9s; } [data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate { transition-delay: 1.9s; } [data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] { transition-duration: 1.95s; } [data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate { transition-delay: 1.95s; } [data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] { transition-duration: 2s; } [data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate { transition-delay: 2s; } [data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] { transition-duration: 2.05s; } [data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate { transition-delay: 2.05s; } [data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] { transition-duration: 2.1s; } [data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate { transition-delay: 2.1s; } [data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] { transition-duration: 2.15s; } [data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate { transition-delay: 2.15s; } [data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] { transition-duration: 2.2s; } [data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate { transition-delay: 2.2s; } [data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] { transition-duration: 2.25s; } [data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate { transition-delay: 2.25s; } [data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] { transition-duration: 2.3s; } [data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate { transition-delay: 2.3s; } [data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] { transition-duration: 2.35s; } [data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate { transition-delay: 2.35s; } [data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] { transition-duration: 2.4s; } [data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate { transition-delay: 2.4s; } [data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] { transition-duration: 2.45s; } [data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate { transition-delay: 2.45s; } [data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] { transition-duration: 2.5s; } [data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate { transition-delay: 2.5s; } [data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] { transition-duration: 2.55s; } [data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate { transition-delay: 2.55s; } [data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] { transition-duration: 2.6s; } [data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate { transition-delay: 2.6s; } [data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] { transition-duration: 2.65s; } [data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate { transition-delay: 2.65s; } [data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] { transition-duration: 2.7s; } [data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate { transition-delay: 2.7s; } [data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] { transition-duration: 2.75s; } [data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate { transition-delay: 2.75s; } [data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] { transition-duration: 2.8s; } [data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate { transition-delay: 2.8s; } [data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] { transition-duration: 2.85s; } [data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate { transition-delay: 2.85s; } [data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] { transition-duration: 2.9s; } [data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate { transition-delay: 2.9s; } [data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] { transition-duration: 2.95s; } [data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate { transition-delay: 2.95s; } [data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] { transition-duration: 3s; } [data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] { transition-delay: 0; } [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate { transition-delay: 3s; } [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); } [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] { transition-timing-function: ease; } [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] { transition-timing-function: ease-in; } [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] { transition-timing-function: ease-out; } [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] { transition-timing-function: ease-in-out; } [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] { transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); } [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); } [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] { transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] { transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); } [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); } [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] { transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); } [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] { transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); } [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); } [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] { transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-aos^=fade][data-aos^=fade] { opacity: 0; transition-property: opacity,transform; } [data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translateZ(0); } [data-aos=fade-up] { transform: translate3d(0, 100px, 0); } [data-aos=fade-down] { transform: translate3d(0, -100px, 0); } [data-aos=fade-right] { transform: translate3d(-100px, 0, 0); } [data-aos=fade-left] { transform: translate3d(100px, 0, 0); } [data-aos=fade-up-right] { transform: translate3d(-100px, 100px, 0); } [data-aos=fade-up-left] { transform: translate3d(100px, 100px, 0); } [data-aos=fade-down-right] { transform: translate3d(-100px, -100px, 0); } [data-aos=fade-down-left] { transform: translate3d(100px, -100px, 0); } [data-aos^=zoom][data-aos^=zoom] { opacity: 0; transition-property: opacity,transform; } [data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translateZ(0) scale(1); } [data-aos=zoom-in] { transform: scale(0.6); } [data-aos=zoom-in-up] { transform: translate3d(0, 100px, 0) scale(0.6); } [data-aos=zoom-in-down] { transform: translate3d(0, -100px, 0) scale(0.6); } [data-aos=zoom-in-right] { transform: translate3d(-100px, 0, 0) scale(0.6); } [data-aos=zoom-in-left] { transform: translate3d(100px, 0, 0) scale(0.6); } [data-aos=zoom-out] { transform: scale(1.2); } [data-aos=zoom-out-up] { transform: translate3d(0, 100px, 0) scale(1.2); } [data-aos=zoom-out-down] { transform: translate3d(0, -100px, 0) scale(1.2); } [data-aos=zoom-out-right] { transform: translate3d(-100px, 0, 0) scale(1.2); } [data-aos=zoom-out-left] { transform: translate3d(100px, 0, 0) scale(1.2); } [data-aos^=slide][data-aos^=slide] { transition-property: transform; } [data-aos^=slide][data-aos^=slide].aos-animate { transform: translateZ(0); } [data-aos=slide-up] { transform: translate3d(0, 100%, 0); } [data-aos=slide-down] { transform: translate3d(0, -100%, 0); } [data-aos=slide-right] { transform: translate3d(-100%, 0, 0); } [data-aos=slide-left] { transform: translate3d(100%, 0, 0); } [data-aos^=flip][data-aos^=flip] { backface-visibility: hidden; transition-property: transform; } [data-aos=flip-left] { transform: perspective(2500px) rotateY(-100deg); } [data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-right] { transform: perspective(2500px) rotateY(100deg); } [data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0); } [data-aos=flip-up] { transform: perspective(2500px) rotateX(-100deg); } [data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0); } [data-aos=flip-down] { transform: perspective(2500px) rotateX(100deg); } [data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0); } .home-page .hero-container { width: 100%; min-height: 750px; height: 100vh; position: relative; } @media only screen and (max-width: 767.98px) { .home-page .hero-container { min-height: 500px; } } .home-page .hero-container .hero-img { background-size: cover; background-position: center top; } .home-page .hero-container video, .home-page .hero-container .hero-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .home-page .hero-container video { object-fit: cover; min-height: 750px; height: 100vh; } .home-page .hero-container .tinted-glass { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); } .home-page .hero-container h1 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; text-align: center; width: 100%; max-width: 700px; padding: 0 25px; box-sizing: border-box; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -khtml-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 990px; font-size: 52px; line-height: 62px; } @media only screen and (max-width: 767.98px) { .home-page .hero-container h1 { font-size: 40px; } } .home-page .hero-container .arrow-icon { position: absolute; left: 50%; bottom: 35px; -webkit-transform: translate(-50%, 0); -khtml-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .home-page .who-we-are { padding: 0 30px; } .home-page .who-we-are .inner-container { max-width: 1140px; margin: 100px auto; } @media only screen and (max-width: 767.98px) { .home-page .who-we-are .inner-container { margin: 50px auto; } } .home-page .who-we-are .img-outer { text-align: center; } .home-page .who-we-are .img-outer .img-container { display: inline-block; } @media only screen and (max-width: 1199.98px) { .home-page .who-we-are .img-outer .img-container { margin-right: 30px; } } @media only screen and (max-width: 767.98px) { .home-page .who-we-are .img-outer .img-container { margin-right: 30px; margin-top: 30px; margin-bottom: 50px; } } .home-page .who-we-are .img-outer .blue-bg { position: absolute; width: 370px; max-width: 60%; top: 30px; right: -30px; bottom: -30px; background-color: rgba(26, 152, 214, 0.5); } .home-page .who-we-are .text-outer h1 { font-family: "Neue Einstellung Bold"; font-size: 40px; font-weight: bold; letter-spacing: 0; line-height: 40px; color: #183457; margin-bottom: 15px; max-width: 500px; } @media only screen and (max-width: 767.98px) { .home-page .who-we-are .text-outer h1 { font-size: 28px; line-height: 28px; } } .home-page .who-we-are .text-outer .text-container { max-width: 500px; color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .home-page .who-we-are .text-outer .text-container p { margin-bottom: 30px; } .home-page .who-we-are .text-outer .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .home-page .who-we-are .text-outer .more-info { color: #FFFFFF; font-family: "Neue Einstellung Bold"; font-size: 22px; letter-spacing: 0; line-height: 24px; text-align: center; padding: 17px 25px; min-width: 200px; display: inline-block; background-color: #183457; text-decoration: none; } @media only screen and (max-width: 767.98px) { .home-page .who-we-are .text-outer .more-info { min-width: 150px; font-size: 18px; } } .home-page .portfolio-companies { padding: 0 30px; } .home-page .portfolio-companies h1 { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 40px; font-weight: bold; letter-spacing: 0; line-height: 40px; text-align: center; margin-bottom: 40px; } @media only screen and (max-width: 767.98px) { .home-page .portfolio-companies h1 { font-size: 28px; line-height: 28px; margin-bottom: 25px; } } .home-page .portfolio-companies .inner-container { max-width: 676px; margin: auto; } .home-page .portfolio-companies .logo-carousel { padding: 0 50px; box-sizing: border-box; margin-bottom: 40px; } @media only screen and (max-width: 767.98px) { .home-page .portfolio-companies .logo-carousel { margin-bottom: 25px; } } .home-page .portfolio-companies .logo-carousel img { max-height: 81px; max-width: 150px; display: inline-block; width: auto; } .home-page .portfolio-companies .logo-carousel .owl-item { opacity: 0.2; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: pointer; } .home-page .portfolio-companies .logo-carousel .owl-item:hover { opacity: 0.8 !important; } .home-page .portfolio-companies .logo-carousel .owl-item.active { opacity: 1; } .home-page .portfolio-companies .logo-carousel .owl-item.active:hover { opacity: 1 !important; } .home-page .portfolio-companies .logo-carousel .owl-item.active ~ .active { opacity: 0.2; } .home-page .portfolio-companies .logo-carousel .owl-item.active ~ .active:hover { opacity: 0.8 !important; } .home-page .portfolio-companies .logo-carousel .owl-nav { position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); display: block; } .home-page .portfolio-companies .logo-carousel .owl-nav .owl-prev, .home-page .portfolio-companies .logo-carousel .owl-nav .owl-next { background-color: #183457; border-radius: 50%; color: #ffffff; padding: 10px !important; width: 40px; box-sizing: border-box; font-size: 20px; outline: none; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .home-page .portfolio-companies .logo-carousel .owl-nav .owl-prev:hover, .home-page .portfolio-companies .logo-carousel .owl-nav .owl-next:hover { opacity: 0.8; } .home-page .portfolio-companies .logo-carousel .owl-nav .owl-prev.disabled, .home-page .portfolio-companies .logo-carousel .owl-nav .owl-next.disabled { background-color: #a3aebc; } .home-page .portfolio-companies .logo-carousel .owl-nav .owl-next { float: right; } .home-page .portfolio-companies .owl-centered .owl-wrapper { display: table !important; } .home-page .portfolio-companies .owl-centered .owl-item { display: table-cell; float: none; vertical-align: middle; } .home-page .portfolio-companies .owl-centered .owl-item > .text-center { text-align: center; } .home-page .portfolio-companies .companies-image { max-width: 500px; margin: auto; } .home-page .portfolio-companies .image-carousel { margin-bottom: 25px; } @media only screen and (max-width: 767.98px) { .home-page .portfolio-companies .image-carousel { margin-bottom: 15px; } } .home-page .portfolio-companies .link-container { text-align: center; } .home-page .portfolio-companies .link-container a { color: #FFFFFF; font-family: "Neue Einstellung Bold"; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 24px; background-color: #183457; text-align: center; padding: 18px 25px; display: inline-block; text-decoration: none; } @media only screen and (max-width: 767.98px) { .home-page .portfolio-companies .link-container a { font-size: 18px; } } @media only screen and (max-width: 767.98px) { .home-page .portfolio-companies .link-container { margin-bottom: 25px; } } .portfolio-page { margin-top: 126px; } .portfolio-page .top-portfolio { background-color: #183457; padding: 110px 30px; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio { padding: 50px 30px 90px; } } .portfolio-page .top-portfolio .inner-container { max-width: 1140px; margin: auto; } .portfolio-page .top-portfolio h2 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 50px; font-weight: 600; line-height: 48px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio h2 { font-size: 40px; } } .portfolio-page .top-portfolio p { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; line-height: 28px; max-width: 500px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio p { margin-bottom: 20px; max-width: 100%; } } .portfolio-page .top-portfolio .text-center { text-align: center; margin-bottom: -300px; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio a { margin-bottom: 30px; display: inline-block; max-width: 28px; } } .portfolio-page .top-portfolio a img { max-width: 100%; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio .text { text-align: center; padding: 0; } } .portfolio-page .top-portfolio .img-container { background-size: cover; background-position: center top; display: inline-block; } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio .img-container { margin-right: 30px; } } .portfolio-page .top-portfolio .img-container .blue-bg { width: 370px; position: absolute; top: 30px; right: -30px; bottom: -30px; max-width: 60%; background-color: rgba(26, 152, 214, 0.5); } @media only screen and (max-width: 767.98px) { .portfolio-page .top-portfolio .img-container .blue-bg { height: auto; bottom: -30px; width: auto; left: 50%; } } .portfolio-page .investments { padding: 0 30px; margin-top: 200px; margin-bottom: 100px; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments { margin-top: 280px; } } @media only screen and (max-width: 450px) { .portfolio-page .investments { margin-top: 200px; } } .portfolio-page .investments .inner-container { max-width: 1140px; margin: auto; } .portfolio-page .investments .tab-links { text-align: center; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .tab-links { text-align: left; } } .portfolio-page .investments .tab-links a { color: #A09D9D; font-family: "Neue Einstellung Normal"; font-size: 40px; letter-spacing: 0; line-height: 48px; text-align: center; border-bottom: 2px solid #A09D9D; text-decoration: none; margin: 10px 20px; display: inline-block; white-space: nowrap; } .portfolio-page .investments .tab-links a.active { color: #183457; font-family: "Neue Einstellung Bold"; font-weight: bold; line-height: 40px; border-bottom: 5px solid #183457; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .tab-links a { white-space: normal; font-size: 26px; line-height: 26px; text-align: left; margin-left: 0; } } @media only screen and (max-width: 650px) { .portfolio-page .investments .tab-links a { margin-left: 0; margin-right: 0; } } .portfolio-page .investments .logo-carousel { box-sizing: border-box; margin: 50px 0; } @media only screen and (max-width: 1400px) { .portfolio-page .investments .logo-carousel { padding: 0 50px; } } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .logo-carousel { margin: 25px 0; } } .portfolio-page .investments .logo-carousel img { max-height: 81px; max-width: 150px; display: inline-block; width: auto; } .portfolio-page .investments .logo-carousel .owl-item { opacity: 0.2; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: pointer; } .portfolio-page .investments .logo-carousel .owl-item:hover { opacity: 0.8 !important; } .portfolio-page .investments .logo-carousel .owl-item.active { opacity: 1; } .portfolio-page .investments .logo-carousel .owl-item.active:hover { opacity: 1 !important; } .portfolio-page .investments .logo-carousel .owl-item.active ~ .active { opacity: 0.2; } .portfolio-page .investments .logo-carousel .owl-item.active ~ .active:hover { opacity: 0.8 !important; } .portfolio-page .investments .logo-carousel .owl-nav { position: absolute; top: 50%; left: -90px; right: -90px; transform: translate(0, -50%); display: block; } .portfolio-page .investments .logo-carousel .owl-nav .owl-prev, .portfolio-page .investments .logo-carousel .owl-nav .owl-next { background-color: #183457; border-radius: 50%; color: #ffffff; padding: 10px !important; width: 40px; box-sizing: border-box; font-size: 20px; outline: none; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .portfolio-page .investments .logo-carousel .owl-nav .owl-prev:hover, .portfolio-page .investments .logo-carousel .owl-nav .owl-next:hover { opacity: 0.8; } .portfolio-page .investments .logo-carousel .owl-nav .owl-prev.disabled, .portfolio-page .investments .logo-carousel .owl-nav .owl-next.disabled { background-color: #a3aebc; } .portfolio-page .investments .logo-carousel .owl-nav .owl-next { float: right; } @media only screen and (max-width: 1400px) { .portfolio-page .investments .logo-carousel .owl-nav { left: 0; right: 0; } } .portfolio-page .investments .realised-investments .logo-carousel .owl-item { opacity: 0.2; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; cursor: pointer; } .portfolio-page .investments .realised-investments .logo-carousel .owl-item:hover { opacity: 0.8 !important; } .portfolio-page .investments .realised-investments .logo-carousel .owl-item.active { opacity: 1; } .portfolio-page .investments .realised-investments .logo-carousel .owl-item.active:hover { opacity: 1 !important; } .portfolio-page .investments .realised-investments .logo-carousel .owl-item.active ~ .active { opacity: 0.2; } .portfolio-page .investments .realised-investments .logo-carousel .owl-item.active ~ .active:hover { opacity: 0.8 !important; } .portfolio-page .investments .owl-centered .owl-wrapper { display: table !important; } .portfolio-page .investments .owl-centered .owl-item { display: table-cell; float: none; vertical-align: middle; } .portfolio-page .investments .owl-centered .owl-item > .text-center { text-align: center; } .portfolio-page .investments .company-detail .top-title { display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .portfolio-page .investments .company-detail .top-title .left { max-width: calc(100% - 120px); } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .company-detail .top-title .left { max-width: 100%; } } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .company-detail .top-title .right { width: 100%; } } .portfolio-page .investments .company-detail .top-title .right a { color: #183457; font-family: "Neue Einstellung Medium"; font-size: 18px; font-weight: 500; letter-spacing: 0; line-height: 18px; text-align: center; text-decoration: none; margin-top: 8px; display: inline-block; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .company-detail .top-title .right a { margin-top: 0px; margin-bottom: 20px; } } .portfolio-page .investments .company-detail .company-name { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 30px; font-weight: bold; letter-spacing: 0; line-height: 30px; margin-bottom: 5px; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .company-detail .company-name { font-size: 24px; line-height: 24px; } } .portfolio-page .investments .company-detail .summary { color: #183457; font-family: "Neue Einstellung Normal"; font-size: 22px; letter-spacing: 0; line-height: 28px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .portfolio-page .investments .company-detail .summary { font-size: 18px; line-height: 24px; } } .portfolio-page .investments .company-detail .business-overview { color: #222222; font-family: "Neue Einstellung SemiBold"; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 18px; margin-bottom: 5px; } .portfolio-page .investments .company-detail .text-container { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .portfolio-page .investments .company-detail .text-container p { margin-bottom: 20px; } .portfolio-page .sub-footer { height: 277px; background-size: cover; background-position: center top; width: 100%; } .team-page { padding-top: 126px; } .team-page .top-team { background-color: #183457; padding: 110px 30px; } @media only screen and (max-width: 767.98px) { .team-page .top-team { padding: 50px 30px 10px; margin-top: 70px; } } .team-page .top-team .inner-container { max-width: 1140px; margin: auto; } .team-page .top-team h2 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 50px; font-weight: 600; line-height: 48px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .team-page .top-team h2 { font-size: 40px; } } .team-page .top-team p { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; line-height: 28px; max-width: 500px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .team-page .top-team p { margin-bottom: 20px; max-width: 100%; } } @media only screen and (max-width: 767.98px) { .team-page .top-team a { margin-bottom: 30px; display: inline-block; max-width: 28px; } } .team-page .top-team a img { max-width: 100%; } @media only screen and (max-width: 767.98px) { .team-page .top-team .text { text-align: center; padding: 0; order: 2; } } .team-page .top-team .img-container { background-size: cover; background-position: center top; margin-bottom: -300px; } @media only screen and (max-width: 767.98px) { .team-page .top-team .img-container { margin-top: -120px; margin-bottom: 50px; margin-right: 30px; } } .team-page .top-team .img-container img { max-height: 430px; } .team-page .top-team .img-container .blue-bg { width: 370px; position: absolute; top: 30px; right: -30px; bottom: -30px; background-color: rgba(26, 152, 214, 0.5); } @media only screen and (max-width: 767.98px) { .team-page .top-team .img-container .blue-bg { height: auto; bottom: -30px; width: auto; left: 50%; } } .team-page .team-members { margin-top: 200px; } @media only screen and (max-width: 767.98px) { .team-page .team-members { margin-top: 20px; } } .team-page .team-members .team-member-images { padding-left: 30px; padding-right: 30px; } .team-page .team-members .blue-bg { padding-left: 30px; padding-right: 30px; padding-top: 45px; padding-bottom: 20px; background-color: #183457; } .team-page .team-members .inner-container { max-width: 1140px; margin: auto; } .team-page .team-members .text-center { text-align: center; } .team-page .team-members .team-member-image-carousel { box-sizing: border-box; } @media only screen and (max-width: 1400px) { .team-page .team-members .team-member-image-carousel { padding: 0 50px; } } .team-page .team-members .team-member-image-carousel img { max-height: 300px; max-width: 195px; display: inline-block; width: auto; } .team-page .team-members .team-member-image-carousel .owl-item { opacity: 0.2; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; font-size: 0; cursor: pointer; } .team-page .team-members .team-member-image-carousel .owl-item:hover { opacity: 0.8 !important; } .team-page .team-members .team-member-image-carousel .owl-item.active { opacity: 1; } .team-page .team-members .team-member-image-carousel .owl-item.active:hover { opacity: 1 !important; } .team-page .team-members .team-member-image-carousel .owl-item.active ~ .active { opacity: 0.2; } .team-page .team-members .team-member-image-carousel .owl-item.active ~ .active:hover { opacity: 0.8 !important; } .team-page .team-members .team-member-image-carousel .owl-nav { position: absolute; top: 50%; left: -90px; right: -90px; transform: translate(0, -50%); display: block; } .team-page .team-members .team-member-image-carousel .owl-nav .owl-prev, .team-page .team-members .team-member-image-carousel .owl-nav .owl-next { background-color: #183457; border-radius: 50%; color: #ffffff; padding: 10px !important; width: 40px; box-sizing: border-box; font-size: 20px; outline: none; text-align: center; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .team-page .team-members .team-member-image-carousel .owl-nav .owl-prev:hover, .team-page .team-members .team-member-image-carousel .owl-nav .owl-next:hover { opacity: 0.8; } .team-page .team-members .team-member-image-carousel .owl-nav .owl-prev.disabled, .team-page .team-members .team-member-image-carousel .owl-nav .owl-next.disabled { background-color: #a3aebc; } .team-page .team-members .team-member-image-carousel .owl-nav .owl-next { float: right; } @media only screen and (max-width: 1400px) { .team-page .team-members .team-member-image-carousel .owl-nav { left: 0; right: 0; } } .team-page .team-members .member-detail .justify-end { justify-content: space-between; } .team-page .team-members .member-detail .title, .team-page .team-members .member-detail .links { padding-right: .5rem; padding-left: .5rem; } @media only screen and (max-width: 767.98px) { .team-page .team-members .member-detail .title, .team-page .team-members .member-detail .links { width: 100%; } } .team-page .team-members .member-detail .title h1 { color: #FFFFFF; font-family: "Neue Einstellung Bold"; font-size: 30px; font-weight: bold; letter-spacing: 0; line-height: 30px; text-transform: uppercase; margin-bottom: 10px; } @media only screen and (max-width: 767.98px) { .team-page .team-members .member-detail .title h1 { font-size: 26px; line-height: 34px; } } .team-page .team-members .member-detail .title h2 { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; letter-spacing: 0; line-height: 22px; margin-bottom: 30px; } @media only screen and (max-width: 767.98px) { .team-page .team-members .member-detail .title h2 { font-size: 18px; line-height: 18px; margin-bottom: 10px; } } .team-page .team-members .member-detail .common-title { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 18px; margin-bottom: 10px; } .team-page .team-members .member-detail .text-container { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; max-width: 500px; } .team-page .team-members .member-detail .text-container p { margin-bottom: 20px; } .team-page .team-members .member-detail .text-container ul { margin-bottom: 20px; } .team-page .team-members .member-detail .text-container ul li { position: relative; padding-left: 20px; } .team-page .team-members .member-detail .text-container ul li::before { content: ""; display: inline-block; background-color: #C1D231; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 0; top: 8px; } @media only screen and (max-width: 767.98px) { .team-page .team-members .member-detail .links { margin-bottom: 20px; } } .team-page .team-members .member-detail .links a { color: #ffffff; font-size: 20px; padding: 8px; display: inline-block; } @media only screen and (max-width: 767.98px) { .team-page .team-members .member-detail .links a:first-child { padding-left: 0; } } .team-page .contact-us { padding: 65px 30px; text-align: center; } .team-page .contact-us h1 { color: #183457; font-family: "Neue Einstellung SemiBold"; font-size: 40px; font-weight: 600; letter-spacing: 0; line-height: 40px; text-align: center; margin-bottom: 10px; } .team-page .contact-us h2 { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 22px; letter-spacing: 0; line-height: 30px; text-align: center; margin-bottom: 15px; } .team-page .contact-us a { color: #FFFFFF; font-family: "Neue Einstellung Bold"; font-size: 22px; font-weight: bold; letter-spacing: 0; line-height: 24px; background-color: #183457; text-align: center; padding: 18px 25px; display: inline-block; text-decoration: none; min-width: 200px; box-sizing: border-box; } @media only screen and (max-width: 767.98px) { .team-page .contact-us a { font-size: 18px; min-width: 150px; } } .jobs-page { margin-top: 126px; } .jobs-page .top-jobs { background-color: #183457; padding: 110px 30px; } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs { padding: 0 30px 10px 30px; border-top: 60px solid #ffffff; } } .jobs-page .top-jobs .inner-container { max-width: 1140px; margin: auto; } .jobs-page .top-jobs h2 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 50px; font-weight: 600; line-height: 48px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs h2 { font-size: 40px; } } .jobs-page .top-jobs p { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; line-height: 28px; max-width: 500px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs p { margin-bottom: 20px; max-width: 100%; } } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs a { margin-bottom: 30px; display: inline-block; max-width: 28px; } } .jobs-page .top-jobs a img { max-width: 100%; } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs .text { text-align: center; padding: 0; order: 2; } } .jobs-page .top-jobs .img-container { background-size: cover; background-position: center top; margin-bottom: -300px; } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs .img-container { margin-right: 30px; margin-bottom: 50px; margin-top: -60px; } } .jobs-page .top-jobs .img-container .blue-bg { width: 370px; position: absolute; top: 30px; right: -30px; bottom: -30px; background-color: rgba(26, 152, 214, 0.5); } @media only screen and (max-width: 767.98px) { .jobs-page .top-jobs .img-container .blue-bg { height: auto; bottom: -30px; width: auto; left: 50%; } } .jobs-page .jobs { margin-top: 250px; text-align: center; padding-left: 30px; padding-right: 30px; } @media only screen and (max-width: 767.98px) { .jobs-page .jobs { margin-top: 50px; } } .jobs-page .jobs .inner-container { max-width: 1140px; margin: auto; } .jobs-page .jobs h1 { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 40px; line-height: 48px; margin-bottom: 40px; } @media only screen and (max-width: 767.98px) { .jobs-page .jobs h1 { font-size: 28px; margin-bottom: 20px; line-height: 34px; } } .jobs-page .jobs .job-outer .single-job { max-width: 300px; height: 300px; border: 3px solid #183457; -ms-flex-align: center !important; align-items: center !important; text-decoration: none; margin-bottom: 30px; margin-left: auto; margin-right: auto; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .jobs-page .jobs .job-outer .single-job:hover { background-color: #183457; } .jobs-page .jobs .job-outer .single-job:hover .job-title { color: #ffffff; } .jobs-page .jobs .job-outer .single-job:hover .job-location { color: #1A98D6; } .jobs-page .jobs .job-outer .single-job .vertical-center { width: 100%; } .jobs-page .jobs .job-outer .single-job .job-title { color: #222222; font-family: "Neue Einstellung Bold"; font-size: 18px; line-height: 24px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .jobs-page .jobs .job-outer .single-job .job-location { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 14px; font-weight: bold; line-height: 14px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .jobs-page .jobs .no-jobs-available { color: #222222; font-family: "Neue Einstellung Bold"; font-size: 22px; line-height: 32px; text-align: center; width: 100%; } .job-detail-page { margin-top: 126px; padding-left: 30px; padding-right: 30px; padding-bottom: 30px; } .job-detail-page .inner-container { max-width: 1140px; margin: auto; } .job-detail-page .title { color: #183457; font-family: "Neue Einstellung SemiBold"; font-size: 40px; font-weight: 600; letter-spacing: 0; line-height: 48px; margin-bottom: 10px; } @media only screen and (max-width: 767.98px) { .job-detail-page .title { font-size: 30px; line-height: 34px; } } .job-detail-page .location { color: #183457; font-family: "Neue Einstellung Normal"; font-size: 26px; letter-spacing: 0; line-height: 38px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .job-detail-page .location { font-size: 20px; line-height: 24px; } } .job-detail-page .text-container { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .job-detail-page .text-container p { margin-bottom: 25px; } .job-detail-page .apply-now-container { text-align: right; } @media only screen and (max-width: 767.98px) { .job-detail-page .apply-now-container { display: none; } } .job-detail-page .show-on-mobile { display: none; } @media only screen and (max-width: 767.98px) { .job-detail-page .show-on-mobile { display: inline-block; margin-bottom: 15px; } } .job-detail-page .apply-now { color: #183457; font-family: "Neue Einstellung SemiBold"; font-size: 22px; font-weight: 600; letter-spacing: 0; line-height: 24px; text-decoration: none; display: inline-block; } .job-detail-page .mt-15 { margin-top: 15px; } .about-page { margin-top: 126px; } .about-page .who-we-are { padding: 0 30px; } .about-page .who-we-are .inner-container { max-width: 1140px; margin: 50px auto; } @media only screen and (max-width: 767.98px) { .about-page .who-we-are .inner-container { margin: 20px auto; } } .about-page .who-we-are .img-outer { text-align: center; } .about-page .who-we-are .img-outer .img-container { display: inline-block; } @media only screen and (max-width: 1199.98px) { .about-page .who-we-are .img-outer .img-container { margin-right: 30px; } } @media only screen and (max-width: 767.98px) { .about-page .who-we-are .img-outer .img-container { margin-right: 30px; margin-bottom: 50px; } } .about-page .who-we-are .img-outer .blue-bg { position: absolute; width: 370px; max-width: 60%; top: 30px; right: -30px; bottom: -30px; background-color: rgba(26, 152, 214, 0.5); } .about-page .who-we-are .text-outer h1 { font-family: "Neue Einstellung Bold"; font-size: 40px; font-weight: bold; letter-spacing: 0; line-height: 40px; color: #183457; margin-bottom: 15px; max-width: 500px; } @media only screen and (max-width: 767.98px) { .about-page .who-we-are .text-outer h1 { font-size: 28px; line-height: 28px; } } .about-page .who-we-are .text-outer .text-container { max-width: 500px; color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .about-page .who-we-are .text-outer .text-container p { margin-bottom: 30px; } .about-page .who-we-are .text-outer .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .about-page .values { padding: 75px 30px; background-color: #183457; } @media only screen and (max-width: 767.98px) { .about-page .values { padding: 45px 30px; } } .about-page .values .wrap { max-width: 600px; margin: auto; } .about-page .values h1 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 40px; font-weight: 600; letter-spacing: 0; line-height: 40px; text-align: center; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .about-page .values h1 { font-size: 30px; line-height: 30px; } } .about-page .values .text-container { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; letter-spacing: 0; line-height: 28px; text-align: center; } @media only screen and (max-width: 767.98px) { .about-page .values .text-container { line-height: 30px; } } .about-page .values .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .about-page .image-textbox-container h1 { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 30px; font-weight: bold; letter-spacing: 0; line-height: 30px; margin-bottom: 10px; } @media only screen and (max-width: 767.98px) { .about-page .image-textbox-container h1 { font-size: 28px; line-height: 41px; } } .about-page .image-textbox-container .img-bg { background-size: cover; background-position: center top; } @media only screen and (max-width: 767.98px) { .about-page .image-textbox-container .img-bg { height: 80vw; max-height: 400px; order: 1 !important; width: 100%; } } .about-page .image-textbox-container .text-outer { padding: 70px 30px 40px 70px; } @media only screen and (max-width: 767.98px) { .about-page .image-textbox-container .text-outer { order: 2; padding: 30px !important; } } .about-page .image-textbox-container .text-inner { max-width: 500px; text-align: left; display: inline-block; } .about-page .image-textbox-container .text-container { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } @media only screen and (max-width: 767.98px) { .about-page .image-textbox-container .text-container { line-height: 26px; } } .about-page .image-textbox-container .text-container p { margin-bottom: 30px; } .about-page .image-textbox-container .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .about-page .image-textbox-container .img-order-2 .text-outer { text-align: right; padding: 70px 70px 40px 30px; } .about-page .image-textbox-container .img-order-2 .img-bg { order: 2; } .about-page .slider-container { padding-top: 107px; padding-bottom: 107px; background-color: #183457; } @media only screen and (max-width: 767.98px) { .about-page .slider-container { padding-top: 50px; padding-bottom: 50px; } } .about-page .slider-container .inner-container { max-width: 1200px; margin: auto; padding-left: 30px; padding-right: 30px; box-sizing: border-box; } .about-page .slider-container h1 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 40px; font-weight: 600; letter-spacing: 0; line-height: 40px; text-align: center; margin-bottom: 50px; } @media only screen and (max-width: 767.98px) { .about-page .slider-container h1 { font-size: 30px; font-weight: 600; line-height: 30px; margin-bottom: 30px; } } .about-page .slider-container .left-links .links-container { padding-left: 32px; position: relative; } .about-page .slider-container .left-links .links-container .vertical-line { top: 0; position: absolute; bottom: 5px; left: 10px; width: 2px; background-color: #1A98D6; } .about-page .slider-container .left-links .links-container .text-container { display: none; } @media only screen and (max-width: 767.98px) { .about-page .slider-container .left-links .links-container .text-container { display: block; line-height: 26px; } } .about-page .slider-container .left-links p.lnk { margin-bottom: 50px; position: relative; } @media only screen and (max-width: 767.98px) { .about-page .slider-container .left-links p.lnk { margin-bottom: 10px; margin-top: 20px; } } .about-page .slider-container .left-links p.lnk::before { content: ""; display: block; width: 22px; height: 22px; border: 2px solid #1A98D6; background-color: #183457; border-radius: 50%; position: absolute; left: -32px; box-sizing: border-box; -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } .about-page .slider-container .left-links p.lnk a { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; font-weight: 600; letter-spacing: 0; line-height: 24px; text-decoration: none; } @media only screen and (max-width: 767.98px) { .about-page .slider-container .left-links p.lnk a { font-size: 18px; line-height: 26px; } } .about-page .slider-container .left-links p.lnk.active a { font-family: "Neue Einstellung SemiBold"; } .about-page .slider-container .left-links p.lnk.active::before { border-color: #C1D231; background-color: #C1D231; } @media only screen and (max-width: 767.98px) { .about-page .slider-container .value-carousel { display: none; } } .about-page .slider-container .text-container { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .about-page .slider-container .text-container p { margin-bottom: 30px; } .about-page .slider-container .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .about-page .slider-container .owl-nav { margin-top: 25px; } .about-page .slider-container .owl-nav .owl-next, .about-page .slider-container .owl-nav .owl-prev { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 18px; font-weight: 600; letter-spacing: 0; line-height: 18px; text-transform: uppercase; outline: none; } .about-page .slider-container .owl-nav .owl-next i, .about-page .slider-container .owl-nav .owl-prev i { margin-right: 10px; } .about-page .slider-container .owl-nav .owl-next.disabled, .about-page .slider-container .owl-nav .owl-prev.disabled { display: none; } .about-page .slider-container .owl-nav .owl-next { float: right; } .about-page .slider-container .owl-nav .owl-next i { margin-left: 10px; } .strategy-page { margin-top: 126px; } .strategy-page .investment-guidelines { padding: 75px 30px; background-color: #183457; } @media only screen and (max-width: 767.98px) { .strategy-page .investment-guidelines { padding: 45px 30px; } } .strategy-page .investment-guidelines .wrap { max-width: 600px; margin: auto; } .strategy-page .investment-guidelines h1 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 40px; font-weight: 600; letter-spacing: 0; line-height: 40px; text-align: center; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .strategy-page .investment-guidelines h1 { font-size: 30px; line-height: 30px; } } .strategy-page .investment-guidelines .text-container { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; letter-spacing: 0; line-height: 28px; text-align: center; } @media only screen and (max-width: 767.98px) { .strategy-page .investment-guidelines .text-container { line-height: 30px; } } .strategy-page .investment-guidelines .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .strategy-page .image-textbox-container h1 { color: #183457; font-family: "Neue Einstellung Bold"; font-size: 30px; font-weight: bold; letter-spacing: 0; line-height: 30px; margin-bottom: 10px; } @media only screen and (max-width: 767.98px) { .strategy-page .image-textbox-container h1 { font-size: 28px; line-height: 41px; } } .strategy-page .image-textbox-container .img-bg { background-size: cover; background-position: center top; } @media only screen and (max-width: 767.98px) { .strategy-page .image-textbox-container .img-bg { height: 80vw; max-height: 400px; order: 1 !important; width: 100%; } } .strategy-page .image-textbox-container .text-outer { padding: 70px 30px 40px 70px; min-height: 466px; } @media only screen and (max-width: 767.98px) { .strategy-page .image-textbox-container .text-outer { order: 2; padding: 30px !important; } } .strategy-page .image-textbox-container .text-inner { max-width: 500px; text-align: left; display: inline-block; } .strategy-page .image-textbox-container .text-container { color: #222222; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .strategy-page .image-textbox-container .text-container ul { list-style: disc; padding-left: 20px; } @media only screen and (max-width: 767.98px) { .strategy-page .image-textbox-container .text-container { line-height: 26px; } } .strategy-page .image-textbox-container .text-container p { margin-bottom: 30px; } .strategy-page .image-textbox-container .text-container a { color: #1A98D6; font-family: "Neue Einstellung SemiBold"; text-decoration: none; } .strategy-page .image-textbox-container .img-order-2 .text-outer { text-align: right; padding: 70px 70px 40px 30px; } .strategy-page .image-textbox-container .img-order-2 .img-bg { order: 2; } .contact-page { padding-top: 126px; } .contact-page .top-contact { background-color: #183457; padding: 110px 30px; margin-bottom: 100px; } @media only screen and (max-width: 767.98px) { .contact-page .top-contact { padding: 50px 30px 40px; margin-top: 70px; margin-bottom: 30px; } } .contact-page .top-contact .inner-container { max-width: 1140px; margin: auto; } .contact-page .top-contact h2 { color: #FFFFFF; font-family: "Neue Einstellung SemiBold"; font-size: 50px; font-weight: 600; line-height: 48px; margin-bottom: 15px; } @media only screen and (max-width: 767.98px) { .contact-page .top-contact h2 { font-size: 40px; line-height: 44px; margin-bottom: 5px; } } .contact-page .top-contact .sub-title { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 22px; line-height: 28px; max-width: 500px; margin-bottom: 25px; } @media only screen and (max-width: 767.98px) { .contact-page .top-contact .sub-title { margin-bottom: 20px; max-width: 100%; } } .contact-page .top-contact .text-container, .contact-page .top-contact a { color: #FFFFFF; font-family: "Neue Einstellung Normal"; font-size: 18px; letter-spacing: 0; line-height: 28px; } .contact-page .top-contact .text-container p, .contact-page .top-contact a p { margin-bottom: 0; } .contact-page .top-contact .text-container a, .contact-page .top-contact a a { text-decoration: none; } .contact-page .top-contact .text-center { text-align: center; margin-bottom: -300px; } @media only screen and (max-width: 767.98px) { .contact-page .top-contact .text-center { margin-bottom: 20px; } } @media only screen and (max-width: 767.98px) { .contact-page .top-contact .text { order: 2; } } .contact-page .top-contact .img-container { background-size: cover; background-position: center top; display: inline-block; } @media only screen and (max-width: 767.98px) { .contact-page .top-contact .img-container { margin-top: -120px; margin-bottom: 20px; } } .contact-page .top-contact .img-container img { max-height: 430px; } .contact-page .top-contact .img-container .blue-bg { width: 370px; position: absolute; top: 30px; right: -30px; bottom: -30px; background-color: rgba(26, 152, 214, 0.5); } @media only screen and (max-width: 767.98px) { .contact-page .top-contact .img-container .blue-bg { height: auto; bottom: -30px; width: auto; left: 50%; } } /*# sourceMappingURL=style.css.map */