/* Page Generated in 0.000000 seconds */ @charset "UTF-8"; /*! * ress.css • v1.0.1 * MIT License * github.com/filipelinhares/ress */ html { box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } *,:before,:after { box-sizing: inherit; } :before,:after { vertical-align: inherit; text-decoration: inherit; } * { margin: 0; padding: 0; /* Reset `padding` and `margin` of all elements */ background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */ } /* Add the correct display in iOS 4-7.*/ audio:not([controls]) { display: none; height: 0; } hr { overflow: visible; /* Show the overflow in Edge and IE */ } /* * Correct `block` display not defined for any HTML5 element in IE 8/9 * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox * Correct `block` display not defined for `main` in IE 11 */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } small { font-size: 80%; /* Set font-size to 80% in `small` elements */ } [hidden], template { display: none; /* Add the correct display in IE */ } abbr[title] { text-decoration: none; /* Remove text decoration in Firefox 40+ */ border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ } a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ } code, kbd,pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ } b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ } dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ } /* Address styling not present in IE 8/9 */ mark { color: #000; background-color: #ff0; } /* https://gist.github.com/unruthless/413930 */ sub, sup { position: relative; vertical-align: baseline; font-size: 75%; line-height: 0; } sub { bottom: -0.25em; } sup { top: -0.5em; } input { border-radius: 0; } [type="number"] { width: auto; /* Firefox 36+ */ } [type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ outline-offset: -2px; /* Correct the outline style in Safari */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ } optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ } button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } /* Remove inner padding and border in Firefox 4+ */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: 0; } /* Replace focus style removed in the border reset above */ button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } /* Remove the default button styling in all browsers */ button, input,select, textarea { color: inherit; background-color: transparent; border-style: none; } /* Style select like a standard input */ select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } select::-ms-expand { display: none; /* Internet Explorer 11+ */ } select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ } legend { display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ } ::-webkit-file-upload-button { font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ } /* Correct the text style of placeholders in Chrome, Edge, and Safari */ ::-webkit-input-placeholder { color: inherit; opacity: 0.54; } img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ } /* Add the correct vertical alignment in Chrome, Firefox, and Opera */ progress { vertical-align: baseline; } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } audio, canvas,progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ } /* Hide content from screens but not screenreaders */ @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } /* Specify the progress cursor of updating elements */ [aria-busy="true"] { cursor: progress; } /* Specify the pointer cursor of trigger elements */ [aria-controls] { cursor: pointer; } /* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */ [aria-disabled] { cursor: default; } ::-moz-selection { text-shadow: none; color: #fff; background-color: #1a2189; } ::selection { text-shadow: none; color: #fff; background-color: #1a2189; } .u-db { display: block !important; } .u-dn { display: none !important; } .u-dt { display: table !important; } .u-dtc { display: table-cell !important; } .u-dib { display: inline-block !important; } .u-di { display: inline !important; } .u-dh { display: inherit !important; } .u-df { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf:after { content: ""; clear: both; display: block; } @media (min-width: 0em) { .u-db--xxs { display: block !important; } .u-dn--xxs { display: none !important; } .u-dt--xxs { display: table !important; } .u-dtc--xxs { display: table-cell !important; } .u-dib--xxs { display: inline-block !important; } .u-di--xxs { display: inline !important; } .u-dh--xxs { display: inherit !important; } .u-df--xxs { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--xxs:after { content: ""; clear: both; display: block; } } @media (min-width: 30em) { .u-db--xs { display: block !important; } .u-dn--xs { display: none !important; } .u-dt--xs { display: table !important; } .u-dtc--xs { display: table-cell !important; } .u-dib--xs { display: inline-block !important; } .u-di--xs { display: inline !important; } .u-dh--xs { display: inherit !important; } .u-df--xs { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--xs:after { content: ""; clear: both; display: block; } } @media (min-width: 48em) { .u-db--s { display: block !important; } .u-dn--s { display: none !important; } .u-dt--s { display: table !important; } .u-dtc--s { display: table-cell !important; } .u-dib--s { display: inline-block !important; } .u-di--s { display: inline !important; } .u-dh--s { display: inherit !important; } .u-df--s { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--s:after { content: ""; clear: both; display: block; } } @media (min-width: 62em) { .u-db--m { display: block !important; } .u-dn--m { display: none !important; } .u-dt--m { display: table !important; } .u-dtc--m { display: table-cell !important; } .u-dib--m { display: inline-block !important; } .u-di--m { display: inline !important; } .u-dh--m { display: inherit !important; } .u-df--m { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--m:after { content: ""; clear: both; display: block; } } @media (min-width: 80em) { .u-db--l { display: block !important; } .u-dn--l { display: none !important; } .u-dt--l { display: table !important; } .u-dtc--l { display: table-cell !important; } .u-dib--l { display: inline-block !important; } .u-di--l { display: inline !important; } .u-dh--l { display: inherit !important; } .u-df--l { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--l:after { content: ""; clear: both; display: block; } } @media (min-width: 90em) { .u-db--xl { display: block !important; } .u-dn--xl { display: none !important; } .u-dt--xl { display: table !important; } .u-dtc--xl { display: table-cell !important; } .u-dib--xl { display: inline-block !important; } .u-di--xl { display: inline !important; } .u-dh--xl { display: inherit !important; } .u-df--xl { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--xl:after { content: ""; clear: both; display: block; } } @media (min-width: 120em) { .u-db--xxl { display: block !important; } .u-dn--xxl { display: none !important; } .u-dt--xxl { display: table !important; } .u-dtc--xxl { display: table-cell !important; } .u-dib--xxl { display: inline-block !important; } .u-di--xxl { display: inline !important; } .u-dh--xxl { display: inherit !important; } .u-df--xxl { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .u-cf--xxl:after { content: ""; clear: both; display: block; } } .u-right { float: right !important; } .u-tac { text-align: center !important; } .u-tal { text-align: left !important; } .u-tar { text-align: right !important; } @media (min-width: 0em) { .u-tac--xxs { text-align: center !important; } .u-tal--xxs { text-align: left !important; } .u-tar--xxs { text-align: right !important; } } @media (min-width: 30em) { .u-tac--xs { text-align: center !important; } .u-tal--xs { text-align: left !important; } .u-tar--xs { text-align: right !important; } } @media (min-width: 48em) { .u-tac--s { text-align: center !important; } .u-tal--s { text-align: left !important; } .u-tar--s { text-align: right !important; } } @media (min-width: 62em) { .u-tac--m { text-align: center !important; } .u-tal--m { text-align: left !important; } .u-tar--m { text-align: right !important; } } @media (min-width: 80em) { .u-tac--l { text-align: center !important; } .u-tal--l { text-align: left !important; } .u-tar--l { text-align: right !important; } } @media (min-width: 90em) { .u-tac--xl { text-align: center !important; } .u-tal--xl { text-align: left !important; } .u-tar--xl { text-align: right !important; } } @media (min-width: 120em) { .u-tac--xxl { text-align: center !important; } .u-tal--xxl { text-align: left !important; } .u-tar--xxl { text-align: right !important; } } .u-accessible-item { position: absolute; width: 1px; height: 1px; white-space: nowrap; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-prev-next-button { position: absolute; top: 50%; width: 44px; height: 44px; border: none; border-radius: 50%; background: white; background: rgba(255, 255, 255, 0.75); cursor: pointer; /* vertically center */ -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .flickity-prev-next-button:hover { background: white; } .flickity-prev-next-button:focus { outline: none; box-shadow: 0 0 0 5px #09F; } .flickity-prev-next-button:active { opacity: 0.6; } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button:disabled { opacity: 0.3; cursor: auto; } .flickity-prev-next-button svg { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-prev-next-button .arrow { fill: #333; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } /*! * * SimpleBar.js - v2.4.4 * Scrollbars, simpler. * https://grsmto.github.io/simplebar/ * * Made by Adrien Grsmto from a fork by Jonathan Nicol * Under MIT License * */ [data-simplebar] { position: relative; z-index: 0; overflow: hidden; -webkit-overflow-scrolling: touch; } [data-simplebar=init] { display: -webkit-box; display: -ms-flexbox; display: flex; } .simplebar-scroll-content { overflow-x: hidden; overflow-y: scroll; min-width: 100%; box-sizing: content-box; } .simplebar-content { overflow-x: scroll; overflow-y: hidden; box-sizing: border-box; min-height: 100%; } .simplebar-track { z-index: 1; position: absolute; right: 0; bottom: 0; width: 11px; } .simplebar-scrollbar { position: absolute; right: 2px; border-radius: 7px; min-height: 10px; width: 7px; opacity: 0; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; background: #000; background-clip: padding-box; } .simplebar-track:hover .simplebar-scrollbar { opacity: .5; -webkit-transition: opacity 0 linear; transition: opacity 0 linear; } .simplebar-track .simplebar-scrollbar.visible { opacity: .5; } .simplebar-track.horizontal { left: 0; width: auto; height: 11px; } .simplebar-track.vertical { top: 0; } .horizontal.simplebar-track .simplebar-scrollbar { right: auto; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .icon { display: inline-block; vertical-align: middle; } .icon svg { display: block; } .icon__logo { width: 218px; height: 63px; } .icon__arrow-right, .icon__arrow-right svg { width: 10px; height: 10px; } .icon__arrow-right *, .icon__arrow-right svg * { fill: #3c3b3b; } .icon__fb, .icon__fb svg { width: 20px; height: 28px; } .icon__fb *, .icon__fb svg * { fill: #FFF; } .icon__insta, .icon__insta svg { width: 28px; height: 28px; } .icon__insta *, .icon__insta svg * { fill: #FFF; } .icon__linkedin, .icon__linkedin svg { width: 28px; height: 28px; } .icon__linkedin *, .icon__linkedin svg * { fill: #FFF; } .icon__dl, .icon__dl svg { width: 21px; height: 27px; } .icon__dl *, .icon__dl svg * { fill: #1a2189; } .icon__marker, .icon__marker svg { width: 55px; height: 80px; } .icon__marker *, .icon__marker svg * { fill: #000; } .icon__share, .icon__share svg { width: 17px; height: 21px; } .icon__share *, .icon__share svg * { fill: #000; } .arrow-left, .arrow-right { width: 20px; height: 26px; display: inline-block; vertical-align: middle;} .arrow-left:before, .arrow-right:before { content: ''; height: 1px; width: 100%; background: #3c3b3b; position: absolute; top: 50%; left: 0; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .arrow-left:after, .arrow-right:after { content: ''; width: 15px; height: 15px; position: absolute; right: 2px; top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border-right: 1px solid #3c3b3b; border-bottom: 1px solid #3c3b3b; margin-top: -7px; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .arrow-left.arrow-left:before, .arrow-right.arrow-left:before { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .arrow-left.arrow-left:after, .arrow-right.arrow-left:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); right: auto; left: 2px; } .arrow-left:hover:before, a:hover .arrow-left:before, .arrow-right:hover:before, a:hover.arrow-right:before { -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); } .form-item { margin-bottom: 1px; } .form-item:after { content: ''; width: 5px; height: 5px; position: absolute; top: 50%; right: 15px; -webkit-transform: scale3d(0, 0, 1) translate3d(0, -50%, 0); transform: scale3d(0, 0, 1) translate3d(0, -50%, 0); background: #1a2189; border-radius: 50%; -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .form-item.error:after { background: #d24155; -webkit-transform: scale3d(1, 1, 1) translate3d(0, -50%, 0); transform: scale3d(1, 1, 1) translate3d(0, -50%, 0); } .form-item.onfocus:after, .onfocus .form-item:after { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } .form-item.js-reveal { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .form-item.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .form-item.js-reveal.is-visible:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .form-item.js-reveal.is-visible:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } .form-item.js-reveal.is-visible:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .form-item.js-reveal.is-visible:nth-child(4) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .form-item.js-reveal.is-visible:nth-child(5) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .form-item.js-reveal.is-visible:nth-child(6) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .form-item.js-reveal.is-visible:nth-child(7) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .form-item.js-reveal.is-visible:nth-child(8) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .form-item.js-reveal.is-visible:nth-child(9) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .form-item.js-reveal.is-visible:nth-child(10) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .form-item.js-reveal.is-visible:nth-child(11) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .form-item.last { margin-bottom:40px; } .form-consigne { font-size: 0.875em; font-weight: 600; color: #737272; margin-top: -0.5em; } .form-label, .labelfield, .tfvHighlight, .tfvNormal { font-size: 0.75em; text-transform: uppercase; font-weight: 600; text-transform: uppercase; display: block; width: 100%; padding: 0 15px; pointer-events: none; position: absolute; top: 1.75rem; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); left: 0; z-index: 1; color: #1a2189; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .tfvHighlight { color:red !important; } .onfocus .form-label, .onfill .form-label, .onfocus .labelfield, .onfill .labelfield, .onfocus .tfvHighlight, .onfill .tfvHighlight, .onfocus .tfvNormal, .onfill .tfvNormal { margin-top: -10px; } .form-text, .htmlIText, .htmlIPass, .htmlIDate { display: block; width: 100%; border-radius: 0; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #1a2189; outline: none; padding-top: 1.25rem; line-height: 2.25rem; height: 3.5rem; font-size: 0.875em; font-weight: 600; color: #000; border-top: 0; } .first .form-text, .first .htmlIText, .first .htmlIPass, .first .htmlIDate { border-top: 1px solid #1a2189; } .form-textarea, .htmlIMemo { display: block; width: 100%; border-radius: 0; padding: 0 15px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #1a2189; outline: none; padding-top: 1.6rem; padding-bottom: 1.6rem; line-height: 1.5rem; font-size: 0.875em; font-weight: 600; color: #000; border-top: 0; resize: none; } .first .form-textarea, .first .htmlIMemo { border-top: 1px solid #1a2189; } .form-submit, .frm_submit, .htmlISubmit { margin-top: 30px; margin-bottom: 20px; text-transform: uppercase; color: #3c3b3b; display: inline-block; cursor: pointer; font-weight: 600; font-size: 0.875em; padding-bottom: 0.4em; float:right; cursor:pointer; } .frm_submit:after, .htmlISubmit:after { content: ''; top: 100%; left: 0; width: 100%; position: absolute; height: 4px; border-radius:0; background: #1A2189; -webkit-transform: scale3d(0.6, 1, 1) translate3d(0, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(0, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-animation: lineBack 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; animation: lineBack 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; } .frm_submit:hover:after, .htmlISubmit:hover:after { -webkit-animation: line 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; animation: line 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; } .form-submit:before, .frm_submit:before, .htmlISubmit:before { content: ''; width: 44px; height: 44px; position: absolute; top: 50%; left: 100%; margin-top: -22px; margin-left: 20px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%231a2189'%3e%3cg fill='none' fill-rule='evenodd' stroke-width='2'%3e%3ccircle cx='22' cy='22' r='1'%3e%3canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3e%3canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle cx='22' cy='22' r='1'%3e%3canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3e%3canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3e%3c/circle%3e%3ccircle cx='22' cy='22' r='1' opacity='0.8' stroke-width='3'/%3e%3c/g%3e%3c/svg%3e"); background-position: center center; background-repeat:no-repeat; background-size: contain; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .frm_submit:before, .htmlISubmit:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .form-select { cursor: pointer; } .form-select .labelfield { margin-top:-10px; } .form-select select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; display: block; width: 100%; border-radius: 0; padding: 0 15px; padding-right: 45px; appearance: none; border: 1px solid #1a2189; outline: none; padding-top: 1.25rem; line-height: 2.25rem; height: 3.5rem; font-size: 0.875em; font-weight: 600; color: #000; border-top: 0; } .first .form-select select { border-top: 1px solid #1a2189; } .form-select select.error, .error .form-select select { border-color: #d24155; } .form-select:before { content: ''; width: 40px; height: calc(100% - 2px); position: absolute; top: 0; right: 1px; z-index: 1; background: #FFF; } .form-select:after { content: ''; position: absolute; top: 50%; right: 11px; width: 12px; height: 12px; margin-top: -6px; z-index: 1; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='11.4px' height='11.4px' viewBox='0 0 11.4 11.4'%3e%3cpolygon fill='%233c3b3b' points='5.7,0 4.3,1.4 7.6,4.7 0,4.7 0,6.7 7.6,6.7 4.3,10 5.7,11.4 11.4,5.7 '/%3e%3c/svg%3e"); background-position:center center; background-repeat:no-repeat; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-size: contain; -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .form-select:hover:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .fpwd { margin-top:25px; display:block; } .btn { cursor: pointer; } .btn-round { display: inline-block; } .btn-round i { display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; } .btn-round i:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #1a2189; z-index: 2; } .btn-round i:after { content: ''; position: absolute; top: 0; left: 0; border-radius: 50%; width: 100%; height: 100%; background: #1a2189; opacity: 1; } .btn-round i span { display: block; position: absolute; top: 50%; left: 50%; width: 18px; height: 18px; margin-top: -9px; margin-left: -9px; z-index: 3; } .btn-round i span:before, .btn-round i span:after { width: 100%; height: 1px; content: ''; position: absolute; top: 50%; left: 0; margin-top: -0.5px; background: #FFF; } .btn-round i span:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .btn-round:hover i:after, a:hover .btn-round i:after { -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); opacity: 0; -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .link { text-transform: uppercase; color: #3c3b3b; display: inline-block; cursor: pointer; font-weight: 600; font-size: 0.875em; padding-bottom: 0.4em; } .link:after { content: ''; top: 100%; left: 0; width: 100%; position: absolute; height: 4px; background: #1a2189; -webkit-transform: scale3d(0.6, 1, 1) translate3d(0, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(0, 0, 0); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; -webkit-animation: lineBack 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; animation: lineBack 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; } .link:hover:after, a:hover .link:after { -webkit-animation: line 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; animation: line 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86) forwards alternate; } @-webkit-keyframes lineBack { 0% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); } 100% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(0%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(0%, 0, 0); } } @keyframes lineBack { 0% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); } 100% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(0%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(0%, 0, 0); } } @-webkit-keyframes line { 0% { -webkit-transform: scale3d(0.6, 1, 1); transform: scale3d(0.6, 1, 1); } 50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); } } @keyframes line { 0% { -webkit-transform: scale3d(0.6, 1, 1); transform: scale3d(0.6, 1, 1); } 50% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 100% { -webkit-transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); transform: scale3d(0.6, 1, 1) translate3d(70%, 0, 0); } } .link-share { display: inline-block; font-size: 0.875rem; text-transform: uppercase; color: #000; line-height: 1.375rem; font-weight: 500; } .link-share .icon { margin-left: 5px; top: -1px; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .link-share:hover .icon { -webkit-transform: rotate3d(1, 0, 0, 180deg); transform: rotate3d(1, 0, 0, 180deg); } .section-cover { height: 70vh; color: #FFF; } @media (min-width: 62em) { .section-cover { height: 70vh; } } .section-cover h2 { font-size: 1.75em; font-weight: 600; line-height: 1.1em; margin-bottom: 0.5em; margin-top: 0; text-transform: none; color: #FFF; } @media (min-width: 48em) { .section-cover h2 { font-size: 4em; } } .section-cover h2 span { display: inline-block; overflow: initial !important; } .section-cover h2 span span { display: inline-block; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; } .section-cover h2 span:nth-child(1) span { -webkit-transition-delay: 0s; transition-delay: 0s; } .section-cover h2 span:nth-child(2) span { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .section-cover h2 span:nth-child(3) span { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .section-cover h2 span:nth-child(4) span { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .section-cover h2 span:nth-child(5) span { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .section-cover h2 span:nth-child(6) span { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .section-cover h2 span:nth-child(7) span { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .section-cover h2 span:nth-child(8) span { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .section-cover h2 span:nth-child(9) span { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .section-cover h2 span:nth-child(10) span { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .section-cover h2 span:nth-child(11) span { -webkit-transition-delay: 1s; transition-delay: 1s; } .section-cover h2 span:nth-child(12) span { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .section-cover h2 span:nth-child(13) span { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .section-cover h2 span:nth-child(14) span { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .section-cover h2 span:nth-child(15) span { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .section-cover h2 span:nth-child(16) span { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .section-cover h2 span:nth-child(17) span { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .section-cover h2 span:nth-child(18) span { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } .section-cover h2 span:nth-child(19) span { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .section-cover h2 span:nth-child(20) span { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } .section-cover h2 span:nth-child(21) span { -webkit-transition-delay: 2s; transition-delay: 2s; } .section-cover h2 span:nth-child(22) span { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .section-cover h2 span:nth-child(23) span { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .section-cover h2 span:nth-child(24) span { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } .section-cover h2 span:nth-child(25) span { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .section-cover h2 span:nth-child(26) span { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } .section-cover h2 span:nth-child(27) span { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } .section-cover h2 span:nth-child(28) span { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .section-cover h2 span:nth-child(29) span { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } .section-cover h2 span:nth-child(30) span { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } .section-cover h2 span:nth-child(31) span { -webkit-transition-delay: 3s; transition-delay: 3s; } .section-cover h2 span:nth-child(32) span { -webkit-transition-delay: 3.1s; transition-delay: 3.1s; } .section-cover h2 span:nth-child(33) span { -webkit-transition-delay: 3.2s; transition-delay: 3.2s; } .section-cover h2 span:nth-child(34) span { -webkit-transition-delay: 3.3s; transition-delay: 3.3s; } .section-cover h2 span:nth-child(35) span { -webkit-transition-delay: 3.4s; transition-delay: 3.4s; } .section-cover h2 span:nth-child(36) span { -webkit-transition-delay: 3.5s; transition-delay: 3.5s; } .section-cover h2 span:nth-child(37) span { -webkit-transition-delay: 3.6s; transition-delay: 3.6s; } .section-cover h2 span:nth-child(38) span { -webkit-transition-delay: 3.7s; transition-delay: 3.7s; } .section-cover h2 span:nth-child(39) span { -webkit-transition-delay: 3.8s; transition-delay: 3.8s; } .section-cover h2 span:nth-child(40) span { -webkit-transition-delay: 3.9s; transition-delay: 3.9s; } .section-cover h2 span:nth-child(41) span { -webkit-transition-delay: 4s; transition-delay: 4s; } .section-cover p { width: 80%; opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; display: none; } @media (min-width: 48em) { .section-cover p { display: block; } } .section-cover .btn-round { text-transform: uppercase; font-weight: 600; font-size: 0.875em; margin-top: 1em; color: transparent; } @media (min-width: 62em) { .section-cover .btn-round { color: inherit; } } .section-cover .btn-round.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .section-cover .btn-round i { margin-right: 10px; } @media (min-width: 62em) { .section-cover .nav-slider { left: 87% !important; margin-left: 40px !important; top: auto !important; bottom: 5% !important; } } .section-cover .slide-subtitle { font-size: 0.875em; text-transform: uppercase; font-weight: 600; display: inline-block; opacity: 0; margin-bottom: 0.8em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } @media (min-width: 62em) { .section-cover .slide-subtitle { margin-bottom: 0; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); position: absolute; right: 100%; top: 0; margin-right: 4.5em; } } .section-cover .slider { position: absolute; left: 0; width: 90%; top: 0; height: 100%; overflow: hidden; } @media (min-width: 48em) { .section-cover .slider { width: 90%; } } @media (min-width: 62em) { .section-cover .slider { width: 87%; } } .section-cover .slider .slide { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); z-index: 1; } .section-cover .slider .slide.active { z-index: 5; } .section-cover .slider .slide figure { display: block; height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; } .section-cover .slider-content { width: 100%; height: 100%; z-index: 11; } .section-cover .slider-content .slick-list { height: 100%; } .section-cover .slider-content .slick-track { position: absolute; bottom: 0; left: 0; top: auto; width: 100%; } .section-cover .slider-content .slide-content { padding-bottom: 20px; } @media (min-width: 48em) { .section-cover .slider-content .slide-content { padding-bottom: 50px; } } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(1) span { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(2) span { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(3) span { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(4) span { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(5) span { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(6) span { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(7) span { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(8) span { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(9) span { -webkit-transition-delay: 1s; transition-delay: 1s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(10) span { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(11) span { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(12) span { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(13) span { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(14) span { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(15) span { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(16) span { -webkit-transition-delay: 1.7s; transition-delay: 1.7s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(17) span { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(18) span { -webkit-transition-delay: 1.9s; transition-delay: 1.9s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(19) span { -webkit-transition-delay: 2s; transition-delay: 2s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(20) span { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(21) span { -webkit-transition-delay: 2.2s; transition-delay: 2.2s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(22) span { -webkit-transition-delay: 2.3s; transition-delay: 2.3s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(23) span { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(24) span { -webkit-transition-delay: 2.5s; transition-delay: 2.5s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(25) span { -webkit-transition-delay: 2.6s; transition-delay: 2.6s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(26) span { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(27) span { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(28) span { -webkit-transition-delay: 2.9s; transition-delay: 2.9s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(29) span { -webkit-transition-delay: 3s; transition-delay: 3s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(30) span { -webkit-transition-delay: 3.1s; transition-delay: 3.1s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(31) span { -webkit-transition-delay: 3.2s; transition-delay: 3.2s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(32) span { -webkit-transition-delay: 3.3s; transition-delay: 3.3s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(33) span { -webkit-transition-delay: 3.4s; transition-delay: 3.4s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(34) span { -webkit-transition-delay: 3.5s; transition-delay: 3.5s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(35) span { -webkit-transition-delay: 3.6s; transition-delay: 3.6s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(36) span { -webkit-transition-delay: 3.7s; transition-delay: 3.7s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(37) span { -webkit-transition-delay: 3.8s; transition-delay: 3.8s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(38) span { -webkit-transition-delay: 3.9s; transition-delay: 3.9s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(39) span { -webkit-transition-delay: 4s; transition-delay: 4s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(40) span { -webkit-transition-delay: 4.1s; transition-delay: 4.1s; } .section-cover .slider-content .slide-content.slick-active .word-breaker.is-visible span:nth-child(41) span { -webkit-transition-delay: 4.2s; transition-delay: 4.2s; } .section-cover .slider-content .slide-content.slick-active p.is-visible { opacity: 0.5; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .section-cover .slider-content .slide-content.slick-active .btn-round.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .section-cover .slider-content .slide-content.slick-active .slide-subtitle { margin-right: 3em; opacity: 1; -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-slider] { margin-top: 30px; margin-bottom: 50px; } @media (min-width: 62em) { [data-slider] { margin-top: 0; margin-bottom: 50px; } } [data-slider].inverse .slide.slide-old { -webkit-transform: translate3d(20%, 0, 0); transform: translate3d(20%, 0, 0); } [data-slider].js-reveal .slide figure { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); overflow: hidden; } [data-slider].js-reveal .slide figure img { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); } [data-slider].js-reveal .slider-legends { margin-bottom: -50px; opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-slider].js-reveal .slick-arrow { overflow: hidden; } [data-slider].js-reveal .slick-arrow:before { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-slider].js-reveal .slick-arrow .icon-arrow-right { opacity: 0; } [data-slider].js-reveal.is-visible .slide figure { border-left: 4px solid #fff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } [data-slider].js-reveal.is-visible .slide figure img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-filter: grayscale(0); filter: grayscale(0); } [data-slider].js-reveal.is-visible .slide figure img:hover { -webkit-filter: grayscale(100); filter: grayscale(100); } [data-slider].js-reveal.is-visible .slider-legends { margin-bottom: 0; opacity: 1; -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } [data-slider].js-reveal.is-visible .slick-arrow:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } [data-slider].js-reveal.is-visible .slick-arrow .icon-arrow-right { opacity: 1; -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } [data-slider].js-reveal.is-visible .slick-arrow.slick-next:before { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } [data-slider].js-reveal.is-visible .slick-arrow.slick-next:before .icon-arrow-right { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } [data-slider] .slide { display: block; width: 100%; } [data-slider] .slide.slide-old { -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); } [data-slider] .slide figure { display: block; width: 100%; } [data-slider] .slide figure img { display: block; width: 100%; } [data-slider] .slick-arrow { width: 78px; height: 78px; position: absolute; bottom: 0; z-index: 1; overflow: hidden; right: 0; cursor: pointer; display: none !important; } @media (min-width: 62em) { [data-slider] .slick-arrow { display: block !important; } } [data-slider] .slick-arrow:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; } [data-slider] .slick-arrow .icon-arrow-right { display: inline-block; width: 15px; height: 27px; vertical-align: middle; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.5s ease; transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } [data-slider] .slick-arrow .icon-arrow-right:before, [data-slider] .slick-arrow .icon-arrow-right:after { content: ''; width: 18px; height: 1px; background: #1A2189; position: absolute; top: 50%; left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } [data-slider] .slick-arrow .icon-arrow-right:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } [data-slider] .slick-arrow.slick-next { margin-right: -78px; } [data-slider] .slick-arrow.slick-next:before { background: #1A2189; } [data-slider] .slick-arrow.slick-next .icon-arrow-right:before, [data-slider] .slick-arrow.slick-next .icon-arrow-right:after { background: #FFF; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } [data-slider] .slick-arrow:hover .icon-arrow-right { -webkit-animation: hoverArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; animation: hoverArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; } [data-slider] .slick-arrow:hover.slick-next .icon-arrow-right { -webkit-animation: hoverInvArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; animation: hoverInvArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; } [data-slider] .slick-arrow:active .icon-arrow-right { -webkit-transform: scale3d(1, 0.7, 1); transform: scale3d(1, 0.7, 1); } @-webkit-keyframes hoverArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 51% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hoverArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 51% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes hoverInvArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 51% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hoverInvArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 51% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } [data-slider] .slider-legends { font-size: 0.875em; font-weight: 600; line-height: 50px; bottom: 0px; height: 3em; } @media (min-width: 62em) { [data-slider] .slider-legends { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; line-height: 78px; position: absolute; bottom: 78px; right: -78px; height: auto; -webkit-transform: rotate(-90deg) translate3d(100%, 0, 0); transform: rotate(-90deg) translate3d(100%, 0, 0); } } [data-slider] .slider-legends figcaption { position: absolute; bottom: 0; left: 0; white-space: nowrap; opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); visibility: hidden; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media (min-width: 62em) { [data-slider] .slider-legends figcaption { padding: 0 20px; } } [data-slider] .slider-legends figcaption.old { -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } [data-slider] .slider-legends figcaption.active { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } [data-slider] .slider-legends span { display: inline-block; vertical-align: middle; line-height: 1.4em; } [data-slider] .slider-legends em { font-style: normal; font-size: 0.85em; display: block; color: #c2c2c2; } .slider-contents { width: 100%; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .slider-contents .slide-content { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); visibility: hidden; } @media (min-width: 62em) { .slider-contents .slide-content { -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); } } .slider-contents .slide-content.old { -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } @media (min-width: 62em) { .slider-contents .slide-content.old { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } } .slider-contents .slide-content.active { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .nav-slider { position: absolute; top: 100%; margin-top: 30px; left: 50%; padding-top: 35px; font-size: 0; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); font-weight: 600; } @media (min-width: 62em) { .nav-slider { padding-top: 45px; margin-top: 30px; font-size: 1em; } } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider { top: 50%; left: 100%; padding-top: 0; padding-left: 45px; margin-top: 0; margin-left: 30px; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } .nav-slider .lines { position: absolute; left: 0; top: 0; white-space: nowrap; margin-left: 0px; } @media (min-width: 62em) { .nav-slider .lines { margin-left: 22px; } } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider .lines { margin-top: 0px; margin-left: 0; } } .nav-slider .lines .line { width: 1px; height: 10px; display: inline-block; padding: 0 6px; cursor: pointer; box-sizing: content-box; } @media (min-width: 62em) { .nav-slider .lines .line { width: 2px; height: 12px; } } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider .lines .line { padding: 10px 0; width: 12px; height: 2px; display: block; } } .nav-slider .lines .line:after { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; position: absolute; top: 0; content: ''; left: 50%; width: 1px; height: 10px; background: #c2c2c2; -webkit-transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media (min-width: 62em) { .nav-slider .lines .line:after { width: 2px; height: 12px; margin-left: -1px; } } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider .lines .line:after { -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; width: 12px; height: 2px; top: 50%; left: 0; margin-top: -1px; } } .nav-slider .lines .line:before { content: ''; width: 6px; height: 6px; border-radius: 50%; bottom: 100%; left: 50%; margin-left: -3px; position: absolute; background: #1A2189; margin-bottom: 6px; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); } @media (min-width: 62em) { .nav-slider .lines .line:before { margin-bottom: 10px; } } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider .lines .line:before { margin-bottom: 0; margin-right: 10px; margin-left: 0; margin-top: -3px; bottom: auto; top: 50%; left: auto; right: 100%; } } .nav-slider .lines .line.current:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .nav-slider .lines .line.current:after { -webkit-transform: scale3d(1, 2.5, 1); transform: scale3d(1, 2.5, 1); background: #1A2189; } @media (min-width: 62em) { [data-dir="vertical"] .nav-slider .lines .line.current:after { -webkit-transform: scale3d(2.5, 1, 1); transform: scale3d(2.5, 1, 1); } } .nav-slider .counter { color: #3c3b3b; font-size: 0.875em; text-align: center; width: 60px; } .client-carousel { white-space: nowrap; margin-top: 40px; margin-bottom: 40px; left: 12.66666%; } .client-carousel:after { content: ""; clear: both; display: block; } @media (min-width: 48em) { .client-carousel { margin: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); position: absolute; left: 38%; top: 50%; } } .client-carousel:before { content: ''; right: 0; height: 1px; position: absolute; left: -50%; top: 100%; background: rgba(60, 59, 59, 0.1); } @media (min-width: 48em) { .client-carousel:before { top: 50%; } } .client-slide { max-width: 185px; float: left; white-space: initial; margin-right: 55px; } @media (min-width: 48em) { .client-slide { margin-left: 35px; margin-right: 0; max-width: 290px; } } .js-reveal .client-slide { -webkit-transform: translate3d(80px, 0, 0); transform: translate3d(80px, 0, 0); opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .js-reveal .client-slide:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .js-reveal .client-slide:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .js-reveal .client-slide:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .js-reveal .client-slide:nth-child(4) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .js-reveal .client-slide:nth-child(5) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .js-reveal .client-slide:nth-child(6) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .js-reveal .client-slide:nth-child(7) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .js-reveal .client-slide:nth-child(8) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } .js-reveal .client-slide:nth-child(9) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .js-reveal .client-slide:nth-child(10) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } .js-reveal .client-slide:nth-child(11) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .js-reveal .client-slide:nth-child(12) { -webkit-transition-delay: 1.65s; transition-delay: 1.65s; } .js-reveal .client-slide:nth-child(13) { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .js-reveal .client-slide:nth-child(14) { -webkit-transition-delay: 1.95s; transition-delay: 1.95s; } .js-reveal .client-slide:nth-child(15) { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .js-reveal .client-slide:nth-child(16) { -webkit-transition-delay: 2.25s; transition-delay: 2.25s; } .js-reveal .client-slide:nth-child(17) { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .js-reveal .client-slide:nth-child(18) { -webkit-transition-delay: 2.55s; transition-delay: 2.55s; } .js-reveal .client-slide:nth-child(19) { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .js-reveal .client-slide:nth-child(20) { -webkit-transition-delay: 2.85s; transition-delay: 2.85s; } .js-reveal .client-slide:nth-child(21) { -webkit-transition-delay: 3s; transition-delay: 3s; } .is-visible .client-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .client-slide__inner { -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); padding-bottom: 10px; } @media (min-width: 48em) { .client-slide__inner { display: table; } } .client-slide__inner:after { content: ''; width: 5px; height: 5px; border-radius: 50%; background: #1a2189; position: absolute; top: 100%; left: 0; margin-left: -3px; margin-top: 12px; } @media (min-width: 48em) { .client-slide__inner:after { margin-top: 14px; } } .client-slide__img img { display: block; width: 100%; -webkit-transition: all 0.55s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.55s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-filter: grayscale(0); filter: grayscale(0); } .client-slide__img:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); } @media (min-width: 48em) { .client-slide:nth-child(even) { margin-top: 15em; top: 10px; display: table; } .client-slide:nth-child(even) .client-slide__inner:after { top: auto; bottom: 100%; margin-bottom: 8px; margin-top: 0; } .client-slide:nth-child(even) .client-slide__img { margin-bottom: 1em; } } .client-slide.no-visible .client-slide__inner { -webkit-transform: translate3d(-38vw, 0, 0); transform: translate3d(-38vw, 0, 0); } .feature-item { margin-bottom: 60px; } .feature-item:last-child { margin-bottom: 0; } @media (min-width: 62em) { .feature-item { margin-right: 0; margin-bottom: 9%; } } .feature-item__title { font-size: 1.25em; font-weight: 600; text-transform: uppercase; margin: 0; } .feature-item__img { margin-top: 0.65em; } .feature-item__img a { display: block;} .feature-item__img a .btn-round { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); z-index: 1; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); will-change: auto; } .feature-item__img a .btn-round i:after { display: none; } .feature-item__img a:hover .btn-round { -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .feature-item__img img { display: block; width: 100%; margin-bottom:4px; -webkit-filter: grayscale(0); filter: grayscale(0); } .feature-item__img img:hover { -webkit-filter: grayscale(100); filter: grayscale(100); } .feature-item__info { background-color:#1a2189; height:400px; padding:20px; border-top-color:#fff; border-top: 1px; } @media (max-width: 48em) { .feature-item__info { height:auto; } } .feature-item__info p { color: #fff; margin-bottom: 0.3em; } .feature-item__info ul { margin:0 0 0.3em 0; padding:0 0 0 20px; } .feature-item__info li { color: #fff; } .feature-item__info .link { color:#fff; margin-top:20px; } .feature-item__info .link:after { background-color:#fff; } .aliasheavy-vehicle-equipment-hire .feature-item__img img:hover { -webkit-filter: grayscale(0); filter: grayscale(0); } .feature-item.js-reveal .feature-item__img, .feature-item.js-reveal .feature-item__info { opacity: 0; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); -webkit-transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .feature-item.js-reveal.is-visible .feature-item__img, .feature-item.js-reveal.is-visible .feature-item__info { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .feature-item.js-reveal.is-visible:nth-child(1) .feature-item__title span span { -webkit-transition-delay: 0s; transition-delay: 0s; } .feature-item.js-reveal.is-visible:nth-child(1) .feature-item__img { -webkit-transition-delay: 0s; transition-delay: 0s; } .feature-item.js-reveal.is-visible:nth-child(1) .feature-item__info { -webkit-transition-delay: 0s; transition-delay: 0s; } .feature-item.js-reveal.is-visible:nth-child(2) .feature-item__title span span { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .feature-item.js-reveal.is-visible:nth-child(2) .feature-item__img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .feature-item.js-reveal.is-visible:nth-child(2) .feature-item__info { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .feature-item.js-reveal.is-visible:nth-child(3) .feature-item__title span span { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .feature-item.js-reveal.is-visible:nth-child(3) .feature-item__img { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .feature-item.js-reveal.is-visible:nth-child(3) .feature-item__info { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .feature-item.js-reveal.is-visible:nth-child(4) .feature-item__title span span { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .feature-item.js-reveal.is-visible:nth-child(4) .feature-item__img { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .feature-item.js-reveal.is-visible:nth-child(4) .feature-item__info { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .feature-item.js-reveal.is-visible:nth-child(5) .feature-item__title span span { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .feature-item.js-reveal.is-visible:nth-child(5) .feature-item__img { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .feature-item.js-reveal.is-visible:nth-child(5) .feature-item__info { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .feature-item.js-reveal.is-visible:nth-child(6) .feature-item__title span span { -webkit-transition-delay: 1s; transition-delay: 1s; } .feature-item.js-reveal.is-visible:nth-child(6) .feature-item__img { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .feature-item.js-reveal.is-visible:nth-child(6) .feature-item__info { -webkit-transition-delay: 2s; transition-delay: 2s; } .feature-item.js-reveal.is-visible:nth-child(7) .feature-item__title span span { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .feature-item.js-reveal.is-visible:nth-child(7) .feature-item__img { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .feature-item.js-reveal.is-visible:nth-child(7) .feature-item__info { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .feature-item.js-reveal.is-visible:nth-child(8) .feature-item__title span span { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .feature-item.js-reveal.is-visible:nth-child(8) .feature-item__img { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .feature-item.js-reveal.is-visible:nth-child(8) .feature-item__info { -webkit-transition-delay: 2.8s; transition-delay: 2.8s; } .feature-item.js-reveal.is-visible:nth-child(9) .feature-item__title span span { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .feature-item.js-reveal.is-visible:nth-child(9) .feature-item__img { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .feature-item.js-reveal.is-visible:nth-child(9) .feature-item__info { -webkit-transition-delay: 3.2s; transition-delay: 3.2s; } .feature-item.js-reveal.is-visible:nth-child(10) .feature-item__title span span { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .feature-item.js-reveal.is-visible:nth-child(10) .feature-item__img { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .feature-item.js-reveal.is-visible:nth-child(10) .feature-item__info { -webkit-transition-delay: 3.6s; transition-delay: 3.6s; } .feature-item.js-reveal.is-visible:nth-child(11) .feature-item__title span span { -webkit-transition-delay: 2s; transition-delay: 2s; } .feature-item.js-reveal.is-visible:nth-child(11) .feature-item__img { -webkit-transition-delay: 3s; transition-delay: 3s; } .feature-item.js-reveal.is-visible:nth-child(11) .feature-item__info { -webkit-transition-delay: 4s; transition-delay: 4s; } .feature-item.gear .feature-item__info { height:230px; } @media (min-width: 62em) { .feature-item.gear { margin-bottom:60px; } } .quote { padding-top: 10px; margin-bottom: 20px; } @media (min-width: 48em) { .quote { margin-bottom: 50px; } } .quote h2 { text-transform: none; font-size: 1.75em; line-height: 1.2em; color: #1a2189; margin-bottom: 0.5em; font-weight: 600; margin-top: 3.2em; } @media (min-width: 48em) { .quote h2 { margin-top: 0; font-size: 3.375em; } } .quote__author { text-transform: uppercase; color: #c2c2c2; margin-bottom: 2em; font-size: 0.875em; } @media (min-width: 48em) { .quote__author { font-size: 0.75em; margin-bottom: 4.5em; } } .quote .desc.js-reveal.is-visible { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .quote .link.js-reveal { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; } .quote .link.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .item { margin-bottom: 50px; } @media (min-width: 48em) { .item { margin-bottom: 24px; } } .item.js-reveal.is-visible:nth-child(1n+1) .item__info { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .item.js-reveal.is-visible:nth-child(1n+1) .item__img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .item.js-reveal.is-visible:nth-child(2n+2) .item__info { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .item.js-reveal.is-visible:nth-child(2n+2) .item__img { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .item.js-reveal.is-visible:nth-child(3n+3) .item__info { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .item.js-reveal.is-visible:nth-child(3n+3) .item__img { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .item__info { margin-bottom: 1.4em; padding: 0 30px; } @media (min-width: 48em) { .item__info { padding: 0 40px; } } .item__info h3 { font-size: 1em; margin-top: 0.3em; margin-bottom: 0; } @media (min-width: 48em) { .item__info h3 { height: 2.4em; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .js-reveal .item__info { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .is-visible .item__info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .item__meta { display: block; font-size: 0.75em; font-weight: 400; color: #666; } .team-list .item__meta { height: 3.25em; } .item__img { -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); margin-top: 0.8em; } .js-reveal .item__img { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .is-visible .item__img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .item__img:hover .btn-round { -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .item__img:hover a { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .item__img:hover a img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .item__img a { display: block; width: 100%; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; will-change: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .item__img img { display: block; width: 100%; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); will-change: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-filter: grayscale(0); filter: grayscale(0); } .item__img img:hover { -webkit-filter: grayscale(100); filter: grayscale(100); } .item__img .btn-round { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); transform: translate3d(-50%, -50%, 0) scale3d(0, 0, 1); z-index: 1; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); pointer-events: none; will-change: auto; } .item__img .btn-round i:after { display: none; } .item__nums { font-size: 0.75em; text-transform: uppercase; font-weight: 600; margin-bottom: 3em; } .item__link { -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); margin-top: 0.8em; background-color:#1a2189; height:151px; } .js-reveal .item__link { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .is-visible .item__link { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .item__link:hover .btn-round { -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); } .item__link:hover a { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .item__link a { display: block; width: 100%; height:100%; -webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1); overflow: hidden; will-change: auto; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .item__link .btn-round { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); transform: translate3d(-50%, -50%, 0) scale3d(1, 1, 1); z-index: 1; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); will-change: auto; } .item__link .btn-round i:after { display: none; } .item__link .btn-round i:before { background-color:#1a2189; color:#fff; } .item__link .btn-round i span::before, .item__link .btn-round i span::after { background-color:#fff; } .item__link:hover .btn-round i:before { background-color:#fff; color:#1a2189; } .item__link:hover .btn-round i span::before, .item__link:hover .btn-round i span::after { background-color:#1a2189; } .breadcrumb { margin: 0; padding-left: 0; list-style: none; font-size: 0.875em; font-weight: 600; text-transform: uppercase; pointer-events: all; } .breadcrumb.js-reveal li { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .breadcrumb.js-reveal.is-visible li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .breadcrumb.js-reveal.is-visible li:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .breadcrumb.js-reveal.is-visible li:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .breadcrumb.js-reveal.is-visible li:nth-child(3) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .breadcrumb.js-reveal.is-visible li:nth-child(4) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .breadcrumb.js-reveal.is-visible li:nth-child(5) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .breadcrumb.js-reveal.is-visible li:nth-child(6) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .breadcrumb.js-reveal.is-visible li:nth-child(7) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .breadcrumb.js-reveal.is-visible li:nth-child(8) { -webkit-transition-delay: 1.05s; transition-delay: 1.05s; } .breadcrumb.js-reveal.is-visible li:nth-child(9) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .breadcrumb.js-reveal.is-visible li:nth-child(10) { -webkit-transition-delay: 1.35s; transition-delay: 1.35s; } .breadcrumb.js-reveal.is-visible li:nth-child(11) { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .breadcrumb li { display: inline-block; } .breadcrumb li:first-child:before { display: none; } .breadcrumb li:before { content: ' > '; display: inline-block; vertical-align: middle; opacity: 0.5; top: -1px; margin-left: 2px; margin-right: 6px; } .breadcrumb li a { opacity: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .breadcrumb li a:hover { opacity:0.6; } .breadcrumb li a.current { opacity: 1; } .breadcrumb + h1 { margin-top: 0.5em; } @media (min-width: 62em) { .breadcrumb + h1 { margin-top: 0.2em; } } .entry { margin-top: -20px; pointer-events: none; } @media (min-width: 62em) { .entry.fixed .entry-content { width: 100%; position: fixed; top: 0; left: 0; } } @media (min-width: 62em) { .entry.fixed.bottom .entry-content { position: absolute; bottom: 0; top: auto; } } .entry-content { margin-bottom: 2em; z-index: 2; } .entry-content .link-project { margin-bottom: 3em; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media (min-width: 62em) { .entry-content .link-project { margin-top: 5em; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); margin-bottom: 0; position:absolute; top:0; right:-25px; } } .fixed .entry-content .link-project { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-subtitle { font-size: 1.625em; font-weight: 500; color: #000; line-height: 1.5em; margin-bottom: 1em; margin-top: -0.7em; } @media (min-width: 62em) { .entry-subtitle { margin-top: -1em; margin-bottom: 1.5em; } } .entry-img { max-width: 100%; margin-bottom: 30px; width: 720px; } @media (min-width: 62em) { .entry-img { max-width: 50vw; float: right; } .u-right .entry-img { float: none; } } @media (min-width: 62em) { .entry-img.offset-top { margin-top: -6em; } } .entry-img img { display: block; width: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); } .entry-img img:hover { -webkit-filter: grayscale(100); filter: grayscale(100); } .entry-img.js-reveal { -webkit-transform: translate3d(0, 20%, 0); transform: translate3d(0, 20%, 0); -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; } .entry-img.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-body { font-weight: 500; pointer-events: all; } .entry-body.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .entry-body.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (min-width: 62em) { .entry-body h1 { margin-left: -10%; } } .entry-body h2 { margin-top: 0.7em; margin-bottom: 0.7em; } .entry-body h2 a { text-decoration:none !important; } @media (min-width: 62em) { .entry-body h2 { margin-top: 1.05em; margin-bottom: 1.05em; margin-left: -20%; } .aliasgallery .entry-body h2 { margin-left:30px; } } .entry-body h2 small { display: inline-block; line-height: 1.4em; color: #3c3b3b; } .entry-body h3 { font-size: 1em; } .entry-body strong { font-weight: 700; } .entry-body p, .entry-body ul, .entry-body ol, .entry-body img { /*color: rgba(60, 59, 59, 0.8);*/ margin-bottom: 1.0em; } .entry-body ul { margin-top:20px; } .entry-body img.alignleft { margin-right: 1.95em; } .entry-body img.alignright { margin-left: 1.95em; } .entry-body strong { color: #000; font-weight: 600; } .entry-body big { line-height: 1.5em; font-size: 120%; display: inline-block; margin-bottom: 0.2em; } .entry-body ul, .entry-body ol { list-style: none; padding: 0; width: 95%; margin-right: auto; margin-left: auto; } @media (min-width: 62em) { .entry-body ul, .entry-body ol { width: 85%; } } .entry-body a:not(.link):not(.link-share) { opacity: 1; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; text-decoration:underline; } .entry-body a:not(.link):not(.link-share):hover { opacity: 0.4; } .entry-body ul li { padding-left: 30px; margin-bottom: 0.4em; } .entry-body ul li:before { content: ''; width: 6px; height: 6px; top: 0.7em; position: absolute; left: 15px; margin-left: -3px; border-radius: 50%; background: #000; } .entry-body ol { counter-reset: numbers; } .entry-body ol li { padding-left: 30px; margin-bottom: 0.4em; counter-increment: numbers; } .entry-body ol li:before { content: counter(numbers) "."; top: 00; width: 30px; text-align: center; font-weight: 500; position: absolute; left: 0; color: #000; } .entry-body table { width: 100%; border: 1px solid rgba(0, 0, 0, 0.2); margin: 1.95em 0; } .entry-body table th { font-size: 0.875em; text-transform: uppercase; font-weight: 600; padding: 20px; border-left: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); text-align: left; } .entry-body table th:first-child { border-left: none; } .entry-body table td { padding: 20px; color: rgba(60, 59, 59, 0.8); border-left: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .entry-body table td:first-child { border-left: none; } .entry-body table tr:last-child td { border-bottom: 0; } .entry-meta { margin-top: 2.5em; } @media (min-width: 48em) { .entry-meta { margin-top: 0; } } .entry-meta img { max-width: 100%; margin-top: 2em; } .entry-meta img.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .entry-meta img.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-meta label { font-size: 0.75em; text-transform: uppercase; color: #bcbcbc; display: block; font-weight: 600; margin-bottom: 0.5em; } .entry-meta label.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .entry-meta label.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-meta label strong { font-size: 0.875rem; display: inline-block; margin-left: 10px; font-weight: 600; color: #3c3b3b; } .entry-meta label.inline + label:not(.inline) { margin-top: 2.1em; } .entry-meta p { font-size: 0.875em; font-weight: 600; margin-bottom: 2em; } .entry-meta p.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .entry-meta p.js-reveal.is-visible { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-gallery { width: 96%; margin: 20px auto; z-index: 1; padding: 0 12px; } @media (min-width: 62em) { .entry-gallery { width: 100%; position: absolute; top: 100vh; margin: 0; padding: 0; left: 0; } } @media (min-width: 62em) { .entry-gallery h2 { left: -10%; position: absolute; top: 0; } } @media (min-width: 62em) { .entry-gallery__imgs { width: 45%; margin-left: 55%; } } @media (min-width: 80em) { .entry-gallery__imgs { width: 50%; margin-left: 50%; } } .entry-gallery__img { display: block; width: 100%; margin-bottom: 1.8em; } .entry-gallery__img.js-reveal figure { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); overflow: hidden; -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .entry-gallery__img.js-reveal figure img { -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .entry-gallery__img.js-reveal figure:after { background: #FFF; } .entry-gallery__img.js-reveal figcaption { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .entry-gallery__img.js-reveal.is-visible figure, .entry-gallery__img.js-reveal.is-visible figure img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-gallery__img.js-reveal.is-visible figcaption { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .entry-gallery__img figure { display: block; width: 100%; } .entry-gallery__img figure img { display: block; width: 100%; -webkit-filter: grayscale(0); filter: grayscale(0); } .entry-gallery__img figure img:hover { -webkit-filter: grayscale(100); filter: grayscale(100); } .entry-gallery__img figcaption { color: #bcbcbc; font-size: 0.75em; font-weight: 500; display: block; margin: 0.2em 0; } .content__body-w-meta, .content__slider, .content__baseline, .content__gallery, .content__body { margin: 30px 0; } @media (min-width: 48em) { .content__body-w-meta, .content__slider, .content__baseline, .content__gallery, .content__body { margin: 80px 0; } } .content__gallery { margin-top: 30px; margin-bottom: 60px; } @media (min-width: 62em) { .content__gallery { margin-top: 80px; margin-bottom: 60px; } } @media (min-width: 62em) { .content__gallery .trigger-gallery { margin-top: -8em; } } .content__timeline { margin-top: 0px; margin-bottom: 40px; } @media (min-width: 48em) { .content__timeline { margin-top: 260px; margin-bottom: 220px; } } @media (min-width: 62em) { .content__timeline { margin-top: 230px; margin-bottom: 230px; } } .content__timeline [class*="grid__col-"] { z-index: 11; } @media (min-width: 48em) { .content__timeline .desc { top: 3.4em; } } .content__timeline .client-arrows { position: absolute; left: 0%; top: 50%; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); z-index: 16; white-space: nowrap; display: none; } @media (min-width: 48em) { .content__timeline .client-arrows { display: block; } } .content__timeline .client-arrows a { padding-left: 15px; padding-right: 15px; background: #FFF; } .content__timeline .client-arrows a:first-child { padding-right: 0; } .trigger-gallery { display: block; width: 100%; } .trigger-gallery.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.9s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .trigger-gallery.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .trigger-gallery figure { display: block; width: 100%; } .trigger-gallery figure:after { content: ''; position: absolute; background: #000; opacity: 0.3; top: 0; left: 0; width: 100%; height: 100%; } .trigger-gallery:hover i:before { opacity: 0; -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .trigger-gallery img { display: block; width: 100%; } .trigger-gallery i { width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; background: #1a2189; z-index: 1; border-radius: 50%; pointer-events: none; } .trigger-gallery i:before { content: ''; width: 100%; height: 100%; background: #1a2189; top: 0; left: 0; position: absolute; border-radius: 50%; } .trigger-gallery i span { width: 12px; height: 16px; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -8px; } .trigger-gallery i span:before { content: ''; width: 0; height: 0; border-color: transparent transparent transparent #FFF; border-style: solid; border-width: 8px 0 8px 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .trigger-gallery i span:after { content: ''; width: 0; height: 0; border-color: transparent transparent transparent #000; border-style: solid; border-width: 5.5px 0 5.5px 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .gallery__close { position: absolute; top: 30px; right: 10px; margin-left: 16px; z-index: 11; } @media (min-width: 48em) { .gallery__close { left: 100%; right: auto; } } .gallery__close i { display: block; width: 28px; height: 28px; } .gallery__close i:before, .gallery__close i:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); background: rgba(255, 255, 255, 0.66); width: 35px; height: 1px; -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .gallery__close i:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .gallery__close:hover i:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); } .gallery__close:hover i:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(315deg); transform: translate3d(-50%, -50%, 0) rotate(315deg); } .gallery__popin { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; opacity: 0; visibility: hidden; -webkit-transition: all 0s linear 0.8s; transition: all 0s linear 0.8s; overflow: hidden; } .open-gallery .gallery__popin { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .gallery__popin:before { content: ''; width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: rgba(0, 0, 0, 0.94); -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; opacity: 0; } .open-gallery .gallery__popin:before { opacity: 1; -webkit-transition-delay: 0s; transition-delay: 0s; } .gallery__popin-container { width: 96%; height: calc(100% - 15px); max-width: 1300px; max-height: 1000px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } @media (min-width: 48em) { .gallery__popin-container { width: calc(100% - 110px - 80px); } } .gallery__popin-slider { width: 100%; margin-top: 85px; height: calc(100% - 185px); display: block; } .gallery__popin-slider .slick-list, .gallery__popin-slider .slick-track { height: 100%; } .gallery__popin-slider .slick-arrow { width: 78px; height: 78px; position: absolute; bottom: 0; z-index: 1; overflow: hidden; right: 0; cursor: pointer; display: none !important; border-radius: 0; } @media (min-width: 48em) { .gallery__popin-slider .slick-arrow { display: block !important; } } .gallery__popin-slider .slick-arrow:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #FFF; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .open-gallery .gallery__popin-slider .slick-arrow:before { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .gallery__popin-slider .slick-arrow .icon-arrow-right { display: inline-block; width: 15px; height: 27px; vertical-align: middle; -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.5s ease; transition: transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.5s ease, -webkit-transform 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 0; } .open-gallery .gallery__popin-slider .slick-arrow .icon-arrow-right { opacity: 1; -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } .gallery__popin-slider .slick-arrow .icon-arrow-right:before, .gallery__popin-slider .slick-arrow .icon-arrow-right:after { content: ''; width: 18px; height: 1px; background: #1a2189; position: absolute; top: 50%; left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .gallery__popin-slider .slick-arrow .icon-arrow-right:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .gallery__popin-slider .slick-arrow.slick-next { margin-right: -78px; } .gallery__popin-slider .slick-arrow.slick-next:before { background: #1a2189; } .open-gallery .gallery__popin-slider .slick-arrow.slick-next:before { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .open-gallery .gallery__popin-slider .slick-arrow.slick-next .icon-arrow-right { -webkit-transition-delay: 0.95s; transition-delay: 0.95s; } .gallery__popin-slider .slick-arrow.slick-next .icon-arrow-right:before, .gallery__popin-slider .slick-arrow.slick-next .icon-arrow-right:after { background: #FFF; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .gallery__popin-slider .slick-arrow:hover .icon-arrow-right { -webkit-animation: hoverArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; animation: hoverArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; } .gallery__popin-slider .slick-arrow:hover.slick-next .icon-arrow-right { -webkit-animation: hoverInvArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; animation: hoverInvArrows 0.7s cubic-bezier(1, 0, 0, 1) alternate; } .gallery__popin-slider .slick-arrow:active .icon-arrow-right { -webkit-transform: scale3d(1, 0.7, 1); transform: scale3d(1, 0.7, 1); } @keyframes hoverArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 51% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes hoverInvArrows { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(400%, 0, 0); transform: translate3d(400%, 0, 0); } 51% { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .gallery__popin-slider .nav-slider { padding-top: 0; opacity: 0; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); margin-top: 15px; -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .open-gallery .gallery__popin-slider .nav-slider { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .gallery__popin-slider .nav-slider .counter { color: #FFF; } .gallery__popin-slider .nav-slider .lines { top: 45px; } .gallery__popin-slider .nav-slider .lines .line:before { bottom: auto; top: 100%; background: #FFF; margin-bottom: 0; margin-top: 10px; } .gallery__popin-slider .nav-slider .lines .line:after { -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; background: #FFF; opacity: 0.2; } .gallery__popin-slider .nav-slider .lines .line.current:after { opacity: 1; } .gallery__popin-slide { width: 100%; height: 100%; } .gallery__popin-slide .slide-content { height: 100%; width: 100%; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); overflow: hidden; -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .open-gallery .gallery__popin-slide .slide-content.img-is-loaded { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .gallery__popin-slide .inner { height: 100%; width: 100%; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .open-gallery .gallery__popin-slide .inner.img-is-loaded { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .gallery__popin-slide .video__player { height: 100%; } .gallery__popin-slide video { width: 100%; height: 100%; } .gallery__popin-slide img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); max-width: 100%; max-height: 100%; opacity: 0; -webkit-transition: opacity 0.15s ease; transition: opacity 0.15s ease; } .gallery__popin-slide img.is-loaded { opacity: 1; } .gallery__popin-legends { position: absolute; left: 3%; bottom: 50px; color: #FFF; -webkit-transform: translate3d(0, -60px, 0); transform: translate3d(0, -60px, 0); opacity: 0; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media (min-width: 48em) { .gallery__popin-legends { right: 100%; bottom: 120px; left: auto; } } .open-gallery .gallery__popin-legends { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.4s; transition-delay: 0.4s; opacity: 1; } .gallery__popin-legends figcaption { font-size: 0.875em; font-weight: 600; line-height: 1.15em; position: absolute; -webkit-transform-origin: bottom left; -ms-transform-origin: bottom left; transform-origin: bottom left; bottom: 0; white-space: nowrap; opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); -webkit-transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-transform 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media (min-width: 48em) { .gallery__popin-legends figcaption { margin-left: -20px; -webkit-transform: translate3d(0, -200%, 0) rotate(-90deg); transform: translate3d(0, -200%, 0) rotate(-90deg); } } .gallery__popin-legends figcaption span { display: block; font-size: 0.75rem; opacity: 0.5; margin-top: 0.5em; } .gallery__popin-legends figcaption.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.3s, 0.3s; transition-delay: 0.3s, 0.3s; -webkit-transition-duration: 0s, 0.6s; transition-duration: 0s, 0.6s; } @media (min-width: 48em) { .gallery__popin-legends figcaption.active { -webkit-transform: translate3d(0, 0, 0) rotate(-90deg); transform: translate3d(0, 0, 0) rotate(-90deg); } } .gallery__tabs { margin: 0; padding-left: 0; list-style: none; position: absolute; bottom: 100%; width: 100%; text-align: center; font-weight: 500; text-transform: uppercase; color: #FFF; margin-bottom: -75px; display:none; } .gallery__tabs li { display: inline-block; margin: 16px 7px; -webkit-transform: translate3d(0, -40px, 0); transform: translate3d(0, -40px, 0); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86); } @media (min-width: 48em) { .gallery__tabs li { margin: 16px 25px; } } .open-gallery .gallery__tabs li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .open-gallery .gallery__tabs li:nth-child(1) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .open-gallery .gallery__tabs li:nth-child(2) { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; } .open-gallery .gallery__tabs li:nth-child(3) { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .open-gallery .gallery__tabs li:nth-child(4) { -webkit-transition-delay: 0.55s; transition-delay: 0.55s; } .open-gallery .gallery__tabs li:nth-child(5) { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .open-gallery .gallery__tabs li:nth-child(6) { -webkit-transition-delay: 0.75s; transition-delay: 0.75s; } .open-gallery .gallery__tabs li:nth-child(7) { -webkit-transition-delay: 0.85s; transition-delay: 0.85s; } .gallery__tabs li a { display: block; padding: 0 10px; font-size: 0.75em; line-height: 2.2em; opacity: 0.65; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; border-radius: 2px; border: 1px solid transparent; } .gallery__tabs li a:hover { opacity: 1; } .gallery__tabs li.active a { opacity: 1; border: 1px solid #FFF; } .tab { margin: 20px 0; } @media (min-width: 48em) { .tab { margin: 40px 0; } } .tab.js-reveal .tabs li { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .tab.js-reveal.is-visible li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tab.js-reveal.is-visible li:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .tab.js-reveal.is-visible li:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .tab.js-reveal.is-visible li:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .tab.js-reveal.is-visible li:nth-child(4) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .tab.js-reveal.is-visible li:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .tab.js-reveal.is-visible li:nth-child(6) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .tab.js-reveal.is-visible li:nth-child(7) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .tab.js-reveal.is-visible li:nth-child(8) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .tab.js-reveal.is-visible li:nth-child(9) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .tab.js-reveal.is-visible li:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .tab.js-reveal.is-visible li:nth-child(11) { -webkit-transition-delay: 1s; transition-delay: 1s; } .tab .tabs { margin: 0; padding-left: 0; list-style: none; text-transform: uppercase; font-size: 0.875em; font-weight: 700; color: #c2c2c2; margin-bottom: 35px; } @media (min-width: 48em) { .tab .tabs { margin-bottom: 0; } } .tab .tabs li { display: block; margin-bottom: 0.4em; } .tab .tabs li a { display: block; padding-left: 45px; line-height: 1.4em; } .tab .tabs li a:before { content: ''; position: absolute; top: 0.6em; margin-top: -1px; left: 0; width: 12px; height: 2px; background: #c2c2c2; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .tab .tabs li a:after { content: ''; position: absolute; top: 0.6em; width: 5px; height: 5px; right: 100%; background: #000; margin-top: -2px; border-radius: 50%; margin-right: 8px; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .tab .tabs li a:hover:before { background: #000; } .tab .tabs li.current a { color: #3c3b3b; } .tab .tabs li.current a:before { -webkit-transform: scale3d(2.6, 1, 1); transform: scale3d(2.6, 1, 1); background: #000; } .tab .tabs li.current a:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tab .tab-content { margin-top: -15px; } .tab .tab-item { overflow: hidden; height: 0; } .search__item { border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-weight: 500; margin-bottom: 15px; } @media (min-width: 62em) { .search__item { margin-bottom: 0; } } .js-reveal .search__item { overflow: hidden; } .js-reveal .search__item > a:not(.link), .js-reveal .search__item .content { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 0.5s cubic-bezier(0.445, 0.05, 0.55, 0.95); } .is-visible .search__item > a:not(.link), .is-visible .search__item .content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .is-visible .search__item:nth-child(1) > a:not(.link), .is-visible .search__item:nth-child(1) .content { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .is-visible .search__item:nth-child(2) > a:not(.link), .is-visible .search__item:nth-child(2) .content { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; } .is-visible .search__item:nth-child(3) > a:not(.link), .is-visible .search__item:nth-child(3) .content { -webkit-transition-delay: 0.42s; transition-delay: 0.42s; } .is-visible .search__item:nth-child(4) > a:not(.link), .is-visible .search__item:nth-child(4) .content { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .is-visible .search__item:nth-child(5) > a:not(.link), .is-visible .search__item:nth-child(5) .content { -webkit-transition-delay: 0.54s; transition-delay: 0.54s; } .is-visible .search__item:nth-child(6) > a:not(.link), .is-visible .search__item:nth-child(6) .content { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .is-visible .search__item:nth-child(7) > a:not(.link), .is-visible .search__item:nth-child(7) .content { -webkit-transition-delay: 0.66s; transition-delay: 0.66s; } .is-visible .search__item:nth-child(8) > a:not(.link), .is-visible .search__item:nth-child(8) .content { -webkit-transition-delay: 0.72s; transition-delay: 0.72s; } .is-visible .search__item:nth-child(9) > a:not(.link), .is-visible .search__item:nth-child(9) .content { -webkit-transition-delay: 0.78s; transition-delay: 0.78s; } .is-visible .search__item:nth-child(10) > a:not(.link), .is-visible .search__item:nth-child(10) .content { -webkit-transition-delay: 0.84s; transition-delay: 0.84s; } .is-visible .search__item:nth-child(11) > a:not(.link), .is-visible .search__item:nth-child(11) .content { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .is-visible .search__item:nth-child(12) > a:not(.link), .is-visible .search__item:nth-child(12) .content { -webkit-transition-delay: 0.96s; transition-delay: 0.96s; } .is-visible .search__item:nth-child(13) > a:not(.link), .is-visible .search__item:nth-child(13) .content { -webkit-transition-delay: 1.02s; transition-delay: 1.02s; } .is-visible .search__item:nth-child(14) > a:not(.link), .is-visible .search__item:nth-child(14) .content { -webkit-transition-delay: 1.08s; transition-delay: 1.08s; } .is-visible .search__item:nth-child(15) > a:not(.link), .is-visible .search__item:nth-child(15) .content { -webkit-transition-delay: 1.14s; transition-delay: 1.14s; } .is-visible .search__item:nth-child(16) > a:not(.link), .is-visible .search__item:nth-child(16) .content { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .is-visible .search__item:nth-child(17) > a:not(.link), .is-visible .search__item:nth-child(17) .content { -webkit-transition-delay: 1.26s; transition-delay: 1.26s; } .is-visible .search__item:nth-child(18) > a:not(.link), .is-visible .search__item:nth-child(18) .content { -webkit-transition-delay: 1.32s; transition-delay: 1.32s; } .is-visible .search__item:nth-child(19) > a:not(.link), .is-visible .search__item:nth-child(19) .content { -webkit-transition-delay: 1.38s; transition-delay: 1.38s; } .is-visible .search__item:nth-child(20) > a:not(.link), .is-visible .search__item:nth-child(20) .content { -webkit-transition-delay: 1.44s; transition-delay: 1.44s; } .is-visible .search__item:nth-child(21) > a:not(.link), .is-visible .search__item:nth-child(21) .content { -webkit-transition-delay: 1.5s; transition-delay: 1.5s; } .is-visible .search__item:nth-child(22) > a:not(.link), .is-visible .search__item:nth-child(22) .content { -webkit-transition-delay: 1.56s; transition-delay: 1.56s; } .is-visible .search__item:nth-child(23) > a:not(.link), .is-visible .search__item:nth-child(23) .content { -webkit-transition-delay: 1.62s; transition-delay: 1.62s; } .is-visible .search__item:nth-child(24) > a:not(.link), .is-visible .search__item:nth-child(24) .content { -webkit-transition-delay: 1.68s; transition-delay: 1.68s; } .is-visible .search__item:nth-child(25) > a:not(.link), .is-visible .search__item:nth-child(25) .content { -webkit-transition-delay: 1.74s; transition-delay: 1.74s; } .is-visible .search__item:nth-child(26) > a:not(.link), .is-visible .search__item:nth-child(26) .content { -webkit-transition-delay: 1.8s; transition-delay: 1.8s; } .is-visible .search__item:nth-child(27) > a:not(.link), .is-visible .search__item:nth-child(27) .content { -webkit-transition-delay: 1.86s; transition-delay: 1.86s; } .is-visible .search__item:nth-child(28) > a:not(.link), .is-visible .search__item:nth-child(28) .content { -webkit-transition-delay: 1.92s; transition-delay: 1.92s; } .is-visible .search__item:nth-child(29) > a:not(.link), .is-visible .search__item:nth-child(29) .content { -webkit-transition-delay: 1.98s; transition-delay: 1.98s; } .is-visible .search__item:nth-child(30) > a:not(.link), .is-visible .search__item:nth-child(30) .content { -webkit-transition-delay: 2.04s; transition-delay: 2.04s; } .is-visible .search__item:nth-child(31) > a:not(.link), .is-visible .search__item:nth-child(31) .content { -webkit-transition-delay: 2.1s; transition-delay: 2.1s; } .is-visible .search__item:nth-child(32) > a:not(.link), .is-visible .search__item:nth-child(32) .content { -webkit-transition-delay: 2.16s; transition-delay: 2.16s; } .is-visible .search__item:nth-child(33) > a:not(.link), .is-visible .search__item:nth-child(33) .content { -webkit-transition-delay: 2.22s; transition-delay: 2.22s; } .is-visible .search__item:nth-child(34) > a:not(.link), .is-visible .search__item:nth-child(34) .content { -webkit-transition-delay: 2.28s; transition-delay: 2.28s; } .is-visible .search__item:nth-child(35) > a:not(.link), .is-visible .search__item:nth-child(35) .content { -webkit-transition-delay: 2.34s; transition-delay: 2.34s; } .is-visible .search__item:nth-child(36) > a:not(.link), .is-visible .search__item:nth-child(36) .content { -webkit-transition-delay: 2.4s; transition-delay: 2.4s; } .is-visible .search__item:nth-child(37) > a:not(.link), .is-visible .search__item:nth-child(37) .content { -webkit-transition-delay: 2.46s; transition-delay: 2.46s; } .is-visible .search__item:nth-child(38) > a:not(.link), .is-visible .search__item:nth-child(38) .content { -webkit-transition-delay: 2.52s; transition-delay: 2.52s; } .is-visible .search__item:nth-child(39) > a:not(.link), .is-visible .search__item:nth-child(39) .content { -webkit-transition-delay: 2.58s; transition-delay: 2.58s; } .is-visible .search__item:nth-child(40) > a:not(.link), .is-visible .search__item:nth-child(40) .content { -webkit-transition-delay: 2.64s; transition-delay: 2.64s; } .is-visible .search__item:nth-child(41) > a:not(.link), .is-visible .search__item:nth-child(41) .content { -webkit-transition-delay: 2.7s; transition-delay: 2.7s; } .search__item .link { margin-top: 10px; margin-bottom: 5px; margin-right: 20px; } @media (min-width: 62em) { .search__item .link { margin-top: 15px; margin-bottom: 15px; } } .search__item .link-icon { position: absolute; top: 1.5em; right: 15px; } .search__item .link-icon .icon { position: relative; top: auto; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform-origin: bottom center; -ms-transform-origin: bottom center; transform-origin: bottom center; } .search__item .link-icon:hover .icon { -webkit-transform: scale3d(1, 0.8, 1); transform: scale3d(1, 0.8, 1); opacity: 0.5; } .search__item > a:not(.link), .search__item .content { display: block; width: 100%; padding-top: 20px; padding-bottom: 20px; padding-right: 15%; } .search__item > a:not(.link):before, .search__item .content:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 50px; background: rgba(0, 0, 0, 0.1); -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .search__item > a:not(.link):hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .search__item-title { font-size: 1.4375em; font-weight: 600; text-transform: uppercase; margin-bottom: 0.35em; margin-top: 0; } .search__item-desc { color: rgba(115, 114, 114, 0.9); display: block; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; height: 4.875em; overflow: hidden; } @media (min-width: 48em) { .search__item-desc { overflow: auto; height: auto; } } .search__item-desc strong { font-weight: 400; color: #000; } .search__item .icon { position: absolute; right: 15px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .search__result { text-transform: uppercase; font-size: 1.4375em; font-weight: 600; color: rgba(0, 0, 0, 0.5); margin-bottom: 0.2em; } .search__number { text-transform: uppercase; font-weight: 600; font-size: 0.75em; margin-top: 15px; margin-bottom: 20px; } @media (min-width: 62em) { .search__number { margin-bottom: 0; } } .js-reveal .search__number { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .is-visible .search__number { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .video__player { display: block; width: 100%; } .video__player video { display: block; width: 100%; } .video__player-progressbar { position: absolute; height: 2px; left: 38px; right: 38px; bottom: 34px; z-index: 1; background: rgba(0, 0, 0, 0.2); } .video__player-progressbar .bar { height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.66); } .video__player-btn { position: absolute; top: 50%; left: 50%; margin-top: -35px; margin-left: -35px; z-index: 1; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; width: 70px; height: 70px; display: block; background: #1a2189; border-radius: 50%; } .video__player-btn:before { content: ''; width: 100%; height: 100%; background: #1a2189; top: 0; left: 0; position: absolute; border-radius: 50%; } .playing .video__player-btn { opacity: 0; } .playing:hover .video__player-btn { opacity: 1; } .video__player-btn:hover:before { opacity: 0; -webkit-transform: scale3d(1.3, 1.3, 1); transform: scale3d(1.3, 1.3, 1); -webkit-transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .video__player-btn i { display: block; width: 100%; height: 100%; } .video__player-btn i:before, .video__player-btn i:after { content: ''; width: 4px; border: 1px solid #FFF; height: 16px; position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -5px; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .playing .video__player-btn i:before, .playing .video__player-btn i:after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .video__player-btn i:after { margin-left: 5px; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .playing .video__player-btn i:after { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .video__player-btn i span { width: 12px; height: 16px; position: absolute; top: 50%; left: 50%; margin-left: -2px; margin-top: -8px; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s; } .playing .video__player-btn i span { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); opacity: 0; } .video__player-btn i span:before { content: ''; width: 0; height: 0; border-color: transparent transparent transparent #FFF; border-style: solid; border-width: 8px 0 8px 12px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .video__player-btn i span:after { content: ''; width: 0; height: 0; border-color: transparent transparent transparent #000; border-style: solid; border-width: 5.5px 0 5.5px 10px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); } .aliashome .vidbg .video__player-btn { display:none; } .aliashome .vidbg img { width:100%; } .simplebar-track { right: 6px; width: 4px; border-radius: 2px; } .simplebar-track.vertical { background: rgba(188, 188, 188, 0.3); } .simplebar-track.horizontal { display: none; } .simplebar-track .simplebar-scrollbar { right: 0; width: 100%; border-radius: 2px; background: #bcbcbc; opacity: 1; } .loader { -webkit-transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .page-is-loaded .loader { opacity: 0; visibility: hidden; } ::-moz-selection { text-shadow: none; color: #fff; background: #1a2189; } ::selection { text-shadow: none; color: #fff; background: #1a2189; } *, *:after, *:before { position: relative; outline: none; } html { font-size: 16px; } html.open-menu, html.open-gallery { overflow-y: hidden; } .is-mac, .is-mac input, .is-mac button, .is-mac textarea { -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: antialiased; } .c-grey-light { color: #3c3b3b;; } .c-grey { color: rgba(60, 59, 59, 0.5) !important; } body { font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; font-size: 1em; line-height: 1.625; color: #3c3b3b; overflow: hidden; } p, ul, ol, blockquote { margin-bottom: 1.625em; } h1, h2, h3, h4 { margin: 1.414em 0 0.8em; font-family: "Poppins", "Helvetica Neue", Arial, sans-serif; line-height: 1; color: #000; z-index: 1; font-weight: 600; } h1 { margin-top: 0.25em; font-size: 2em; color:#1a2189; } @media (min-width: 48em) { h1 { font-size: 3.4em; } } @media (min-width: 80em) { h1 { font-size: 3.5em; } } h2 { font-size: 1.75em; text-transform: uppercase; color:#1a2189; } @media (min-width: 48em) { h2 { font-size: 2.125em; } } h2 small { display: block; font-size: 0.875rem; color:#999; } h3 { font-size: 1.777em; color:#1a2189; } h4 { font-size: 0.875em; text-transform: uppercase; } small { font-size: 0.75em; } sup { vertical-align: super; font-size: 0.75em; } a { text-decoration: none; color: #1a2189; } .grid { margin-right: auto; margin-left: auto; width: 96%; max-width: 1260px; } .grid__row:after { content: ""; clear: both; display: block; } @media (min-width: 0em) { .grid__row { margin-right: -12px; margin-left: -12px; } } @media (min-width: 30em) { .grid__row { margin-right: -12px; margin-left: -12px; } } @media (min-width: 48em) { .grid__row { margin-right: -0.625rem; margin-left: -0.625rem; } } @media (min-width: 62em) { .grid__row { margin-right: -0.625rem; margin-left: -0.625rem; } } @media (min-width: 80em) { .grid__row { margin-right: -17.5px; margin-left: -17.5px; } } @media (min-width: 90em) { .grid__row { margin-right: -17.5px; margin-left: -17.5px; } } @media (min-width: 120em) { .grid__row { margin-right: -17.5px; margin-left: -17.5px; } } .grid, [class*="grid__col-"] { min-height: 1px; } @media (min-width: 0em) { .grid, [class*="grid__col-"] { padding-right: 12px; padding-left: 12px; } } @media (min-width: 30em) { .grid, [class*="grid__col-"] { padding-right: 12px; padding-left: 12px; } } @media (min-width: 48em) { .grid, [class*="grid__col-"] { padding-right: 0.625rem; padding-left: 0.625rem; } } @media (min-width: 62em) { .grid, [class*="grid__col-"] { padding-right: 0.625rem; padding-left: 0.625rem; } } @media (min-width: 80em) { .grid, [class*="grid__col-"] { padding-right: 17.5px; padding-left: 17.5px; } } @media (min-width: 90em) { .grid, [class*="grid__col-"] { padding-right: 17.5px; padding-left: 17.5px; } } @media (min-width: 120em) { .grid, [class*="grid__col-"] { padding-right: 17.5px; padding-left: 17.5px; } } [class*="grid__col-"] { float: left; } @media (min-width: 0em) { [class*="grid__col-xxs--"] { display: block; } .grid__col-xxs--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-xxs--gutter { padding-right: 12px; padding-left: 12px; } .grid__col-xxs--left { float: left; } .grid__col-xxs--right { float: right; } .grid__col-xxs--0 { display: none; } .grid__col-xxs--1 { width: 8.33333%; } .grid__col-xxs--2 { width: 16.66667%; } .grid__col-xxs--3 { width: 25%; } .grid__col-xxs--4 { width: 33.33333%; } .grid__col-xxs--5 { width: 41.66667%; } .grid__col-xxs--6 { width: 50%; } .grid__col-xxs--7 { width: 58.33333%; } .grid__col-xxs--8 { width: 66.66667%; } .grid__col-xxs--9 { width: 75%; } .grid__col-xxs--10 { width: 83.33333%; } .grid__col-xxs--11 { width: 91.66667%; } .grid__col-xxs--12 { width: 100%; } } @media (min-width: 30em) { [class*="grid__col-xs--"] { display: block; } .grid__col-xs--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-xs--gutter { padding-right: 12px; padding-left: 12px; } .grid__col-xs--left { float: left; } .grid__col-xs--right { float: right; } .grid__col-xs--0 { display: none; } .grid__col-xs--1 { width: 8.33333%; } .grid__col-xs--2 { width: 16.66667%; } .grid__col-xs--3 { width: 25%; } .grid__col-xs--4 { width: 33.33333%; } .grid__col-xs--5 { width: 41.66667%; } .grid__col-xs--6 { width: 50%; } .grid__col-xs--7 { width: 58.33333%; } .grid__col-xs--8 { width: 66.66667%; } .grid__col-xs--9 { width: 75%; } .grid__col-xs--10 { width: 83.33333%; } .grid__col-xs--11 { width: 91.66667%; } .grid__col-xs--12 { width: 100%; } } @media (min-width: 48em) { [class*="grid__col-s--"] { display: block; } .grid__col-s--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-s--gutter { padding-right: 0.625rem; padding-left: 0.625rem; } .grid__col-s--left { float: left; } .grid__col-s--right { float: right; } .grid__col-s--0 { display: none; } .grid__col-s--1 { width: 8.33333%; } .grid__col-s--2 { width: 16.66667%; } .grid__col-s--3 { width: 25%; } .grid__col-s--4 { width: 33.33333%; } .grid__col-s--5 { width: 41.66667%; } .grid__col-s--6 { width: 50%; } .grid__col-s--7 { width: 58.33333%; } .grid__col-s--8 { width: 66.66667%; } .grid__col-s--9 { width: 75%; } .grid__col-s--10 { width: 83.33333%; } .grid__col-s--11 { width: 91.66667%; } .grid__col-s--12 { width: 100%; } } @media (min-width: 62em) { [class*="grid__col-m--"] { display: block; } .grid__col-m--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-m--gutter { padding-right: 0.625rem; padding-left: 0.625rem; } .grid__col-m--left { float: left; } .grid__col-m--right { float: right; } .grid__col-m--0 { display: none; } .grid__col-m--1 { width: 8.33333%; } .grid__col-m--2 { width: 16.66667%; } .grid__col-m--3 { width: 25%; } .grid__col-m--4 { width: 33.33333%; } .grid__col-m--5 { width: 41.66667%; } .grid__col-m--6 { width: 50%; } .grid__col-m--7 { width: 58.33333%; } .grid__col-m--8 { width: 66.66667%; } .grid__col-m--9 { width: 75%; } .grid__col-m--10 { width: 83.33333%; } .grid__col-m--11 { width: 91.66667%; } .grid__col-m--12 { width: 100%; } } @media (min-width: 80em) { [class*="grid__col-l--"] { display: block; } .grid__col-l--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-l--gutter { padding-right: 17.5px; padding-left: 17.5px; } .grid__col-l--left { float: left; } .grid__col-l--right { float: right; } .grid__col-l--0 { display: none; } .grid__col-l--1 { width: 8.33333%; } .grid__col-l--2 { width: 16.66667%; } .grid__col-l--3 { width: 25%; } .grid__col-l--4 { width: 33.33333%; } .grid__col-l--5 { width: 41.66667%; } .grid__col-l--6 { width: 50%; } .grid__col-l--7 { width: 58.33333%; } .grid__col-l--8 { width: 66.66667%; } .grid__col-l--9 { width: 75%; } .grid__col-l--10 { width: 83.33333%; } .grid__col-l--11 { width: 91.66667%; } .grid__col-l--12 { width: 100%; } } @media (min-width: 90em) { [class*="grid__col-xl--"] { display: block; } .grid__col-xl--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-xl--gutter { padding-right: 17.5px; padding-left: 17.5px; } .grid__col-xl--left { float: left; } .grid__col-xl--right { float: right; } .grid__col-xl--0 { display: none; } .grid__col-xl--1 { width: 8.33333%; } .grid__col-xl--2 { width: 16.66667%; } .grid__col-xl--3 { width: 25%; } .grid__col-xl--4 { width: 33.33333%; } .grid__col-xl--5 { width: 41.66667%; } .grid__col-xl--6 { width: 50%; } .grid__col-xl--7 { width: 58.33333%; } .grid__col-xl--8 { width: 66.66667%; } .grid__col-xl--9 { width: 75%; } .grid__col-xl--10 { width: 83.33333%; } .grid__col-xl--11 { width: 91.66667%; } .grid__col-xl--12 { width: 100%; } } @media (min-width: 120em) { [class*="grid__col-xxl--"] { display: block; } .grid__col-xxl--no-gutter { padding-right: 0; padding-left: 0; } .grid__col-xxl--gutter { padding-right: 17.5px; padding-left: 17.5px; } .grid__col-xxl--left { float: left; } .grid__col-xxl--right { float: right; } .grid__col-xxl--0 { display: none; } .grid__col-xxl--1 { width: 8.33333%; } .grid__col-xxl--2 { width: 16.66667%; } .grid__col-xxl--3 { width: 25%; } .grid__col-xxl--4 { width: 33.33333%; } .grid__col-xxl--5 { width: 41.66667%; } .grid__col-xxl--6 { width: 50%; } .grid__col-xxl--7 { width: 58.33333%; } .grid__col-xxl--8 { width: 66.66667%; } .grid__col-xxl--9 { width: 75%; } .grid__col-xxl--10 { width: 83.33333%; } .grid__col-xxl--11 { width: 91.66667%; } .grid__col-xxl--12 { width: 100%; } } .main { width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; padding-top:165px; } .aliashome .main { padding-top:0; } .main .socials { float:right; } .main .socials a { margin: 0 0 0 15px; } .main .socials a .icon svg * { fill: #1a2189; } .center { max-width: 1440px; width: 100%; margin-right: auto; margin-left: auto; } .section { margin-top: 30px; margin-bottom: 30px; } @media (min-width: 62em) { .section { margin-top: 50px; margin-bottom: 80px; } } .page-header { width: 100%; background: #FFF; padding-top: 20px; pointer-events: auto; } .subtitle { font-size: 0.875em; font-weight: 600; text-transform: uppercase; margin-bottom: 0; opacity: 0.5; } .subtitle.js-reveal { -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); opacity: 0; -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .subtitle.js-reveal.is-visible { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0.5; } .section .word-breaker.js-reveal span { display: inline-block; overflow: hidden; vertical-align: middle; } .section .word-breaker.js-reveal span span { display: inline-block; -webkit-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .section .word-breaker.js-reveal span:nth-child(1) span { -webkit-transition-delay: 0s; transition-delay: 0s; } .section .word-breaker.js-reveal span:nth-child(2) span { -webkit-transition-delay: 0.04s; transition-delay: 0.04s; } .section .word-breaker.js-reveal span:nth-child(3) span { -webkit-transition-delay: 0.08s; transition-delay: 0.08s; } .section .word-breaker.js-reveal span:nth-child(4) span { -webkit-transition-delay: 0.12s; transition-delay: 0.12s; } .section .word-breaker.js-reveal span:nth-child(5) span { -webkit-transition-delay: 0.16s; transition-delay: 0.16s; } .section .word-breaker.js-reveal span:nth-child(6) span { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .section .word-breaker.js-reveal span:nth-child(7) span { -webkit-transition-delay: 0.24s; transition-delay: 0.24s; } .section .word-breaker.js-reveal span:nth-child(8) span { -webkit-transition-delay: 0.28s; transition-delay: 0.28s; } .section .word-breaker.js-reveal span:nth-child(9) span { -webkit-transition-delay: 0.32s; transition-delay: 0.32s; } .section .word-breaker.js-reveal span:nth-child(10) span { -webkit-transition-delay: 0.36s; transition-delay: 0.36s; } .section .word-breaker.js-reveal span:nth-child(11) span { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .section .word-breaker.js-reveal span:nth-child(12) span { -webkit-transition-delay: 0.44s; transition-delay: 0.44s; } .section .word-breaker.js-reveal span:nth-child(13) span { -webkit-transition-delay: 0.48s; transition-delay: 0.48s; } .section .word-breaker.js-reveal span:nth-child(14) span { -webkit-transition-delay: 0.52s; transition-delay: 0.52s; } .section .word-breaker.js-reveal span:nth-child(15) span { -webkit-transition-delay: 0.56s; transition-delay: 0.56s; } .section .word-breaker.js-reveal span:nth-child(16) span { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .section .word-breaker.js-reveal span:nth-child(17) span { -webkit-transition-delay: 0.64s; transition-delay: 0.64s; } .section .word-breaker.js-reveal span:nth-child(18) span { -webkit-transition-delay: 0.68s; transition-delay: 0.68s; } .section .word-breaker.js-reveal span:nth-child(19) span { -webkit-transition-delay: 0.72s; transition-delay: 0.72s; } .section .word-breaker.js-reveal span:nth-child(20) span { -webkit-transition-delay: 0.76s; transition-delay: 0.76s; } .section .word-breaker.js-reveal span:nth-child(21) span { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .section .word-breaker.js-reveal span:nth-child(22) span { -webkit-transition-delay: 0.84s; transition-delay: 0.84s; } .section .word-breaker.js-reveal span:nth-child(23) span { -webkit-transition-delay: 0.88s; transition-delay: 0.88s; } .section .word-breaker.js-reveal span:nth-child(24) span { -webkit-transition-delay: 0.92s; transition-delay: 0.92s; } .section .word-breaker.js-reveal span:nth-child(25) span { -webkit-transition-delay: 0.96s; transition-delay: 0.96s; } .section .word-breaker.js-reveal span:nth-child(26) span { -webkit-transition-delay: 1s; transition-delay: 1s; } .section .word-breaker.js-reveal span:nth-child(27) span { -webkit-transition-delay: 1.04s; transition-delay: 1.04s; } .section .word-breaker.js-reveal span:nth-child(28) span { -webkit-transition-delay: 1.08s; transition-delay: 1.08s; } .section .word-breaker.js-reveal span:nth-child(29) span { -webkit-transition-delay: 1.12s; transition-delay: 1.12s; } .section .word-breaker.js-reveal span:nth-child(30) span { -webkit-transition-delay: 1.16s; transition-delay: 1.16s; } .section .word-breaker.js-reveal span:nth-child(31) span { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .section .word-breaker.js-reveal span:nth-child(32) span { -webkit-transition-delay: 1.24s; transition-delay: 1.24s; } .section .word-breaker.js-reveal span:nth-child(33) span { -webkit-transition-delay: 1.28s; transition-delay: 1.28s; } .section .word-breaker.js-reveal span:nth-child(34) span { -webkit-transition-delay: 1.32s; transition-delay: 1.32s; } .section .word-breaker.js-reveal span:nth-child(35) span { -webkit-transition-delay: 1.36s; transition-delay: 1.36s; } .section .word-breaker.js-reveal span:nth-child(36) span { -webkit-transition-delay: 1.4s; transition-delay: 1.4s; } .section .word-breaker.js-reveal span:nth-child(37) span { -webkit-transition-delay: 1.44s; transition-delay: 1.44s; } .section .word-breaker.js-reveal span:nth-child(38) span { -webkit-transition-delay: 1.48s; transition-delay: 1.48s; } .section .word-breaker.js-reveal span:nth-child(39) span { -webkit-transition-delay: 1.52s; transition-delay: 1.52s; } .section .word-breaker.js-reveal span:nth-child(40) span { -webkit-transition-delay: 1.56s; transition-delay: 1.56s; } .section .word-breaker.js-reveal span:nth-child(41) span { -webkit-transition-delay: 1.6s; transition-delay: 1.6s; } .section .word-breaker.js-reveal.is-visible span span { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .desc.js-reveal { opacity: 0; -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .desc.js-reveal.is-visible { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .load-more { margin-bottom: 50px; } .main-header { padding: 18px 0; line-height: 2.975em; font-weight: 600; font-size:1.1em; position: fixed; margin: 0 auto; width: 100%; z-index: 999; } @media (min-width: 62em) { .main-header { padding: 40px 0; line-height: 3.875em; } } .main-header .grid:before { content: ''; width: 100vw; height: 170%; margin-top:-30px; background-color: #1a2189; position: absolute; top: 0; left: 2%; } @media (min-width: 62em) { .main-header .grid:before { left: 0; } } .main-header .menu { float: right; text-transform: uppercase; margin: 0; padding-left: 0; list-style: none; margin: 20px 25px 0 25px; display: none; } @media (min-width: 60em) { .main-header .menu { display: block; } } .main-header .menu li { display: inline-block; vertical-align: middle; } .main-header .menu li a { display: block; padding: 0 16px; } @media (min-width: 62em) { .main-header .menu li a { padding: 0 30px; color:#fff; } } @media (min-width: 80em) { .main-header .menu li a { padding: 0 30px; } } .main-header .menu li a span { display: inline-block; line-height: 2.6em; vertical-align: middle; } .main-header .menu li a span:after { content: ''; width: 100%; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .main-header .menu li a:hover span:after, .main-header .menu li a.active span:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .main-header .menu li a.active { color:#fff; } .main-logo { display: inline-block; vertical-align: middle; z-index: 120; } .main-logo span { display: block; background-size: cover; background-repeat: no-repeat; background-position: left top; width: 224px; height: 77px; overflow: hidden; text-indent: -9999px; background-image: url(/img/logo4.png); } @media (min-width: 62em) { .main-logo span { width: 247px; height: 85px; background-size: contain; } } .main-logo:before { content: ''; position: absolute; top: -18px; bottom: -18px; left: 50%; width: 130vh; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); opacity: 0; visibility: hidden; -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; } .open-menu .main-logo:before { opacity: 1; visibility: visible; -webkit-transition-delay: 0; transition-delay: 0; } @media (min-width: 60em) { .main-logo:before { display: none; } } .toggle-menu { display: block; float: right; width: 30px; height: 100%; margin-top:35px; margin-left: 10px; z-index: 120; } @media (min-width: 60em) { .toggle-menu { display:none; } } .toggle-menu span { display: inline-block; vertical-align: middle; height: 2px; width: 30px; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; background: #fff; -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .toggle-menu span:before { height: 2px; content: ''; width: 30px; position: absolute; top: -8px; left: 0; background: #fff; -webkit-transform: scale3d(0.8, 1, 1); transform: scale3d(0.8, 1, 1); -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .toggle-menu span:after { height: 2px; content: ''; width: 30px; position: absolute; bottom: -8px; left: 0; background: #fff; -webkit-transform: scale3d(0.65, 1, 1); transform: scale3d(0.65, 1, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 0.8s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .open-menu .toggle-menu span { -webkit-transform: rotate(45deg) scale3d(1, 1, 1) translate3d(4px, 12px, 0) !important; transform: rotate(45deg) scale3d(1, 1, 1) translate3d(4px, 12px, 0) !important; } .open-menu .toggle-menu span:before { -webkit-transform: rotate(90deg) scale3d(0.8, 1, 1) translate3d(-9px, -15px, 0) !important; transform: rotate(90deg) scale3d(0.8, 1, 1) translate3d(-9px, -15px, 0) !important; } .open-menu .toggle-menu span:after { -webkit-transform: scale3d(1, 1, 1) rotate(90deg) translate3d(8px, 15px, 0) !important; transform: scale3d(1, 1, 1) rotate(90deg) translate3d(8px, 15px, 0) !important; } .toggle-menu:hover span { -webkit-transform: scale3d(0.7, 1, 1); transform: scale3d(0.7, 1, 1); } .toggle-menu:hover span:before { -webkit-transform: scale3d(1, 1, 1) translate3d(-10px, 0, 0); transform: scale3d(1, 1, 1) translate3d(-10px, 0, 0); } .toggle-menu:hover span:after { -webkit-transform: scale3d(1.2, 1, 1) translate3d(-5px, 0, 0); transform: scale3d(1.2, 1, 1) translate3d(-5px, 0, 0); } .main-nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.2s; z-index: 110; overflow-y: scroll; -webkit-overflow-scrolling: touch; background: #FFF; } @media (min-width: 48em) { .main-nav { background-color: transparent; overflow: hidden; } } .open-menu .main-nav { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; transition-delay: 0s; } .main-nav:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1a2189; } .main-nav:after { content: ''; width: 360px; height: 310px; position: absolute; bottom: -10%; left: 50%; margin-left: -130px; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.2' baseProfile='tiny' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:a='http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/' x='0px' y='0px' width='361px' height='307px' viewBox='0 0 361 307' xml:space='preserve'%3e%3cpath fill-rule='evenodd' fill='%23000' opacity='0.1' d='M0,0.4L0.4,0L361,306.6l-0.4,0.4L0,0.4z'/%3e%3cpath fill-rule='evenodd' fill='%231a2189' d='M122.4,100.8c1.2,0.7,1.6,2.2,1,3.4c-0.7,1.2-2.2,1.6-3.4,1c-1.2-0.7-1.6-2.2-1-3.4 C119.6,100.5,121.2,100.1,122.4,100.8z'/%3e%3c/svg%3e"); background-position:center center; background-repeat:no-repeat; background-size: contain; } .main-nav .navigation { width: 100%; margin-top: 8em; padding-bottom: 4em; } @media (min-width: 48em) { .main-nav .navigation { padding-bottom: 9em; margin-top: 2em; top: 50%; left: 0; position: absolute; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } } .main-nav [class*="grid__col-s--4"] { opacity: 0; -webkit-transform: translate3d(0, 80px, 0); transform: translate3d(0, 80px, 0); -webkit-transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.6s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .open-menu .main-nav [class*="grid__col-s--4"] { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-nav [class*="grid__col-s--4"]:nth-child(1) { -webkit-transition-delay: 0s; transition-delay: 0s; } .main-nav [class*="grid__col-s--4"]:nth-child(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .main-nav [class*="grid__col-s--4"]:nth-child(3) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .main-nav [class*="grid__col-s--4"]:nth-child(4) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .main-nav [class*="grid__col-s--4"]:nth-child(5) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .main-nav [class*="grid__col-s--4"]:nth-child(6) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .main-nav [class*="grid__col-s--4"]:nth-child(7) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .main-nav [class*="grid__col-s--4"]:nth-child(8) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .main-nav [class*="grid__col-s--4"]:nth-child(9) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .main-nav [class*="grid__col-s--4"]:nth-child(10) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .main-nav [class*="grid__col-s--4"]:nth-child(11) { -webkit-transition-delay: 1s; transition-delay: 1s; } .main-nav h3 { color: #c2c2c2; font-weight: 600; font-size: 1.15em; margin-bottom: 0.5em; } @media (min-width: 22em) { .main-nav h3 { margin-top:0.8em; font-size: 1.75em; } } @media (min-width: 62em) { .main-nav h3 { margin-bottom: 1em; font-size: 1.875em; } } .main-nav h3 a { color:inherit; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .main-nav h3 a:hover { color: rgba(60, 59, 59, 0.6); } .open-menu .main-nav h3 a span { display: inline-block; line-height: 1.6em; vertical-align: middle; } .open-menu .main-nav h3 a span:after { content: ''; width: 100%; height: 4px; background: #fff; position: absolute; bottom: 0; left: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } .open-menu .main-nav h3 a:hover { color:#fff; } .open-menu .main-nav h3 a:hover span:after, .open-menu .main-nav h3 a.active span:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .main-nav .menu { font-weight: 600; margin: 0; padding-left: 0; list-style: none; } @media (min-width: 62em) { .main-nav .menu { font-size: 1.75em; } } .main-nav .menu li { display: block; line-height: 1.55em; padding-bottom: 0.3em; } .main-nav .menu li a { display: inline-block; } .main-nav .menu li a:before { content: ''; width: 50px; height: 4px; background: #3c3b3b; position: absolute; bottom: 0; left: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s, -webkit-transform 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; } .main-nav .menu li a:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .main-nav .menu li.active a:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .shape { position: absolute; z-index: -1; } .shape.shape1 { top: 150px; left: 87%; } .shape.shape2 { top: 105vh; left: 0; -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: translate3d(-70%, 0, 0) scale3d(0.7, 0.7, 1); transform: translate3d(-70%, 0, 0) scale3d(0.7, 0.7, 1); } .shape.shape3 { top: 187vh; right: -50px; } .main-footer { overflow-x: hidden; color: #FFF; margin-bottom: 50px; } .main-footer.js-reveal .grid:before { -webkit-transform: translate3d(60%, 0, 0); transform: translate3d(60%, 0, 0); opacity: 0; -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: opacity 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: transform 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.7s ease; transition: transform 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86), opacity 0.7s ease, -webkit-transform 0.7s cubic-bezier(0.785, 0.135, 0.15, 0.86); } .main-footer.js-reveal .grid [class*="grid__col-xxs"] { -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); opacity: 0; } .main-footer.js-reveal.is-visible .grid:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"] { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(1) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(2) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(3) { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(4) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(5) { -webkit-transition-delay: 0.7s; transition-delay: 0.7s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(6) { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(7) { -webkit-transition-delay: 0.9s; transition-delay: 0.9s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(8) { -webkit-transition-delay: 1s; transition-delay: 1s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(9) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(10) { -webkit-transition-delay: 1.2s; transition-delay: 1.2s; } .main-footer.js-reveal.is-visible .grid [class*="grid__col-xxs"]:nth-child(11) { -webkit-transition-delay: 1.3s; transition-delay: 1.3s; } .main-footer .grid { padding-top: 70px; padding-bottom: 20px; } @media (min-width: 48em) { .main-footer .grid { padding-top: 100px; padding-bottom: 80px; } } .main-footer .grid:before { content: ''; width: 100vw; height: 100%; background: #1a2189; position: absolute; top: 0; left: 4%; } @media (min-width: 48em) { .main-footer .grid:before { left: 2%; } } @media (min-width: 62em) { .main-footer .grid:before { left: 0; } } .main-footer .main-logo span { background-image: url(/img/logo-footer2.png); } .main-footer .icon__logo * { fill: #FFF; } .main-footer h4 { text-transform: none; font-size: 0.75em; margin-bottom: 1.2em; color: #FFF; display: none; } @media (min-width: 48em) { .main-footer h4 { display: block; } } .main-footer h4 a { color:#fff; } .main-footer .menu { margin: 0; padding-left: 0; list-style: none; font-size: 0.75em; font-weight: 500; display: none; } @media (min-width: 48em) { .main-footer .menu { display: block; } } .main-footer .menu li { display: block; } .main-footer .menu li a { opacity: 0.5; display: block; line-height: 1.6em; margin-bottom: 0.6em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; color:#FFFFFF; } .main-footer .menu li a:hover { opacity: 0.9; } .main-footer .closure { margin-top: 70px; font-size: 0.75em; color: #fff; font-weight: 600; line-height: 2.2em; } .main-footer .closure a { color:#fff; } .main-footer .closure ul { margin: 0; padding-left: 0; list-style: none; float: right; display: none; } @media (min-width: 48em) { .main-footer .closure ul { margin-top: -8px; display: block; } } .main-footer .closure ul li { display: inline-block; margin-right: 50px; } .main-footer .closure ul li a { display: block; padding: 0.7em 0; } .main-footer .closure ul li a:before { content: ''; width: 40px; height: 4px; background: #3c3b3b; position: absolute; bottom: 0; left: 0; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s, -webkit-transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.15s; } .main-footer .closure ul li a:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .main-footer .closure ul li.active a { color: #FFF; } .main-footer .closure ul li.active a:before { background: #FFF; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .main-footer .closure .socials { float: right; margin-top: -4em; } @media (min-width: 48em) { .main-footer .closure .socials { margin-top: -2px; } } .main-footer .closure .socials a { display: inline-block; vertical-align: middle; margin-left: 20px; } .main-footer .closure .socials a:before { width: 36px; height: 36px; content: ''; position: absolute; top: 50%; left: 50%; margin-left: -18px; margin-top: -16px; border-radius: 50%; opacity: 0.8; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); background: #FFF; -webkit-transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1); transition: opacity 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.9s cubic-bezier(0.075, 0.82, 0.165, 1); } .main-footer .closure .socials a:hover:before { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 0; } .section-clients { margin-top: 70px; margin-bottom: 40px;} @media (min-width: 48em) { .section-clients { margin-top: 260px; margin-bottom: 220px; } } @media (min-width: 62em) { .section-clients { margin-top: 310px; margin-bottom: 200px; } } .section-clients [class*="grid__col-"] { z-index: 11; } .section-clients h2 { margin:-50px 0 0.8em 0; } .section-clients .client-arrows { position: absolute; left: 0%; top: 50%; -webkit-transform: translate3d(0%, -50%, 0); transform: translate3d(0%, -50%, 0); z-index: 16; white-space: nowrap; display: none; } @media (min-width: 48em) { .section-clients .client-arrows { display: block; } } .section-clients .client-arrows a { padding-left: 15px; padding-right: 15px; background: #FFF; } .section-clients .client-arrows a:first-child { padding-right: 0; } .staff_docs { margin-bottom: 30px; } @media (min-width: 62em) { .staff_docs { margin-bottom: 70px; } } .staff_docs .staffs { margin:5px 0 40px 0; } .staff_docs .staffs .staff { display: block; padding-left: 45px; line-height: 1.4em; text-transform: uppercase; font-size: 0.875em; font-weight: 300; color: #c2c2c2; background: none; margin-bottom: 5px; cursor:pointer; } .staff_docs .staffs .staff:before { content: ''; position: absolute; top: 0.6em; margin-top: -1px; left: 0; width: 12px; height: 2px; background: #1a2189; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .staff_docs .staffs .staff:hover:before { -webkit-transform: scale3d(2.6, 1, 1); transform: scale3d(2.6, 1, 1); background: #1a2189; } .staff_docs .staffs .staff:after { content: ''; position: absolute; top: 0.6em; width: 5px; height: 5px; right: 100%; background: #1a2189; margin-top: -2px; border-radius: 50%; margin-right: 8px; -webkit-transform: scale3d(0, 0, 1); transform: scale3d(0, 0, 1); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } .staff_docs .staffs .staff.checked { color:#000; font-weight:600; } .staff_docs .staffs .staff.checked:before { -webkit-transform: scale3d(2.6, 1, 1); transform: scale3d(2.6, 1, 1); background: #1a2189; } .staff_docs .staffs .staff.checked:after { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .footer-link li:first-child { margin-left: 0; } .frm_form_fields fieldset { border: none; } .frm_blank_field input, .frm_blank_field select, .frm_blank_field textarea { border-color: red } .frm_error { color: red; margin-top: -18px; padding-left: 15px; font-size: 13px; } .content__timeline h2 { line-height: 27px; margin-top:0; } /*.project__progression-img .inner { background-size: 100%; background-position: bottom; }*/ .team__references .grid__row { min-height: 200px; } .breadcrumb > span:before { content: ' > '; display: inline-block; vertical-align: middle; opacity: 0.5; top: -1px; margin-left: 2px; margin-right: 6px; } .breadcrumb.js-reveal.is-visible > span { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .breadcrumb.js-reveal > span { opacity: 0; -webkit-transform: translate3d(0, 15px, 0); transform: translate3d(0, 15px, 0); -webkit-transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955); } @media screen and (max-width: 499px){ .slide-desktop{ display: none !important; } .slide-mobile{ display: block !important; } } .site-footer__small {color: #FFFFFF; opacity: 0.3; display: block; line-height: 1.6em; margin-top: 1.3em; margin-bottom: 0.6em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .site-footer__small:hover {color: #FFFFFF; opacity: 0.9; display: block; line-height: 1.6em; margin-top: 1.3em; margin-bottom: 0.6em; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; } .callto { font-weight:600; font-size:1.3em; line-height:1.1; color:#1a2189; } .callto .cct { position:relative; padding:10px 20px 10px 120px; min-height:120px; background-color:#e2e2e2; } .callto .cct img { position:absolute; left:10px; } @media screen and (max-width: 1024px){ .callto { margin-bottom:100px; } } .fm_blk { display:block; } @media screen and (min-width: 60em) { .fm_blk { display:none; } } .fmcall { position: fixed; z-index: 999; bottom: 0px; width: 100%; text-align: center; background-color: #1a2189; font-size: 26px; padding:5px 0; } .fmcall a { color:#fff; } .fmcall span { margin-right:10px; } .hp_blk>.grid { background-color:#1a2189; } .hp_blk [data-slider] { margin-bottom:0; } .hp_blk [data-slider] .slider-legends span { color:#fff; } .hp_blk [data-slider] .slick-arrow.slick-prev::before { background-color:#1a2189; } .hp_blk [data-slider] .slick-arrow.slick-prev .icon-arrow-right::before, .hp_blk [data-slider] .slick-arrow.slick-prev .icon-arrow-right::after { background-color: #fff; } .hp_blk [data-slider] .slick-arrow.slick-next::before { background-color:#fff; } .hp_blk [data-slider] .slick-arrow.slick-next .icon-arrow-right::before, .hp_blk [data-slider] .slick-arrow.slick-next .icon-arrow-right::after { background-color: #1a2189; } .hp_blk h2 { color:#fff; } .hp_blk .c-grey-light { color:#aaa; } .hp_blk .link { color:#fff; } .hp_blk .link:after { background-color:#fff; } .sc_blk { margin: 200px 0; } .wfblk h2 { margin-left:30px; } .wfblk .process-wrap{ position: relative; margin: 0 auto; padding-bottom:20px; padding-top:20px; padding-left:20px; padding-right:20px; border:2px solid #f2f2f2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-size:cover; background-repeat:no-repeat; background-position:center center; border-radius: 0px;} .wfblk .process-wrap::before,.wfblk .process-wrap::after { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 2px solid transparent; content: ''; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s;border-radius: 0px; } .wfblk .process-wrap::after { border-color: #1a2189; opacity: 0; -webkit-transform: translateY(-7px) translateX(6px); -moz-transform: translateY(-7px) translateX(6px); transform: translateY(-7px) translateX(6px);} .wfblk .process-wrap:hover::before,.wfblk .process-wrap:focus::before { opacity: 0; -webkit-transform: translateY(5px) translateX(-5px); -moz-transform: translateY(5px) translateX(-5px); transform: translateY(5px) translateX(-5px);} .wfblk .process-wrap:hover::after,.wfblk .process-wrap:focus::after { opacity: 1; -webkit-transform: translateY(0px) translateX(0px); -moz-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px);} .wfblk .process-wrap .arrow-right-process{ position: absolute; top:50%; margin-top:-15px; right:-42px; color:#1a2189; text-align:center; font-size:28px; line-height:30px; background:#fff; width:46px; height:30px; z-index:100;} @media screen and (max-width: 60em) { .wfblk .process-wrap .arrow-right-process { display:none; } } .wfblk .process-wrap .wficon { display:block; text-align:center; font-size:50px; color:#1A2189; } .wfblk .process-wrap h3 { font-size:1.4em; min-height:70px; } .wfblk .process-wrap h6{ color:#1a2189; margin-left:40px; text-align:left; padding-bottom:20px;} .wfblk .process-wrap p{ margin-left:10px; text-align:left; min-height:190px; } @media screen and (max-width: 767px) { .wfblk .process-wrap p { min-height:50px; } } .csbtn { position:fixed; left:80px; top:400px; z-index:99; } .csbtn a { background-color:#1a2189; color:#fff; display:block; padding:30px 20px 30px 20px; font-size:14px; letter-spacing: 3px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin:left bottom 0; -moz-transform-origin: left bottom 0; -o-transform-origin: left bottom 0; transform-origin: left bottom 0; text-transform:isocteurregular; text-transform:uppercase; } .csbtn a:hover { background-color:#fff; color:#1a2189; } @media screen and (max-width: 1300px) { .csbtn { top:280px; bottom:0; left:0; } .csbtn a { text-align:center; } .csbtn a:hover { background-color:#555; } } .csbtn.cchrome a { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .reqbtn { cursor:pointer; } #mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none} #pubox .window { position:absolute; left:0; top:0; width:440px; height:200px; display:none; z-index:9999; padding:20px} #pubox #dialog { width:700px; height:900px; padding:20px; background-color:#faf9f6} #pubox .close { position:absolute; top:10px; right:10px; z-index:5; cursor:pointer; font-size:30px} @media only screen and (max-width: 900px) { #pubox #dialog { width:70%; height:auto } }