/**********************************************
Stylesheet: Main Stylesheet
***********************************************/
/*********************
IMPORTING PARTIALS
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block;
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/**
* Remove default margin.
*/
body {
margin: 0;
}
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent;
}
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: 0;
}
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0;
}
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong,
.strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn,
em,
.em {
font-style: italic;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/*
* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
-webkit-hyphens: none;
-epub-hyphens: none;
-moz-hyphens: none;
hyphens: none;
}
/*
* Addresses margins set differently in IE6/7.
*/
pre {
margin: 0;
}
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
}
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap;
}
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
/**
* Address inconsistent and variable font size in all browsers.
*/
q:before,
q:after {
content: '';
content: none;
}
small, .small {
font-size: 75%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
}
/*
* Addresses paddings set differently in IE6/7.
*/
menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
list-style-type: none;
}
/*
* Corrects list images handled incorrectly in IE7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0;
}
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box;
}
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */
}
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table;
}
.clearfix:after, .cf:after {
clear: both;
}
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}
/******************************************************************
Stylesheet: Variables
******************************************************************/
/******************************************************************
Stylesheet: Typography
******************************************************************/
/*********************
FONT FACE
*********************/
/*******
Example
********/
/*
@font-face {
font-family: 'majesti_banner_bookitalicRg';
src: url('../fonts/majestibannerbookitalic-webfont.eot');
src: url('../fonts/majestibannerbookitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/majestibannerbookitalic-webfont.woff2') format('woff2'),
url('../fonts/majestibannerbookitalic-webfont.woff') format('woff'),
url('../fonts/majestibannerbookitalic-webfont.svg#majesti_banner_bookitalicRg') format('svg');
font-weight: normal;
font-style: normal;
}
*/
/*********************
BORDER RADIUS
*********************/
/*********************
TRANSFORM
*********************/
/*!
* Bootstrap Grid v4.1.0 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@-ms-viewport {
width: device-width;
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*, ::after, ::before {
box-sizing: inherit;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-table {
display: table !important;
}
.d-table-row {
display: table-row !important;
}
.d-table-cell {
display: table-cell !important;
}
.d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-table {
display: table !important;
}
.d-sm-table-row {
display: table-row !important;
}
.d-sm-table-cell {
display: table-cell !important;
}
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-table {
display: table !important;
}
.d-md-table-row {
display: table-row !important;
}
.d-md-table-cell {
display: table-cell !important;
}
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-table {
display: table !important;
}
.d-lg-table-row {
display: table-row !important;
}
.d-lg-table-cell {
display: table-cell !important;
}
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-table {
display: table !important;
}
.d-xl-table-row {
display: table-row !important;
}
.d-xl-table-cell {
display: table-cell !important;
}
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
@media print {
.d-print-none {
display: none !important;
}
.d-print-inline {
display: inline !important;
}
.d-print-inline-block {
display: inline-block !important;
}
.d-print-block {
display: block !important;
}
.d-print-table {
display: table !important;
}
.d-print-table-row {
display: table-row !important;
}
.d-print-table-cell {
display: table-cell !important;
}
.d-print-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-print-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
/*********************
IMPORTING MODULES
*********************/
/******************************************************************
Stylesheet: Buttons
******************************************************************/
.button, .guide-cta__wrapper a, .appello-modal__exit button, .header .wrap .menu-global-menu-container ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a {
background-color: #ff5327;
color: #fff !important;
line-height: 1;
padding: 15px 30px;
border: 2px solid #ff5327;
display: table;
text-align: center;
margin-right: 1em;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
-ms-border-radius: 200px;
-o-border-radius: 200px;
border-radius: 200px;
-webkit-transition: background-color 0.4s, color 0.4s;
-moz-transition: background-color 0.4s, color 0.4s;
-o-transition: background-color 0.4s, color 0.4s;
transition: background-color 0.4s, color 0.4s;
}
.button:last-of-type, .guide-cta__wrapper a:last-of-type, .appello-modal__exit button:last-of-type, .header .wrap .menu-global-menu-container ul li.button-li a:last-of-type, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:last-of-type {
margin-right: 0;
}
.button i, .guide-cta__wrapper a i, .appello-modal__exit button i, .header .wrap .menu-global-menu-container ul li.button-li a i, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a i {
font-size: 0.8em;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
position: relative;
left: -5px;
top: -1px;
}
.button:hover, .guide-cta__wrapper a:hover, .appello-modal__exit button:hover, .header .wrap .menu-global-menu-container ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover {
background: transparent;
color: #ff5327 !important;
}
.button--border {
background-color: transparent;
}
.button--border:hover {
background-color: #ff5327 !important;
}
.button--border-red {
color: #ff5327 !important;
background-color: transparent;
}
.button--border-red:hover {
background: #ff5327;
color: #fff !important;
}
.button--hover-text-white:hover {
background: transparent;
color: #fff !important;
}
.button--border-red-red-text {
color: #fff !important;
background-color: transparent;
}
.button--border-red-red-text:hover {
background: #ff5327;
color: #fff !important;
}
.button--border-red-text-white {
color: white;
background-color: transparent;
}
.button--border-red-text-white:hover {
background-color: #ff5327 !important;
}
.button--border-white-text-white {
color: white;
background-color: transparent;
border-color: #fff;
}
.button--border-white-text-white:hover {
background-color: #fff !important;
}
.button--hover-white-background-black-text:hover {
background-color: #fff;
color: #323232 !important;
}
.button--border-white:hover {
color: #fff !important;
}
.button--black {
background-color: #323232;
color: #fff;
border: 2px solid #323232;
}
.button--black:hover {
background-color: transparent;
}
.button--text-white:hover {
color: #fff !important;
}
.button--text-orange:hover {
color: #ff5327 !important;
}
.button__social i {
font-size: 1em;
}
.button--twitter {
background-color: #1da1f2;
border-color: #1da1f2;
}
.button--twitter:hover {
color: #1da1f2 !important;
}
.button--facebook {
background-color: #4267b2;
border-color: #4267b2;
}
.button--facebook:hover {
color: #4267b2 !important;
}
.button--youtube {
background-color: #FF0000;
border-color: #FF0000;
}
.button--youtube:hover {
color: #FF0000 !important;
}
.button--linkedin {
background-color: #0077B5;
border-color: #0077B5;
}
.button--linkedin:hover {
color: #0077B5 !important;
}
.button--gplus {
background-color: #38A757;
border-color: #38A757;
}
/******************************************************************
Stylesheet: Forms
******************************************************************/
/*********************
INPUTS
*********************/
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
height: 50px;
line-height: 40px;
padding: 0;
margin-bottom: 14px;
font-size: 1rem;
color: #000;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
vertical-align: middle;
box-shadow: none;
border: 0;
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
width: 100%;
font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
background-color: transparent;
-webkit-transition: border, 0.4s;
-moz-transition: border, 0.4s;
-o-transition: border, 0.4s;
transition: border, 0.4s;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.field::-webkit-input-placeholder {
color: rgba(151, 151, 151, 0.6);
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="datetime"]:-moz-placeholder,
input[type="datetime-local"]:-moz-placeholder,
input[type="date"]:-moz-placeholder,
input[type="month"]:-moz-placeholder,
input[type="time"]:-moz-placeholder,
input[type="week"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="email"]:-moz-placeholder,
input[type="url"]:-moz-placeholder,
input[type="search"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="color"]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder,
.field:-moz-placeholder {
color: rgba(151, 151, 151, 0.6);
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder,
.field::-moz-placeholder {
color: rgba(151, 151, 151, 0.6);
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.field:-ms-input-placeholder {
color: rgba(151, 151, 151, 0.6);
}
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
border-bottom-color: #979797;
opacity: 1;
filter: alpha(opacity=100);
}
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: red;
border-color: red;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: red;
}
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: green;
border-color: green;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: green;
}
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: black;
opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #075986;
}
input[type="password"] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
line-height: 1.5em;
width: 100%;
min-height: 3.125rem;
-webkit-transition: min-height, 0.4s;
-moz-transition: min-height, 0.4s;
-o-transition: min-height, 0.4s;
transition: min-height, 0.4s;
}
textarea:focus {
min-height: 9.375rem;
}
select {
-webkit-appearance: none;
/* 1 */
-moz-appearance: none;
/* 1 */
appearance: none;
/* 1 */
background-image: url(../images/Chevron-Down.svg);
background-size: 14px auto;
background-repeat: no-repeat;
background-position: right;
}
.contact-form__form label {
display: none;
}
/*********************
BASE (MOBILE) SIZE
*********************/
/******************************************************************
Stylesheet: Base Mobile Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
html,
body {
height: 100%;
}
body {
font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 1.4;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
#container {
float: left;
width: 100%;
overflow-x: hidden;
}
#container > br {
display: none;
}
*:focus {
outline: 0;
}
img {
border: 0;
max-width: 100%;
vertical-align: bottom;
}
.row {
margin: 0;
}
.os-animation,
.os-animation-load,
.staggered-animation {
opacity: 0;
filter: alpha(opacity=0);
}
.os-animation.animated,
.os-animation-load.animated,
.staggered-animation.animated {
opacity: 1;
filter: alpha(opacity=100);
}
.full {
float: left;
width: 100%;
}
.overflow-hidden {
overflow: hidden;
}
.section {
position: relative;
padding: 40px 0;
}
.max {
max-width: 1400px;
margin: 0 auto;
}
.max.relative {
position: relative;
}
.nopadding {
padding-left: 0 !important;
padding-right: 0 !important;
}
.nomargin {
margin: 0;
}
.nomargin-top {
margin-top: 0;
}
.f-r {
float: right;
}
.f-l {
float: left;
}
p:first-of-type {
margin-top: 0;
}
p:last-of-type {
margin-bottom: 0;
}
.link {
position: relative;
}
.link:after {
position: absolute;
right: -25px;
top: 6px;
content: "";
width: 20px;
height: 11px;
background-image: url("../images/Arrow_Orange_Right.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.link--red {
color: #ff5327;
}
/* screen sizes display classes */
.display-mobile {
display: block;
}
.display-tablet,
.display-tablet-landscape,
.display-desktop {
display: none;
}
/********************
BLOG & ARCHIVE STYLES
********************/
.entry-title a,
.entry-title a:visited {
color: inherit;
}
.entry-title a:hover,
.entry-title a:visited:hover {
color: inherit;
}
.pagination {
position: relative;
margin-top: 50px;
}
.pagination__arrows {
width: 200px;
margin: 0 auto;
text-align: center;
position: relative;
}
.pagination__arrows .arrow {
position: absolute;
display: inline-block;
bottom: 2.6rem;
right: auto;
margin: 0 10px;
}
.pagination__arrows .arrow img {
height: 20px;
width: 20px;
}
.pagination__arrows .arrow:hover {
cursor: pointer;
}
.pagination__arrows .arrow-left {
right: 51%;
}
.pagination__arrows .arrow-left img {
display: inline-block;
}
.pagination__arrows .arrow-left:after {
content: "";
height: 2px;
width: 20px;
background-color: black;
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.4px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-left: -15px;
}
.pagination__arrows .arrow-left:hover:after {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.pagination__arrows .arrow-right {
left: 51%;
}
.pagination__arrows .arrow-right img {
display: inline-block;
z-index: 10;
}
.pagination__arrows .arrow-right:before {
content: "";
height: 2px;
width: 20px;
background-color: black;
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.9px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-right: -15px;
}
.pagination__arrows .arrow-right:hover:before {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.pagination__pagesContainer {
position: absolute;
top: -65px;
right: 0;
}
.pagination__pagesContainer .page {
display: inline-block;
line-height: 35px;
height: 35px;
width: 35px;
margin: 0 0 0 10px;
border: 1px solid #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
color: #ff5327;
font-size: 1rem;
text-align: center;
}
.pagination__pagesContainer .page.active {
background-color: #ff5327;
color: #fff;
}
.pagination__pagesContainer .page:hover {
background-color: #ff5327;
color: #fff;
}
/***************
NAVIGATION MENU SUB-MENU
******************/
ul#menu-global-menu li.nav-btn-hover a:hover {
/* background: red !important; */
background-color: unset !important;
color: #ff5327 !important;
}
#menu li ul {
visibility: hidden;
position: absolute;
z-index: 9999;
opacity: 0;
left: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#menu li {
position: relative;
}
#menu li#menu-item-12594:hover > a {
border-radius: 0px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
#menu li.menu-item-has-children:hover > a {
border-radius: 0px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
#menu li#menu-item-12588:hover > a {
border-radius: 0px !important;
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
#menu li#menu-item-23:hover a {
border-radius: 200px !important;
}
#menu li.menu-item-has-children:hover a {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#menu li:hover.menu-item-has-children a {
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
}
#menu li:hover a {
background-color: #ff5327;
color: white;
}
#menu li:hover ul {
opacity: 1;
visibility: visible;
}
#menu li ul li {
width: 100%;
float: left;
}
#menu .sub-menu {
background-color: #f9f3f3 !important;
width: auto;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
#menu .sub-menu li a {
background-color: #f9f3f3;
color: black;
padding: 17px 17px;
white-space: nowrap;
border-bottom-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
#menu .sub-menu li a:hover {
color: #ff5327;
}
#menu_overlay_inner_container .menu-item-has-children ul li {
visibility: hidden;
position: absolute;
z-index: 9999;
opacity: 0;
left: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;
}
#menu_overlay_inner_container .menu-item-has-children ul li:hover {
visibility: visible;
opacity: 1;
}
#menu-global-menu-1 a {
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
#menu-global-menu-1 .expander {
display: inline-block;
position: absolute;
top: 0;
width: 40px;
right: 30%;
height: 40px;
background-repeat: no-repeat;
background-position: bottom;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 18L19.5 25L27 18' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
}
#menu-global-menu-1 .expander.open {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
#menu-global-menu-1 .menu-item-has-children {
position: relative;
}
#menu-global-menu-1 .menu-item-has-children .sub-menu {
height: 0;
transition: height 0.4s linear;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
background-color: transparent;
opacity: 0;
display: none;
}
#menu-global-menu-1 .menu-item-has-children .sub-menu.expand {
transition: height 0.4s linear;
height: 100%;
overflow: hidden;
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display: block;
}
#menu-global-menu-1 .menu-item-has-children .sub-menu.expand li {
visibility: visible;
opacity: 1;
position: relative;
margin: 0.5em 0 !important;
}
/*********************
SINGLE POST STYLES
*********************/
.single-post .wrap .menu-global-menu-container ul li a {
color: #000;
}
.single-post .post-header {
width: 100%;
float: left;
padding: 12.5rem 0;
}
.single-post .content {
width: 100%;
float: left;
}
.single-post .content__body {
font-size: 1.12em;
line-height: 1.56;
display: inline-block;
margin-bottom: 7.18rem;
}
.single-post .content__body p {
opacity: 0.5;
filter: alpha(opacity=50);
}
.single-post .content__body p:first-of-type {
opacity: 1;
filter: alpha(opacity=100);
}
.single-post .content__body blockquote {
margin: 2em 0;
color: #ff5327;
font-size: 1.62rem;
}
.single-post .content__related {
display: none;
float: right;
}
.single-post .content__related h2 {
margin: 0 0 1.8rem 0;
}
.single-post .content__related .related-posts__post {
padding: 1.8em 0;
border-top: 1px solid rgba(151, 151, 151, 0.3);
position: relative;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.single-post .content__related .related-posts__post a.arrow-link {
color: #ff5327;
position: relative;
}
.single-post .content__related .related-posts__post a.arrow-link:after {
position: absolute;
right: -20px;
top: 6px;
content: "";
width: 20px;
height: 11px;
background-image: url("../images/Arrow_Orange_Right.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.single-post .content__related .related-posts__post:hover {
color: rgba(0, 0, 0, 0.5);
}
.single-post .content__related .related-posts__post:hover .arrow-link:after {
opacity: 1;
filter: alpha(opacity=100);
right: -25px;
}
.single-post .content__related .related-posts__post:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.single-post .content__related .related-posts__post:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.single-post .content__related .related-posts__post:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.single-post .content__related .related-posts__post:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.single-post .content__related .related-posts__post:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.single-post .content__related .related-posts__post:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.single-post .content__related .related-posts__post:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.single-post .content__related .related-posts__post:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.single-post .content__related .related-posts__post:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.single-post .content__related .related-posts__post:nth-child(10) {
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.single-post .content__related .related-posts__post:nth-child(11) {
-moz-animation-delay: 2.2s;
-o-animation-delay: 2.2s;
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.single-post .content__related .related-posts__post:nth-child(12) {
-moz-animation-delay: 2.4s;
-o-animation-delay: 2.4s;
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.single-post .content__related .related-posts__post:nth-child(13) {
-moz-animation-delay: 2.6s;
-o-animation-delay: 2.6s;
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.single-post .content__related .related-posts__post:nth-child(14) {
-moz-animation-delay: 2.8s;
-o-animation-delay: 2.8s;
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.single-post .content__related .related-posts__post:nth-child(15) {
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.single-post .content__related .related-posts__post:nth-child(16) {
-moz-animation-delay: 3.2s;
-o-animation-delay: 3.2s;
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.single-post .content__related .related-posts__post:nth-child(17) {
-moz-animation-delay: 3.4s;
-o-animation-delay: 3.4s;
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.single-post .content__related .related-posts__post:nth-child(18) {
-moz-animation-delay: 3.6s;
-o-animation-delay: 3.6s;
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.single-post .content__related .related-posts__post:nth-child(19) {
-moz-animation-delay: 3.8s;
-o-animation-delay: 3.8s;
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.single-post .content__related .related-posts__post p {
font-size: 1.12rem;
margin-bottom: 1.25rem;
}
.single-post .content__related .related-posts__post a {
color: #ff5327;
}
.single-post .content__quote {
position: relative;
width: 100%;
height: 15rem;
background-color: #ff5327;
padding: 0 15% 0 15%;
justify-content: center;
text-align: center;
align-items: center;
display: flex;
color: #fff;
font-size: 2.12rem;
}
.single-post .content__quote figure {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position-y: -420px;
background-position-x: 310px;
position: absolute;
opacity: 0.2;
filter: alpha(opacity=20);
right: 0;
-moz-transform: rotate(1degdeg);
-o-transform: rotate(1degdeg);
-ms-transform: rotate(1degdeg);
-webkit-transform: rotate(1degdeg);
transform: rotate(1degdeg);
}
.wp-caption {
max-width: 100%;
position: relative;
/* images inside wp-caption */
}
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
vertical-align: bottom;
}
.wp-caption p.wp-caption-text {
font-size: 0.9em;
text-align: left;
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
color: #fff;
left: 0;
right: 0;
padding: 10px 20px;
margin: 0;
}
/* end .wp-caption */
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap {
width: 90%;
margin: 0 auto;
}
/*********************
LINK STYLES
*********************/
a,
a:visited {
text-decoration: none;
/* on click */
/* mobile tap color */
}
a:link,
a:visited:link {
/*
this highlights links on iPhones/iPads.
so it basically works like the :hover selector
for mobile devices.
*/
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5 {
text-rendering: optimizelegibility;
font-weight: 400;
color: #000;
/* removing text decoration from all headline links */
}
h1 a,
.h1 a,
h2 a,
.h2 a,
h3 a,
.h3 a,
h4 a,
.h4 a,
h5 a,
.h5 a {
text-decoration: none;
}
h1,
.h1 {
font-size: 1.5em;
}
h2,
.h2 {
font-size: 1.75em;
}
h3,
.h3 {
font-size: 2em;
margin-bottom: 1rem;
}
h4,
.h4 {
font-size: 1em;
}
h5,
.h5 {
font-size: 0.8em;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin {
margin: 0 !important;
}
/*********************
HEADER STYLES
*********************/
.header {
will-change: transform;
}
.header .wrap {
position: relative;
}
.header #menu.desktop {
display: none;
}
.header #menu.mobile #hamburger {
display: block;
width: 20px;
height: 20px;
cursor: pointer;
position: absolute;
right: 0;
top: 50%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
z-index: 10001;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.header #menu.mobile #hamburger span {
display: block;
width: 100%;
height: 2px;
background: #000000;
position: absolute;
top: 0;
left: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.header #menu.mobile #hamburger span:nth-of-type(2) {
bottom: 0;
top: auto;
}
.header #menu.mobile #hamburger.close span:nth-of-type(1) {
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
}
.header #menu.mobile #hamburger.close span:nth-of-type(2) {
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
bottom: auto;
}
/* end .header */
#menu_overlay {
display: none;
position: fixed;
z-index: 10000;
background: #323232;
height: 100%;
width: 100%;
top: 0;
font-size: 1.2em;
text-align: center;
font-size: 2em;
}
#menu_overlay #menu_overlay_inner_container {
height: 100%;
overflow-y: scroll;
}
#menu_overlay #menu_overlay_inner_container .wrap {
height: 100%;
padding-top: 132px;
}
#menu_overlay #menu_overlay_inner_container .wrap ul {
height: 100%;
margin: 0;
}
#menu_overlay #menu_overlay_inner_container .wrap ul li {
margin: 1.5em 0;
}
#menu_overlay #menu_overlay_inner_container .wrap ul li a {
color: white;
}
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li {
margin-top: 2em;
}
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a {
font-size: 1rem;
padding: 15px 23px;
width: auto;
display: inline-block;
}
#logo {
float: left;
max-width: 80px;
margin: 20px 0;
}
/* end #logo */
/*********************
NAVIGATION STYLES
*********************/
.nav {
border-bottom: 0;
margin: 0;
/* end .nav li */
/* highlight current page */
/* end current highlighters */
}
.nav li a {
display: block;
color: #000;
text-decoration: none;
padding: 0.75em;
}
.nav li a:hover, .nav li a:focus {
color: inherit;
}
.nav li ul.sub-menu,
.nav li ul.children {
line-height: 1.5;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}
/* end .nav */
/* footer navigation */
.footer-nav {
border-bottom: 0;
margin: 0;
}
.footer-nav li a {
display: block;
padding: 0.2em 0;
}
/*********************
FOOTER STYLES
*********************/
.footer {
clear: both;
}
.header {
position: absolute;
top: 0;
left: 0;
z-index: 10001;
}
.header--black svg * {
fill: #000;
}
.header--black .wrap .menu-global-menu-container ul li a {
color: #000;
}
.header--black .button:hover, .header--black .guide-cta__wrapper a:hover, .guide-cta__wrapper .header--black a:hover, .header--black .appello-modal__exit button:hover, .appello-modal__exit .header--black button:hover, .header--black .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .header--black a:hover, .header--black #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .header--black a:hover {
color: #fff;
}
.header--white svg * {
fill: #fff;
}
.header--white #menu.mobile #hamburger span {
background-color: white;
}
.header--white .wrap .menu-global-menu-container ul li.button-li a:hover {
color: #fff !important;
}
.header--white .wrap .menu-global-menu-container ul li a {
color: #fff;
}
.header--white li.button-li .button:hover, .header--white li.button-li .guide-cta__wrapper a:hover, .guide-cta__wrapper .header--white li.button-li a:hover, .header--white li.button-li .appello-modal__exit button:hover, .appello-modal__exit .header--white li.button-li button:hover, .header--white .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul .header--white li.button-li a:hover, .header--white #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul .header--white li.button-li a:hover {
color: #fff !important;
}
.header__logo {
display: block;
float: left;
width: 140px;
position: relative;
top: 4px;
}
.header__logo svg {
width: 100%;
height: auto;
vertical-align: bottom;
}
.header .wrap {
padding: 60px 0;
line-height: 1;
}
.header .wrap .menu-global-menu-container {
float: right;
}
.header .wrap .menu-global-menu-container ul {
margin: 0;
}
.header .wrap .menu-global-menu-container ul li {
display: inline-block;
}
.header .wrap .menu-global-menu-container ul li a {
display: block;
padding: 10px 20px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
border-radius: 10px;
}
.header .wrap .menu-global-menu-container ul li a:hover {
color: #ff5327;
}
.header .wrap .menu-global-menu-container ul li:last-of-type a {
padding-right: 0;
}
.header .wrap .menu-global-menu-container ul li.button-li a {
display: block;
padding: 15px 23px;
margin-left: 15px;
}
.video-popup {
display: none;
width: 100%;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 100000;
}
.video-popup .inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
}
.video-popup .inner video {
width: 100%;
}
.video-popup .close {
position: absolute;
top: 40px;
right: 20px;
color: #fff;
}
.video-popup .close:hover {
cursor: pointer;
}
.hero {
width: 100%;
float: left;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.hero--fullheight {
height: 100vh;
margin-top: -50px;
color: #fff;
background-image: url("../images/Dot.svg");
background-size: 15px auto;
background-repeat: repeat;
}
.hero--fullheight h1,
.hero--fullheight h2 {
color: #fff;
}
.hero--fullheight h1 {
font-size: 1.81rem;
line-height: 1.1;
margin: 6rem 0 0 0 !important;
}
.hero--fullheight h2 {
font-size: 1.3em;
margin: 2em 0 3.4rem 0;
opacity: 0.6;
}
.hero--fullheight .button, .hero--fullheight .guide-cta__wrapper a, .guide-cta__wrapper .hero--fullheight a, .hero--fullheight .appello-modal__exit button, .appello-modal__exit .hero--fullheight button, .hero--fullheight #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .hero--fullheight a, .hero--fullheight .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .hero--fullheight a {
display: inline-block;
}
.hero--fullheight .button:hover, .hero--fullheight .guide-cta__wrapper a:hover, .guide-cta__wrapper .hero--fullheight a:hover, .hero--fullheight .appello-modal__exit button:hover, .appello-modal__exit .hero--fullheight button:hover, .hero--fullheight #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .hero--fullheight a:hover, .hero--fullheight .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .hero--fullheight a:hover {
color: #fff;
}
.hero--fullheight .figureWrapper {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
z-index: 3;
}
.hero--fullheight .figureWrapper figure {
will-change: transform;
background: #000;
overflow: hidden;
position: absolute;
width: 100%;
height: 100%;
}
.hero--fullheight .figureWrapper figure:after {
content: "";
will-change: transform;
height: 100%;
background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.hero--fullheight .figureWrapper video,
.hero--fullheight .figureWrapper .plyr {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
will-change: transform;
position: absolute;
top: 50%;
left: 50%;
min-height: 100%;
min-width: 100%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.hero--fullheight .figureWrapper .plyr {
top: 60% !important;
}
.hero--fullheight .figureWrapper .wrap {
will-change: transform;
}
.hero--fullheight:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 180px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.hero--about {
padding-top: 200px;
}
.hero--about h1 {
width: 100%;
font-size: 2.1em;
margin-bottom: 0;
}
.hero--about .button:hover, .hero--about .guide-cta__wrapper a:hover, .guide-cta__wrapper .hero--about a:hover, .hero--about .appello-modal__exit button:hover, .appello-modal__exit .hero--about button:hover, .hero--about #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .hero--about a:hover, .hero--about .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .hero--about a:hover {
color: #323232 !important;
}
.hero--about figure {
width: 100%;
float: left;
margin-top: 3rem;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 10000000;
}
.hero--about figure:after {
content: "";
display: block;
padding-bottom: 65%;
}
.hero--about .background {
width: 400px;
height: 400px;
display: none;
background-size: 18px auto;
background-repeat: repeat;
position: absolute;
right: -113px;
top: 120px;
z-index: -1111111111111;
opacity: 0.5;
filter: alpha(opacity=50);
}
.hero--about .background:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 180px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.hero--services {
padding: 200px 0 0 0;
}
.hero--services h1 {
width: 100%;
font-size: 1.8888888em;
margin: 0 0 2.2rem 0;
line-height: 1.47;
}
.hero--services h1 span {
color: #ff5327;
}
.hero--services .body {
opacity: 0.5;
filter: alpha(opacity=50);
line-height: 1.63;
}
.hero--services .hero__services {
display: none;
}
.hero--services figure {
width: 100%;
float: left;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 10000000;
margin-top: 2em;
}
.hero--services figure:after {
content: "";
display: block;
padding-bottom: 65%;
}
.hero--services .image-container {
display: none;
}
.hero--services .background {
width: 400px;
height: 460px;
background-size: 18px auto;
background-repeat: repeat;
position: absolute;
right: -113px;
top: 60px;
z-index: -1;
display: none;
opacity: 0.5;
filter: alpha(opacity=50);
}
.hero--services .background:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 180px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.hero--post {
padding: 200px 0 0 0;
}
.hero--post h1 {
max-width: 50.5rem;
font-size: 2.12em;
margin: 5.87rem 0;
}
.hero--post h1 span {
color: #ff5327;
}
.hero--post .body {
opacity: 0.5;
filter: alpha(opacity=50);
width: 70%;
}
.hero--post figure {
width: 100%;
float: left;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
z-index: 10000000;
margin-bottom: 2.18rem;
}
.hero--post figure:after {
display: block;
content: "";
padding-bottom: 60%;
}
.hero--post .background {
width: 400px;
height: 460px;
display: none;
background-size: 18px auto;
background-repeat: repeat;
position: absolute;
right: -113px;
top: 60px;
z-index: -1111111111111;
opacity: 0.5;
filter: alpha(opacity=50);
}
.hero--post .background:after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
height: 180px;
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.hero--post .post-info {
position: relative;
clear: both;
width: 100%;
padding: 0 0 4rem 0;
margin-bottom: 5rem;
}
.hero--post .post-info__author {
position: absolute;
top: 100px;
display: inline-block;
}
.hero--post .post-info__author span {
color: #ff5327;
margin-left: 1rem;
}
.hero--post .post-info__social-links {
float: right;
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
position: absolute;
top: -10px;
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding-bottom: 20px;
}
.hero--post .post-info__social-links ul li {
display: inline-block;
margin-left: 2.1em;
width: 20%;
}
.hero--post .post-info__social-links ul li a {
color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.hero--post .post-info__social-links ul li a span {
display: none;
}
.hero--post .post-info__social-links ul li a:hover {
color: #ff5327;
}
.hero--post .post-info__social-links ul li a.twitter, .hero--post .post-info__social-links ul li a.facebook, .hero--post .post-info__social-links ul li a.gplus, .hero--post .post-info__social-links ul li a.linkedin {
padding: 20px;
text-align: center;
position: relative;
}
.hero--post .post-info__social-links ul li a.twitter i, .hero--post .post-info__social-links ul li a.facebook i, .hero--post .post-info__social-links ul li a.gplus i, .hero--post .post-info__social-links ul li a.linkedin i {
font-size: 1rem;
margin-right: 0;
position: absolute;
left: 50%;
top: 50%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.hero .wrap {
position: relative;
z-index: 5;
}
.hero .wrap h1 {
margin-top: 0;
}
.intro {
text-align: center;
float: left;
width: 100%;
margin-top: 4.125em;
}
.intro__heading {
max-width: 54.37rem;
margin: 0 auto 2rem auto;
font-size: 1.5rem;
}
.intro__subheader {
max-width: 17rem;
margin: 0 auto;
opacity: 0.5;
filter: alpha(opacity=50);
}
.intro .services {
max-width: 21rem;
margin: 2rem auto 0 auto;
}
.intro .services .flickity-page-dots {
bottom: 40px;
}
.intro .services .flickity-page-dots .dot {
background: #ff5327;
}
.intro .services .flickity-viewport {
padding-top: 50px;
padding-bottom: 50px;
}
.intro .services:after {
content: "flickity";
display: none;
}
.intro .services .service {
background-color: #f8f9fa;
position: relative;
text-align: left;
padding: 60px 30px 200px 30px;
width: 100%;
}
.intro .services .service:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.intro .services .service:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.intro .services .service:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.intro .services .service:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.intro .services .service:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.intro .services .service:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.intro .services .service:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.intro .services .service:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.intro .services .service:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.intro .services .service .img {
position: absolute;
top: -50px;
left: 0;
right: 0;
margin: 0 auto;
width: 100px;
height: 100px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.intro .services .service:hover .img {
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.intro .services .service.sub .button, .intro .services .service.sub .guide-cta__wrapper a, .guide-cta__wrapper .intro .services .service.sub a, .intro .services .service.sub .appello-modal__exit button, .appello-modal__exit .intro .services .service.sub button, .intro .services .service.sub #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .intro .services .service.sub a, .intro .services .service.sub .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .intro .services .service.sub a {
position: absolute;
left: 50%;
bottom: 140px;
-moz-transform: perspective(1px) translate(-50%, 0);
-o-transform: perspective(1px) translate(-50%, 0);
-ms-transform: perspective(1px) translate(-50%, 0);
-webkit-transform: perspective(1px) translate(-50%, 0);
transform: perspective(1px) translate(-50%, 0);
}
.intro .services .service__body {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 40px;
float: right;
position: relative;
}
.intro .services .service__body .title {
margin: 0 auto 1.5rem auto;
display: block;
font-size: 1.333rem;
color: #ff5327;
}
.intro .services .service__body .title span {
color: #000;
display: black;
display: block;
}
.intro .services .service__body .body {
font-size: 0.9em;
opacity: 0.5;
filter: alpha(opacity=50);
margin: 0 auto;
width: 90%;
padding-bottom: 2em;
orphans: 3;
}
.intro .services .service__body .button, .intro .services .service__body .guide-cta__wrapper a, .guide-cta__wrapper .intro .services .service__body a, .intro .services .service__body .appello-modal__exit button, .appello-modal__exit .intro .services .service__body button, .intro .services .service__body #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .intro .services .service__body a, .intro .services .service__body .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .intro .services .service__body a {
margin: 0 auto 0 auto;
left: 0;
right: 0;
width: 70%;
display: block;
color: #ff5327;
}
.bubbles {
float: left;
width: 100%;
padding: 5em 0;
position: relative;
overflow: hidden;
}
.bubbles #animation_container {
bottom: 0;
position: absolute;
}
.bubbles #animation_container canvas {
width: 100%;
height: 100%;
}
.bubbles * {
z-index: 1000;
}
@keyframes bubble-rotate {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-50);
}
100% {
transform: rotate(-100);
}
}
.bubbles .circle,
.bubbles .half-circle {
position: absolute;
width: 80px;
height: 80px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
z-index: -1;
display: block;
}
.bubbles .circle:nth-child(1),
.bubbles .half-circle:nth-child(1) {
top: 32px;
left: 52px;
width: 85px;
height: 85px;
-moz-transform: rotate(96.0896467047deg);
-o-transform: rotate(96.0896467047deg);
-ms-transform: rotate(96.0896467047deg);
-webkit-transform: rotate(96.0896467047deg);
transform: rotate(96.0896467047deg);
-webkit-animation: getMoving-1 8000s forwards linear infinite;
}
@keyframes getMoving-1 {
10% {
top: 203px;
left: -405px;
}
20% {
top: 470px;
left: -82px;
}
30% {
top: 320px;
left: 245px;
}
40% {
top: 504px;
left: 335px;
}
50% {
top: 652px;
left: 707px;
}
60% {
top: 619px;
left: -174px;
}
70% {
top: 554px;
left: -643px;
}
80% {
top: 81px;
left: 312px;
}
90% {
top: 56px;
left: 19px;
}
100% {
top: 124px;
left: -544px;
}
}
.bubbles .circle:nth-child(2),
.bubbles .half-circle:nth-child(2) {
top: 363px;
left: 61px;
width: 77px;
height: 77px;
-moz-transform: rotate(75.9545574375deg);
-o-transform: rotate(75.9545574375deg);
-ms-transform: rotate(75.9545574375deg);
-webkit-transform: rotate(75.9545574375deg);
transform: rotate(75.9545574375deg);
-webkit-animation: getMoving-2 8000s forwards linear infinite;
}
@keyframes getMoving-2 {
10% {
top: 462px;
left: 352px;
}
20% {
top: 9px;
left: -630px;
}
30% {
top: 172px;
left: -648px;
}
40% {
top: 108px;
left: 222px;
}
50% {
top: 378px;
left: 302px;
}
60% {
top: 480px;
left: 448px;
}
70% {
top: 236px;
left: 338px;
}
80% {
top: 52px;
left: -82px;
}
90% {
top: 539px;
left: -136px;
}
100% {
top: 69px;
left: -662px;
}
}
.bubbles .circle:nth-child(3),
.bubbles .half-circle:nth-child(3) {
top: 378px;
left: 161px;
width: 58px;
height: 58px;
-moz-transform: rotate(1.6361970739deg);
-o-transform: rotate(1.6361970739deg);
-ms-transform: rotate(1.6361970739deg);
-webkit-transform: rotate(1.6361970739deg);
transform: rotate(1.6361970739deg);
-webkit-animation: getMoving-3 8000s forwards linear infinite;
}
@keyframes getMoving-3 {
10% {
top: 591px;
left: -370px;
}
20% {
top: 528px;
left: 262px;
}
30% {
top: 318px;
left: -710px;
}
40% {
top: 288px;
left: 193px;
}
50% {
top: 442px;
left: 649px;
}
60% {
top: 17px;
left: 900px;
}
70% {
top: 649px;
left: 10px;
}
80% {
top: 421px;
left: 715px;
}
90% {
top: 251px;
left: 187px;
}
100% {
top: 155px;
left: -73px;
}
}
.bubbles .circle:nth-child(4),
.bubbles .half-circle:nth-child(4) {
top: 60px;
left: 443px;
width: 90px;
height: 90px;
-moz-transform: rotate(38.7864067072deg);
-o-transform: rotate(38.7864067072deg);
-ms-transform: rotate(38.7864067072deg);
-webkit-transform: rotate(38.7864067072deg);
transform: rotate(38.7864067072deg);
-webkit-animation: getMoving-4 8000s forwards linear infinite;
}
@keyframes getMoving-4 {
10% {
top: 136px;
left: -442px;
}
20% {
top: 395px;
left: 235px;
}
30% {
top: 71px;
left: 969px;
}
40% {
top: 357px;
left: 102px;
}
50% {
top: 545px;
left: 159px;
}
60% {
top: 324px;
left: 498px;
}
70% {
top: 22px;
left: -282px;
}
80% {
top: 253px;
left: 679px;
}
90% {
top: 445px;
left: -507px;
}
100% {
top: 516px;
left: 63px;
}
}
.bubbles .circle:nth-child(5),
.bubbles .half-circle:nth-child(5) {
top: 422px;
left: 1204px;
width: 59px;
height: 59px;
-moz-transform: rotate(12.2511167323deg);
-o-transform: rotate(12.2511167323deg);
-ms-transform: rotate(12.2511167323deg);
-webkit-transform: rotate(12.2511167323deg);
transform: rotate(12.2511167323deg);
-webkit-animation: getMoving-5 8000s forwards linear infinite;
}
@keyframes getMoving-5 {
10% {
top: 323px;
left: -469px;
}
20% {
top: 311px;
left: -767px;
}
30% {
top: 241px;
left: -261px;
}
40% {
top: 185px;
left: 685px;
}
50% {
top: 588px;
left: 317px;
}
60% {
top: 58px;
left: 147px;
}
70% {
top: 576px;
left: -111px;
}
80% {
top: 588px;
left: -8px;
}
90% {
top: 571px;
left: 342px;
}
100% {
top: 351px;
left: 805px;
}
}
.bubbles .circle:nth-child(6),
.bubbles .half-circle:nth-child(6) {
top: 605px;
left: 464px;
width: 57px;
height: 57px;
-moz-transform: rotate(19.2105615459deg);
-o-transform: rotate(19.2105615459deg);
-ms-transform: rotate(19.2105615459deg);
-webkit-transform: rotate(19.2105615459deg);
transform: rotate(19.2105615459deg);
-webkit-animation: getMoving-6 8000s forwards linear infinite;
}
@keyframes getMoving-6 {
10% {
top: 178px;
left: 629px;
}
20% {
top: 471px;
left: -394px;
}
30% {
top: 379px;
left: 734px;
}
40% {
top: 171px;
left: 685px;
}
50% {
top: 218px;
left: 898px;
}
60% {
top: 397px;
left: 174px;
}
70% {
top: 534px;
left: 779px;
}
80% {
top: 539px;
left: -236px;
}
90% {
top: 314px;
left: -207px;
}
100% {
top: 149px;
left: 784px;
}
}
.bubbles .circle:nth-child(7),
.bubbles .half-circle:nth-child(7) {
top: 317px;
left: 700px;
width: 82px;
height: 82px;
-moz-transform: rotate(44.2132556588deg);
-o-transform: rotate(44.2132556588deg);
-ms-transform: rotate(44.2132556588deg);
-webkit-transform: rotate(44.2132556588deg);
transform: rotate(44.2132556588deg);
-webkit-animation: getMoving-7 8000s forwards linear infinite;
}
@keyframes getMoving-7 {
10% {
top: 193px;
left: 411px;
}
20% {
top: 133px;
left: 203px;
}
30% {
top: 642px;
left: -613px;
}
40% {
top: 589px;
left: -556px;
}
50% {
top: 57px;
left: 864px;
}
60% {
top: 192px;
left: -433px;
}
70% {
top: 533px;
left: 809px;
}
80% {
top: 106px;
left: 60px;
}
90% {
top: 658px;
left: -165px;
}
100% {
top: 576px;
left: 44px;
}
}
.bubbles .circle:nth-child(8),
.bubbles .half-circle:nth-child(8) {
top: 383px;
left: 848px;
width: 51px;
height: 51px;
-moz-transform: rotate(91.7691657461deg);
-o-transform: rotate(91.7691657461deg);
-ms-transform: rotate(91.7691657461deg);
-webkit-transform: rotate(91.7691657461deg);
transform: rotate(91.7691657461deg);
-webkit-animation: getMoving-8 8000s forwards linear infinite;
}
@keyframes getMoving-8 {
10% {
top: 196px;
left: 901px;
}
20% {
top: 317px;
left: 197px;
}
30% {
top: 33px;
left: -146px;
}
40% {
top: 206px;
left: 454px;
}
50% {
top: 142px;
left: 422px;
}
60% {
top: 556px;
left: 806px;
}
70% {
top: 339px;
left: 896px;
}
80% {
top: 219px;
left: -418px;
}
90% {
top: 238px;
left: 873px;
}
100% {
top: 311px;
left: -14px;
}
}
.bubbles .circle:nth-child(9),
.bubbles .half-circle:nth-child(9) {
top: 273px;
left: 410px;
width: 82px;
height: 82px;
-moz-transform: rotate(5.58893429deg);
-o-transform: rotate(5.58893429deg);
-ms-transform: rotate(5.58893429deg);
-webkit-transform: rotate(5.58893429deg);
transform: rotate(5.58893429deg);
-webkit-animation: getMoving-9 8000s forwards linear infinite;
}
@keyframes getMoving-9 {
10% {
top: 529px;
left: -511px;
}
20% {
top: 127px;
left: 484px;
}
30% {
top: 152px;
left: 761px;
}
40% {
top: 463px;
left: 797px;
}
50% {
top: 150px;
left: 561px;
}
60% {
top: 414px;
left: 98px;
}
70% {
top: 135px;
left: 145px;
}
80% {
top: 483px;
left: 386px;
}
90% {
top: 555px;
left: -217px;
}
100% {
top: 195px;
left: -639px;
}
}
.bubbles .circle:nth-child(10),
.bubbles .half-circle:nth-child(10) {
top: 534px;
left: 947px;
width: 89px;
height: 89px;
-moz-transform: rotate(95.4096651116deg);
-o-transform: rotate(95.4096651116deg);
-ms-transform: rotate(95.4096651116deg);
-webkit-transform: rotate(95.4096651116deg);
transform: rotate(95.4096651116deg);
-webkit-animation: getMoving-10 8000s forwards linear infinite;
}
@keyframes getMoving-10 {
10% {
top: 175px;
left: -762px;
}
20% {
top: 486px;
left: -81px;
}
30% {
top: 376px;
left: 112px;
}
40% {
top: 162px;
left: 740px;
}
50% {
top: 264px;
left: 476px;
}
60% {
top: 175px;
left: -316px;
}
70% {
top: 114px;
left: 818px;
}
80% {
top: 110px;
left: -573px;
}
90% {
top: 113px;
left: -592px;
}
100% {
top: 7px;
left: 551px;
}
}
.bubbles .circle:nth-child(11),
.bubbles .half-circle:nth-child(11) {
top: 389px;
left: 934px;
width: 76px;
height: 76px;
-moz-transform: rotate(95.7084665704deg);
-o-transform: rotate(95.7084665704deg);
-ms-transform: rotate(95.7084665704deg);
-webkit-transform: rotate(95.7084665704deg);
transform: rotate(95.7084665704deg);
-webkit-animation: getMoving-11 8000s forwards linear infinite;
}
@keyframes getMoving-11 {
10% {
top: 33px;
left: 23px;
}
20% {
top: 320px;
left: 115px;
}
30% {
top: 275px;
left: -169px;
}
40% {
top: 585px;
left: -414px;
}
50% {
top: 646px;
left: 412px;
}
60% {
top: 562px;
left: -174px;
}
70% {
top: 357px;
left: -696px;
}
80% {
top: 89px;
left: 523px;
}
90% {
top: 436px;
left: -752px;
}
100% {
top: 268px;
left: -323px;
}
}
.bubbles .circle:nth-child(12),
.bubbles .half-circle:nth-child(12) {
top: 38px;
left: 431px;
width: 84px;
height: 84px;
-moz-transform: rotate(2.789963293deg);
-o-transform: rotate(2.789963293deg);
-ms-transform: rotate(2.789963293deg);
-webkit-transform: rotate(2.789963293deg);
transform: rotate(2.789963293deg);
-webkit-animation: getMoving-12 8000s forwards linear infinite;
}
@keyframes getMoving-12 {
10% {
top: 165px;
left: 462px;
}
20% {
top: 20px;
left: -368px;
}
30% {
top: 300px;
left: 688px;
}
40% {
top: 389px;
left: -585px;
}
50% {
top: 335px;
left: -429px;
}
60% {
top: 609px;
left: 502px;
}
70% {
top: 384px;
left: -248px;
}
80% {
top: 311px;
left: 276px;
}
90% {
top: 232px;
left: -705px;
}
100% {
top: 594px;
left: -465px;
}
}
.bubbles .circle:nth-child(13),
.bubbles .half-circle:nth-child(13) {
top: 266px;
left: 787px;
width: 57px;
height: 57px;
-moz-transform: rotate(68.5661443916deg);
-o-transform: rotate(68.5661443916deg);
-ms-transform: rotate(68.5661443916deg);
-webkit-transform: rotate(68.5661443916deg);
transform: rotate(68.5661443916deg);
-webkit-animation: getMoving-13 8000s forwards linear infinite;
}
@keyframes getMoving-13 {
10% {
top: 102px;
left: -560px;
}
20% {
top: 568px;
left: 536px;
}
30% {
top: 568px;
left: 479px;
}
40% {
top: 145px;
left: 576px;
}
50% {
top: 484px;
left: 979px;
}
60% {
top: 466px;
left: 939px;
}
70% {
top: 211px;
left: -267px;
}
80% {
top: 380px;
left: -391px;
}
90% {
top: 507px;
left: -205px;
}
100% {
top: 459px;
left: -266px;
}
}
.bubbles .circle:nth-child(14),
.bubbles .half-circle:nth-child(14) {
top: 638px;
left: 660px;
width: 58px;
height: 58px;
-moz-transform: rotate(98.9443900401deg);
-o-transform: rotate(98.9443900401deg);
-ms-transform: rotate(98.9443900401deg);
-webkit-transform: rotate(98.9443900401deg);
transform: rotate(98.9443900401deg);
-webkit-animation: getMoving-14 8000s forwards linear infinite;
}
@keyframes getMoving-14 {
10% {
top: 172px;
left: -748px;
}
20% {
top: 301px;
left: 632px;
}
30% {
top: 523px;
left: -50px;
}
40% {
top: 557px;
left: 909px;
}
50% {
top: 5px;
left: -77px;
}
60% {
top: 283px;
left: -403px;
}
70% {
top: 649px;
left: 146px;
}
80% {
top: 437px;
left: 775px;
}
90% {
top: 158px;
left: -539px;
}
100% {
top: 73px;
left: -797px;
}
}
.bubbles .circle:nth-child(15),
.bubbles .half-circle:nth-child(15) {
top: 359px;
left: 94px;
width: 80px;
height: 80px;
-moz-transform: rotate(26.3253097558deg);
-o-transform: rotate(26.3253097558deg);
-ms-transform: rotate(26.3253097558deg);
-webkit-transform: rotate(26.3253097558deg);
transform: rotate(26.3253097558deg);
-webkit-animation: getMoving-15 8000s forwards linear infinite;
}
@keyframes getMoving-15 {
10% {
top: 256px;
left: -3px;
}
20% {
top: 634px;
left: 20px;
}
30% {
top: 660px;
left: -568px;
}
40% {
top: 519px;
left: 152px;
}
50% {
top: 386px;
left: 428px;
}
60% {
top: 532px;
left: 496px;
}
70% {
top: 500px;
left: 604px;
}
80% {
top: 91px;
left: -523px;
}
90% {
top: 660px;
left: -346px;
}
100% {
top: 258px;
left: 574px;
}
}
.bubbles .circle:nth-child(16),
.bubbles .half-circle:nth-child(16) {
top: 374px;
left: 858px;
width: 101px;
height: 101px;
-moz-transform: rotate(98.3469205009deg);
-o-transform: rotate(98.3469205009deg);
-ms-transform: rotate(98.3469205009deg);
-webkit-transform: rotate(98.3469205009deg);
transform: rotate(98.3469205009deg);
-webkit-animation: getMoving-16 8000s forwards linear infinite;
}
@keyframes getMoving-16 {
10% {
top: 562px;
left: -695px;
}
20% {
top: 387px;
left: 564px;
}
30% {
top: 203px;
left: -616px;
}
40% {
top: 236px;
left: -160px;
}
50% {
top: 369px;
left: 479px;
}
60% {
top: 404px;
left: 687px;
}
70% {
top: 503px;
left: -633px;
}
80% {
top: 276px;
left: -721px;
}
90% {
top: 252px;
left: 257px;
}
100% {
top: 505px;
left: 17px;
}
}
.bubbles .circle:nth-child(17),
.bubbles .half-circle:nth-child(17) {
top: 528px;
left: 1172px;
width: 54px;
height: 54px;
-moz-transform: rotate(66.8375144874deg);
-o-transform: rotate(66.8375144874deg);
-ms-transform: rotate(66.8375144874deg);
-webkit-transform: rotate(66.8375144874deg);
transform: rotate(66.8375144874deg);
-webkit-animation: getMoving-17 8000s forwards linear infinite;
}
@keyframes getMoving-17 {
10% {
top: 553px;
left: 738px;
}
20% {
top: 533px;
left: 661px;
}
30% {
top: 175px;
left: 358px;
}
40% {
top: 147px;
left: 350px;
}
50% {
top: 221px;
left: 405px;
}
60% {
top: 400px;
left: 579px;
}
70% {
top: 112px;
left: 960px;
}
80% {
top: 422px;
left: -205px;
}
90% {
top: 192px;
left: -621px;
}
100% {
top: 268px;
left: 921px;
}
}
.bubbles .circle:nth-child(18),
.bubbles .half-circle:nth-child(18) {
top: 274px;
left: 341px;
width: 50px;
height: 50px;
-moz-transform: rotate(97.0823473707deg);
-o-transform: rotate(97.0823473707deg);
-ms-transform: rotate(97.0823473707deg);
-webkit-transform: rotate(97.0823473707deg);
transform: rotate(97.0823473707deg);
-webkit-animation: getMoving-18 8000s forwards linear infinite;
}
@keyframes getMoving-18 {
10% {
top: 90px;
left: 393px;
}
20% {
top: 134px;
left: -168px;
}
30% {
top: 342px;
left: -693px;
}
40% {
top: 561px;
left: -281px;
}
50% {
top: 44px;
left: 180px;
}
60% {
top: 108px;
left: 29px;
}
70% {
top: 373px;
left: -503px;
}
80% {
top: 442px;
left: 579px;
}
90% {
top: 536px;
left: 34px;
}
100% {
top: 27px;
left: 714px;
}
}
.bubbles .circle:nth-child(19),
.bubbles .half-circle:nth-child(19) {
top: 281px;
left: 753px;
width: 49px;
height: 49px;
-moz-transform: rotate(76.121933374deg);
-o-transform: rotate(76.121933374deg);
-ms-transform: rotate(76.121933374deg);
-webkit-transform: rotate(76.121933374deg);
transform: rotate(76.121933374deg);
-webkit-animation: getMoving-19 8000s forwards linear infinite;
}
@keyframes getMoving-19 {
10% {
top: 287px;
left: 650px;
}
20% {
top: 243px;
left: -14px;
}
30% {
top: 253px;
left: 645px;
}
40% {
top: 507px;
left: 537px;
}
50% {
top: 27px;
left: -459px;
}
60% {
top: 516px;
left: 91px;
}
70% {
top: 68px;
left: -413px;
}
80% {
top: 37px;
left: 737px;
}
90% {
top: 338px;
left: -672px;
}
100% {
top: 560px;
left: -4px;
}
}
.bubbles .circle:nth-child(20),
.bubbles .half-circle:nth-child(20) {
top: 568px;
left: 191px;
width: 41px;
height: 41px;
-moz-transform: rotate(83.6130757985deg);
-o-transform: rotate(83.6130757985deg);
-ms-transform: rotate(83.6130757985deg);
-webkit-transform: rotate(83.6130757985deg);
transform: rotate(83.6130757985deg);
-webkit-animation: getMoving-20 8000s forwards linear infinite;
}
@keyframes getMoving-20 {
10% {
top: 275px;
left: 314px;
}
20% {
top: 606px;
left: -184px;
}
30% {
top: 367px;
left: -710px;
}
40% {
top: 11px;
left: -130px;
}
50% {
top: 268px;
left: -391px;
}
60% {
top: 201px;
left: 477px;
}
70% {
top: 159px;
left: 260px;
}
80% {
top: 449px;
left: -413px;
}
90% {
top: 469px;
left: 774px;
}
100% {
top: 406px;
left: -162px;
}
}
.bubbles__background {
height: 40px;
width: 40px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.bubbles--images {
display: none;
padding: 50px 50px;
top: 50px;
}
.bubbles--images .inner {
width: 90%;
margin-left: 10%;
position: absolute;
height: 100%;
top: 0;
}
.bubbles--images .image {
width: 150px;
height: 150px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.bubbles--images .image:first-of-type {
position: absolute;
top: 10%;
left: 0;
}
.bubbles--images .image:nth-of-type(2) {
position: absolute;
right: 32%;
top: 38%;
width: 130px;
height: 130px;
}
.bubbles--images .image:last-of-type {
position: absolute;
bottom: 15%;
left: 10%;
width: 100px;
height: 100px;
}
.bubbles--images #bubble1 {
width: 150px;
height: 150px;
animation: floatY 20s linear infinite;
}
.bubbles--images #bubble2 {
width: 130px;
height: 130px;
animation: floatY2 20s linear infinite;
}
.bubbles--images #bubble3 {
width: 100px;
height: 100px;
animation: floatY3 20s linear infinite;
}
.bubbles--text {
text-align: center;
}
.bubbles--text .heading {
margin-bottom: 2.1rem;
}
.bubbles--text .body {
opacity: 0.5;
filter: alpha(opacity=50);
margin-bottom: 2.2rem;
}
.bubbles--text .button, .bubbles--text .guide-cta__wrapper a, .guide-cta__wrapper .bubbles--text a, .bubbles--text .appello-modal__exit button, .appello-modal__exit .bubbles--text button, .bubbles--text #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .bubbles--text a, .bubbles--text .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .bubbles--text a {
margin: 0 auto;
}
.tablet {
float: left;
width: 100%;
background-color: #323232;
color: #fff;
padding: 10rem 0 10rem 0;
position: relative;
}
.tablet figure {
position: absolute;
height: 130%;
width: 130%;
left: 0;
top: 50%;
-moz-transform: perspective(1px) translate(-21%, -50%);
-o-transform: perspective(1px) translate(-21%, -50%);
-ms-transform: perspective(1px) translate(-21%, -50%);
-webkit-transform: perspective(1px) translate(-21%, -50%);
transform: perspective(1px) translate(-21%, -50%);
background-repeat: no-repeat;
background-size: 80% auto;
background-position: top center;
z-index: 1;
display: block;
opacity: 0.03;
filter: alpha(opacity=3);
}
.tablet--text {
text-align: center;
z-index: 1000;
}
.tablet--text h3 {
color: #fff;
font-size: 2em;
margin-bottom: 2.1rem;
margin: 0 auto 2rem auto;
}
.tablet--text .body {
margin-bottom: 2.7rem;
opacity: 0.7;
filter: alpha(opacity=70);
margin: 0 auto 2.7rem auto;
}
.tablet--text .button, .tablet--text .guide-cta__wrapper a, .guide-cta__wrapper .tablet--text a, .tablet--text .appello-modal__exit button, .appello-modal__exit .tablet--text button, .tablet--text #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .tablet--text a, .tablet--text .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .tablet--text a {
margin: 0 auto;
}
.tablet--tablet {
z-index: 10000;
}
.tablet--tablet .inner {
position: relative;
z-index: 100;
}
.tablet--tablet .inner img {
position: absolute;
right: -150px;
top: 50%;
}
.tablet--white {
background-color: #fff;
color: #323232 !important;
}
.tablet--white h3 {
color: #323232;
}
.tablet--left h3 {
text-align: left;
}
.tablet--left * {
text-align: left !important;
}
.tablet--left .body {
padding-left: 0;
}
.tablet--left .button, .tablet--left .guide-cta__wrapper a, .guide-cta__wrapper .tablet--left a, .tablet--left .appello-modal__exit button, .appello-modal__exit .tablet--left button, .tablet--left #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .tablet--left a, .tablet--left .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .tablet--left a {
margin-left: 0;
}
.points {
float: left;
width: 100%;
padding: 6em 0 0 0;
text-align: center;
}
.points .row:after {
content: "flickity";
display: none;
}
.points .row.flickity-enabled .flickity-viewport {
width: 100%;
}
.points .row.flickity-enabled .col-md-4 {
width: 100%;
}
.points .flickity-page-dots {
bottom: 0;
}
.points .flickity-page-dots .dot {
background: #ff5327;
}
.points--point:nth-child(1) .content {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.points--point:nth-child(2) .content {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.points--point:nth-child(3) .content {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.points--point:nth-child(4) .content {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.points--point:nth-child(5) .content {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.points--point:nth-child(6) .content {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.points--point:nth-child(7) .content {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.points--point:nth-child(8) .content {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.points--point:nth-child(9) .content {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.points--point:hover img {
-moz-transform: perspective(1px) translate(0, -20px);
-o-transform: perspective(1px) translate(0, -20px);
-ms-transform: perspective(1px) translate(0, -20px);
-webkit-transform: perspective(1px) translate(0, -20px);
transform: perspective(1px) translate(0, -20px);
}
.points--point .content img {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.points--point .content h3 {
color: #ff5327;
margin-top: 50px;
font-size: 1.5em;
margin-bottom: 0;
}
.points--point .content .body {
font-size: 0.9em;
opacity: 0.5;
filter: alpha(opacity=50);
padding: 20px 0 40px 0;
margin: 0 auto;
line-height: 1.63;
}
.stats {
float: left;
width: 100%;
margin: 3rem 0 0 0;
}
.stats figure {
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.stats figure:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.stats figure:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.stats figure:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.stats figure:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.stats figure:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.stats figure:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.stats figure:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.stats figure:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.stats figure:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.stats figure:after {
display: none;
}
.stats .col-md-3 {
min-height: 0;
}
.stats--square {
text-align: center;
}
.stats--square .inner {
padding: 6rem 0;
width: 80%;
margin: 0 auto;
}
.stats--square h3 {
margin-top: 0;
}
.stats--square--grey {
background-color: #f8f9fa;
}
.stats--square--grey h3 {
font-size: 1.6rem;
color: #ff5327;
}
.stats--square--grey .body {
font-size: 1rem;
opacity: 0.6;
filter: alpha(opacity=60);
}
.stats--square--red {
background-color: #ff5327;
}
.stats--square--red h3 {
color: #fff;
font-size: 1.6rem;
}
.stats--square--red .body {
color: #fff;
font-size: 1rem;
}
.stats--square--black {
background-color: #323232;
}
.stats--square--black h3 {
color: #ff5327;
font-size: 1.6rem;
}
.stats--square--black .body {
color: #fff;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 1rem;
}
.stats .col-md-3:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.stats .col-md-3:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.stats .col-md-3:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.stats .col-md-3:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.stats .col-md-3:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.stats .col-md-3:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.stats .col-md-3:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.stats .col-md-3:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.stats .col-md-3:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.articles {
margin: 4rem 0;
float: left;
width: 100%;
}
.articles .row {
position: relative;
}
.articles h3 {
font-size: 1.6em;
}
.articles__featured {
border-bottom: 1px solid rgba(151, 151, 151, 0.25);
}
.articles__featured a {
color: #000;
}
.articles__featured .featuredImage {
display: flex;
top: 0;
align-items: center;
justify-content: center;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
.articles__featured .featuredImage:after {
content: "";
padding-bottom: 60%;
display: block;
}
.articles__featured .featuredImage .button, .articles__featured .featuredImage .guide-cta__wrapper a, .guide-cta__wrapper .articles__featured .featuredImage a, .articles__featured .featuredImage .appello-modal__exit button, .appello-modal__exit .articles__featured .featuredImage button, .articles__featured .featuredImage #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .articles__featured .featuredImage a, .articles__featured .featuredImage .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .articles__featured .featuredImage a {
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.articles__featured .featuredImage:hover .button, .articles__featured .featuredImage:hover .guide-cta__wrapper a, .guide-cta__wrapper .articles__featured .featuredImage:hover a, .articles__featured .featuredImage:hover .appello-modal__exit button, .appello-modal__exit .articles__featured .featuredImage:hover button, .articles__featured .featuredImage:hover #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .articles__featured .featuredImage:hover a, .articles__featured .featuredImage:hover .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .articles__featured .featuredImage:hover a {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
visibility: visible;
}
.articles__featured h3 {
margin: 3.4rem 0 1.6rem 0;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.articles__featured .date {
color: #ff5327;
}
.articles__featured .body {
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
margin: 1.4rem auto 2.8rem auto;
}
.articles__featured:hover h3 {
opacity: 0.5;
filter: alpha(opacity=50);
}
.articles__articles .article {
padding: 2.8rem 0 2.8rem 0;
height: 33.333333%;
border-bottom: 1px solid rgba(151, 151, 151, 0.25);
}
.articles__articles .article:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.articles__articles .article:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.articles__articles .article:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.articles__articles .article:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.articles__articles .article:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.articles__articles .article:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.articles__articles .article:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.articles__articles .article:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.articles__articles .article:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.articles__articles .article:nth-child(10) {
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.articles__articles .article:nth-child(11) {
-moz-animation-delay: 2.2s;
-o-animation-delay: 2.2s;
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.articles__articles .article:nth-child(12) {
-moz-animation-delay: 2.4s;
-o-animation-delay: 2.4s;
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.articles__articles .article:nth-child(13) {
-moz-animation-delay: 2.6s;
-o-animation-delay: 2.6s;
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.articles__articles .article:nth-child(14) {
-moz-animation-delay: 2.8s;
-o-animation-delay: 2.8s;
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.articles__articles .article:nth-child(15) {
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
.articles__articles .article:nth-child(16) {
-moz-animation-delay: 3.2s;
-o-animation-delay: 3.2s;
-webkit-animation-delay: 3.2s;
animation-delay: 3.2s;
}
.articles__articles .article:nth-child(17) {
-moz-animation-delay: 3.4s;
-o-animation-delay: 3.4s;
-webkit-animation-delay: 3.4s;
animation-delay: 3.4s;
}
.articles__articles .article:nth-child(18) {
-moz-animation-delay: 3.6s;
-o-animation-delay: 3.6s;
-webkit-animation-delay: 3.6s;
animation-delay: 3.6s;
}
.articles__articles .article:nth-child(19) {
-moz-animation-delay: 3.8s;
-o-animation-delay: 3.8s;
-webkit-animation-delay: 3.8s;
animation-delay: 3.8s;
}
.articles__articles .article:hover .arrow-link:after {
opacity: 1;
filter: alpha(opacity=100);
right: -35px;
}
.articles__articles .article a.arrow-link {
color: #ff5327;
position: relative;
}
.articles__articles .article a.arrow-link:after {
position: absolute;
right: -20px;
top: 6px;
content: "";
width: 20px;
height: 11px;
background-image: url("../images/Arrow_Orange_Right.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.articles__articles .article a.arrow-link:hover:after {
opacity: 1;
filter: alpha(opacity=100);
right: -25px;
}
.articles__articles .article:first-of-type {
border-top: 1px solid rgba(151, 151, 151, 0.25);
}
.articles__articles .article h3 {
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
margin: 0 0 1.6rem 0;
width: 100%;
}
.articles__articles .article:hover h3 {
opacity: 0.5;
filter: alpha(opacity=50);
}
.socialLinks {
float: left;
margin-bottom: 4rem;
width: 100%;
}
.socialLinks .button, .socialLinks .guide-cta__wrapper a, .guide-cta__wrapper .socialLinks a, .socialLinks .appello-modal__exit button, .appello-modal__exit .socialLinks button, .socialLinks #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .socialLinks a, .socialLinks .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .socialLinks a {
margin: 0 auto;
float: none;
}
.socialLinks .row {
width: calc(100% + 60px);
margin-left: -30px;
float: left;
}
.socialLinks--link {
padding: 0 30px;
width: 25%;
}
.socialLinks--link a {
float: none;
margin: 0 auto;
}
.socialLinks--link:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.socialLinks--link:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.socialLinks--link:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.socialLinks--link:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.socialLinks--link:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.socialLinks--link:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.socialLinks--link:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.socialLinks--link:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.socialLinks--link:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.socialLinks--link a {
padding: 0;
height: 50px;
width: 50px;
position: relative;
}
.socialLinks--link i {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.socialLinks--link span {
display: none;
}
.testimonials {
width: 100%;
float: left;
padding: 4rem 0;
background-color: #f8f9fa;
overflow: hidden;
position: relative;
}
.testimonials h3 {
text-align: center;
font-size: 1.5em;
margin-bottom: 1.6rem;
}
.testimonials h3 span {
color: #ff5327;
}
.testimonials .body {
text-align: center;
opacity: 0.6 !important;
}
.testimonials__slider {
width: 100%;
padding: 4rem 0;
}
.testimonials__slider .flickity-viewport {
overflow: visible;
}
.testimonials__slider .testimonial {
padding-top: 50px;
margin-top: 50px;
width: 100%;
margin: 0 10px;
position: relative;
display: inline-block;
vertical-align: middle;
text-align: center;
float: none;
}
.testimonials__slider .testimonial .testimonial_inner {
padding: 60px 3.5rem 60px 3.5rem;
background-color: #fff;
}
.testimonials__slider .testimonial__image {
height: 100px;
width: 100px;
position: absolute;
left: 50%;
-moz-transform: perspective(1px) translate(-50%, 0);
-o-transform: perspective(1px) translate(-50%, 0);
-ms-transform: perspective(1px) translate(-50%, 0);
-webkit-transform: perspective(1px) translate(-50%, 0);
transform: perspective(1px) translate(-50%, 0);
margin: auto 0;
top: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-ms-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
background-color: #fff;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}
.testimonials__slider .testimonial__quote {
opacity: 0.5;
filter: alpha(opacity=50);
}
.testimonials__slider .testimonial__name {
margin-top: 20px;
color: #ff5327;
}
.testimonials .slick-arrow {
position: absolute;
display: inline-block;
bottom: 5.6rem;
right: auto;
margin: 0 10px;
}
.testimonials .slick-arrow img {
height: 20px;
width: 20px;
}
.testimonials .slick-arrow:hover {
cursor: pointer;
}
.testimonials .slick-next {
left: 51%;
}
.testimonials .slick-next img {
display: inline-block;
z-index: 10;
}
.testimonials .slick-next:before {
content: "";
height: 2px;
width: 20px;
background-color: black;
opacity: 0.5;
filter: alpha(opacity=50);
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.9px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-right: -15px;
}
.testimonials .slick-next:active:before {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.testimonials .slick-prev {
right: 51%;
}
.testimonials .slick-prev img {
display: inline-block;
}
.testimonials .slick-prev:after {
content: "";
height: 2px;
width: 20px;
background-color: black;
opacity: 0.5;
filter: alpha(opacity=50);
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.4px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-left: -15px;
}
.testimonials .slick-prev:active:after {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.trusted {
width: 100%;
float: left;
padding: 4rem 0;
background-color: #323232;
text-align: center;
color: #fff;
position: relative;
z-index: 1;
}
.trusted .max {
position: relative;
}
.trusted .max:before {
content: "";
height: 100%;
background: -moz-linear-gradient(left, #323232 0%, rgba(50, 50, 50, 0.18) 82%, rgba(50, 50, 50, 0) 100%);
background: -webkit-linear-gradient(left, #323232 0%, rgba(50, 50, 50, 0.18) 82%, rgba(50, 50, 50, 0) 100%);
background: linear-gradient(to right, #323232 0%, rgba(50, 50, 50, 0.18) 82%, rgba(50, 50, 50, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#00323232',GradientType=1 );
position: absolute;
top: 0;
left: 0;
width: 15%;
z-index: 20;
}
.trusted .max:after {
content: "";
height: 100%;
background: -moz-linear-gradient(left, rgba(50, 50, 50, 0) 0%, rgba(50, 50, 50, 0.18) 18%, #323232 100%);
background: -webkit-linear-gradient(left, rgba(50, 50, 50, 0) 0%, rgba(50, 50, 50, 0.18) 18%, #323232 100%);
background: linear-gradient(to right, rgba(50, 50, 50, 0) 0%, rgba(50, 50, 50, 0.18) 18%, #323232 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00323232', endColorstr='#323232',GradientType=1 );
position: absolute;
top: 0;
right: 0;
width: 15%;
z-index: 20;
}
.trusted h3 {
text-align: center;
font-size: 2.3em;
color: #fff;
}
.trusted .body {
text-align: center;
opacity: 0.5;
filter: alpha(opacity=50);
width: 80%;
margin: 0 auto;
font-size: 1.1rem;
}
.trusted__slider {
padding: 4em 0;
z-index: 1;
}
.trusted__slider .logo {
width: 300px !important;
height: 150px;
display: inline-block;
padding: 0 30px;
position: relative;
}
.trusted__slider .logo img {
position: absolute;
top: 50%;
left: 50%;
max-width: 50%;
max-height: 50%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.trusted__slider .logo figure {
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.trusted__buttons .button, .trusted__buttons .guide-cta__wrapper a, .guide-cta__wrapper .trusted__buttons a, .trusted__buttons .appello-modal__exit button, .appello-modal__exit .trusted__buttons button, .trusted__buttons #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .trusted__buttons a, .trusted__buttons .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .trusted__buttons a {
display: inline-block;
margin: 10px;
}
.trusted__buttons .button:last-of-type, .trusted__buttons .guide-cta__wrapper a:last-of-type, .guide-cta__wrapper .trusted__buttons a:last-of-type, .trusted__buttons .appello-modal__exit button:last-of-type, .appello-modal__exit .trusted__buttons button:last-of-type, .trusted__buttons #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:last-of-type, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .trusted__buttons a:last-of-type, .trusted__buttons .header .wrap .menu-global-menu-container ul li.button-li a:last-of-type, .header .wrap .menu-global-menu-container ul li.button-li .trusted__buttons a:last-of-type {
width: auto !important;
}
.footer {
width: 100%;
float: left;
padding: 50px 0 26px;
}
.footer__logo {
float: left;
}
.footer__logo svg {
margin-top: 0 !important;
}
.footer__logo svg * {
fill: #B7B7B7;
}
.footer .col {
width: 20% !important;
text-align: left;
}
.footer .col h4 {
color: #ff5327;
font-size: 0.9em;
}
.footer .col ul li {
font-size: 0.7em;
opacity: 0.5;
filter: alpha(opacity=50);
}
.footer .col:last-of-type {
float: right;
}
.footer .links {
padding: 20px 0;
}
.footer__nav {
display: block;
float: left;
margin-top: 2em;
width: 100%;
}
.footer__nav ul {
float: left;
width: 50%;
}
.footer__nav ul:first-of-type {
display: none;
}
.footer__nav ul:nth-of-type(3) {
display: none;
}
.footer__nav ul li {
margin-bottom: 5px;
color: rgba(0, 0, 0, 0.5);
}
.footer__nav ul li a {
color: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.footer__nav ul li a:hover {
color: #323232;
}
.footer__nav ul li:first-of-type {
opacity: 1;
filter: alpha(opacity=100);
color: #ff5327;
margin-bottom: 20px;
font-weight: 500;
}
.footer__nav ul li:first-of-type a {
color: #ff5327;
}
.footer .copyright {
border-top: 1px solid rgba(151, 151, 151, 0.3);
padding-top: 20px;
font-size: 0.8em;
width: 100%;
margin: 0;
}
.footer .copyright p {
opacity: 0.4;
filter: alpha(opacity=40);
width: 44.56rem;
margin: 0;
line-height: 2.5;
}
.flexible-video {
width: 100%;
width: 100%;
float: left;
padding: 100px 0;
}
.flexible-video--grey-left .flexible-video__text {
background-color: #f8f9fa;
position: relative;
bottom: 70px;
}
.flexible-video__text {
padding: 50px 30px;
margin: 0 auto;
}
.flexible-video__text .body {
opacity: 0.6;
filter: alpha(opacity=60);
}
.flexible-video .video {
padding: 50px 0 0 0;
}
.flexible-video__video {
width: 100%;
height: 26rem;
float: left;
display: flex;
justify-content: center;
align-items: center;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.flexible-video__video .button, .flexible-video__video .guide-cta__wrapper a, .guide-cta__wrapper .flexible-video__video a, .flexible-video__video .appello-modal__exit button, .appello-modal__exit .flexible-video__video button, .flexible-video__video #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .flexible-video__video a, .flexible-video__video .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .flexible-video__video a {
position: absolute;
width: 150px;
}
.flexible-video__video video,
.flexible-video__video .plyr {
width: 100%;
display: none;
}
.experience-video {
width: 100%;
float: left;
padding: 6.5rem 0;
position: relative;
}
.experience-video .experience-video__video {
width: 100%;
margin: 0 auto;
position: relative;
position: absolute;
left: 0;
top: -50px;
height: 100%;
}
.experience-video .experience-video__video .bubble {
display: none;
}
.experience-video .experience-video__video .bubble--big {
display: none;
}
.experience-video .experience-video__text {
padding: 50px 0;
float: left;
width: 100%;
}
.experience-video .experience-video__text h2 {
font-size: 2.125rem;
}
.experience-video .experience-video__text .body {
opacity: 0.5;
filter: alpha(opacity=50);
padding-right: 50px;
}
.featureQuote {
width: 100%;
float: left;
padding: 3rem 0 4.12rem;
background-color: #323232;
position: relative;
text-align: center;
}
.featureQuote .bg-pattern {
z-index: 0;
}
.featureQuote__header {
width: 100%;
}
.featureQuote__header .inner {
display: inline-block;
}
.featureQuote__header .inner h2 {
color: #fff;
}
.featureQuote__header .inner h2 span {
color: #ff5327;
}
.featureQuote__header .inner .body {
color: #999;
display: block;
}
.featureQuote__header .inner .body .button, .featureQuote__header .inner .body .guide-cta__wrapper a, .guide-cta__wrapper .featureQuote__header .inner .body a, .featureQuote__header .inner .body .appello-modal__exit button, .appello-modal__exit .featureQuote__header .inner .body button, .featureQuote__header .inner .body #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .featureQuote__header .inner .body a, .featureQuote__header .inner .body .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .featureQuote__header .inner .body a {
width: auto;
margin: 50px auto;
}
.featureQuote__header img {
display: none;
}
.featureQuote__articles {
color: #999;
padding: 3.25rem 0 0 0;
max-width: 28.93rem;
display: none;
}
.featureQuote__articles .body {
opacity: 0.6;
filter: alpha(opacity=60);
}
.featureQuote__articles ul {
max-width: 25.365rem;
list-style-position: outside;
margin: 0;
}
.featureQuote__articles ul li {
padding: 30px 0 0 40px;
position: relative;
color: #999;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
-o-transition: color 0.4s;
transition: color 0.4s;
}
.featureQuote__articles ul li:first-of-type {
padding-top: 0;
}
.featureQuote__articles ul li:first-of-type:before {
top: 8px;
}
.featureQuote__articles ul li:before {
content: "";
width: 7px;
height: 7px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
color: #ff5327;
margin-right: 1em;
left: 0;
top: 38px;
}
.featureQuote__articles ul li:hover {
color: #fff;
}
.featureQuote__articles .button, .featureQuote__articles .guide-cta__wrapper a, .guide-cta__wrapper .featureQuote__articles a, .featureQuote__articles .appello-modal__exit button, .appello-modal__exit .featureQuote__articles button, .featureQuote__articles #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .featureQuote__articles a, .featureQuote__articles .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .featureQuote__articles a {
margin-top: 50px;
width: auto !important;
}
.featureQuote .quote-wrapper {
position: relative;
}
.featureQuote__quotes {
text-align: center;
background-color: rgba(151, 151, 151, 0.1);
right: 0;
padding: 30px;
margin-top: 30px;
}
.featureQuote__quotes .slick-list {
margin-top: 3.25rem;
}
.featureQuote__quotes .quote {
color: #fff;
font-size: 1.5em;
padding: 0 !important;
}
.featureQuote__quotes .quote span {
color: #ff5327;
}
.featureQuote .slick-dots {
margin-top: 50px;
}
.featureQuote .slick-dots li {
display: inline-block;
margin-left: 10px;
}
.featureQuote .slick-dots li button {
color: transparent;
border-radius: 100px;
border: 1px solid rgba(151, 151, 151, 0.3);
background-color: transparent;
width: 13px;
height: 13px;
font-size: 0;
text-indent: -9999px;
padding: 0;
}
.featureQuote .slick-dots li.slick-active button {
background-color: #ff5327;
}
.featureQuote .slick-arrow {
display: inline-block;
float: left;
margin: 20px 10px 0 10px;
}
.featureQuote .slick-arrow img {
height: 20px;
width: 20px;
}
.featureQuote .slick-arrow:hover {
cursor: pointer;
}
.featureQuote .slick-next-feature {
left: 0;
margin-right: 0;
display: none;
}
.featureQuote .slick-next-feature img {
display: inline-block;
z-index: 10;
position: relative;
left: -1px;
}
.featureQuote .slick-next-feature:before {
content: "";
height: 2px;
width: 20px;
background-color: #fff;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.9px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-right: -15px;
}
.featureQuote .slick-next-feature:hover:before {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.featureQuote .slick-prev-feature {
display: none;
margin-left: 0;
right: auto;
}
.featureQuote .slick-prev-feature img {
display: inline-block;
}
.featureQuote .slick-prev-feature:after {
content: "";
height: 2px;
width: 20px;
background-color: #fff;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.4px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-left: -15px;
}
.featureQuote .slick-prev-feature:hover:after {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.text-with-points {
width: 100%;
padding: 66px 0;
position: relative;
float: left;
}
.text-with-points .text {
display: inline-block;
}
.text-with-points .text .text-with-points__header {
width: 100%;
font-size: 2.125em;
}
.text-with-points .text .text-with-points__header span {
color: #ff5327;
}
.text-with-points .text .text-with-points__body {
margin-top: 40px;
width: 100%;
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
float: right;
}
.text-with-points .text .text-with-points__body span {
color: #ff5327;
}
.text-with-points__body--big {
font-size: 1.5em;
opacity: 1;
filter: alpha(opacity=100);
width: 90%;
}
.text-with-points__body--big span {
color: #ff5327;
}
.text-with-points__points {
width: 25rem;
}
.text-with-points__points ul {
padding-left: 20px;
margin-top: 0;
}
.text-with-points__points ul li {
color: rgba(0, 0, 0, 0.5);
position: relative;
padding: 1.18rem 0;
}
.text-with-points__points ul li:before {
content: "";
width: 5px;
height: 5px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
color: #ff5327;
margin-right: 1em;
left: -20px;
top: 29px;
opacity: 1;
filter: alpha(opacity=100);
}
.text-with-points__bubbles {
width: 400px;
height: 200px;
position: absolute;
bottom: -100px;
right: 0;
display: none;
}
.text-with-points__bubbles .bubble {
width: 100px;
height: 100px;
background-color: blue;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.text-with-points__bubbles .bubble:nth-of-type(1) {
animation: floatY 6s linear infinite;
}
.text-with-points__bubbles .bubble:nth-of-type(2) {
animation: floatY2 9s linear infinite;
}
.text-with-points__bubbles .bubble:nth-of-type(3) {
animation: floatY3 10s linear infinite;
}
.text-with-points__bubbles .bubble:nth-of-type(1) {
top: 40px;
height: 100px;
width: 100px;
}
.text-with-points__bubbles .bubble:nth-of-type(2) {
bottom: 60px;
left: 165px;
height: 95px;
width: 95px;
}
.text-with-points__bubbles .bubble:nth-of-type(3) {
right: -25px;
bottom: 75px;
}
.text-with-points__bubbles--left {
left: 0 !important;
}
.red-black {
width: 100%;
float: left;
}
.red-black .body {
font-size: 0.8em;
}
.red-black__black {
background-color: #323232;
padding: 50px 30px;
color: #fff;
display: inline-block;
}
.red-black__black h2 {
color: #fff;
font-size: 2.125rem;
}
.red-black__black .body {
font-size: 1rem;
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 1.63;
}
.red-black__red {
background-color: #ff5327;
padding: 50px 30px;
color: #fff;
display: inline-block;
float: right;
}
.red-black__red h2 {
color: #fff;
font-size: 2.125rem;
}
.red-black__red .body {
font-size: 1rem;
line-height: 1.63;
}
.red-black__red .button, .red-black__red .guide-cta__wrapper a, .guide-cta__wrapper .red-black__red a, .red-black__red .appello-modal__exit button, .appello-modal__exit .red-black__red button, .red-black__red #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .red-black__red a, .red-black__red .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .red-black__red a {
margin-top: 40px;
width: auto;
}
.red-black__red .button:hover, .red-black__red .guide-cta__wrapper a:hover, .guide-cta__wrapper .red-black__red a:hover, .red-black__red .appello-modal__exit button:hover, .appello-modal__exit .red-black__red button:hover, .red-black__red #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .red-black__red a:hover, .red-black__red .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .red-black__red a:hover {
color: #fff !important;
}
.keypoints {
width: 100%;
float: left;
padding: 50px 30px;
position: relative;
height: 750px;
}
.keypoints h2 {
color: #ff5327;
display: inline-block;
text-align: center;
}
.keypoints .button, .keypoints .guide-cta__wrapper a, .guide-cta__wrapper .keypoints a, .keypoints .appello-modal__exit button, .appello-modal__exit .keypoints button, .keypoints #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .keypoints a, .keypoints .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .keypoints a {
margin-top: 15px;
display: inline-block;
float: right;
width: auto;
position: absolute;
bottom: 25px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.keypoints__points {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
width: 100%;
padding: 50px 30px;
}
.keypoints__points .slick-list {
width: 100%;
}
.keypoints__points .point {
position: relative;
padding: 30px 0 30px 0;
}
.keypoints__points .point:last-of-type {
margin-right: auto;
}
.keypoints__points .point h2 {
color: #323232;
}
.keypoints__points .point .body {
margin-top: 30px;
color: #323232;
opacity: 0.5;
filter: alpha(opacity=50);
line-height: 1.63;
}
.keypoints__points .point .logo {
display: block;
margin: 0 auto;
}
.keypoints__points .point .title {
margin: 40px;
text-align: center;
font-size: 1.5rem;
}
.keypoints__points .point .body {
text-align: center;
}
.keypoints__points .slick-dots {
text-align: center;
margin: 0 auto;
}
.keypoints__points .slick-dots li {
display: inline-block;
margin-left: 10px;
}
.keypoints__points .slick-dots li button {
color: transparent;
border-radius: 100px;
border: 1px solid rgba(151, 151, 151, 0.3);
background-color: transparent;
width: 13px;
height: 13px;
font-size: 0;
text-indent: -9999px;
padding: 0;
}
.keypoints__points .slick-dots li.slick-active button {
background-color: #ff5327;
}
.page-template-template-about .intro {
float: left;
width: 100%;
text-align: left;
background-color: #f8f9fa;
padding: 50px 0;
margin: 0;
position: relative;
}
.page-template-template-about .intro:before {
width: 100%;
height: 80px;
background-color: #f8f9fa;
position: absolute;
top: -80px;
}
.page-template-template-about .intro h2 {
margin-bottom: 50px;
width: 450px;
}
.page-template-template-about .intro h2 span {
color: #ff5327;
}
.page-template-template-about .intro__body {
width: 450px;
float: right;
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 1.7;
font-size: 1.1em;
}
.page-template-template-about .ethos {
float: left;
position: relative;
width: 100%;
padding: 4rem 0;
overflow: hidden;
text-align: center;
}
.page-template-template-about .ethos:after {
content: "";
border-bottom: 1px solid #B7B7B7;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
width: 90%;
margin: 0 auto;
}
.page-template-template-about .ethos .button, .page-template-template-about .ethos .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .ethos a, .page-template-template-about .ethos .appello-modal__exit button, .appello-modal__exit .page-template-template-about .ethos button, .page-template-template-about .ethos #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .ethos a, .page-template-template-about .ethos .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .ethos a {
margin: 0 auto;
}
.page-template-template-about .ethos #animation_container {
bottom: 0;
display: none;
position: absolute;
}
.page-template-template-about .ethos #animation_container canvas {
width: 100%;
height: 100%;
}
.page-template-template-about .ethos__image {
display: none;
position: relative;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.page-template-template-about .ethos__image:after {
content: "";
display: block;
padding-bottom: 65%;
}
.page-template-template-about .ethos__image .circles {
display: none;
}
.page-template-template-about .ethos h2 {
margin: 2.1rem 0;
font-size: 2.1em;
}
.page-template-template-about .ethos__body {
width: 100%;
opacity: 0.6;
filter: alpha(opacity=60);
line-height: 1.7;
font-size: 1.1em;
margin-bottom: 30px;
}
.page-template-template-about .team {
float: left;
width: 100%;
padding: 50px 0 4rem 0;
}
.page-template-template-about .team__header {
margin: 0 auto;
text-align: center;
}
.page-template-template-about .team__header h2 {
font-size: 2.1em;
margin: 0 0 2.1rem 0;
}
.page-template-template-about .team__header .body {
margin: 0 auto;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-about .team__members {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 1rem;
}
.page-template-template-about .team__members:after {
content: "flickity";
display: none;
}
.page-template-template-about .team__members.flickity-enabled .flickity-viewport {
width: 100%;
}
.page-template-template-about .team__members.flickity-enabled .member {
width: 100%;
}
.page-template-template-about .team__members .flickity-page-dots {
bottom: -1em;
}
.page-template-template-about .team__members .flickity-page-dots .dot {
background: #ff5327;
}
.page-template-template-about .team__members .member {
height: 300px;
padding: 20px 0;
margin-bottom: 3.6rem;
width: 100%;
float: left;
}
.page-template-template-about .team__members .member__image {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.page-template-template-about .team__members .member__image .button, .page-template-template-about .team__members .member__image .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .team__members .member__image a, .page-template-template-about .team__members .member__image .appello-modal__exit button, .appello-modal__exit .page-template-template-about .team__members .member__image button, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
padding: 10px;
position: absolute;
right: 0;
top: 30px;
visibility: visible;
}
.page-template-template-about .team__members .member__image .button span, .page-template-template-about .team__members .member__image .guide-cta__wrapper a span, .guide-cta__wrapper .page-template-template-about .team__members .member__image a span, .page-template-template-about .team__members .member__image .appello-modal__exit button span, .appello-modal__exit .page-template-template-about .team__members .member__image button span, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a span, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a span, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a span, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a span {
display: none;
}
.page-template-template-about .team__members .member__image .button i, .page-template-template-about .team__members .member__image .guide-cta__wrapper a i, .guide-cta__wrapper .page-template-template-about .team__members .member__image a i, .page-template-template-about .team__members .member__image .appello-modal__exit button i, .appello-modal__exit .page-template-template-about .team__members .member__image button i, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a i, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a i, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a i, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a i {
margin: 0;
left: auto;
top: auto;
}
.page-template-template-about .team__members .member__image:hover .button, .page-template-template-about .team__members .member__image:hover .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .team__members .member__image:hover a, .page-template-template-about .team__members .member__image:hover .appello-modal__exit button, .appello-modal__exit .page-template-template-about .team__members .member__image:hover button, .page-template-template-about .team__members .member__image:hover #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image:hover a, .page-template-template-about .team__members .member__image:hover .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image:hover a {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.page-template-template-about .team__members .member__name {
margin-top: 20px;
}
.page-template-template-about .team__members .member__name span {
color: #ff5327;
padding-left: 10px;
display: inline-block;
}
.page-template-template-about .downloads {
float: left;
width: 100%;
padding: 3rem 0;
}
.page-template-template-about .downloads__header {
text-align: left;
}
.page-template-template-about .downloads__header h2 {
font-size: 2.1em;
margin: 2.1rem 0;
}
.page-template-template-about .downloads__header span {
color: #ff5327;
}
.page-template-template-about .downloads__header .button, .page-template-template-about .downloads__header .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .downloads__header a, .page-template-template-about .downloads__header .appello-modal__exit button, .appello-modal__exit .page-template-template-about .downloads__header button, .page-template-template-about .downloads__header #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .downloads__header a, .page-template-template-about .downloads__header .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .downloads__header a {
margin: 2rem auto;
}
.page-template-template-about .downloads__downloads {
background-color: #f7f7f7;
padding: 2rem;
}
.page-template-template-about .downloads__downloads .downloads-title {
color: #ff5327;
margin-bottom: 2rem;
margin-top: 0;
}
.page-template-template-about .downloads__downloads .download {
margin-bottom: 1.5rem;
}
.page-template-template-about .downloads__downloads .download:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.page-template-template-about .downloads__downloads .download:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.page-template-template-about .downloads__downloads .download:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.page-template-template-about .downloads__downloads .download:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-template-template-about .downloads__downloads .download:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.page-template-template-about .downloads__downloads .download:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.page-template-template-about .downloads__downloads .download:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.page-template-template-about .downloads__downloads .download:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.page-template-template-about .downloads__downloads .download:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.page-template-template-about .downloads__downloads .download:last-child {
margin-bottom: 0;
}
.page-template-template-about .downloads__downloads .download:last-child .border {
display: none;
}
.page-template-template-about .downloads__downloads .download .title {
font-size: 1em;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.page-template-template-about .downloads__downloads .download .border {
width: 100%;
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
display: block;
margin-top: 1.5rem;
}
.page-template-template-about .downloads__downloads .download a {
color: #ff5327;
position: relative;
}
.page-template-template-about .downloads__downloads .download a:after {
position: absolute;
right: -25px;
top: 6px;
content: "";
width: 20px;
height: 11px;
background-image: url("../images/Arrow_Orange_Right.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.page-template-template-about .downloads__downloads .download a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
right: -25px;
}
.page-template-template-about .downloads__downloads .download:nth-of-type(odd) {
margin-right: auto;
}
.page-template-template-about .featureQuote #animation_container {
bottom: 0;
position: absolute;
}
.page-template-template-about .featureQuote #animation_container canvas {
width: 100%;
height: 100%;
}
.page-template-template-about .featureQuote .bg-pattern {
display: none;
}
.page-template-template-services .services {
width: 100%;
float: left;
margin-top: 45px;
}
.page-template-template-services .services__service {
padding: 0;
position: relative;
background-color: #f8f9fa;
}
.page-template-template-services .services__service h2 {
font-size: 2.1rem;
color: #ff5327;
}
.page-template-template-services .services__service h2 span {
color: #000;
display: block;
line-height: 1;
}
.page-template-template-services .services__service .dotted--line {
display: none;
}
.page-template-template-services .services__service figure {
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.page-template-template-services .services__service figure:after {
content: "";
display: block;
padding-bottom: 70%;
}
.page-template-template-services .services__service .text {
max-width: 48.31rem;
padding: 45px 0 30px 0;
}
.page-template-template-services .services__service .text .inner {
margin: 0 auto;
}
.page-template-template-services .services__service .text .body {
opacity: 0.5;
filter: alpha(opacity=50);
width: 100%;
padding: 13px 0 50px 0;
line-height: 1.63;
}
.page-template-template-services .services__service .button, .page-template-template-services .services__service .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-services .services__service a, .page-template-template-services .services__service .appello-modal__exit button, .appello-modal__exit .page-template-template-services .services__service button, .page-template-template-services .services__service #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-services .services__service a, .page-template-template-services .services__service .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-services .services__service a {
display: inline-block;
width: auto !important;
margin-bottom: 66px;
}
.page-template-template-services .services__service .button:last-of-type, .page-template-template-services .services__service .guide-cta__wrapper a:last-of-type, .guide-cta__wrapper .page-template-template-services .services__service a:last-of-type, .page-template-template-services .services__service .appello-modal__exit button:last-of-type, .appello-modal__exit .page-template-template-services .services__service button:last-of-type, .page-template-template-services .services__service #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:last-of-type, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-services .services__service a:last-of-type, .page-template-template-services .services__service .header .wrap .menu-global-menu-container ul li.button-li a:last-of-type, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-services .services__service a:last-of-type {
display: none;
}
.page-template-template-services .services__service .row.image-left {
display: flex;
flex-direction: column-reverse;
}
.page-template-template-services .services--black {
background-color: #323232;
color: #fff;
position: relative;
}
.page-template-template-services .services--black .col-md-6:first-of-type {
padding-left: 50px;
}
.page-template-template-services .services--black figure {
float: right;
}
.page-template-template-services .services--black h2 span {
color: #fff;
}
.page-template-template-services .services--black:after {
left: 54.25rem !important;
z-index: 100;
}
.page-template-template-services .services--grey {
background-color: #f8f9fa;
z-index: 0;
position: relative;
}
.page-template-template-services .services--grey:after {
display: none;
}
.page-template-template-terms .terms {
padding: 12.5rem 0;
float: left;
width: 100%;
}
.page-template-template-terms .terms .terms-nav {
float: left;
width: 15.06rem;
margin-right: 5.625rem;
display: inline-block;
}
.page-template-template-terms .terms .terms-nav a {
font-size: 1.625rem;
color: #323232;
opacity: 0.6;
filter: alpha(opacity=60);
}
.page-template-template-terms .terms .terms-nav a.active {
color: #ff5327;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-terms .terms .content {
max-width: 700px;
float: right;
}
.page-template-template-terms .terms .content h2 {
color: #ff5327;
margin-bottom: 2.875rem;
}
.page-template-template-terms .terms .content .body {
opacity: 0.6;
filter: alpha(opacity=60);
}
.page-template-template-terms .terms .content .body span {
font-weight: 600;
}
@keyframes pulseanim {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
opacity: 0;
}
}
.news__container .left-col .news_pagination {
margin: -1rem 0 4rem 0;
}
.blog .news_pagination--number,
.page-template-template-news-new .news_pagination--number {
padding: 0 0.5em;
position: relative;
left: -0.5em;
}
.blog .news_pagination--number:hover,
.page-template-template-news-new .news_pagination--number:hover {
cursor: pointer;
}
.blog .news_pagination--number.active,
.page-template-template-news-new .news_pagination--number.active {
font-weight: bold;
}
.blog .news__articles,
.page-template-template-news-new .news__articles {
overflow: hidden;
}
.blog .header .wrap .menu-global-menu-container ul li a,
.page-template-template-news-new .header .wrap .menu-global-menu-container ul li a {
color: #000;
}
.blog .news,
.page-template-template-news-new .news {
padding: 12.5rem 0 0 0;
float: left;
width: 100%;
}
.blog .news h1,
.page-template-template-news-new .news h1 {
font-size: 2.12rem;
}
.blog .news__filters #search,
.page-template-template-news-new .news__filters #search {
display: none;
}
.blog .news__filters #search input,
.page-template-template-news-new .news__filters #search input {
border-bottom: none;
margin-bottom: 0;
}
.blog .news__filters #filters,
.page-template-template-news-new .news__filters #filters {
background: #323232;
color: #fff;
padding: 0.5rem;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-top: 1rem;
}
.blog .news__filters #filters .inputs,
.page-template-template-news-new .news__filters #filters .inputs {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 0 1rem;
}
.blog .news__filters #filters .inputs select::-ms-expand,
.page-template-template-news-new .news__filters #filters .inputs select::-ms-expand {
display: none;
}
.blog .news__filters #filters .inputs select,
.page-template-template-news-new .news__filters #filters .inputs select {
display: inline-block;
border-bottom: none;
font-size: 1rem;
box-sizing: border-box;
height: auto;
line-height: auto;
padding-bottom: 0;
margin-bottom: 0;
color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.49999 12.75L0.138776 -1.28708e-06L14.8612 0L7.49999 12.75Z' fill='%23FF5327'/%3E%3C/svg%3E%0A");
background-size: 0.5rem auto;
}
.blog .news__filters #filters .inputs select:last-of-type,
.page-template-template-news-new .news__filters #filters .inputs select:last-of-type {
margin-right: 0;
}
.blog .news__filters #filters .inputs select option,
.page-template-template-news-new .news__filters #filters .inputs select option {
color: #000;
}
.blog .news__filters #filters input[type="submit"],
.page-template-template-news-new .news__filters #filters input[type="submit"] {
margin-left: auto;
width: 100%;
text-align: right;
background-color: transparent;
border: none;
color: #ff5327;
margin-left: auto;
padding-right: 1rem;
padding-bottom: 1rem;
color: #B7B7B7;
}
.blog .news__filters #filters .reset,
.page-template-template-news-new .news__filters #filters .reset {
margin-left: auto;
display: none;
margin: 0;
color: #000;
opacity: 0.6;
font-size: 0.8rem;
}
.blog .news__loader,
.page-template-template-news-new .news__loader {
display: none;
z-index: 100000;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
text-align: center;
}
.blog .news__loader img,
.page-template-template-news-new .news__loader img {
margin: 300px auto;
animation: pulseanim 1.2s ease-in-out infinite;
width: 100px;
height: 100px;
}
.blog .news__loader.active,
.page-template-template-news-new .news__loader.active {
display: block;
}
.blog .news__articles,
.page-template-template-news-new .news__articles {
display: block;
flex-wrap: wrap;
flex: 0 100%;
padding: 30px 0;
}
.blog .news__articles .article,
.page-template-template-news-new .news__articles .article {
width: 100%;
float: left;
padding: 20px 0;
position: relative;
margin-bottom: 1rem;
}
.blog .news__articles .article:nth-of-type(odd),
.page-template-template-news-new .news__articles .article:nth-of-type(odd) {
float: left;
}
.blog .news__articles .article a,
.page-template-template-news-new .news__articles .article a {
color: #000 !important;
}
.blog .news__articles .article a:visited,
.page-template-template-news-new .news__articles .article a:visited {
text-decoration: none;
}
.blog .news__articles .article .article__title,
.page-template-template-news-new .news__articles .article .article__title {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
display: block;
/* Fallback for non-webkit */
display: -webkit-box;
max-width: 100%;
}
.blog .news__articles .article:hover .article__title,
.page-template-template-news-new .news__articles .article:hover .article__title {
color: rgba(0, 0, 0, 0.5) !important;
}
.blog .news__articles .article:hover .button, .blog .news__articles .article:hover .guide-cta__wrapper a, .guide-cta__wrapper .blog .news__articles .article:hover a, .blog .news__articles .article:hover .appello-modal__exit button, .appello-modal__exit .blog .news__articles .article:hover button, .blog .news__articles .article:hover #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .blog .news__articles .article:hover a, .blog .news__articles .article:hover .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .blog .news__articles .article:hover a,
.page-template-template-news-new .news__articles .article:hover .button,
.page-template-template-news-new .news__articles .article:hover .guide-cta__wrapper a,
.guide-cta__wrapper .page-template-template-news-new .news__articles .article:hover a,
.page-template-template-news-new .news__articles .article:hover .appello-modal__exit button,
.appello-modal__exit .page-template-template-news-new .news__articles .article:hover button,
.page-template-template-news-new .news__articles .article:hover #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a,
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-news-new .news__articles .article:hover a,
.page-template-template-news-new .news__articles .article:hover .header .wrap .menu-global-menu-container ul li.button-li a,
.header .wrap .menu-global-menu-container ul li.button-li .page-template-template-news-new .news__articles .article:hover a {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.blog .news__articles .article .button, .blog .news__articles .article .guide-cta__wrapper a, .guide-cta__wrapper .blog .news__articles .article a, .blog .news__articles .article .appello-modal__exit button, .appello-modal__exit .blog .news__articles .article button, .blog .news__articles .article #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .blog .news__articles .article a, .blog .news__articles .article .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .blog .news__articles .article a,
.page-template-template-news-new .news__articles .article .button,
.page-template-template-news-new .news__articles .article .guide-cta__wrapper a,
.guide-cta__wrapper .page-template-template-news-new .news__articles .article a,
.page-template-template-news-new .news__articles .article .appello-modal__exit button,
.appello-modal__exit .page-template-template-news-new .news__articles .article button,
.page-template-template-news-new .news__articles .article #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a,
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-news-new .news__articles .article a,
.page-template-template-news-new .news__articles .article .header .wrap .menu-global-menu-container ul li.button-li a,
.header .wrap .menu-global-menu-container ul li.button-li .page-template-template-news-new .news__articles .article a {
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
z-index: 2;
color: #fff !important;
}
.blog .news__articles .article .button:hover, .blog .news__articles .article .guide-cta__wrapper a:hover, .guide-cta__wrapper .blog .news__articles .article a:hover, .blog .news__articles .article .appello-modal__exit button:hover, .appello-modal__exit .blog .news__articles .article button:hover, .blog .news__articles .article #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .blog .news__articles .article a:hover, .blog .news__articles .article .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .blog .news__articles .article a:hover,
.page-template-template-news-new .news__articles .article .button:hover,
.page-template-template-news-new .news__articles .article .guide-cta__wrapper a:hover,
.guide-cta__wrapper .page-template-template-news-new .news__articles .article a:hover,
.page-template-template-news-new .news__articles .article .appello-modal__exit button:hover,
.appello-modal__exit .page-template-template-news-new .news__articles .article button:hover,
.page-template-template-news-new .news__articles .article #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover,
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-news-new .news__articles .article a:hover,
.page-template-template-news-new .news__articles .article .header .wrap .menu-global-menu-container ul li.button-li a:hover,
.header .wrap .menu-global-menu-container ul li.button-li .page-template-template-news-new .news__articles .article a:hover {
color: #ff5327 !important;
}
.blog .news__articles .article figure,
.page-template-template-news-new .news__articles .article figure {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.blog .news__articles .article figure:after,
.page-template-template-news-new .news__articles .article figure:after {
display: block;
content: "";
padding-bottom: 65%;
}
.blog .news__articles .article__title,
.page-template-template-news-new .news__articles .article__title {
font-size: 1.5em;
margin: 30px 0 20px 0;
width: 90%;
opacity: 0.8;
font-weight: normal;
}
.blog .news__articles .article__information,
.page-template-template-news-new .news__articles .article__information {
color: #B7B7B7;
font-size: 0.9rem;
}
.blog .news__articles .article__information span,
.page-template-template-news-new .news__articles .article__information span {
margin-left: 10px;
color: #ff5327;
}
.blog .news__articles .article__excerpt,
.page-template-template-news-new .news__articles .article__excerpt {
padding: 30px 0 40px 0;
opacity: 0.5;
filter: alpha(opacity=50);
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
line-height: 1.63;
min-height: 150px;
}
.page-template-template-careers .careers-header {
padding: 170px 0 60px 0;
}
.page-template-template-careers .careers-header #discover {
display: none;
}
.page-template-template-careers .careers-header h1 {
font-size: 2.12rem;
margin: 0 0 2rem 0;
}
.page-template-template-careers .careers-header h1 span {
color: #ff5327;
}
.page-template-template-careers .careers-header .body {
opacity: 0.5;
filter: alpha(opacity=50);
padding-bottom: 30px;
line-height: 1.63;
}
.page-template-template-careers .careers-header .button, .page-template-template-careers .careers-header .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-careers .careers-header a, .page-template-template-careers .careers-header .appello-modal__exit button, .appello-modal__exit .page-template-template-careers .careers-header button, .page-template-template-careers .careers-header #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-careers .careers-header a, .page-template-template-careers .careers-header .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-careers .careers-header a {
display: inline-block;
width: auto;
}
.page-template-template-careers .careers-header figure {
display: none;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
float: right;
margin-top: 50px;
}
.page-template-template-careers .careers-header figure:after {
display: block;
content: "";
padding-bottom: 60%;
}
.page-template-template-careers .mission {
background-color: #323232;
color: #fff;
padding: 66px 0;
position: relative;
}
.page-template-template-careers .mission .wrap {
position: relative;
z-index: 2;
}
.page-template-template-careers .mission figure {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0%;
-moz-transform: perspective(1px) translate(0%, 0%);
-o-transform: perspective(1px) translate(0%, 0%);
-ms-transform: perspective(1px) translate(0%, 0%);
-webkit-transform: perspective(1px) translate(0%, 0%);
transform: perspective(1px) translate(0%, 0%);
background-repeat: no-repeat;
background-size: 80% auto;
background-position: top center;
z-index: 1;
display: block;
opacity: 0.03;
filter: alpha(opacity=3);
}
.page-template-template-careers .mission__statement {
font-size: 1.25rem;
padding: 10px;
margin-bottom: 30px;
}
.page-template-template-careers .mission__statement span {
color: #ff5327;
}
.page-template-template-careers .mission__statement2 {
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
padding-bottom: 50px;
padding: 10px 10px 50px 10px;
}
.page-template-template-careers .mission .inner {
width: 28.93rem;
}
.page-template-template-careers .mission .inner .button, .page-template-template-careers .mission .inner .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-careers .mission .inner a, .page-template-template-careers .mission .inner .appello-modal__exit button, .appello-modal__exit .page-template-template-careers .mission .inner button, .page-template-template-careers .mission .inner #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-careers .mission .inner a, .page-template-template-careers .mission .inner .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-careers .mission .inner a {
width: auto;
}
.page-template-template-careers .employee-testimonials {
padding: 8rem 0;
background-color: #f8f9fa;
width: 100%;
float: left;
position: relative;
}
.page-template-template-careers .employee-testimonials .slick-next,
.page-template-template-careers .employee-testimonials .slick-prev {
position: absolute;
}
.page-template-template-careers .employee-testimonials .employee-images__slider {
position: absolute !important;
width: 100% !important;
height: 100% !important;
}
.page-template-template-careers .employee-testimonials .employee-images__slider .slick-list,
.page-template-template-careers .employee-testimonials .employee-images__slider .slick-track {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.page-template-template-careers .employee-testimonials .employee-images__slide {
width: 130% !important;
left: -15% !important;
position: relative;
}
.page-template-template-careers .employee-testimonials .employee-images__slide figure {
float: left;
position: relative;
width: 19rem;
height: 30.68rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.page-template-template-careers .employee-testimonials .employee-images__slide figure:last-child {
float: right;
}
.page-template-template-careers .employee-testimonials__slider {
width: 100%;
height: 30.68rem;
position: relative;
}
.page-template-template-careers .employee-testimonials__slider .slick-next,
.page-template-template-careers .employee-testimonials__slider .slick-prev {
position: absolute;
top: 0;
right: 0;
display: none !important;
}
.page-template-template-careers .employee-testimonials__slider .slick-list {
padding: 0 10rem;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide {
margin: 0 auto;
width: 62.31rem;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__image {
position: relative;
width: 19rem;
height: 30.68rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content {
width: calc(100% - 22rem);
display: inline-block;
height: 30.68rem;
float: right;
margin-right: 1rem;
padding: 50px 0;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details {
width: 28.93rem;
margin: 0 auto;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__name {
font-size: 1.625rem;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__position {
font-size: 1.625rem;
opacity: 0.3;
filter: alpha(opacity=30);
margin-bottom: 1.93rem;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-list {
padding: 0 !important;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-dots {
width: 100%;
margin: 40px 0 0 0;
float: left;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-dots li {
float: left;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-dots li button {
background: transparent;
border: 0;
width: 8px;
height: 8px;
padding: 0;
text-indent: -1000em;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: #000;
margin: 0 18px 0 0;
opacity: 0.3;
filter: alpha(opacity=30);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-dots li button:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .slick-dots li.slick-active button {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .question__question {
color: #ff5327;
margin-bottom: 1.68rem;
}
.page-template-template-careers .employee-testimonials__slider .employee-slide__content .details__questions .question__answer {
line-height: 1.63;
opacity: 0.6;
filter: alpha(opacity=60);
}
.page-template-template-careers .text-with-points .text {
display: inline-block;
margin-right: 0;
}
.page-template-template-careers .text-with-points .text .text-with-points__header {
width: 100%;
font-size: 1.625em;
}
.page-template-template-careers .text-with-points .text .text-with-points__header span {
color: #ff5327;
}
.page-template-template-careers .text-with-points__points {
width: 25rem;
}
.page-template-template-careers .text-with-points__points ul {
padding-left: 20px;
margin-top: 20px;
}
.page-template-template-careers .text-with-points__points ul li {
color: rgba(0, 0, 0, 0.5);
position: relative;
padding: 0 0;
line-height: 1.63;
margin-bottom: 20px;
}
.page-template-template-careers .text-with-points__points ul li:before {
content: "";
width: 5px;
height: 5px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
color: #ff5327;
margin-right: 1em;
left: -20px;
top: 11px;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-careers .text-with-points__points ul li:last-of-type {
margin-bottom: 0;
}
.page-template-template-careers .cta {
width: 100%;
background-color: #323232;
color: #fff;
padding: 66px 0 66px 0;
float: left;
}
.page-template-template-careers .cta__heading {
width: 90%;
font-size: 1.625em;
}
.page-template-template-careers .cta__heading span {
color: #ff5327;
}
.page-template-template-careers .cta__sub-heading {
margin-top: 40px;
font-size: 1em;
opacity: 0.6 !important;
width: 90%;
}
.page-template-template-careers .cta__sub-heading:nth-of-type(1) {
margin-top: 0;
}
.page-template-template-careers .cta .button, .page-template-template-careers .cta .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-careers .cta a, .page-template-template-careers .cta .appello-modal__exit button, .appello-modal__exit .page-template-template-careers .cta button, .page-template-template-careers .cta #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-careers .cta a, .page-template-template-careers .cta .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-careers .cta a {
display: inline-block;
margin-top: 40px;
margin-right: 20px;
width: auto;
}
.page-template-template-careers .cta__contact {
margin-top: 40px;
}
.page-template-template-careers .cta__contact a {
margin-left: 10px;
display: block;
margin-bottom: 20px;
color: #fff;
}
.page-template-template-careers .cta__contact a span {
color: #ff5327;
}
.page-template-template-careers .cta__contact a:last-of-type {
margin-bottom: 0;
}
.page-template-template-contact .map {
position: relative;
background-color: #B7B7B7;
width: 100%;
float: left;
padding-bottom: 400px;
margin-top: 180px;
}
.page-template-template-contact .map .contact-details {
width: 100%;
background-color: #323232;
padding: 4.31rem 2rem;
color: #fff;
z-index: 150;
}
.page-template-template-contact .map .contact-details h2 {
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
color: #fff;
margin: 0;
display: inline-block;
font-size: 1.25rem;
opacity: 0.3;
filter: alpha(opacity=30);
}
.page-template-template-contact .map .contact-details h2:hover {
cursor: pointer;
}
.page-template-template-contact .map .contact-details h2:first-of-type {
margin-right: 20px;
}
.page-template-template-contact .map .contact-details h2.active {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-contact .map .contact-details .town {
display: none;
}
.page-template-template-contact .map .contact-details .town.active {
display: block;
}
.page-template-template-contact .map .contact-details .intro-text {
margin: 33px 0;
opacity: 0.5;
filter: alpha(opacity=50);
text-align: left;
}
.page-template-template-contact .map .contact-details a {
color: #fff;
margin-bottom: 1.06rem;
}
.page-template-template-contact .map .contact-details a span {
color: #ff5327;
}
.page-template-template-contact .map .contact-details p {
margin-bottom: 1.06rem;
}
.page-template-template-contact .map .contact-details p:first-of-type {
margin-top: 1.06rem;
}
.page-template-template-contact .map .contact-details p span {
color: #ff5327;
}
.page-template-template-contact .map .gmap {
width: 100%;
height: 400px;
position: absolute;
left: 0;
bottom: 0;
z-index: 100;
display: none;
}
.page-template-template-contact .map .gmap.active {
display: block;
}
.page-template-template-contact .contact-form {
float: left;
width: 100%;
padding: 4rem 0;
background-color: #fff;
}
.page-template-template-contact .contact-form__heading h2 {
text-align: left;
margin-bottom: 50px;
font-size: 2.12rem;
}
.page-template-template-contact .contact-form__heading .body {
width: 100%;
margin: 0 auto;
text-align: left;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-contact .contact-form__form {
text-align: center;
margin-top: 2rem;
}
.page-template-template-contact .contact-form__form .gform_validation_container {
display: none !important;
}
.page-template-template-contact .contact-form__form .gfield {
padding: 0;
width: 100%;
float: left;
margin: 0 0 1rem 0%;
text-align: left;
}
.page-template-template-contact .contact-form__form .gfield.full-width {
width: 100%;
}
.page-template-template-contact .contact-form__form .gform_footer {
width: 100%;
float: left;
text-align: right;
}
.page-template-template-contact .contact-form__form .gform_footer input {
float: left;
margin-right: 0;
margin-top: 30px;
}
.page-template-template-contact .faq {
background-color: #f8f9fa;
padding: 100px 0;
width: 100%;
float: left;
}
.page-template-template-contact .faq__heading h2 {
text-align: left;
}
.page-template-template-contact .faq__heading .body {
width: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
color: #B7B7B7;
text-align: left;
}
.page-template-template-contact .faq__nav {
margin-top: 5.62rem;
width: 100%;
float: left;
display: inline-block;
}
.page-template-template-contact .faq__nav ul li {
opacity: 0.6;
font-size: 1.6em;
margin-bottom: 50px;
margin: 0 30px 0 30px;
width: 60%;
cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.page-template-template-contact .faq__nav ul li:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.page-template-template-contact .faq__nav ul li:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.page-template-template-contact .faq__nav ul li:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.page-template-template-contact .faq__nav ul li:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-template-template-contact .faq__nav ul li:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.page-template-template-contact .faq__nav ul li:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.page-template-template-contact .faq__nav ul li:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.page-template-template-contact .faq__nav ul li:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.page-template-template-contact .faq__nav ul li:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.page-template-template-contact .faq__nav ul li.active {
color: #ff5327;
opacity: 1;
}
.page-template-template-contact .faq__questions {
width: 100%;
display: inline-block;
float: left;
}
.page-template-template-contact .faq__questions ul li {
font-size: 1.2em;
padding-bottom: 30px;
margin-top: 30px;
padding-right: 3em;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
position: relative;
}
.page-template-template-contact .faq__questions ul li:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.page-template-template-contact .faq__questions ul li:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.page-template-template-contact .faq__questions ul li:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.page-template-template-contact .faq__questions ul li:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-template-template-contact .faq__questions ul li:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.page-template-template-contact .faq__questions ul li:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.page-template-template-contact .faq__questions ul li:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.page-template-template-contact .faq__questions ul li:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.page-template-template-contact .faq__questions ul li:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.page-template-template-contact .faq__questions ul li:after {
content: "";
width: 16px;
height: 20px;
background-image: url(../images/Chevron-Down.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 20px;
top: 5px;
}
.page-template-template-contact .faq__questions ul li:hover {
cursor: pointer;
}
.page-template-template-contact .faq__questions ul li .answer {
display: none;
padding: 20px 0 0 0;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-contact .faq__questions .question-set {
display: none;
}
.page-template-template-contact .faq__questions .question-set.active {
display: block;
}
.page-template-template-contact .social {
width: 100%;
float: left;
padding: 3.75rem 0 100px;
background-color: #323232;
color: #fff;
}
.page-template-template-contact .social__twitter {
margin: 0 auto 3.5rem auto;
color: #fff;
text-align: center;
font-size: 1.5em;
}
.page-template-template-contact .social__twitter .logo {
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin: 0 auto 30px;
}
.page-template-template-contact .social__twitter a {
color: #ff5327;
}
.page-template-template-contact .social__twitter .tweet-deets {
width: 100%;
display: block;
font-size: 1rem;
margin-top: 3.25rem;
opacity: 0.5;
filter: alpha(opacity=50);
text-align: center;
}
.page-template-template-contact .social__twitter .tweet-deets i {
font-size: 0.3rem;
margin: 0 25px;
vertical-align: middle;
}
.page-template-template-contact .contact-team__heading h2 {
font-size: 2.12rem;
}
.page-template-template-contact .contact-team__members {
justify-content: space-between;
}
@media (min-width: 1024px) {
.page-template-template-contact .contact-team__members {
justify-content: flex-start;
}
}
.page-template-template-contact .contact-team__members .member {
width: 155px;
margin-bottom: 60px;
}
@media (min-width: 768px) {
.page-template-template-contact .contact-team__members .member {
width: 216px;
justify-content: flex-start;
}
}
@media (min-width: 1024px) {
.page-template-template-contact .contact-team__members .member {
width: 230px;
margin-right: 40px;
}
.page-template-template-contact .contact-team__members .member:nth-of-type(4n+4) {
margin-right: 0;
}
}
.page-template-template-contact .contact-team__members .member__name {
margin-top: 20px;
margin-bottom: 15px;
font-size: 1.2em;
}
.page-template-template-contact .contact-team__members .member__image {
max-width: 230px;
height: 260px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.icon {
background-repeat: no-repeat;
background-position: center;
display: block;
width: 13px;
height: 13px;
}
.email-icon {
background-image: url("../images/email-icon.png");
}
.phone-icon {
background-image: url("../images/phone-icon.png");
}
.text-orange {
color: #ff5327;
}
.page-template-template-dtm .intro {
padding: 11rem 0 4.12rem 0;
background-color: #323232;
margin-top: 0;
}
.page-template-template-dtm .intro__heading {
color: #fff;
text-align: left;
font-size: 1.5em;
float: left;
}
.page-template-template-dtm .intro__heading span {
color: #ff5327;
}
.page-template-template-dtm .intro__body {
color: #fff;
text-align: left;
}
.page-template-template-dtm .intro__body .inner {
opacity: 0.7;
filter: alpha(opacity=70);
}
.page-template-template-dtm .intro .button, .page-template-template-dtm .intro .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .intro a, .page-template-template-dtm .intro .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .intro button, .page-template-template-dtm .intro #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .intro a, .page-template-template-dtm .intro .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .intro a {
width: auto !important;
margin-top: 2.5rem;
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
}
.page-template-template-dtm .quote {
padding: 60px 0;
float: left;
width: 100%;
position: relative;
}
.page-template-template-dtm .quote .circle-images {
display: none;
}
.page-template-template-dtm .quote__quote {
margin: 0 auto;
text-align: center;
font-size: 1.7em;
}
.page-template-template-dtm .quote__quote span {
color: #ff5327;
}
.page-template-template-dtm .quote .responsive-image {
width: 120px;
height: 120px;
background-color: #B7B7B7;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: 0 auto 50px;
border-radius: 100px;
}
.page-template-template-dtm .red-grey {
width: 100%;
float: left;
position: relative;
}
.page-template-template-dtm .red-grey .max {
position: relative;
z-index: 2;
}
.page-template-template-dtm .red-grey:before, .page-template-template-dtm .red-grey:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background: #f8f9fa;
}
.page-template-template-dtm .red-grey:after {
left: auto;
right: 0;
background: #ff5327;
}
.page-template-template-dtm .red-grey__left {
background-color: #f8f9fa;
padding: 4rem 30px;
justify-content: center;
align-items: center;
height: auto !important;
}
.page-template-template-dtm .red-grey__left .heading {
font-size: 2.12em;
}
.page-template-template-dtm .red-grey__left ul {
padding-left: 20px;
margin-top: 50px;
}
.page-template-template-dtm .red-grey__left ul li {
position: relative;
color: rgba(0, 0, 0, 0.5);
margin-bottom: 1.81rem;
}
.page-template-template-dtm .red-grey__left ul li:before {
content: "";
width: 5px;
height: 5px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
color: #ff5327;
margin-right: 1em;
left: -20px;
top: 8px;
}
.page-template-template-dtm .red-grey__left ul li a {
display: block;
color: #ff5327;
}
.page-template-template-dtm .red-grey__right {
background-color: #ff5327;
padding: 5rem 30px;
}
.page-template-template-dtm .red-grey__right .heading {
font-size: 2.12em;
color: #fff;
width: 80%;
margin: 0 auto;
text-align: center;
}
.page-template-template-dtm .red-grey__right .button, .page-template-template-dtm .red-grey__right .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .red-grey__right a, .page-template-template-dtm .red-grey__right .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .red-grey__right button, .page-template-template-dtm .red-grey__right #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .red-grey__right a, .page-template-template-dtm .red-grey__right .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .red-grey__right a {
margin: 0 auto;
margin-top: 50px;
width: auto;
display: none;
}
.page-template-template-dtm .red-grey__right .slick-dots {
text-align: center;
margin: 0 auto;
}
.page-template-template-dtm .red-grey__right .slick-dots li {
display: inline-block;
margin-left: 10px;
}
.page-template-template-dtm .red-grey__right .slick-dots li button {
color: transparent;
border-radius: 100px;
border: 1px solid #fff;
background-color: transparent;
width: 13px;
height: 13px;
font-size: 0;
text-indent: -9999px;
padding: 0;
}
.page-template-template-dtm .red-grey__right .slick-dots li.slick-active button {
background-color: #fff;
}
.page-template-template-dtm .red-grey__right .slick-arrow {
position: absolute;
display: inline-block;
bottom: 6.6rem;
right: 0;
margin: 0 10px;
}
.page-template-template-dtm .red-grey__right .slick-arrow img {
height: 20px;
width: 20px;
}
.page-template-template-dtm .red-grey__right .slick-arrow:hover {
cursor: pointer;
}
.page-template-template-dtm .red-grey__right .slick-next {
display: none;
left: 50%;
}
.page-template-template-dtm .red-grey__right .slick-next img {
display: inline-block;
z-index: 10;
}
.page-template-template-dtm .red-grey__right .slick-next:before {
content: "";
height: 2px;
width: 20px;
background-color: #fff;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.9px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-right: -15px;
}
.page-template-template-dtm .red-grey__right .slick-next:hover:before {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-dtm .red-grey__right .slick-prev {
display: none;
right: 50%;
}
.page-template-template-dtm .red-grey__right .slick-prev img {
display: inline-block;
}
.page-template-template-dtm .red-grey__right .slick-prev:after {
content: "";
height: 2px;
width: 20px;
background-color: #fff;
display: inline-block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
margin-bottom: 3.4px;
-webkit-transition: width 0.4s, opacity 0.4s;
-moz-transition: width 0.4s, opacity 0.4s;
-o-transition: width 0.4s, opacity 0.4s;
transition: width 0.4s, opacity 0.4s;
margin-left: -15px;
}
.page-template-template-dtm .red-grey__right .slick-prev:hover:after {
width: 40px;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-dtm .experience-video {
width: 100%;
float: left;
padding: 0 0 0 0;
}
.page-template-template-dtm .experience-video .experience-video__video {
display: none;
position: relative;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble {
position: absolute;
width: 113px;
height: 113px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble:nth-of-type(1) {
top: 20px;
left: 150px;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble:nth-of-type(2) {
top: 140px;
right: 190px;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble:nth-of-type(3) {
top: 360px;
right: 270px;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble:nth-of-type(4) {
left: 60px;
top: 360px;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble:nth-of-type(5) {
left: -10px;
top: 190px;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble--big {
position: absolute;
width: 166px;
height: 166px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
eft: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble--big a {
background-color: #ff5327;
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
-webkit-transition: font-size 0.4s;
-moz-transition: font-size 0.4s;
-o-transition: font-size 0.4s;
transition: font-size 0.4s;
}
.page-template-template-dtm .experience-video .experience-video__video .bubble--big a:hover {
font-size: 1.3rem;
cursor: pointer;
}
.page-template-template-dtm .experience-video .experience-video__text {
padding: 50px 0;
float: right;
}
.page-template-template-dtm .experience-video .experience-video__text h2 {
font-size: 2.125rem;
}
.page-template-template-dtm .experience-video .experience-video__text .body {
opacity: 0.5;
filter: alpha(opacity=50);
padding-right: 50px;
}
.page-template-template-dtm .flexible-video {
width: 100%;
float: left;
padding: 0 0;
}
.page-template-template-dtm .flexible-video__text {
margin: 0 auto;
padding: 0;
}
.page-template-template-dtm .flexible-video__text h2 {
padding-left: 0;
font-size: 2.125rem;
}
.page-template-template-dtm .flexible-video__text .body {
padding: 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
.page-template-template-dtm .flexible-video__video {
height: 20rem;
float: right;
margin: 0;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.page-template-template-dtm .black-grey {
width: 100%;
float: left;
position: relative;
}
.page-template-template-dtm .black-grey .bg-pattern {
width: 50%;
}
.page-template-template-dtm .black-grey .max {
position: relative;
z-index: 1;
}
.page-template-template-dtm .black-grey:before, .page-template-template-dtm .black-grey:after {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
width: 50%;
height: 100%;
background: #323232;
}
.page-template-template-dtm .black-grey:after {
left: auto;
right: 0;
background: #f8f9fa;
}
.page-template-template-dtm .black-grey__black {
background-color: #ff5327;
color: #fff;
padding: 66px 15px;
height: 100%;
}
.page-template-template-dtm .black-grey__black h2 {
color: #fff;
font-size: 2.125rem;
margin-top: 0;
}
.page-template-template-dtm .black-grey__black .body .button, .page-template-template-dtm .black-grey__black .body .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .black-grey__black .body a, .page-template-template-dtm .black-grey__black .body .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .black-grey__black .body button, .page-template-template-dtm .black-grey__black .body #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .black-grey__black .body a, .page-template-template-dtm .black-grey__black .body .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .black-grey__black .body a {
margin-top: 2.75rem;
width: auto;
}
.page-template-template-dtm .black-grey__grey {
background-color: #f8f9fa;
padding: 66px 15px 66px 15px;
height: 100%;
}
.page-template-template-dtm .black-grey__grey h2 {
font-size: 2.125rem;
}
.page-template-template-dtm .black-grey__grey .body {
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-dtm .collab {
width: 100%;
float: left;
padding-bottom: 66px;
}
.page-template-template-dtm .collab__header {
margin: 0 auto 2.375rem auto;
text-align: center;
}
.page-template-template-dtm .collab__header h2 {
font-size: 2.125rem;
}
.page-template-template-dtm .collab__body {
margin: 0 auto 3.875rem auto;
text-align: center;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-dtm .collab__logos {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
padding: 50px 0;
justify-content: center;
align-items: center;
}
.page-template-template-dtm .collab__logos .col-md-3 {
position: relative;
width: 100%;
height: 100px;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.page-template-template-dtm .collab__logos .col-md-3:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.page-template-template-dtm .collab__logos img {
display: inline-block;
vertical-align: middle;
margin: 0 auto;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
}
.page-template-template-dtm .collab__logos .slick-dots {
margin-top: 50px;
text-align: center;
}
.page-template-template-dtm .collab__logos .slick-dots li {
display: inline-block;
margin-left: 10px;
}
.page-template-template-dtm .collab__logos .slick-dots li button {
color: transparent;
border-radius: 100px;
border: 1px solid rgba(151, 151, 151, 0.3);
background-color: transparent;
width: 13px;
height: 13px;
font-size: 0;
text-indent: -9999px;
padding: 0;
}
.page-template-template-dtm .collab__logos .slick-dots li.slick-active button {
background-color: #ff5327;
}
.page-template-template-dtm .collab .button, .page-template-template-dtm .collab .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .collab a, .page-template-template-dtm .collab .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .collab button, .page-template-template-dtm .collab #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .collab a, .page-template-template-dtm .collab .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .collab a {
clear: both;
margin: 3rem auto 0 auto;
}
.circle-images__01, .circle-images__02 {
position: absolute;
top: 50%;
-moz-transform: perspective(1px) translate(-30px, -40%);
-o-transform: perspective(1px) translate(-30px, -40%);
-ms-transform: perspective(1px) translate(-30px, -40%);
-webkit-transform: perspective(1px) translate(-30px, -40%);
transform: perspective(1px) translate(-30px, -40%);
left: 0;
width: 250px;
height: 60%;
}
.circle-images__01 figure, .circle-images__02 figure {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: #B7B7B7;
display: block;
overflow: hidden;
animation: floatY3 40s linear infinite;
}
.circle-images__01 figure .image, .circle-images__02 figure .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.circle-images__01 figure:nth-child(1), .circle-images__02 figure:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.circle-images__01 figure:nth-child(2), .circle-images__02 figure:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.circle-images__01 figure:nth-child(3), .circle-images__02 figure:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.circle-images__01 figure:nth-child(4), .circle-images__02 figure:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.circle-images__01 figure:nth-child(5), .circle-images__02 figure:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.circle-images__01 figure:nth-child(6), .circle-images__02 figure:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.circle-images__01 figure:nth-child(7), .circle-images__02 figure:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.circle-images__01 figure:nth-child(8), .circle-images__02 figure:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.circle-images__01 figure:nth-child(9), .circle-images__02 figure:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.circle-images__01 figure:nth-child(2), .circle-images__02 figure:nth-child(2) {
right: 0;
left: auto;
top: 50%;
-moz-transform: translate(0, -50%) scale(0.9, 0.9);
-o-transform: translate(0, -50%) scale(0.9, 0.9);
-ms-transform: translate(0, -50%) scale(0.9, 0.9);
-webkit-transform: translate(0, -50%) scale(0.9, 0.9);
transform: translate(0, -50%) scale(0.9, 0.9);
animation: floatY 40s linear infinite;
}
.circle-images__01 figure:nth-child(3), .circle-images__02 figure:nth-child(3) {
top: auto;
bottom: 0;
-moz-transform: scale(0.75, 0.75);
-o-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
animation: floatY2 40s linear infinite;
}
.circle-images__02 {
-moz-transform: perspective(1px) translate(30px, -10%);
-o-transform: perspective(1px) translate(30px, -10%);
-ms-transform: perspective(1px) translate(30px, -10%);
-webkit-transform: perspective(1px) translate(30px, -10%);
transform: perspective(1px) translate(30px, -10%);
left: auto;
right: 0;
}
.circle-images__02 figure {
left: auto;
right: 0;
}
.circle-images__02 figure:nth-child(2) {
right: auto;
left: 0;
}
.page-template-template-sls .intro, .page-template-template-new .intro {
overflow: hidden;
padding: 6rem 0 5rem 0;
width: 100%;
float: left;
position: relative;
}
.page-template-template-sls .intro .circle-images, .page-template-template-new .intro .circle-images {
display: none;
}
.page-template-template-sls .intro__quote, .page-template-template-new .intro__quote {
margin: 0 auto;
text-align: left;
max-width: 35rem;
}
.page-template-template-sls .intro__quote h2, .page-template-template-new .intro__quote h2 {
font-size: 1.125rem;
}
.page-template-template-sls .intro__quote h2 span, .page-template-template-new .intro__quote h2 span {
color: #ff5327;
}
.page-template-template-sls .intro__quotee, .page-template-template-new .intro__quotee {
margin-top: 2.875rem;
color: rgba(0, 0, 0, 0.5);
text-align: left;
}
.page-template-template-sls .grey-text, .page-template-template-new .grey-text {
padding: 4.12rem 0;
width: 100%;
float: left;
background-color: #f8f9fa;
}
.page-template-template-sls .grey-text__left, .page-template-template-new .grey-text__left {
padding: 0 30px;
font-size: 1.5em;
}
.page-template-template-sls .grey-text__left span, .page-template-template-new .grey-text__left span {
color: #ff5327;
}
.page-template-template-sls .grey-text__right, .page-template-template-new .grey-text__right {
padding: 30px;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-sls .tablet-text, .page-template-template-new .tablet-text {
width: 100%;
float: left;
position: relative;
}
.page-template-template-sls .tablet-text__text, .page-template-template-new .tablet-text__text {
padding: 4.12rem 30px;
}
.page-template-template-sls .tablet-text__text .body, .page-template-template-new .tablet-text__text .body {
opacity: 0.5;
filter: alpha(opacity=50);
line-height: 1.63;
max-width: 31.5rem;
}
.page-template-template-sls .tablet-text__text .button, .page-template-template-sls .tablet-text__text .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-sls .tablet-text__text a, .page-template-template-sls .tablet-text__text .appello-modal__exit button, .appello-modal__exit .page-template-template-sls .tablet-text__text button, .page-template-template-sls .tablet-text__text #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-sls .tablet-text__text a, .page-template-template-sls .tablet-text__text .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-sls .tablet-text__text a, .page-template-template-new .tablet-text__text .button, .page-template-template-new .tablet-text__text .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-new .tablet-text__text a, .page-template-template-new .tablet-text__text .appello-modal__exit button, .appello-modal__exit .page-template-template-new .tablet-text__text button, .page-template-template-new .tablet-text__text #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-new .tablet-text__text a, .page-template-template-new .tablet-text__text .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-new .tablet-text__text a {
margin-top: 40px;
display: inline-block;
margin-right: 30px;
width: auto;
}
.page-template-template-sls .tablet-text__tablet, .page-template-template-new .tablet-text__tablet {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: -1;
display: none;
}
.page-template-template-sls .tablet-text ul, .page-template-template-new .tablet-text ul {
width: 100%;
list-style-position: outside;
}
.page-template-template-sls .tablet-text ul li, .page-template-template-new .tablet-text ul li {
padding: 30px 0 0 20px;
position: relative;
opacity: 0.5;
filter: alpha(opacity=50);
}
.page-template-template-sls .tablet-text ul li:before, .page-template-template-new .tablet-text ul li:before {
content: "";
width: 7px;
height: 7px;
background-color: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
position: absolute;
color: #ff5327;
margin-right: 1em;
left: 0;
top: 38px;
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-sls .tablet-text ul li:hover, .page-template-template-new .tablet-text ul li:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-sls .centered-content, .page-template-template-new .centered-content {
width: 100%;
float: left;
padding: 66px 0;
background-color: #323232;
z-index: -1;
text-align: center;
position: relative;
}
.page-template-template-sls .centered-content figure, .page-template-template-new .centered-content figure {
position: absolute;
height: 100%;
width: 70%;
left: 0;
top: 0;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
display: block;
opacity: 0.05;
filter: alpha(opacity=5);
}
.page-template-template-sls .centered-content .max, .page-template-template-new .centered-content .max {
z-index: 10;
position: relative;
}
.page-template-template-sls .centered-content h2, .page-template-template-new .centered-content h2 {
color: #fff;
font-size: 2.125rem;
margin: 0 0 2.5rem 0;
}
.page-template-template-sls .centered-content .body, .page-template-template-new .centered-content .body {
opacity: 0.5;
filter: alpha(opacity=50);
color: #fff;
margin: 0 auto;
line-height: 1.63;
}
.page-template-template-sls .centered-content .stat, .page-template-template-new .centered-content .stat {
color: #fff;
margin: 2.125rem auto 3.125rem auto;
font-size: 1.625em;
}
.page-template-template-sls .centered-content .stat span, .page-template-template-new .centered-content .stat span {
color: #ff5327;
}
.page-template-template-sls .centered-content .button, .page-template-template-sls .centered-content .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-sls .centered-content a, .page-template-template-sls .centered-content .appello-modal__exit button, .appello-modal__exit .page-template-template-sls .centered-content button, .page-template-template-sls .centered-content #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-sls .centered-content a, .page-template-template-sls .centered-content .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-sls .centered-content a, .page-template-template-new .centered-content .button, .page-template-template-new .centered-content .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-new .centered-content a, .page-template-template-new .centered-content .appello-modal__exit button, .appello-modal__exit .page-template-template-new .centered-content button, .page-template-template-new .centered-content #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-new .centered-content a, .page-template-template-new .centered-content .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-new .centered-content a {
margin: 0 auto;
width: auto;
}
.page-template-template-sls .tablet, .page-template-template-new .tablet {
padding: 10.31rem 0;
}
.page-template-template-sls .flexible-video--grey-left, .page-template-template-new .flexible-video--grey-left {
padding-bottom: 0;
padding-top: 0;
position: relative;
}
.page-template-template-sls .flexible-video--grey-left:before, .page-template-template-new .flexible-video--grey-left:before {
content: "";
display: block;
position: absolute;
left: 0;
width: 60%;
height: 100%;
background: #f8f9fa;
bottom: 70px;
}
.page-template-template-sls .experience-video, .page-template-template-new .experience-video {
padding: 0 0 9rem;
}
.page-template-template-ihc .ihc-header {
padding: 170px 0;
background-color: #f8f9fa;
position: relative;
}
.page-template-template-ihc .ihc-header h1 {
margin: 3.62rem 0 0 0;
width: 35.93rem;
line-height: 1.47;
font-size: 1.25rem;
}
.page-template-template-ihc .ihc-header h1 span {
color: #ff5327;
}
.page-template-template-ihc .ihc-header .button, .page-template-template-ihc .ihc-header .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-ihc .ihc-header a, .page-template-template-ihc .ihc-header .appello-modal__exit button, .appello-modal__exit .page-template-template-ihc .ihc-header button, .page-template-template-ihc .ihc-header #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-ihc .ihc-header a, .page-template-template-ihc .ihc-header .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-ihc .ihc-header a {
display: inline-block;
}
.page-template-template-ihc .ihc-header figure {
bottom: -5em;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
float: right;
}
.page-template-template-ihc .ihc-header figure:after {
content: "";
display: block;
padding-bottom: 60%;
}
.full-link {
position: absolute !important;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
}
.image-container {
background: #f8f9fa;
position: relative;
}
.image-container picture {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.breadcrumbs {
width: 100%;
float: left;
margin: 0;
font-size: 0.9rem;
text-align: left !important;
position: relative;
z-index: 2;
}
.breadcrumbs__margin-bottom {
margin-bottom: 3rem;
}
.breadcrumbs a {
float: left;
color: rgba(51, 51, 51, 0.5);
display: inline-block;
padding-right: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.breadcrumbs a:after {
content: "";
display: inline-block;
width: 4px;
height: 4px;
background: rgba(0, 0, 0, 0.5);
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
margin: 0 0 0 10px;
opacity: 0.6;
filter: alpha(opacity=60);
vertical-align: middle;
}
.breadcrumbs a.current, .breadcrumbs a:hover {
color: #ff5327;
opacity: 1;
filter: alpha(opacity=100);
}
.breadcrumbs a.current:after {
display: none;
}
.breadcrumbs__center {
margin: 0 0 3rem 0;
text-align: center !important;
}
.breadcrumbs__center a {
float: none;
}
.breadcrumbs__white a {
color: #999;
}
.breadcrumbs__white a:after {
background: #999;
}
.tablet-section {
background: #323232;
color: #999;
width: 100%;
float: left;
padding: 4rem 0;
position: relative;
}
.tablet-section--white {
text-align: left;
background-color: transparent;
color: rgba(0, 0, 0, 0.5);
}
.tablet-section--white h1,
.tablet-section--white h2,
.tablet-section--white h3,
.tablet-section--white h4,
.tablet-section--white h5 {
color: #000;
}
.tablet-section--white .background-circles {
display: none;
}
.tablet-section--white .tablet-section--left {
padding: 0;
text-align: left;
}
.tablet-section--white .tablet-section--left h1,
.tablet-section--white .tablet-section--left h2,
.tablet-section--white .tablet-section--left h3,
.tablet-section--white .tablet-section--left h4,
.tablet-section--white .tablet-section--left h5 {
color: #000;
}
.tablet-section--white .tablet-section--left .body {
margin-bottom: 3rem;
}
.tablet-section .background-circles {
position: absolute;
left: 0;
top: 0;
width: 110%;
height: 110%;
background-size: cover;
opacity: 0.03;
filter: alpha(opacity=3);
-moz-transform: perspective(1px) translate(-10%, -10%);
-o-transform: perspective(1px) translate(-10%, -10%);
-ms-transform: perspective(1px) translate(-10%, -10%);
-webkit-transform: perspective(1px) translate(-10%, -10%);
transform: perspective(1px) translate(-10%, -10%);
}
.tablet-section--tablet {
display: none;
}
.tablet-section--left {
z-index: 1;
position: relative;
float: left;
text-align: center;
width: 100%;
}
.tablet-section--left h3 {
color: #fff;
}
.tablet-section--left .button, .tablet-section--left .guide-cta__wrapper a, .guide-cta__wrapper .tablet-section--left a, .tablet-section--left .appello-modal__exit button, .appello-modal__exit .tablet-section--left button, .tablet-section--left #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .tablet-section--left a, .tablet-section--left .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .tablet-section--left a {
margin: 2rem auto 0 auto;
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 10000;
display: none;
}
.you-modal {
display: none;
position: fixed;
top: 12rem;
right: 10%;
z-index: 100002;
width: 350px;
background: #fff;
padding: 70px 50px 50px 50px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
text-align: center;
color: rgba(0, 0, 0, 0.5);
}
.you-modal h3 {
font-size: 1.5rem;
margin: 0 0 20px 0;
}
.you-modal .close {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 60px;
height: 60px;
background: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
margin: 0 auto;
}
.you-modal .close:before, .you-modal .close:after {
width: 24px;
height: 2px;
background: #fff;
display: block;
content: "";
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
.you-modal .close:after {
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.you-modal .button, .you-modal .guide-cta__wrapper a, .guide-cta__wrapper .you-modal a, .you-modal .appello-modal__exit button, .appello-modal__exit .you-modal button, .you-modal #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .you-modal a, .you-modal .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .you-modal a {
margin: 2rem auto 0 auto;
}
.you-modal .button:hover, .you-modal .guide-cta__wrapper a:hover, .guide-cta__wrapper .you-modal a:hover, .you-modal .appello-modal__exit button:hover, .appello-modal__exit .you-modal button:hover, .you-modal #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .you-modal a:hover, .you-modal .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .you-modal a:hover {
color: #000 !important;
}
.bg-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
z-index: -1;
}
.bg-pattern__background {
background-image: url(../images/BG-Pattern-1.svg);
z-index: 1;
}
.bg-pattern__background__2 {
background-image: url(../images/BG-Pattern-2.svg);
}
#gated_content {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.85);
z-index: 10000;
}
#gated_content #gated_content_inner {
position: absolute;
top: 50%;
left: 0;
width: 100%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
}
#gated_content #gated_content_inner .close {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 60px;
height: 60px;
background: #ff5327;
cursor: pointer;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
margin: 0 auto;
}
#gated_content #gated_content_inner .close:before, #gated_content #gated_content_inner .close:after {
width: 24px;
height: 2px;
background: #fff;
display: block;
content: "";
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
-webkit-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
}
#gated_content #gated_content_inner .close:after {
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
#gated_content #gated_content_inner .wrap {
background-color: #f7f7f7;
padding: 50px;
text-align: center;
max-width: 55.5rem;
}
#gated_content #gated_content_inner .wrap .gform_title {
margin-bottom: 1.2em;
font-size: 1.625rem;
}
#gated_content #gated_content_inner .wrap .gform_description {
display: block;
max-width: 500px;
margin: 0 auto;
color: rgba(0, 0, 0, 0.5);
}
#gated_content #gated_content_inner .wrap .gform_validation_container {
display: none !important;
}
#gated_content #gated_content_inner .wrap .gfield {
padding: 0;
width: 48.3%;
float: left;
margin: 0 1.6665% 3.8rem 1.6665%;
text-align: left;
}
#gated_content #gated_content_inner .wrap .gfield input {
max-width: none;
}
#gated_content #gated_content_inner .wrap .gfield label {
display: none !important;
}
#gated_content #gated_content_inner .wrap .gfield.full-width {
width: 100%;
}
#gated_content #gated_content_inner .wrap .gfield:nth-of-type(2n + 1) {
margin-left: 0;
}
#gated_content #gated_content_inner .wrap .gfield:nth-of-type(2n) {
margin-right: 0;
}
#gated_content #gated_content_inner .wrap .gfield.gfield_contains_required .ginput_container {
position: relative;
}
#gated_content #gated_content_inner .wrap .gfield.gfield_contains_required .ginput_container:after {
content: "*";
display: block;
position: absolute;
top: 50%;
right: 0;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
color: rgba(151, 151, 151, 0.6);
}
#gated_content #gated_content_inner .wrap .gform_footer {
width: 100%;
float: left;
text-align: right;
}
#gated_content #gated_content_inner .wrap .gform_footer input {
float: right;
margin-right: 0;
}
.tablet-section--tablet .tablet__screen {
width: 70%;
background: #0b3a4c;
position: absolute;
top: 47.5%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
left: 10%;
}
.tablet-section--tablet .tablet__screen:after {
content: "";
display: block;
padding-bottom: 60%;
}
.tablet-section--tablet .tablet__screen .screen {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 8px;
display: none;
background: #0b3a4c;
}
.tablet-section--tablet .tablet__screen .screen.active {
display: block;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel {
height: calc(50% - 8px);
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel button.contact {
height: calc(33.333333% - 2.6px);
margin-bottom: 8px;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact {
height: calc(33.333333% - 2.6px);
margin-bottom: 8px;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact:last-child {
margin-bottom: 0;
margin-top: 0;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.home {
background: #cd1619;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.home .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.next, .tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.previous {
background: #919398;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.next .label, .tablet-section--tablet .tablet__screen .screen.screen--05 .control-panel .tablet-col-3 button.contact.previous .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen.screen--05 button.alarm {
height: 50%;
}
.tablet-section--tablet .tablet__screen .screen .control-panel {
width: 100%;
height: 40%;
float: left;
padding-top: 8px;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .cancel-alarm {
height: 100%;
width: 100%;
background: #fff;
background: #40a535;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet-section--tablet .tablet__screen .screen .control-panel .cancel-alarm .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 {
width: 33.333333%;
float: left;
height: 100%;
padding: 0 8px 0 0;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3:last-child,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2:last-child {
padding-right: 0;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button {
width: 100%;
height: calc(50% - 4px);
background: #fff;
float: left;
font-size: 0.55rem;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button .label,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button .label {
letter-spacing: 0px;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button:first-child,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button:first-child {
margin-bottom: 4px;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button:last-child,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button:last-child {
margin-top: 4px;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button.assistance,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.assistance {
height: 100%;
background: #fff;
width: 100%;
margin: 0;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button.im-not-ok,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.im-not-ok {
background: #cd1619;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button.im-not-ok .label,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.im-not-ok .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button.im-ok,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.im-ok {
background-color: #40a535;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-3 button.im-ok .label,
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.im-ok .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 {
width: 50%;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button {
height: 100%;
margin: 0 !important;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button .label {
padding: 0 30px;
font-size: 0.9rem;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.calling-assistance {
background: #019fe3;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.calling-assistance .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.cancel-assistance {
background: #40a535;
}
.tablet-section--tablet .tablet__screen .screen .control-panel .tablet-col-2 button.cancel-assistance .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen button {
padding: 0;
border: 0;
background: transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position: relative;
border: 1px solid transparent;
}
.tablet-section--tablet .tablet__screen .screen button:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: calc(100% + 8px);
height: calc(100% + 8px);
background: rgba(11, 58, 76, 0.4);
margin: -4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.tablet-section--tablet .tablet__screen .screen button.prompt:after {
opacity: 1;
filter: alpha(opacity=100);
}
.tablet-section--tablet .tablet__screen .screen button.no-hover {
cursor: default;
}
.tablet-section--tablet .tablet__screen .screen button .label {
position: absolute;
left: 0;
top: 50%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
width: 100%;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
color: #0b3a4c;
}
.tablet-section--tablet .tablet__screen .screen button.alarm {
float: left;
width: 100%;
background: #cd1619;
border: 1px solid rgba(255, 255, 255, 0.3);
height: 60%;
}
.tablet-section--tablet .tablet__screen .screen button.alarm .label {
color: #fff;
}
.tablet-section--tablet .tablet__screen .screen button.alarm .label:before {
content: "";
display: block;
width: 50px;
margin: 0 auto 10px auto;
height: 50px;
border: 2px solid #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-image: url(../images/Touch.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 18px auto;
}
.border-radius {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
}
.vertical-center {
align-items: center;
display: flex;
}
.team-profiles {
display: none;
padding: 6.5rem 0;
background: #f8f9fa;
width: 100%;
float: left;
position: relative;
}
.team-slider {
width: 100%;
float: left;
position: relative;
z-index: 1;
}
.team-slider .flickity-prev-next-button.previous:after {
left: 5px;
}
.team-slider button {
width: 20px;
height: 18px;
background: transparent;
position: absolute;
top: 1em;
right: 15% !important;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
z-index: 100;
left: auto !important;
border: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
background-image: url(../images/ArrowHead_Left.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: left;
}
.team-slider button:hover {
background-image: url(../images/ArrowHead_Left.svg);
background-size: 10px auto;
background-repeat: no-repeat;
background-position: left;
}
.team-slider button:after {
content: "";
display: block;
position: absolute;
top: 50%;
height: 2px;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
-ms-border-radius: 200px;
-o-border-radius: 200px;
border-radius: 200px;
background: #000;
left: 0;
width: 100%;
-moz-transform: perspective(1px) translate(0, -1px);
-o-transform: perspective(1px) translate(0, -1px);
-ms-transform: perspective(1px) translate(0, -1px);
-webkit-transform: perspective(1px) translate(0, -1px);
transform: perspective(1px) translate(0, -1px);
}
.team-slider button:focus, .team-slider button:active {
box-shadow: none !important;
opacity: 1;
filter: alpha(opacity=100);
}
.team-slider button:hover {
background-color: transparent;
}
.team-slider button svg {
display: none;
}
.team-slider button.next, .team-slider button.next:hover {
background-image: url(../images/ArrowHead.svg);
background-repeat: no-repeat;
background-position: right;
}
.team-slider button.next:after {
left: -2px;
}
.team-slider button.previous {
-moz-transform: perspective(1px) translate(-200%, 0);
-o-transform: perspective(1px) translate(-200%, 0);
-ms-transform: perspective(1px) translate(-200%, 0);
-webkit-transform: perspective(1px) translate(-200%, 0);
transform: perspective(1px) translate(-200%, 0);
}
.team-slider button.previous:after {
left: 2px;
}
.team-slider .flickity-slider {
transform: none !important;
}
.team-slider__slide {
float: left;
width: 100%;
padding: 0 13%;
left: 0 !important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.team-slider__slide.is-selected {
opacity: 1 !important;
z-index: 1 !important;
}
.team-slider__slide__image {
width: 100%;
background-size: cover;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
vertical-align: middle;
display: inline-block;
background-position: center;
}
.team-slider__slide__image:after {
padding-bottom: 100%;
content: "";
display: block;
}
.team-slider__slide__details {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 30px 0;
color: rgba(0, 0, 0, 0.5);
font-size: 0.9rem;
}
.team-slider__slide__details h3,
.team-slider__slide__details h4 {
font-size: 1.5rem;
margin: 0;
}
.team-slider__slide__details h4 {
opacity: 0.4;
filter: alpha(opacity=40);
}
.team-slider__slide__details .red {
display: block;
margin: 20px 0;
color: #ff5327;
}
.secondary-team-slider {
display: none;
width: 120%;
float: left;
position: absolute !important;
top: 50%;
left: 0;
-moz-transform: perspective(1px) translate(0%, -50%);
-o-transform: perspective(1px) translate(0%, -50%);
-ms-transform: perspective(1px) translate(0%, -50%);
-webkit-transform: perspective(1px) translate(0%, -50%);
transform: perspective(1px) translate(0%, -50%);
opacity: 0.3;
filter: alpha(opacity=30);
}
.secondary-team-slider button {
display: none;
}
.secondary-team-slider .flickity-slider {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.secondary-team-slider__slide {
width: 33.3333%;
float: left;
margin-right: 10%;
}
.secondary-team-slider__slide.is-selected {
opacity: 0;
filter: alpha(opacity=0);
}
.secondary-team-slider__slide__image {
width: 52.5%;
background-size: cover;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-position: center;
}
.secondary-team-slider__slide__image:after {
padding-bottom: 160%;
content: "";
display: block;
}
.team-slider__questions {
width: 100%;
float: left;
padding-bottom: 3em;
}
.team-slider__questions .flickity-slider {
position: relative;
height: auto;
transform: none !important;
}
.team-slider__questions__question {
position: absolute;
left: 0 !important;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.team-slider__questions__question.is-selected {
opacity: 1;
filter: alpha(opacity=100);
}
.team-slider__questions__question {
width: 100%;
float: left;
}
.team-slider__questions button {
display: none !important;
}
.team-slider__questions .flickity-page-dots {
text-align: left;
bottom: 0;
counter-reset: a;
}
.team-slider__questions .flickity-page-dots li {
margin-right: 16px;
margin-left: 0;
width: 10px;
height: 10px;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
background-color: transparent;
opacity: 1;
border: 1px solid #ff5327;
width: 20px;
height: 20px;
}
.team-slider__questions .flickity-page-dots li.is-selected {
background-color: #ff5327;
}
.team-slider__questions .flickity-page-dots li.is-selected:after {
color: #fff;
}
.team-slider__questions .flickity-page-dots li:hover {
opacity: 1;
filter: alpha(opacity=100);
background-color: #ff5327;
}
.team-slider__questions .flickity-page-dots li:hover:after {
color: #fff;
}
.team-slider__questions .flickity-page-dots li:after {
color: #ff5327;
content: counter(a);
counter-increment: a;
margin-left: 5px;
margin-top: 1px;
font-size: 11px;
}
.error404 section {
margin-top: 100px;
}
.page-template-template-landing {
background: #323232;
}
.page-template-template-landing header {
padding: 60px 0;
text-align: center;
}
.page-template-template-landing .landing-page__logo * {
fill: #fff;
}
.page-template-template-landing .landing-page__options {
position: absolute;
top: 0;
left: 0;
right: 0;
top: 50%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
width: 60%;
margin: 0 auto;
}
.page-template-template-landing .landing-page__options article {
color: rgba(0, 0, 0, 0.5);
position: relative;
}
.page-template-template-landing .landing-page__options article figure {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
width: 100px;
height: 100px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: #f8f9fa;
}
.page-template-template-landing footer {
position: absolute;
left: 0;
width: 100%;
text-align: center;
color: #999;
bottom: 0;
right: 0;
padding-bottom: 60px;
}
.page-template-template-landing article {
width: 45%;
float: left;
padding: 75px 50px 50px 50px;
background: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
text-align: center;
}
.page-template-template-landing article h3 {
margin-top: 0;
margin-bottom: 30px;
}
.page-template-template-landing article .button, .page-template-template-landing article .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-landing article a, .page-template-template-landing article .appello-modal__exit button, .appello-modal__exit .page-template-template-landing article button, .page-template-template-landing article #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-landing article a, .page-template-template-landing article .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-landing article a {
margin: 40px auto 0 auto;
}
.page-template-template-landing article p {
margin: 0;
}
.page-template-template-landing article:last-of-type {
float: right;
}
.cookie-notice {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #323232;
color: #fff;
text-align: center;
z-index: 1000;
font-size: 0.8em;
padding: 20px 0;
}
.cookie-notice .inner,
.cookie-notice .button,
.cookie-notice .guide-cta__wrapper a,
.guide-cta__wrapper .cookie-notice a,
.cookie-notice .appello-modal__exit button,
.appello-modal__exit .cookie-notice button,
.cookie-notice #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a,
#menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .cookie-notice a,
.cookie-notice .header .wrap .menu-global-menu-container ul li.button-li a,
.header .wrap .menu-global-menu-container ul li.button-li .cookie-notice a {
vertical-align: middle;
}
.cookie-notice .button, .cookie-notice .guide-cta__wrapper a, .guide-cta__wrapper .cookie-notice a, .cookie-notice .appello-modal__exit button, .appello-modal__exit .cookie-notice button, .cookie-notice #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .cookie-notice a, .cookie-notice .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .cookie-notice a {
display: inline-block;
margin-top: 20px;
}
.page-template-template-lander {
background-color: #323232;
padding-top: 50px;
}
.page-template-template-lander .header,
.page-template-template-lander .footer {
display: none;
}
.page-template-template-lander .lander__logo {
text-align: left;
padding-left: 25px;
margin-bottom: 50px;
}
.page-template-template-lander .lander__logo svg * {
margin: 0 auto;
fill: #fff;
}
.page-template-template-lander .lander__body {
margin: 0 auto;
text-align: center;
width: 100%;
padding: 0 2px;
}
.page-template-template-lander .lander__body:hover .site {
opacity: 0.4;
filter: alpha(opacity=40);
}
.page-template-template-lander .lander__body:hover .site:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-lander .lander__body .site {
position: relative;
width: 85%;
height: 420px;
background-color: #fff;
border-radius: 4px;
display: inline-block;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
margin: 75px auto 70px auto;
float: none;
}
.page-template-template-lander .lander__body .site:last-of-type {
margin-bottom: 0;
}
.page-template-template-lander .lander__body .site figure {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
top: -50px;
border-radius: 100px;
margin: 0 auto;
}
.page-template-template-lander .lander__body .site h2 {
text-align: center;
font-size: 1.62rem;
margin-top: 0;
}
.page-template-template-lander .lander__body .site .body {
margin-top: 30px;
text-align: center;
padding: 0 55px;
opacity: 0.6;
}
.page-template-template-lander .lander__body .site .button, .page-template-template-lander .lander__body .site .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-lander .lander__body .site a, .page-template-template-lander .lander__body .site .appello-modal__exit button, .appello-modal__exit .page-template-template-lander .lander__body .site button, .page-template-template-lander .lander__body .site #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-lander .lander__body .site a, .page-template-template-lander .lander__body .site .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-lander .lander__body .site a {
margin: 45px auto 0 auto;
}
.page-template-template-lander .lander footer {
margin-top: 120px;
padding-bottom: 65px;
text-align: center;
color: #fff;
font-size: 14px;
opacity: 0.6;
}
.page-template-template-lander .lander footer .separator {
font-size: 0.2rem;
margin: 0 25px;
padding-bottom: 100px;
height: 100%;
display: none;
}
.page-template-template-lander .lander footer a {
color: #fff;
}
.page-template-template-lander .lander footer a:first-of-type {
margin-bottom: 20px;
}
.page-template-template-lander .lander footer p {
width: 90%;
}
.page-template-template-lander .lander footer .fa-facebook-f,
.page-template-template-lander .lander footer .fa-twitter {
display: none;
}
.page-template-template-lander .lander footer * {
display: inline-block;
}
.features {
width: 100%;
float: left;
padding: 5rem 0 2.5rem 0;
background-color: #3c3c3c;
color: #fff;
}
.features .button-row {
margin: 2rem 0;
}
.features .button-row .button--prev--next {
position: relative;
bottom: auto;
border: none;
margin: 0;
background: transparent;
width: 2rem;
height: 1rem;
margin-left: 6.5%;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.features .button-row .button--prev--next:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10H45M45 10L36.5 1.5M45 10L36.5 18.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-size: auto 100%;
background-position: right;
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.features .button-row .button--prev--next:focus {
outline: none;
box-shadow: none !important;
border: 0;
}
.features .button-row .button--prev--next:hover {
background-color: transparent;
}
.features .button-row .button--prev--next svg {
display: none;
}
.features .button-row .button--prev--next.button--previous:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 10L2 10M2 10L10.5 18.5M2 10L10.5 1.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-position: left;
}
.features.no-slider .flickity-page-dots,
.features.no-slider .flickity-prev-next-button {
display: none;
}
.features__inner {
max-width: 1500px;
margin: 0 auto;
width: 100%;
}
.features__inner .flickity-page-dots {
position: absolute;
bottom: 0;
right: 5%;
width: auto;
}
.features__inner .flickity-page-dots li {
display: inline-block;
margin: 0 0.2rem;
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.features__inner .flickity-page-dots li.is-selected {
background: #ff5327;
}
.features__inner .flickity-prev-next-button {
position: absolute;
top: -4em;
bottom: auto;
margin: 0;
background: transparent;
width: 3rem;
height: 1.5rem;
margin-left: 6.5%;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.features__inner .flickity-prev-next-button:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10H45M45 10L36.5 1.5M45 10L36.5 18.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-size: auto 100%;
background-position: right;
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.features__inner .flickity-prev-next-button:focus {
outline: none;
box-shadow: none !important;
border: 0;
}
.features__inner .flickity-prev-next-button:hover {
background-color: transparent;
}
.features__inner .flickity-prev-next-button svg {
display: none;
}
.features__inner .flickity-prev-next-button.next, .features__inner .flickity-prev-next-button.button--next {
-moz-transform: perspective(1px) translate(200%, 0);
-o-transform: perspective(1px) translate(200%, 0);
-ms-transform: perspective(1px) translate(200%, 0);
-webkit-transform: perspective(1px) translate(200%, 0);
transform: perspective(1px) translate(200%, 0);
right: calc(50vw + 3em);
}
.features__inner .flickity-prev-next-button.next:disabled, .features__inner .flickity-prev-next-button.button--next:disabled {
opacity: 1;
}
.features__inner .flickity-prev-next-button.next:disabled::after, .features__inner .flickity-prev-next-button.button--next:disabled::after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10H45M45 10L36.5 1.5M45 10L36.5 18.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}
.features__inner .flickity-prev-next-button.previous, .features__inner .flickity-prev-next-button.button--previous {
left: calc(50vw - 7em);
}
.features__inner .flickity-prev-next-button.previous:after, .features__inner .flickity-prev-next-button.button--previous:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 10L2 10M2 10L10.5 18.5M2 10L10.5 1.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-position: left;
}
.features__inner .flickity-prev-next-button.previous:disabled, .features__inner .flickity-prev-next-button.button--previous:disabled {
opacity: 1;
}
.features__inner .flickity-prev-next-button.previous:disabled::after, .features__inner .flickity-prev-next-button.button--previous:disabled::after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 10L2 10M2 10L10.5 18.5M2 10L10.5 1.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}
.features__inner section {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center;
width: 100%;
float: left;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
padding: 0 5%;
}
.features__inner section.is-selected {
opacity: 1;
filter: alpha(opacity=100);
}
.features__inner section > figure,
.features__inner section div {
width: 100%;
}
.features__inner section figure {
background-size: cover;
background-position: center;
background-color: rgba(255, 255, 255, 0.2);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
max-width: 600px;
margin-bottom: 4rem;
}
.features__inner section figure:after {
content: "";
display: block;
padding-bottom: 100%;
}
.features__inner section > div {
padding: 0 10% 0 0;
}
.features__inner section > div h3 {
color: #ff5327;
margin: 0 0 2rem 0;
}
.features__inner section > div ul {
margin: 2rem 0;
}
.features__inner section > div ul li {
padding-left: 30px;
position: relative;
padding-bottom: 0.5rem;
}
.features__inner section > div ul li:before {
content: "";
display: block;
position: absolute;
width: 0.3rem;
height: 0.3rem;
background: #ff5327;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
left: 0;
top: 0.5rem;
}
.features__inner section > div .button, .features__inner section > div .guide-cta__wrapper a, .guide-cta__wrapper .features__inner section > div a, .features__inner section > div .appello-modal__exit button, .appello-modal__exit .features__inner section > div button, .features__inner section > div #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .features__inner section > div a, .features__inner section > div .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .features__inner section > div a {
display: inline-block;
}
.news__container {
display: flex;
flex-direction: column;
}
.news__container .left-col .featured {
padding-bottom: 1rem;
position: relative;
}
.news__container .left-col .featured figure {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.news__container .left-col .featured figure:before {
z-index: 2;
content: "Featured Article";
background: #ff5327;
position: absolute;
top: 0;
left: 0;
padding: 0.5rem 1rem;
color: #fff;
font-size: 0.95rem;
}
.news__container .left-col .featured figure:after {
padding-bottom: 55%;
display: block;
content: "";
}
.news__container .left-col .featured h3 {
font-size: 1.5rem;
}
.news__container .left-col .featured p {
color: #9e9e9e;
}
.news__container .left-col .featured figcaption {
display: flex;
color: #9e9e9e;
}
.news__container .left-col .featured figcaption span {
color: #ff5327;
padding-left: 1rem;
}
.news__container .right-col .videos,
.news__container .right-col .downloads,
.news__container .right-col .tweets {
margin-bottom: 2rem;
background: #f4f4f4;
padding: 1.5rem;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
border-radius: 6px;
}
.news__container .right-col .videos.hide h2,
.news__container .right-col .downloads.hide h2,
.news__container .right-col .tweets.hide h2 {
display: flex;
}
.news__container .right-col .videos.hide h2:after,
.news__container .right-col .downloads.hide h2:after,
.news__container .right-col .tweets.hide h2:after {
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.news__container .right-col .videos.hide *,
.news__container .right-col .downloads.hide *,
.news__container .right-col .tweets.hide * {
display: none;
}
.news__container .right-col .videos h2,
.news__container .right-col .downloads h2,
.news__container .right-col .tweets h2 {
font-size: 1.5rem;
margin-top: 0;
margin-bottom: 1rem;
border-bottom: 1px solid #B7B7B7;
padding-bottom: 1rem;
position: relative;
display: flex;
align-items: center;
cursor: pointer;
}
.news__container .right-col .videos h2:after,
.news__container .right-col .downloads h2:after,
.news__container .right-col .tweets h2:after {
content: "";
display: block;
position: absolute;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 0L19.5263 16.5H0.473694L9.99997 0Z' fill='white'/%3E%3C/svg%3E%0A");
width: 0.5rem;
height: 0.5rem;
right: 0;
background-size: contain;
background-repeat: no-repeat;
}
.news__container .right-col .videos article,
.news__container .right-col .downloads article,
.news__container .right-col .tweets article {
margin-bottom: 2rem;
position: relative;
}
.news__container .right-col .videos article figure,
.news__container .right-col .downloads article figure,
.news__container .right-col .tweets article figure {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin-bottom: 1.5rem;
}
.news__container .right-col .videos article figure:after,
.news__container .right-col .downloads article figure:after,
.news__container .right-col .tweets article figure:after {
padding-bottom: 65%;
display: block;
content: "";
}
.news__container .right-col .videos article figcaption,
.news__container .right-col .downloads article figcaption,
.news__container .right-col .tweets article figcaption {
display: flex;
justify-content: space-between;
}
.news__container .right-col .videos article figcaption span,
.news__container .right-col .downloads article figcaption span,
.news__container .right-col .tweets article figcaption span {
color: #ff5327;
white-space: nowrap;
font-size: 0.8em;
}
.news__container .right-col .downloads,
.news__container .right-col .tweets {
background: #ff5327;
color: #fff;
}
.news__container .right-col .downloads h2,
.news__container .right-col .tweets h2 {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
color: #fff;
}
.news__container .right-col .downloads h3,
.news__container .right-col .tweets h3 {
color: #fff;
}
.news__container .right-col .videos h2:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='17' viewBox='0 0 20 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99997 0L19.5263 16.5H0.473694L9.99997 0Z' fill='black'/%3E%3C/svg%3E%0A");
}
.news__container .right-col .downloads article {
display: flex;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
padding-bottom: 1rem;
}
.news__container .right-col .downloads article:hover figcaption a {
color: #fff;
}
.news__container .right-col .downloads article:last-of-type {
border-bottom: 0;
padding-bottom: 0;
}
.news__container .right-col .downloads article figure {
width: 40%;
margin-right: 1.2rem;
height: auto;
margin-bottom: 0;
}
.news__container .right-col .downloads article figure:after {
padding-bottom: 100%;
content: "";
display: block;
}
.news__container .right-col .downloads article figcaption {
flex-direction: column;
width: 100%;
justify-content: flex-start;
}
.news__container .right-col .downloads article figcaption a {
display: block;
margin-top: 0.5rem;
color: #000;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.news__container .right-col .tweets {
background: #323232;
}
.news__container .right-col .tweets article {
font-size: 0.95rem;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #000;
padding: 1.5rem;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
.news__container .right-col .tweets article a {
color: #ff5327;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.news__container .right-col .tweets article a:hover {
color: #000;
}
.news__container .right-col .tweets article header {
display: flex;
align-items: center;
font-size: 0.85rem;
margin-bottom: 1rem;
}
.news__container .right-col .tweets article header h3 {
color: #000;
font-size: 1rem;
margin: 0;
}
.news__container .right-col .tweets article header span {
color: #ff5327;
}
.news__container .right-col .tweets article header figure {
background: #B7B7B7;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
width: 20%;
margin: 0;
margin-right: 1rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
max-width: 50px;
}
.news__container .right-col .tweets article header figure:after {
padding-bottom: 100%;
}
.news__container .right-col .tweets .meta {
display: flex;
margin: 1rem 0;
color: #9e9e9e;
font-size: 0.85rem;
text-transform: capitalize;
}
.news__container .right-col .tweets .meta span {
padding-left: 0.5rem;
}
.news__container .pagination__arrows {
display: none;
}
@font-face {
font-family: "FontAwesomeBrands";
font-weight: normal;
font-display: auto;
font-style: normal;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-brands-400.woff2") format("woff2");
}
@font-face {
font-family: "FontAwesomeSolid";
font-weight: normal;
font-display: auto;
font-style: normal;
src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/webfonts/fa-solid-900.woff2") format("woff2");
}
.fas {
font-family: 'FontAwesomeSolid';
font-style: normal;
}
.fab {
font-family: 'FontAwesomeBrands';
font-style: normal;
}
.amazingcarousel-image .wondercarousellightbox {
display: block;
overflow: hidden;
}
.amazingcarousel-image .amazingcarousel-image-img {
width: 100% !important;
}
.amazingcarousel-image div a {
display: none !important;
height: 0px !important;
width: 0px !important;
}
.new-downloads {
padding: 60px 0;
clear: both;
}
.new-downloads .downloads {
float: left;
width: 100%;
padding: 3rem 0;
}
.new-downloads .downloads__header {
text-align: left;
}
.new-downloads .downloads__header h2 {
font-size: 2.1em;
margin: 1rem 0 1.2rem 0;
}
.new-downloads .downloads__header span {
color: #ff5327;
}
.new-downloads .downloads__header .button, .new-downloads .downloads__header .guide-cta__wrapper a, .guide-cta__wrapper .new-downloads .downloads__header a, .new-downloads .downloads__header .appello-modal__exit button, .appello-modal__exit .new-downloads .downloads__header button, .new-downloads .downloads__header #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .new-downloads .downloads__header a, .new-downloads .downloads__header .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .new-downloads .downloads__header a {
margin: 1.5rem 0 4rem 0;
}
.new-downloads .downloads__downloads {
background-color: #f7f7f7;
padding: 2rem;
}
.new-downloads .downloads__downloads .downloads-title {
color: #ff5327;
margin-bottom: 2rem;
margin-top: 0;
}
.new-downloads .downloads__downloads .download {
margin-bottom: 1.5rem;
}
.new-downloads .downloads__downloads .download:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.new-downloads .downloads__downloads .download:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.new-downloads .downloads__downloads .download:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.new-downloads .downloads__downloads .download:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.new-downloads .downloads__downloads .download:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.new-downloads .downloads__downloads .download:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.new-downloads .downloads__downloads .download:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.new-downloads .downloads__downloads .download:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.new-downloads .downloads__downloads .download:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.new-downloads .downloads__downloads .download:last-child {
margin-bottom: 0;
}
.new-downloads .downloads__downloads .download:last-child .border {
display: none;
}
.new-downloads .downloads__downloads .download .title {
font-size: 1em;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.new-downloads .downloads__downloads .download .border {
width: 100%;
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
display: block;
margin-top: 1.5rem;
}
.new-downloads .downloads__downloads .download a {
color: #ff5327;
position: relative;
}
.new-downloads .downloads__downloads .download a:after {
position: absolute;
right: -25px;
top: 6px;
content: "";
width: 20px;
height: 11px;
background-image: url("../images/Arrow_Orange_Right.svg");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.new-downloads .downloads__downloads .download a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
right: -25px;
}
.new-downloads .downloads__downloads .download:nth-of-type(odd) {
margin-right: auto;
}
.page-template-template-home .new-downloads {
background-color: #323232;
}
.page-template-template-home .new-downloads h2 {
color: #fff;
}
.page-template-template-home .new-downloads .body {
color: #fff;
width: 80%;
}
.page-template-template-home .new-downloads .button:hover, .page-template-template-home .new-downloads .guide-cta__wrapper a:hover, .guide-cta__wrapper .page-template-template-home .new-downloads a:hover, .page-template-template-home .new-downloads .appello-modal__exit button:hover, .appello-modal__exit .page-template-template-home .new-downloads button:hover, .page-template-template-home .new-downloads #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-home .new-downloads a:hover, .page-template-template-home .new-downloads .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-home .new-downloads a:hover {
color: #fff !important;
}
.page-template-template-home .downloads__downloads {
background-color: #434343;
}
.page-template-template-home .downloads__downloads .title {
color: #fff;
}
.page-template-template-home .socialLinks {
margin-bottom: 6rem;
}
.news__container .right-col .downloads h2:hover {
cursor: text;
}
.news__container .right-col .downloads h2:after {
content: none;
}
.news__container .right-col .downloads p {
display: block !important;
}
.news__container .right-col .downloads .button, .news__container .right-col .downloads .guide-cta__wrapper a, .guide-cta__wrapper .news__container .right-col .downloads a, .news__container .right-col .downloads .appello-modal__exit button, .appello-modal__exit .news__container .right-col .downloads button, .news__container .right-col .downloads #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .news__container .right-col .downloads a, .news__container .right-col .downloads .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .news__container .right-col .downloads a {
color: #ff5327 !important;
background-color: #fff !important;
border-color: #fff !important;
margin-top: 2rem;
margin-bottom: 1rem;
}
.news__container .right-col .downloads .button:hover, .news__container .right-col .downloads .guide-cta__wrapper a:hover, .guide-cta__wrapper .news__container .right-col .downloads a:hover, .news__container .right-col .downloads .appello-modal__exit button:hover, .appello-modal__exit .news__container .right-col .downloads button:hover, .news__container .right-col .downloads #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:hover, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .news__container .right-col .downloads a:hover, .news__container .right-col .downloads .header .wrap .menu-global-menu-container ul li.button-li a:hover, .header .wrap .menu-global-menu-container ul li.button-li .news__container .right-col .downloads a:hover {
background-color: #ff5327 !important;
color: #fff !important;
border-color: #fff !important;
}
.lp-bar__pusher {
height: 0 !important;
}
.header_nav .mobile-hidden {
display: none !important;
}
.video-link {
color: #ff5327;
}
.video-link::after {
background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.686 6.52222L0.944154 11.9192H0.943008C0.748217 12.0269 0.508728 12.0269 0.313955 11.9192C0.120308 11.8115 0 11.6125 0 11.397V0.603024C0 0.387545 0.120314 0.188542 0.313955 0.0808048C0.508746 -0.0269349 0.748235 -0.0269349 0.943008 0.0808048L10.6849 5.47778H10.686C10.8797 5.58552 11 5.7845 11 6C11 6.2155 10.8797 6.41448 10.686 6.52222Z' fill='%23EB612B'/%3E%3C/svg%3E%0A");
width: 11px;
height: 12px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 10px;
transition: all 0.5s linear;
}
.video-link:hover::after {
margin-left: 20px;
}
/* Headings update for blog and news pages */
.single-post .content__body p,
.elementor-widget-theme-post-content p {
margin-bottom: 1rem;
}
.single-post .content__body h1,
.single-post .content__body .h1,
.elementor-widget-theme-post-content h1,
.elementor-widget-theme-post-content .h1 {
font-size: 2em;
margin-bottom: 1rem;
}
.single-post .content__body h2,
.single-post .content__body .h2,
.elementor-widget-theme-post-content h2,
.elementor-widget-theme-post-content .h2 {
font-size: 1.75em;
margin-bottom: 1rem;
}
.single-post .content__body h3,
.single-post .content__body .h3,
.elementor-widget-theme-post-content h3,
.elementor-widget-theme-post-content .h3 {
font-size: 1.5em;
margin-bottom: 1rem;
}
.single-post .content__body h4,
.single-post .content__body .h4,
.elementor-widget-theme-post-content h4,
.elementor-widget-theme-post-content .h4 {
font-size: 1em;
margin-bottom: 1rem;
}
.single-post .content__body h5,
.single-post .content__body .h5,
.elementor-widget-theme-post-content h5,
.elementor-widget-theme-post-content .h5 {
font-size: 0.8em;
margin-bottom: 0.8rem;
}
/********************
IPHONE 6/7/8
*********************/
@media only screen and (min-width: 375px) {
/******************************************************************
Stylesheet: 375px and Up Stylesheet
******************************************************************/
/*********
Responsive sub-menu expander arrow
**********/
#menu_overlay_inner_container #menu-global-menu-1 .expander {
right: 13%;
}
#menu_overlay_inner_container #menu-global-menu-1 ul.sub-menu.expand {
margin-top: 20px;
}
#menu_overlay_inner_container #menu-global-menu-1 ul.sub-menu a {
font-size: 0.7em !important;
}
}
/*********************
LARGER MOBILE DEVICES
*********************/
@media only screen and (min-width: 481px) {
/******************************************************************
Stylesheet: 481px and Up Stylesheet
******************************************************************/
/*********
Responsive sub-menu expander arrow
**********/
#menu_overlay_inner_container #menu-global-menu-1 .expander {
right: 17%;
}
#menu_overlay_inner_container #menu-global-menu-1 ul.sub-menu.expand {
margin-top: 20px;
}
#menu_overlay_inner_container #menu-global-menu-1 ul.sub-menu a {
font-size: 23px;
}
}
/*********************
TABLET & SMALLER LAPTOPS
*********************/
@media only screen and (min-width: 768px) {
/******************************************************************
Stylesheet: Tablet & Small Desktop Stylesheet
******************************************************************/
/*********************
GENERAL STYLES
*********************/
body {
font-family: "aktiv-grotesk", Helvetica, Arial, sans-serif;
font-size: 16px;
}
.page-template-template-home_v2 body, .page-template-template-sls_v2 body, .page-template-template-smarttec body, .page-template-template-careline_v2 body, .page-template-template-smartlife body, .page-template-template-smartconnect body, .page-template-template-new body {
font-size: 14px;
}
/* screen sizes display classes */
.header_nav .mobile-hidden {
display: block !important;
}
.display-mobile,
.display-tablet-landscape,
.display-desktop {
display: none;
}
.display-tablet {
display: block;
}
/*********************
LAYOUT & GRID STYLES
*********************/
.wrap.max {
width: 100%;
max-width: 1400px;
}
.right-half {
width: 50%;
float: right;
}
.right-half__extended {
width: 55%;
}
/*********************
NAVIGATION STYLES
*********************/
.nav {
border: 0;
float: right;
/* end .nav li */
/* highlight current page */
/* end current highlighters */
}
.nav ul {
background: #fff;
margin-top: 0;
}
.nav li {
float: left;
position: relative;
/* showing sub-menus */
}
.nav li a {
padding: 0.55em 1.5em;
color: #000;
-webkit-transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
transition: color 0.2s ease-in-out;
}
.nav li a:hover, .nav li a:focus {
color: #31aff5;
}
.nav li ul.sub-menu,
.nav li ul.children {
margin-top: 0;
border: 1px solid #ccc;
position: absolute;
visibility: hidden;
z-index: 8999;
/* highlight sub-menu current page */
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 10px;
border-right: 0;
display: block;
width: 180px;
border-bottom: 1px solid #ccc;
font-size: 0.9em;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu ul.sub-menu,
.nav li ul.sub-menu ul.children,
.nav li ul.children ul.sub-menu,
.nav li ul.children ul.children {
top: 0;
left: 100%;
margin-top: -1px;
}
.nav li:hover > ul {
top: auto;
visibility: visible;
}
/* end .nav */
#menu_overlay_inner_container #menu-global-menu-1 .expander {
right: 30%;
}
.hero--fullheight {
height: 850px;
}
.hero--fullheight h1 {
font-size: 3em;
margin: auto;
}
.hero--fullheight h2 {
padding-right: 50px;
opacity: 1;
margin: 1.1em 0 2.3em 0;
}
.hero--fullheight .figureWrapper {
-moz-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
width: 110%;
margin: -5% -2.5%;
}
.hero--fullheight .figureWrapper figure {
-webkit-border-radius: 0 0 450px 0;
-moz-border-radius: 0 0 450px 0;
-ms-border-radius: 0 0 450px 0;
-o-border-radius: 0 0 450px 0;
border-radius: 0 0 450px 0;
}
.hero--fullheight .figureWrapper figure:after {
-webkit-border-radius: 0 0 450px 0;
-moz-border-radius: 0 0 450px 0;
-ms-border-radius: 0 0 450px 0;
-o-border-radius: 0 0 450px 0;
border-radius: 0 0 450px 0;
}
.hero--fullheight .col-md-8 {
padding-right: 50px;
}
.hero--services .background {
display: block;
}
.hero--services .image-container {
display: block;
}
.hero--services .body {
width: 70%;
}
.hero--services .hero__services {
display: block;
width: 100%;
text-align: center;
margin: 3.2rem 0 3.9rem 0;
}
.hero--services .hero__services ul {
display: flex;
justify-content: space-between;
}
.hero--services .hero__services ul li {
font-size: 1.5em;
position: relative;
text-align: left;
display: flex;
}
.hero--services .hero__services ul li:last-of-type:after {
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
}
@keyframes slideup {
from {
bottom: 0;
}
to {
bottom: 0.3em;
}
}
@keyframes slideback {
from {
bottom: 0.3em;
}
to {
bottom: 0;
}
}
.hero--services .hero__services ul li a {
text-align: left;
color: #000;
font-size: 1.2rem;
position: relative;
animation: slideback 0.2s;
}
.hero--services .hero__services ul li a:hover {
bottom: 0.3em;
animation: slideup 0.2s;
}
.hero--services .hero__services ul li a h3 {
color: #ff5327;
font-size: 1.2rem;
margin: 0;
line-height: 1;
}
.hero--services .hero__services ul li:first-of-type a {
padding-left: 0;
}
.hero--services .hero__services ul li:last-of-type {
border-right: 0;
}
.hero--services .hero__services ul li:last-of-type a {
padding-right: 0;
}
.hero--services figure {
height: 36.625rem;
margin-top: 0;
}
.hero--about figure {
margin-top: 5.8rem;
}
.hero--about .background {
display: none;
}
.hero--post .background {
display: block;
}
.hero--post .post-info {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding: 0 0 2.18rem 0;
}
.hero--post .post-info__author {
position: relative;
top: auto;
}
.hero--post .post-info__social-links {
position: relative;
border: none;
top: auto;
display: inline-block;
width: auto;
}
.hero--post .post-info__social-links ul li {
width: auto;
}
.hero--post .post-info__social-links ul li a {
background-color: transparent;
border: none;
}
.hero--post .post-info__social-links ul li a.twitter, .hero--post .post-info__social-links ul li a.facebook, .hero--post .post-info__social-links ul li a.gplus, .hero--post .post-info__social-links ul li a.linkedin {
padding: 0;
opacity: 0.6;
}
.hero--post .post-info__social-links ul li a span {
display: block;
color: #000;
}
.hero--post .post-info__social-links ul li a i {
display: none;
}
.intro__heading {
max-width: 54.37rem;
margin: 0 auto 2rem auto;
font-size: 2em;
}
.intro__subheader {
max-width: 30rem;
}
.intro .services {
margin-top: 7rem;
width: 100%;
max-width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 100px;
grid-column-gap: 40px;
grid-auto-rows: 1fr;
}
.intro .services:after {
content: '';
display: none;
}
.intro .services .service {
padding: 60px 75px 60px 75px;
}
.intro .services .service:hover .img {
-moz-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}
.intro .services .service.sub {
padding: 50px 75px 80px 75px;
}
.intro .services .service.sub:first-of-type {
padding: 50px 50px 80px 50px;
}
.intro .services .service.sub .button, .intro .services .service.sub .guide-cta__wrapper a, .guide-cta__wrapper .intro .services .service.sub a, .intro .services .service.sub .appello-modal__exit button, .appello-modal__exit .intro .services .service.sub button, .intro .services .service.sub #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .intro .services .service.sub a, .intro .services .service.sub .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .intro .services .service.sub a {
position: absolute;
bottom: 60px;
left: 50%;
-moz-transform: perspective(1px) translate(-50%, 0);
-o-transform: perspective(1px) translate(-50%, 0);
-ms-transform: perspective(1px) translate(-50%, 0);
-webkit-transform: perspective(1px) translate(-50%, 0);
transform: perspective(1px) translate(-50%, 0);
width: 166px;
}
.intro .services .service.sub .body {
padding-bottom: 60px;
}
.intro .services .service__body .body {
width: 100%;
font-size: 16px;
line-height: 1.63;
}
.intro .services .service__body .button, .intro .services .service__body .guide-cta__wrapper a, .guide-cta__wrapper .intro .services .service__body a, .intro .services .service__body .appello-modal__exit button, .appello-modal__exit .intro .services .service__body button, .intro .services .service__body #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .intro .services .service__body a, .intro .services .service__body .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .intro .services .service__body a {
width: 166px;
}
.intro .services .service__body .title {
font-size: 1.625rem;
}
.bubbles .row {
min-height: 500px;
}
.bubbles--text {
padding: 0 50px;
}
.bubbles--images {
display: block;
}
.tablet-section {
padding: 12rem 0;
}
.tablet-section--tablet {
display: block;
width: 40%;
float: right;
position: absolute;
right: 0;
top: 0;
height: 100%;
z-index: 1;
max-width: 700px;
}
.tablet-section--tablet figure {
position: absolute;
top: 50%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
left: 0;
width: 100%;
height: 700px;
background-size: contain;
background-position: center right;
background-repeat: no-repeat;
}
.tablet-section--white .tablet-section--left {
width: 500px;
padding: 0 0 0 95px;
}
.tablet-section--left {
width: 500px;
padding: 0 8rem 0 95px;
}
.points .row:after {
content: '';
}
.points .flickity-page-dots {
bottom: 3em;
}
.points--point .content {
padding: 80px 50px 50px 50px;
}
.stats figure:after {
content: '';
display: block;
padding-bottom: 100%;
}
.stats--square {
display: flex;
align-items: center;
justify-content: center;
}
.stats--square .inner {
position: absolute;
left: 50%;
top: 50%;
-moz-transform: perspective(1px) translate(-50%, -50%);
-o-transform: perspective(1px) translate(-50%, -50%);
-ms-transform: perspective(1px) translate(-50%, -50%);
-webkit-transform: perspective(1px) translate(-50%, -50%);
transform: perspective(1px) translate(-50%, -50%);
text-align: center;
padding: 0 30px;
}
.stats--square:after {
content: '';
display: block;
padding-bottom: 100%;
}
.stats--square--red {
top: 80px;
}
.stats--square--black {
top: 180px;
}
.stats--square--smaller {
margin-top: -30px;
}
.stats--square--smaller figure:after {
content: '';
padding-bottom: 80% !important;
}
.stats--square--grey h3, .stats--square--red h3, .stats--square--black h3 {
font-size: 0.9rem;
}
.stats--square--grey .body, .stats--square--red .body, .stats--square--black .body {
font-size: 0.6rem;
}
.stats--square--bigger {
margin-top: -32px;
}
.stats--square--bigger figure:after {
content: '';
padding-bottom: 110% !important;
}
.articles {
margin: 10rem 0 6rem 0;
}
.articles__articles {
padding: 0 0 0 70px;
}
.articles__articles__featured {
position: absolute;
bottom: 0;
height: 100%;
}
.articles__articles__featured h3 {
width: auto;
}
.articles__articles h3 {
width: auto;
}
.socialLinks {
margin-bottom: 6.8rem auto;
}
.socialLinks--link {
margin: 1em 0;
padding: 0;
}
.socialLinks--link:last-of-type {
margin-bottom: 0;
}
.socialLinks--link a {
height: auto;
width: 90%;
padding: 15px 30px;
}
.socialLinks--link i {
margin-right: 10px;
position: relative;
top: 0;
left: 0;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
}
.socialLinks--link span {
display: inline-block;
}
.testimonials {
padding: 7.6rem 0 100px;
}
.testimonials h3 {
font-size: 2.1rem;
}
.testimonials__slider .slick-track {
padding-top: 0;
}
.testimonials__slider .testimonial {
max-width: 500px;
margin: 0 80px;
text-align: left;
}
.testimonials__slider .testimonial.has-thumbnail .testimonial_inner {
padding-left: 7rem;
}
.testimonials__slider .testimonial__image {
left: 0;
bottom: 0;
}
.trusted {
padding: 7rem 0;
}
.trusted .body {
width: 40%;
}
.blog .news__filters, .page-template-template-news-new .news__filters {
display: block;
}
.blog .news__filters #search, .page-template-template-news-new .news__filters #search {
display: none;
}
.blog .news__filters #filters, .page-template-template-news-new .news__filters #filters {
display: block;
}
.blog .news__articles, .page-template-template-news-new .news__articles {
display: flex;
}
.blog .news__articles .article, .page-template-template-news-new .news__articles .article {
width: 100%;
padding: 0;
}
.blog .news__articles .article:nth-child(odd), .page-template-template-news-new .news__articles .article:nth-child(odd) {
padding-left: 0;
}
.blog .news__articles .article:nth-child(even), .page-template-template-news-new .news__articles .article:nth-child(even) {
padding-right: 0;
}
.blog .news__articles .article figure, .page-template-template-news-new .news__articles .article figure {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-template-news-new .news__articles .article figure {
height: auto;
}
.page-template-template-news-new .news__articles .article figure:after {
padding-bottom: 65%;
display: block;
content: '';
}
.page-template-template-about .hero picture {
height: 36.625rem;
}
.page-template-template-about .hero h2 {
width: 90%;
}
.page-template-template-about .intro h2 {
margin: 0;
}
.page-template-template-about .ethos {
padding: 8rem 0 10rem 0;
text-align: left;
}
.page-template-template-about .ethos:after {
display: none;
}
.page-template-template-about .ethos__image {
width: 90%;
height: 32.81rem;
display: flex;
}
.page-template-template-about .ethos #animation_container {
display: block;
}
.page-template-template-about .ethos .circles {
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 10px solid transparent;
width: 140px;
height: 140px;
position: absolute;
bottom: -100px;
left: -40px;
}
.page-template-template-about .ethos .button, .page-template-template-about .ethos .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .ethos a, .page-template-template-about .ethos .appello-modal__exit button, .appello-modal__exit .page-template-template-about .ethos button, .page-template-template-about .ethos #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .ethos a, .page-template-template-about .ethos .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .ethos a {
margin: 0;
}
.page-template-template-about .team {
padding: 50px 0 8rem 0;
}
.page-template-template-about .team__header .body {
width: 50%;
}
.page-template-template-about .team__members {
margin-top: 3.5rem;
}
.page-template-template-about .team__members:after {
content: '';
}
.page-template-template-about .team__members .member {
padding: 20px;
width: 50%;
}
.page-template-template-about .team__members .member__image .button, .page-template-template-about .team__members .member__image .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-about .team__members .member__image a, .page-template-template-about .team__members .member__image .appello-modal__exit button, .appello-modal__exit .page-template-template-about .team__members .member__image button, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a {
visibility: hidden;
padding: 15px 30px;
}
.page-template-template-about .team__members .member__image .button span, .page-template-template-about .team__members .member__image .guide-cta__wrapper a span, .guide-cta__wrapper .page-template-template-about .team__members .member__image a span, .page-template-template-about .team__members .member__image .appello-modal__exit button span, .appello-modal__exit .page-template-template-about .team__members .member__image button span, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a span, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a span, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a span, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a span {
display: inline-block;
}
.page-template-template-about .team__members .member__image .button i, .page-template-template-about .team__members .member__image .guide-cta__wrapper a i, .guide-cta__wrapper .page-template-template-about .team__members .member__image a i, .page-template-template-about .team__members .member__image .appello-modal__exit button i, .appello-modal__exit .page-template-template-about .team__members .member__image button i, .page-template-template-about .team__members .member__image #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a i, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-about .team__members .member__image a i, .page-template-template-about .team__members .member__image .header .wrap .menu-global-menu-container ul li.button-li a i, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-about .team__members .member__image a i {
margin-right: 10px;
top: -1px;
left: -5px;
}
.page-template-template-about .downloads {
padding: 120px 0;
}
.page-template-template-about .downloads__header .body {
width: 80%;
}
.page-template-template-about .downloads__downloads .download {
flex: 0 50%;
}
.page-template-template-sls .intro, .page-template-template-new .intro {
padding: 10rem 0;
}
.page-template-template-sls .intro__quote, .page-template-template-sls .intro__quotee, .page-template-template-new .intro__quote, .page-template-template-new .intro__quotee {
text-align: center;
}
.page-template-template-sls .intro__quote h2, .page-template-template-new .intro__quote h2 {
font-size: 2.125rem;
}
.page-template-template-sls .intro__quotee, .page-template-template-new .intro__quotee {
text-align: center;
}
.page-template-template-sls .intro .circle-images, .page-template-template-new .intro .circle-images {
display: block;
}
.page-template-template-sls .intro .circle-images__01, .page-template-template-sls .intro .circle-images__02, .page-template-template-new .intro .circle-images__01, .page-template-template-new .intro .circle-images__02 {
position: absolute;
top: 50%;
-moz-transform: perspective(1px) translate(-30px, -40%);
-o-transform: perspective(1px) translate(-30px, -40%);
-ms-transform: perspective(1px) translate(-30px, -40%);
-webkit-transform: perspective(1px) translate(-30px, -40%);
transform: perspective(1px) translate(-30px, -40%);
left: 0;
width: 250px;
height: 60%;
}
.page-template-template-sls .intro .circle-images__01 figure, .page-template-template-sls .intro .circle-images__02 figure, .page-template-template-new .intro .circle-images__01 figure, .page-template-template-new .intro .circle-images__02 figure {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background: #B7B7B7;
display: block;
overflow: hidden;
}
.page-template-template-sls .intro .circle-images__01 figure .image, .page-template-template-sls .intro .circle-images__02 figure .image, .page-template-template-new .intro .circle-images__01 figure .image, .page-template-template-new .intro .circle-images__02 figure .image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(1), .page-template-template-sls .intro .circle-images__02 figure:nth-child(1), .page-template-template-new .intro .circle-images__01 figure:nth-child(1), .page-template-template-new .intro .circle-images__02 figure:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(2), .page-template-template-sls .intro .circle-images__02 figure:nth-child(2), .page-template-template-new .intro .circle-images__01 figure:nth-child(2), .page-template-template-new .intro .circle-images__02 figure:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(3), .page-template-template-sls .intro .circle-images__02 figure:nth-child(3), .page-template-template-new .intro .circle-images__01 figure:nth-child(3), .page-template-template-new .intro .circle-images__02 figure:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(4), .page-template-template-sls .intro .circle-images__02 figure:nth-child(4), .page-template-template-new .intro .circle-images__01 figure:nth-child(4), .page-template-template-new .intro .circle-images__02 figure:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(5), .page-template-template-sls .intro .circle-images__02 figure:nth-child(5), .page-template-template-new .intro .circle-images__01 figure:nth-child(5), .page-template-template-new .intro .circle-images__02 figure:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(6), .page-template-template-sls .intro .circle-images__02 figure:nth-child(6), .page-template-template-new .intro .circle-images__01 figure:nth-child(6), .page-template-template-new .intro .circle-images__02 figure:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(7), .page-template-template-sls .intro .circle-images__02 figure:nth-child(7), .page-template-template-new .intro .circle-images__01 figure:nth-child(7), .page-template-template-new .intro .circle-images__02 figure:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(8), .page-template-template-sls .intro .circle-images__02 figure:nth-child(8), .page-template-template-new .intro .circle-images__01 figure:nth-child(8), .page-template-template-new .intro .circle-images__02 figure:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(9), .page-template-template-sls .intro .circle-images__02 figure:nth-child(9), .page-template-template-new .intro .circle-images__01 figure:nth-child(9), .page-template-template-new .intro .circle-images__02 figure:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(2n), .page-template-template-sls .intro .circle-images__02 figure:nth-child(2n), .page-template-template-new .intro .circle-images__01 figure:nth-child(2n), .page-template-template-new .intro .circle-images__02 figure:nth-child(2n) {
right: 0;
left: auto;
top: 50%;
-moz-transform: translate(0, -50%) scale(0.9, 0.9);
-o-transform: translate(0, -50%) scale(0.9, 0.9);
-ms-transform: translate(0, -50%) scale(0.9, 0.9);
-webkit-transform: translate(0, -50%) scale(0.9, 0.9);
transform: translate(0, -50%) scale(0.9, 0.9);
}
.page-template-template-sls .intro .circle-images__01 figure:nth-child(3n), .page-template-template-sls .intro .circle-images__02 figure:nth-child(3n), .page-template-template-new .intro .circle-images__01 figure:nth-child(3n), .page-template-template-new .intro .circle-images__02 figure:nth-child(3n) {
top: auto;
bottom: 0;
-moz-transform: scale(0.75, 0.75);
-o-transform: scale(0.75, 0.75);
-ms-transform: scale(0.75, 0.75);
-webkit-transform: scale(0.75, 0.75);
transform: scale(0.75, 0.75);
}
.page-template-template-sls .intro .circle-images__02, .page-template-template-new .intro .circle-images__02 {
-moz-transform: perspective(1px) translate(30px, -10%);
-o-transform: perspective(1px) translate(30px, -10%);
-ms-transform: perspective(1px) translate(30px, -10%);
-webkit-transform: perspective(1px) translate(30px, -10%);
transform: perspective(1px) translate(30px, -10%);
left: auto;
right: 0;
}
.page-template-template-sls .intro .circle-images__02 figure, .page-template-template-new .intro .circle-images__02 figure {
left: auto;
right: 0;
}
.page-template-template-sls .intro .circle-images__02 figure:nth-child(2n), .page-template-template-new .intro .circle-images__02 figure:nth-child(2n) {
right: auto;
left: 0;
}
.page-template-template-sls .grey-text, .page-template-template-new .grey-text {
padding: 10rem 0;
}
.page-template-template-sls .grey-text__left, .page-template-template-new .grey-text__left {
padding: 0 54px 0 95px;
}
.page-template-template-sls .grey-text__right, .page-template-template-new .grey-text__right {
padding: 0 95px 0 54px;
}
.page-template-template-sls .tablet-text .tablet__mobile, .page-template-template-new .tablet-text .tablet__mobile {
display: none;
}
.page-template-template-sls .tablet-text__text, .page-template-template-new .tablet-text__text {
padding: 6.5rem 0px;
}
.page-template-template-sls .tablet-text__tablet, .page-template-template-new .tablet-text__tablet {
display: block;
}
.page-template-template-sls .centered-content, .page-template-template-new .centered-content {
padding: 100px 0;
}
.page-template-template-sls .centered-content .body, .page-template-template-new .centered-content .body {
width: 35%;
}
.page-template-template-sls .centered-content .stat, .page-template-template-new .centered-content .stat {
width: 40%;
}
.experience-video .experience-video__video {
width: 40rem;
}
.experience-video .experience-video__video .bubble {
display: block;
position: absolute;
width: 113px;
height: 113px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.experience-video .experience-video__video .bubble:nth-child(1) {
-moz-animation-delay: 0.2s;
-o-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.experience-video .experience-video__video .bubble:nth-child(2) {
-moz-animation-delay: 0.4s;
-o-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.experience-video .experience-video__video .bubble:nth-child(3) {
-moz-animation-delay: 0.6s;
-o-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.experience-video .experience-video__video .bubble:nth-child(4) {
-moz-animation-delay: 0.8s;
-o-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.experience-video .experience-video__video .bubble:nth-child(5) {
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.experience-video .experience-video__video .bubble:nth-child(6) {
-moz-animation-delay: 1.2s;
-o-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.experience-video .experience-video__video .bubble:nth-child(7) {
-moz-animation-delay: 1.4s;
-o-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.experience-video .experience-video__video .bubble:nth-child(8) {
-moz-animation-delay: 1.6s;
-o-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.experience-video .experience-video__video .bubble:nth-child(9) {
-moz-animation-delay: 1.8s;
-o-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.experience-video .experience-video__video .bubble:nth-of-type(1) {
top: 20px;
left: 150px;
}
.experience-video .experience-video__video .bubble:nth-of-type(2) {
top: 140px;
right: 190px;
}
.experience-video .experience-video__video .bubble:nth-of-type(3) {
top: 360px;
right: 270px;
}
.experience-video .experience-video__video .bubble:nth-of-type(4) {
left: 60px;
top: 360px;
}
.experience-video .experience-video__video .bubble:nth-of-type(5) {
left: -10px;
top: 190px;
}
.experience-video .experience-video__video .bubble--big {
display: block;
position: absolute;
width: 166px;
height: 166px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
top: 170px;
left: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.experience-video .experience-video__video .bubble--big i {
background-color: #ff5327;
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.experience-video .experience-video__text {
float: right;
padding-top: 0 !important;
}
.experience-video .right-half__extended {
padding-left: 50px !important;
}
.page-template-template-services .services {
margin-top: 0;
}
.page-template-template-services .services__service {
padding: 8rem 0 8.7rem 0;
}
.page-template-template-services .services__service .row.image-left {
display: flex;
flex-direction: initial;
}
.page-template-template-services .services__service .text {
padding: 0;
}
.page-template-template-services .services__service .dotted--line {
display: block;
content: '';
height: 0;
width: 3px;
border-left: 1.7px dashed #ff5327;
position: absolute;
display: block;
top: -4.37rem;
left: 25%;
z-index: 100;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
height: 8.75rem;
z-index: 100;
height: 0;
}
.page-template-template-services .services__service .dotted--line.animated {
height: 8.75rem;
}
.page-template-template-services .services__service .dotted--line__right {
left: auto;
right: 30%;
}
.page-template-template-services .services__service .dotted--line__top {
bottom: auto;
top: -4.37rem;
}
.page-template-template-services .services__service .dotted--line__top__right {
left: auto;
right: 30%;
}
.page-template-template-services .services__service .button, .page-template-template-services .services__service .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-services .services__service a, .page-template-template-services .services__service .appello-modal__exit button, .appello-modal__exit .page-template-template-services .services__service button, .page-template-template-services .services__service #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-services .services__service a, .page-template-template-services .services__service .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-services .services__service a {
margin-top: 0;
}
.page-template-template-services .services__service .button:last-of-type, .page-template-template-services .services__service .guide-cta__wrapper a:last-of-type, .guide-cta__wrapper .page-template-template-services .services__service a:last-of-type, .page-template-template-services .services__service .appello-modal__exit button:last-of-type, .appello-modal__exit .page-template-template-services .services__service button:last-of-type, .page-template-template-services .services__service #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a:last-of-type, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-services .services__service a:last-of-type, .page-template-template-services .services__service .header .wrap .menu-global-menu-container ul li.button-li a:last-of-type, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-services .services__service a:last-of-type {
display: inline-block;
}
.page-template-template-services .services__service .wrap {
max-width: none;
width: auto;
}
.page-template-template-services .services__service .text .inner {
width: 26.5rem;
}
.page-template-template-services .services__service figure {
width: 31.68rem;
}
.page-template-template-services .services__service figure:after {
padding-bottom: 60%;
}
.page-template-template-services .services__service#dtm .wrap {
margin: 0 auto;
}
.page-template-template-services .services__service#dtm figure {
margin: 0;
height: 24.81rem;
}
.page-template-template-services .services__service#sls .wrap {
margin-left: 11.06rem;
}
.page-template-template-services .services__service#ihc figure {
margin: 0;
height: 24.81rem;
}
.page-template-template-services .services__service#ihc .wrap {
margin: 0 auto;
}
.featureQuote__header .inner {
width: 50%;
}
.page-template-template-ihc .ihc-header {
padding: 200px 0;
}
.page-template-template-ihc .ihc-header h1 {
font-size: 2.125rem;
}
.page-template-template-ihc .ihc-header figure {
position: absolute;
right: 0;
bottom: auto;
top: 55%;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
width: 33rem;
height: 25.12rem;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
float: right;
}
.red-black__black {
width: 50%;
padding: 138px 90px !important;
}
.red-black__red {
width: 50%;
padding: 138px 90px !important;
}
.page-template-template-dtm .intro {
padding: 15rem 0 7rem 0;
}
.page-template-template-dtm__black .body {
width: 25.12rem;
}
.page-template-template-dtm__grey .body {
width: 25.12rem;
}
.page-template-template-dtm .intro__heading {
width: 50%;
}
.page-template-template-dtm .intro__body {
width: 50%;
padding-left: 5.62rem;
float: right;
}
.page-template-template-dtm .intro .button, .page-template-template-dtm .intro .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .intro a, .page-template-template-dtm .intro .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .intro button, .page-template-template-dtm .intro #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .intro a, .page-template-template-dtm .intro .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .intro a {
width: auto !important;
margin-top: 2.5rem;
opacity: 1;
filter: alpha(opacity=100);
display: inline-block;
}
.page-template-template-dtm .black-grey__black {
padding: 100px 80px;
}
.page-template-template-dtm .black-grey__black h2 {
margin: 28px 0;
}
.page-template-template-dtm .black-grey__grey {
padding: 100px 80px;
}
.page-template-template-dtm .quote {
padding: 200px 0;
}
.page-template-template-dtm .quote .responsive-image {
display: none;
}
.page-template-template-dtm .quote .circle-images {
display: block;
height: 70%;
}
.page-template-template-dtm .quote .circle-images__01 {
top: 40%;
}
.page-template-template-dtm .quote .circle-images__01 figure {
left: auto;
right: 0;
}
.page-template-template-dtm .quote .circle-images__01 figure:nth-child(1) {
right: 10%;
-moz-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
.page-template-template-dtm .quote .circle-images__01 figure:nth-child(3) {
left: auto;
right: -1%;
}
.page-template-template-dtm .quote .circle-images__01 figure:nth-child(2) {
width: 130px;
height: 130px;
right: auto;
left: 0;
}
.page-template-template-dtm .quote .circle-images__02 {
top: 30%;
width: 300px;
height: 60%;
}
.page-template-template-dtm .quote .circle-images__02 figure:nth-child(1) {
right: 20%;
top: 0%;
width: 120px;
height: 120px;
}
.page-template-template-dtm .quote .circle-images__02 figure:nth-child(2) {
top: auto;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
bottom: 0;
}
.page-template-template-dtm .quote .circle-images__02 figure:nth-child(3) {
bottom: 5%;
-moz-transform: scale(0.9, 0.9);
-o-transform: scale(0.9, 0.9);
-ms-transform: scale(0.9, 0.9);
-webkit-transform: scale(0.9, 0.9);
transform: scale(0.9, 0.9);
}
.page-template-template-dtm .quote__quote {
width: 40%;
}
.page-template-template-dtm .collab {
padding: 8.06rem;
}
.page-template-template-dtm .collab__body {
width: 50%;
}
.page-template-template-dtm .collab__logos {
padding: 0;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
box-shadow: 0 0 15px rgba(0, 0, 0, 0);
}
.page-template-template-dtm .collab .button, .page-template-template-dtm .collab .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .collab a, .page-template-template-dtm .collab .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .collab button, .page-template-template-dtm .collab #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .collab a, .page-template-template-dtm .collab .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .collab a {
margin: 10rem auto 0 auto;
}
.page-template-template-dtm .experience-video {
display: block;
padding: 100px 0 0 0;
}
.page-template-template-dtm .experience-video .experience-video__video {
display: block;
}
.page-template-template-dtm__text {
padding: 50px 0;
width: 26.56rem;
margin: 0 auto;
}
.page-template-template-dtm__text .body {
opacity: 0.6;
filter: alpha(opacity=60);
width: 25.56rem;
}
.page-template-template-dtm .flexible-video {
width: 100%;
float: left;
padding: 130px 0;
}
.page-template-template-dtm .flexible-video__text {
width: 28rem;
margin: 0 auto;
padding: 0 0;
}
.page-template-template-dtm .flexible-video__text h2 {
padding-left: 0;
font-size: 2.125rem;
}
.page-template-template-dtm .flexible-video__text .body {
padding: 0 0;
opacity: 0.6;
filter: alpha(opacity=60);
}
.page-template-template-dtm .flexible-video .video {
padding: inherit;
height: 26rem;
}
.page-template-template-dtm .flexible-video__video {
width: 33.56rem;
height: 26rem;
float: right;
margin: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.page-template-template-dtm .red-grey__left {
padding: 8rem 80px;
}
.page-template-template-dtm .red-grey .slick-next, .page-template-template-dtm .red-grey .slick-prev {
display: block;
}
.page-template-template-dtm .red-grey__right {
padding: 10.12rem 80px;
}
.page-template-template-dtm .red-grey__right .button, .page-template-template-dtm .red-grey__right .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-dtm .red-grey__right a, .page-template-template-dtm .red-grey__right .appello-modal__exit button, .appello-modal__exit .page-template-template-dtm .red-grey__right button, .page-template-template-dtm .red-grey__right #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-dtm .red-grey__right a, .page-template-template-dtm .red-grey__right .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-dtm .red-grey__right a {
display: table;
}
.featureQuote {
text-align: left;
padding: 6rem 0;
}
.featureQuote__header {
border-bottom: 1px solid rgba(151, 151, 151, 0.3);
padding: 0 0 3.56rem 0;
}
.featureQuote__header img {
display: block;
margin-top: 10px;
float: right;
}
.featureQuote__header .body .button, .featureQuote__header .body .guide-cta__wrapper a, .guide-cta__wrapper .featureQuote__header .body a, .featureQuote__header .body .appello-modal__exit button, .appello-modal__exit .featureQuote__header .body button, .featureQuote__header .body #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .featureQuote__header .body a, .featureQuote__header .body .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .featureQuote__header .body a {
display: none;
}
.featureQuote__articles {
display: block;
}
.featureQuote__quotes {
background-color: transparent;
padding: 0;
width: 70%;
position: absolute !important;
right: 0;
text-align: left;
}
.featureQuote .slick-arrow {
position: absolute;
bottom: 0;
left: auto;
right: 0;
}
.featureQuote .slick-arrow.slick-prev-feature {
left: 8.75rem;
}
.featureQuote .slick-arrow.slick-next-feature {
left: 12em;
}
.featureQuote .slick-prev-feature, .featureQuote .slick-next-feature {
display: inline-block;
}
.keypoints {
padding: 100px 60px;
height: auto;
}
.keypoints h2 {
text-align: left;
padding-left: 25px;
}
.keypoints .button, .keypoints .guide-cta__wrapper a, .guide-cta__wrapper .keypoints a, .keypoints .appello-modal__exit button, .appello-modal__exit .keypoints button, .keypoints #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .keypoints a, .keypoints .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .keypoints a {
position: relative;
bottom: auto;
left: auto;
}
.keypoints__points {
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0);
box-shadow: 0 0 15px rgba(0, 0, 0, 0);
justify-content: center;
flex-wrap: wrap;
display: flex;
}
.keypoints__points .point {
padding: 30px 50px 30px 80px;
flex: 0 50%;
}
.keypoints__points .point .title {
margin: 0;
}
.keypoints__points .point .body {
text-align: left;
}
.keypoints__points .point .logo {
position: absolute;
top: 40px;
left: 0;
}
.text-with-points .text {
margin-right: 10rem;
}
.text-with-points__bubbles {
display: block;
}
.text-with-points__points ul {
margin-top: 0;
}
.text-with-points__points ul li {
margin-bottom: 20px;
}
.page-template-template-careers .careers-header {
padding: 200px 0;
}
.page-template-template-careers .careers-header #discover {
display: inline-block;
}
.page-template-template-careers .careers-header h1 {
font-size: 2.125;
}
.page-template-template-careers .careers-header .wrap {
max-width: 1400px;
width: 100%;
}
.page-template-template-careers .careers-header figure {
display: block;
max-width: 32.87rem;
height: 25.125rem;
margin-top: 0;
}
.page-template-template-careers .text-with-points {
padding: 100px 0;
}
.page-template-template-careers .text-with-points .text {
padding-right: 1rem;
}
.page-template-template-careers .text-with-points .text-with-points__points {
padding-left: 8rem;
}
.page-template-template-careers .text-with-points .text,
.page-template-template-careers .text-with-points .text-with-points__points {
width: 50%;
float: left;
}
.page-template-template-careers .mission {
padding: 7rem 0;
}
.page-template-template-careers .mission__statement {
width: 31.12rem;
padding-right: 50px;
font-size: 1.625rem;
}
.page-template-template-careers .mission__statement2 {
width: 28.93rem;
}
.page-template-template-careers .team-slider button {
top: 10%;
right: 20% !important;
-moz-transform: perspective(1px) translate(0, -50%);
-o-transform: perspective(1px) translate(0, -50%);
-ms-transform: perspective(1px) translate(0, -50%);
-webkit-transform: perspective(1px) translate(0, -50%);
transform: perspective(1px) translate(0, -50%);
}
.page-template-template-careers .team-slider button.previous {
-moz-transform: perspective(1px) translate(-200%, -50%);
-o-transform: perspective(1px) translate(-200%, -50%);
-ms-transform: perspective(1px) translate(-200%, -50%);
-webkit-transform: perspective(1px) translate(-200%, -50%);
transform: perspective(1px) translate(-200%, -50%);
}
.page-template-template-careers .team-slider button.next {
right: 0;
}
.page-template-template-careers .team-slider__slide {
float: left;
width: 100%;
padding: 0 13%;
left: 0 !important;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.page-template-template-careers .team-slider__slide.is-selected {
opacity: 1 !important;
z-index: 1 !important;
}
.page-template-template-careers .team-slider__slide__image {
width: 28.4%;
}
.page-template-template-careers .team-slider__slide__image:after {
padding-bottom: 160%;
}
.page-template-template-careers .team-slider__slide__details {
width: 65%;
padding: 30px 70px 0 90px;
}
.page-template-template-careers .secondary-team-slider {
display: block;
width: 120%;
float: left;
position: absolute !important;
top: 6.5rem;
left: 0;
-moz-transform: perspective(1px) translate(0%, 0);
-o-transform: perspective(1px) translate(0%, 0);
-ms-transform: perspective(1px) translate(0%, 0);
-webkit-transform: perspective(1px) translate(0%, 0);
transform: perspective(1px) translate(0%, 0);
opacity: 0.3;
filter: alpha(opacity=30);
}
.page-template-template-careers .secondary-team-slider button {
display: none;
}
.page-template-template-careers .secondary-team-slider .flickity-slider {
-webkit-transition: all 0s !important;
-moz-transition: all 0s !important;
-o-transition: all 0s !important;
transition: all 0s !important;
}
.page-template-template-careers .secondary-team-slider__slide {
width: 33.3333%;
float: left;
margin-right: 10%;
}
.page-template-template-careers .secondary-team-slider__slide.is-selected {
opacity: 0;
filter: alpha(opacity=0);
}
.page-template-template-careers .secondary-team-slider__slide__image {
width: 52.5%;
background-size: cover;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-position: center;
}
.page-template-template-careers .secondary-team-slider__slide__image:after {
padding-bottom: 160%;
content: '';
display: block;
}
.page-template-template-careers .cta {
padding: 9.68rem 0 7.93rem 0;
}
.page-template-template-contact .map {
position: relative;
background-color: #B7B7B7;
width: 100%;
float: left;
height: 700px;
margin-top: 0;
}
.page-template-template-contact .map .contact-details {
height: 30.62rem;
width: 31.12rem;
margin: 6.81rem 0 6.81rem 5.93rem;
padding: 4.31rem 4rem;
}
.page-template-template-contact .map .contact-details h2 {
font-size: 2.12rem;
}
.page-template-template-contact .map .gmap {
height: 100%;
top: 0;
bottom: auto;
}
.page-template-template-contact .contact-form {
padding: 7.62rem 0;
}
.page-template-template-contact .contact-form__heading .body {
width: 50%;
text-align: center;
}
.page-template-template-contact .contact-form__form {
margin-top: 8.36rem;
}
.page-template-template-contact .contact-form__form .gfield {
width: 31.1%;
margin: 0 1.6665% 3.8rem 1.6665%;
}
.page-template-template-contact .contact-form__form .gfield:nth-of-type(3n+1) {
margin-left: 0;
}
.page-template-template-contact .contact-form__form .gfield:nth-of-type(3n) {
margin-right: 0;
}
.page-template-template-contact .faq__heading h2 {
text-align: center;
}
.page-template-template-contact .faq__heading .body {
text-align: center;
margin: 0 auto;
width: 50%;
opacity: 0.5;
}
.page-template-template-contact .faq__nav {
width: 40%;
padding-right: 4em;
}
.page-template-template-contact .faq__nav ul li {
margin: 0 0 50px 0;
}
.page-template-template-contact .faq__questions {
width: 60%;
margin-top: 5.62rem;
}
.page-template-template-contact .social__twitter {
width: 50%;
margin: 3.75rem auto 3.5rem auto;
}
.team-profiles {
display: block;
}
.flexible-video--grey-left .flexible-video__text {
padding: 7.56rem 0rem;
max-width: 47.5rem;
}
.flexible-video {
width: auto;
width: 100%;
float: left;
padding: 100px 0;
}
.flexible-video--right .flexible-video__video {
float: right !important;
}
.flexible-video--float-none .flexible-video__video {
float: none;
right: 50px;
position: relative;
}
.flexible-video__text {
padding: 0 0;
width: 26.56rem;
margin: 0 auto;
}
.flexible-video__text h2 {
margin-top: 0;
}
.flexible-video__text .body {
opacity: 0.6;
filter: alpha(opacity=60);
width: 25.56rem;
}
.flexible-video__video {
width: 33rem;
}
/*********************
SINGLE POST STYLES
*********************/
.single-post .content__body {
max-width: 39.5rem;
}
.single-post .content__related {
width: 21.87rem;
display: inline-block;
}
.single-post .content__quote {
height: 28.12rem;
}
.footer {
padding: 50px 0 100px;
}
.footer .footer__logo {
margin-bottom: 30px;
}
.footer .links {
padding: 40px 0 7rem 0;
}
.footer__nav {
float: left;
display: inline-block;
margin-top: 0;
width: auto;
}
.footer__nav ul {
float: left;
width: auto;
margin: 0 0 0 50px;
}
.footer__nav ul:first-of-type {
margin: 0;
display: block;
}
.footer__nav ul:nth-of-type(3) {
display: block;
}
.footer__nav ul li {
font-size: 0.8em;
}
.footer .copyright {
padding-top: 50px;
}
.cookie-notice .inner {
width: 80%;
display: inline-block;
text-align: left;
}
.cookie-notice .button, .cookie-notice .guide-cta__wrapper a, .guide-cta__wrapper .cookie-notice a, .cookie-notice .appello-modal__exit button, .appello-modal__exit .cookie-notice button, .cookie-notice #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .cookie-notice a, .cookie-notice .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .cookie-notice a {
margin: 0;
}
.page-template-template-lander {
background-color: #323232;
padding: 100px;
}
.page-template-template-lander .header, .page-template-template-lander .footer {
display: none;
}
.page-template-template-lander .lander {
margin: 0 auto;
max-width: 1280px;
}
.page-template-template-lander .lander__logo {
text-align: center;
margin-bottom: 130px;
}
.page-template-template-lander .lander__logo svg * {
margin: 0 auto;
fill: #fff;
}
.page-template-template-lander .lander__body {
margin: 0 auto;
height: 500px;
width: 80%;
max-width: 865px;
padding: 0 2px;
}
.page-template-template-lander .lander__body:hover .site {
opacity: 0.4;
filter: alpha(opacity=40);
}
.page-template-template-lander .lander__body:hover .site:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.page-template-template-lander .lander__body .site {
position: relative;
width: 390px;
height: 420px;
background-color: #fff;
border-radius: 4px;
display: inline-block;
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
float: left;
}
.page-template-template-lander .lander__body .site:last-of-type {
float: right;
}
.page-template-template-lander .lander__body .site figure {
width: 100px;
height: 100px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
top: -50px;
border-radius: 100px;
margin: 0 auto;
}
.page-template-template-lander .lander__body .site h2 {
text-align: center;
font-size: 1.62rem;
margin-top: 0;
}
.page-template-template-lander .lander__body .site .body {
margin-top: 30px;
text-align: center;
padding: 0 55px;
opacity: 0.6;
}
.page-template-template-lander .lander__body .site .button, .page-template-template-lander .lander__body .site .guide-cta__wrapper a, .guide-cta__wrapper .page-template-template-lander .lander__body .site a, .page-template-template-lander .lander__body .site .appello-modal__exit button, .appello-modal__exit .page-template-template-lander .lander__body .site button, .page-template-template-lander .lander__body .site #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-template-lander .lander__body .site a, .page-template-template-lander .lander__body .site .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-template-lander .lander__body .site a {
margin: 60px auto 0 auto;
}
.page-template-template-lander .lander footer {
margin-top: 120px;
text-align: center;
color: #fff;
font-size: 14px;
opacity: 0.6;
padding-bottom: 0;
}
.page-template-template-lander .lander footer .separator {
font-size: 0.2rem;
margin: 0 25px;
padding-bottom: 100px;
height: 100%;
display: inline-block;
}
.page-template-template-lander .lander footer a {
color: #fff;
}
.page-template-template-lander .lander footer a:first-of-type {
margin-bottom: 0;
}
.page-template-template-lander .lander footer .fa-facebook-f, .page-template-template-lander .lander footer .fa-twitter {
display: inline-block;
}
.page-template-template-lander .lander footer * {
display: inline-block;
}
.right-half {
width: 50% !important;
margin-left: auto;
}
.new-downloads {
padding: 120px 0;
}
.new-downloads .wrap {
display: flex;
justify-content: space-between;
}
.new-downloads .wrap .downloads__header {
width: 50%;
}
.new-downloads .wrap .downloads__header h2 {
font-size: 2.1em;
margin: 1rem 0 2.1rem 0;
}
.new-downloads .wrap .downloads__header .button, .new-downloads .wrap .downloads__header .guide-cta__wrapper a, .guide-cta__wrapper .new-downloads .wrap .downloads__header a, .new-downloads .wrap .downloads__header .appello-modal__exit button, .appello-modal__exit .new-downloads .wrap .downloads__header button, .new-downloads #menu_overlay #menu_overlay_inner_container .wrap .downloads__header ul li.button-li a, #menu_overlay #menu_overlay_inner_container .new-downloads .wrap .downloads__header ul li.button-li a, .new-downloads #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .downloads__header a, #menu_overlay #menu_overlay_inner_container .new-downloads .wrap ul li.button-li .downloads__header a, .new-downloads .header .wrap .downloads__header .menu-global-menu-container ul li.button-li a, .header .new-downloads .wrap .downloads__header .menu-global-menu-container ul li.button-li a, .new-downloads .header .wrap .menu-global-menu-container ul li.button-li .downloads__header a, .header .new-downloads .wrap .menu-global-menu-container ul li.button-li .downloads__header a {
margin: 3rem 0 0 0 !important;
}
.new-downloads .wrap .downloads__downloads {
width: 42%;
}
}
/*********************
IPAD LANDSCAPE & SMALL DESKTOPS
*********************/
@media only screen and (min-width: 1024px) {
/******************************************************************
Stylesheet: iPad Landscape and Small Desktop Stylsheet
******************************************************************/
.wrap {
width: 90%;
}
/* screen sizes display classes */
.display-tablet-landscape {
display: block;
}
.display-mobile,
.display-tablet,
.display-desktop {
display: none;
}
.stats--square--grey h3, .stats--square--red h3, .stats--square--black h3 {
font-size: 1.6rem;
}
.stats--square--grey .body, .stats--square--red .body, .stats--square--black .body {
font-size: 1rem;
}
.socialLinks {
margin-bottom: 6.8rem auto;
}
.socialLinks--link {
margin: 1em 0;
padding: 0;
text-align: center;
}
.socialLinks--link:last-of-type {
margin-bottom: 0;
}
.socialLinks--link a {
height: auto;
width: 80%;
padding: 15px 30px;
}
.socialLinks--link i {
margin-right: 10px;
position: relative;
top: 0;
left: 0;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
}
.socialLinks--link span {
display: inline-block;
}
.footer .links {
padding: 40px 0 7rem 0;
}
.footer__nav {
float: right;
display: inline-block;
margin-top: 0;
width: auto;
}
.footer__nav ul {
float: left;
width: auto;
margin: 0 0 0 73px;
}
.footer__nav ul:first-of-type {
margin: 0;
display: block;
}
.footer__nav ul:nth-of-type(3) {
display: block;
}
.footer__nav ul li {
font-size: 0.8em;
}
.footer .copyright {
padding-top: 50px;
}
.blog .news__filters #search,
.page-template-template-news-new .news__filters #search {
display: none;
}
.blog .news__filters #filters,
.page-template-template-news-new .news__filters #filters {
display: flex;
align-items: center;
margin-top: 0;
}
.blog .news__filters #filters .inputs,
.page-template-template-news-new .news__filters #filters .inputs {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding: 0 1rem 0 0;
}
.blog .news__filters #filters .inputs select#category,
.blog .news__filters #filters .inputs select#author,
.page-template-template-news-new .news__filters #filters .inputs select#category,
.page-template-template-news-new .news__filters #filters .inputs select#author {
width: 150%;
}
.blog .news__filters #filters .inputs select,
.page-template-template-news-new .news__filters #filters .inputs select {
padding: 0 1rem;
}
.blog .news__filters #filters input[type="submit"],
.page-template-template-news-new .news__filters #filters input[type="submit"] {
width: auto;
padding-bottom: 0;
}
.blog .news__articles,
.page-template-template-news-new .news__articles {
display: flex;
padding-bottom: 50px;
}
.blog .news__articles .article,
.page-template-template-news-new .news__articles .article {
width: 50%;
padding: 20px;
}
.blog .news__articles .article:nth-child(odd),
.page-template-template-news-new .news__articles .article:nth-child(odd) {
padding-left: 0;
}
.blog .news__articles .article:nth-child(even),
.page-template-template-news-new .news__articles .article:nth-child(even) {
padding-right: 0;
}
.page-template-template-careers .text-with-points__points {
margin-top: 0;
}
.page-template-template-careers .cta__contact a {
display: inline-block;
margin-bottom: 0;
}
.page-template-template-contact .contact-form__heading h2 {
text-align: center;
}
.page-template-template-contact .contact-form__form .gform_footer input {
float: right;
margin-top: 0;
}
.text-with-points .text {
margin-right: 1rem;
width: 45%;
display: inline-block;
}
.text-with-points .text .text-with-points__header {
width: 100%;
font-size: 2.125em;
}
.text-with-points .text .text-with-points__header span {
color: #ff5327;
}
.text-with-points .text .text-with-points__body {
margin-top: 40px;
width: 100%;
font-size: 1em;
opacity: 0.5;
filter: alpha(opacity=50);
float: right;
}
.text-with-points .text .text-with-points__body span {
color: #ff5327;
}
.text-with-points__points {
float: right;
}
.news__container {
flex-direction: row;
}
.news__container .left-col {
width: 70%;
padding-right: 5%;
}
.news__container .left-col .featured {
padding-bottom: 3rem;
}
.news__container .left-col .featured figcaption {
font-size: 0.9rem;
}
.news__container .right-col {
width: 30%;
}
.features .button-row {
margin: 0;
}
.features .button-row .button--prev--next {
width: 3rem;
height: 1.5rem;
}
.features .button-row .button--prev--next.button--next {
right: 2.5em;
}
}
/*********************
DESKTOP
*********************/
@media only screen and (min-width: 1030px) {
/******************************************************************
Stylesheet: Desktop Stylsheet
******************************************************************/
.wrap {
max-width: 1040px;
}
/* screen sizes display classes */
.display-desktop {
display: block;
}
.display-mobile, .display-tablet-landscape, .display-tablet {
display: none;
}
/*********************
HEADER STYLES
*********************/
.header #menu.desktop {
display: block;
}
.header #menu.mobile {
display: none;
}
/* end .header */
}
/*********************
LARGE VIEWING SIZE
*********************/
@media only screen and (min-width: 1240px) {
/******************************************************************
Stylesheet: Super Large Monitor Stylesheet
******************************************************************/
.page-template-template- .tablet-text__text, .page-template-template-new .tablet-text__text {
margin-left: 95px;
}
.page-template-template- .tablet-text .max, .page-template-template-new .tablet-text .max {
max-width: none;
}
.features {
padding: 10rem 0 5rem 0;
}
.features__inner {
padding-bottom: 5rem;
}
.features__inner section {
flex-direction: row;
padding: 0;
}
.features__inner section:nth-of-type(odd) {
flex-direction: row-reverse;
}
.features__inner section:nth-of-type(odd) figure {
-moz-transform: perspective(1px) translate(10%, 0);
-o-transform: perspective(1px) translate(10%, 0);
-ms-transform: perspective(1px) translate(10%, 0);
-webkit-transform: perspective(1px) translate(10%, 0);
transform: perspective(1px) translate(10%, 0);
}
.features__inner section:nth-of-type(odd) div {
padding-left: 7.5%;
padding-right: 0;
}
.features__inner section > figure, .features__inner section div {
width: 50%;
}
.features__inner section figure {
width: 45%;
-moz-transform: perspective(1px) translate(-10%, 0);
-o-transform: perspective(1px) translate(-10%, 0);
-ms-transform: perspective(1px) translate(-10%, 0);
-webkit-transform: perspective(1px) translate(-10%, 0);
transform: perspective(1px) translate(-10%, 0);
margin-bottom: 0;
}
.features__inner .flickity-prev-next-button {
position: absolute;
bottom: 0;
left: 0;
top: auto;
right: auto;
margin: 0;
background: transparent;
width: 3rem;
height: 1.5rem;
margin-left: 6.5%;
-moz-transform: perspective(1px) translate(0, 0);
-o-transform: perspective(1px) translate(0, 0);
-ms-transform: perspective(1px) translate(0, 0);
-webkit-transform: perspective(1px) translate(0, 0);
transform: perspective(1px) translate(0, 0);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.features__inner .flickity-prev-next-button:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10H45M45 10L36.5 1.5M45 10L36.5 18.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-size: auto 100%;
background-position: right;
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background-repeat: no-repeat;
top: 0;
left: 0;
}
.features__inner .flickity-prev-next-button:focus {
outline: none;
box-shadow: none !important;
border: 0;
}
.features__inner .flickity-prev-next-button:hover {
background-color: transparent;
}
.features__inner .flickity-prev-next-button svg {
display: none;
}
.features__inner .flickity-prev-next-button.next {
-moz-transform: perspective(1px) translate(200%, 0);
-o-transform: perspective(1px) translate(200%, 0);
-ms-transform: perspective(1px) translate(200%, 0);
-webkit-transform: perspective(1px) translate(200%, 0);
transform: perspective(1px) translate(200%, 0);
right: auto;
}
.features__inner .flickity-prev-next-button.next:disabled {
opacity: 1;
}
.features__inner .flickity-prev-next-button.next:disabled::after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10H45M45 10L36.5 1.5M45 10L36.5 18.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}
.features__inner .flickity-prev-next-button.previous {
left: auto;
}
.features__inner .flickity-prev-next-button.previous:after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 10L2 10M2 10L10.5 18.5M2 10L10.5 1.5' stroke='%23da4f2b' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
background-position: left;
}
.features__inner .flickity-prev-next-button.previous:disabled {
opacity: 1;
}
.features__inner .flickity-prev-next-button.previous:disabled::after {
background-image: url("data:image/svg+xml,%3Csvg width='47' height='20' viewBox='0 0 47 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47 10L2 10M2 10L10.5 18.5M2 10L10.5 1.5' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A") !important;
}
}
/*********************
EVEN LARGER VIEWING SIZE
*********************/
@media only screen and (min-width: 1600px) {
/******************************************************************
Stylesheet: Super Large Monitor Stylesheet
******************************************************************/
.page-template-template-sls .tablet-text__text {
margin-left: 21%;
}
.page-template-template-sls .tablet-text .max {
max-width: none;
}
.page-template-template-sls .intro .circle-images__01 {
left: 10%;
}
.page-template-template-sls .intro .circle-images__02 {
right: 10%;
}
}
/*********************
Max-width
*********************/
@media only screen and (max-width: 1160px) {
section.videos {
padding-bottom: 100px !important;
}
}
@media only screen and (max-width: 1000px) {
.timeline_image img {
padding: 30px;
}
.timeline_description {
padding: 30px !important;
}
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license
Copyright (c) 2013 Daniel Eden
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-direction: alternate;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
70% {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
25% {
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.3);
-ms-transform: scale(0.3);
transform: scale(0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
.os-animation {
opacity: 0;
}
.os-animation.animated {
opacity: 1;
}
@-webkit-keyframes l1 {
0% {
height: 0;
background: #fff;
}
100% {
height: 100%;
background: #fff;
}
}
@-webkit-keyframes l2 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@-webkit-keyframes l3 {
0% {
height: 0;
background: #fff;
}
100% {
height: 100%;
background: #fff;
}
}
@-webkit-keyframes l4 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@-webkit-keyframes l4 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@keyframes l1 {
0% {
height: 0;
background: #fff;
}
100% {
height: 100%;
background: #fff;
}
}
@keyframes l2 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@keyframes l3 {
0% {
height: 0;
background: #fff;
}
100% {
height: 100%;
background: #fff;
}
}
@keyframes l4 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@keyframes l4 {
0% {
width: 0;
background: #fff;
}
100% {
width: 100%;
background: #fff;
}
}
@keyframes "dotpulse" {
0% {
opacity: 0.2;
}
50% {
opacity: 0.8;
}
100% {
opacity: 0.2;
}
}
@-moz-keyframes dotpulse {
0% {
opacity: 0.2;
}
50% {
opacity: 0.8;
}
100% {
opacity: 0.2;
}
}
@-webkit-keyframes "dotpulse" {
0% {
opacity: 0.2;
}
50% {
opacity: 0.8;
}
100% {
opacity: 0.2;
}
}
@-ms-keyframes "dotpulse" {
0% {
opacity: 0.2;
}
50% {
opacity: 0.8;
}
100% {
opacity: 0.2;
}
}
@keyframes "dotpulse2" {
0% {
opacity: 0;
}
50% {
opacity: 0.05;
}
100% {
opacity: 0;
}
}
@-moz-keyframes dotpulse2 {
0% {
opacity: 0;
}
50% {
opacity: 0.05;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes "dotpulse2" {
0% {
opacity: 0;
}
50% {
opacity: 0.05;
}
100% {
opacity: 0;
}
}
@-ms-keyframes "dotpulse2" {
0% {
opacity: 0;
}
50% {
opacity: 0.05;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes pulsate {
0% {
opacity: 0.5;
-webkit-transform: scale(0.9, 0.9);
}
50% {
opacity: 1;
-webkit-transform: scale(1, 1);
}
100% {
opacity: 0.5;
-webkit-transform: scale(0.9, 0.9);
}
}
@keyframes floatY {
0% {
transform: translateY(0px) translateX(0px);
}
50% {
transform: translateY(-30px) translateX(-5px);
}
100% {
transform: translateY(-5px) translateX(-20px);
}
}
@keyframes floatY2 {
0% {
transform: translateY(0px) translateX(0px);
}
50% {
transform: translateY(10px) translateX(30px);
}
70% {
transform: translateX(-10px);
}
100% {
transform: translateY(0px) translateX(0px);
}
}
@keyframes floatY3 {
0% {
transform: translateY(0px) translateX(0px);
}
50% {
transform: translateY(-40px) translateX(-10px);
}
100% {
transform: translateY(0px) translateX(0px);
}
}
/* this file contains CSS override to disable previouse theme css */
.hero--fullheight {
margin-top: 0;
}
.lp-bar__iframe-wrapper.open {
z-index: 0;
}
.yt-play {
fill: #2A2D34 !important;
}
.banner.cookie {
display: none;
}
.testimonial-slider p::before {
content: open-quote;
font-size: 60px;
position: absolute;
margin-left: -30px;
margin-top: -30px;
color: #fed200;
}
.testimonial-slider p::after {
content: close-quote;
font-size: 60px;
position: absolute;
margin-left: 10px;
margin-top: -10px;
color: #fed200;
}
.is-mobile {
display: none;
}
@media (max-width: 768px) {
.is-default {
display: none;
}
.is-mobile {
display: block;
}
}
/* Ham burger */
button.nav-toggle:focus {
outline: none !important;
}
/* Banner */
.banner h3 {
color: white;
}
/* Services */
.services-logo img {
text-align: center;
margin: 0 auto;
height: 25px;
width: 25px;
display: block;
position: absolute;
top: 9px;
left: 0;
right: 0;
bottom: 0;
}
.services-logo .bg {
background-color: white;
/* display: block; */
width: 45px;
height: 45px;
border-radius: 100%;
display: inline-block;
margin-right: 10px;
position: relative;
vertical-align: middle;
}
/* Careline section on careline page */
.careline-services-boxes {
transition: all 0.5s ease;
}
.careline-services-boxes .careline_box:hover a {
display: block;
}
.careline_box {
transition: all 1.0s ease;
}
.careline_box:hover {
background: white;
border-radius: 0.25rem;
}
.careline_box:hover p {
color: #EB612B !important;
}
a.careline-btn {
color: #eb612b;
display: none;
}
a.careline-btn:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.95483H17.3183V8.04396H0V5.95483Z' fill='%23EB612B'/%3E%3Cpath d='M12.5145 14L10.9496 12.5367L16.8722 7L10.9496 1.46327L12.5145 0L20 7.00002L12.5145 14Z' fill='%23EB612B'/%3E%3C/svg%3E%0A");
width: 20px;
height: 14px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 10px;
opacity: 1;
transition: all 0.5s linear;
}
/* Smart tec sls page */
.smarttec-range-homepage h3 {
color: #eb612b !important;
}
/* Open Environment */
.open-environment .heading h1 {
color: #fff !important;
font-size: 18px;
font-weight: 500;
}
.open-environment .heading h2 {
font-size: 34px;
color: #fff !important;
}
.open-environment p {
font-size: 18px;
color: #fff;
}
.open-environment a {
background-color: white;
color: #eb612b;
transition: all 0.5s linear;
border-radius: 40px;
padding: 12px 30px;
border: solid 1.5px white;
max-width: 166px;
width: 100%;
align-content: center;
text-align: center;
}
.open-environment a:hover {
border: solid 1.5px white !important;
background-color: #eb612b;
color: white !important;
}
/* Appello hq */
.appellohq a.appellohq-btn {
transition: all 0.5s linear;
background-color: #eb612b;
color: white;
}
.appellohq a.appellohq-btn:hover {
border: solid 1.5px #eb612b;
background-color: unset;
color: #eb612b !important;
}
.appellohq .heading h1 {
color: #eb612b;
font-weight: 500;
font-size: 18px;
}
.appellohq .heading h2 {
color: #eb612b;
font-size: 34px;
}
.appellohq .heading h3 {
color: #eb612b;
}
.appellohq span.features-heading {
color: #eb612b;
}
.appellohq a.appellohq-btn {
border-radius: 40px;
padding: 12px 30px;
border: solid 1.5px #eb612b;
max-width: 166px;
width: 100%;
align-content: center;
text-align: center;
background-color: #eb612b;
color: #fff !important;
}
.appellohq ul {
margin-left: 1em !important;
}
.appellohq ul li {
font-size: 18px;
line-height: 23px;
color: #2a2d34;
}
.appellohq ul li::before {
content: "\2022";
color: #eb612b;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
/* Features and benefits section - sls page */
.features_and_benefits_hover {
transition: all 1.0s ease;
}
.features_and_benefits_hover:hover {
background-color: #eb612b;
}
.features_and_benefits_hover:hover h3 {
color: white;
}
.features-and-benefits a.btn-brochure:hover {
background-color: unset !important;
}
.features-and-benefits .features_box_6 {
background: #eb612b;
}
.features-and-benefits .features_box_6 h3 {
color: white;
}
.features-and-benefits h3 {
color: #eb612b;
margin-bottom: 0px;
}
.features-and-benefits p {
color: white;
}
.features-and-benefits .heading-features-and-benefits {
color: #eb612b;
font-size: 18px;
font-weight: 500;
}
.features-and-benefits .features-and-benefits-btn a {
border-radius: 40px;
padding: 12px 30px;
border: solid 1.5px #eb612b;
max-width: 166px;
width: 100%;
align-content: center;
text-align: center;
}
.features-and-benefits .border {
border: dashed #eb612b 1px;
}
.border-white {
border: dashed #fff 1px;
min-height: 230px;
}
/* End Features and benefits section - sls page */
/* New blocks section on careline */
.page-template-template-careline_v2 .services h3 {
color: white !important;
}
.page-template-template-careline_v2 .appellohq h1, .page-template-template-careline_v2 .appellohq h3, .page-template-template-careline_v2 .appellohq h2 {
color: white !important;
}
.page-template-template-careline_v2 .appellohq .appellohq-btn {
background-color: white !important;
color: #eb612b !important;
}
.page-template-template-careline_v2 .appellohq .appellohq-btn:hover {
border: solid #fff 1.5px;
background-color: unset !important;
color: white !important;
}
.careline-grid-container {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 0px 0px;
grid-template-areas: "block1 block1 block1 block1 block4 block4 block4 block4 block4 block4 block4" "block1 block1 block1 block1 block4 block4 block4 block4 block4 block4 block4" "block2 block2 block3 block3 block4 block4 block4 block4 block4 block4 block4" "block5 block5 block5 block5 block5 block5 block5 block6 block6 block6 block6" "block5 block5 block5 block5 block5 block5 block5 block6 block6 block6 block6" "block5 block5 block5 block5 block5 block5 block5 block7 block7 block8 block8" "block9 block9 block9 block9 block12 block12 block12 block12 block12 block12 block12" "block9 block9 block9 block9 block12 block12 block12 block12 block12 block12 block12" "block10 block10 block11 block11 block12 block12 block12 block12 block12 block12 block12";
}
.careline-grid-container h1 {
margin: 0px;
font-size: 26px;
color: #FED200;
}
.careline-grid-container p {
font-size: 18px;
color: white;
}
.careline-grid-container a {
font-size: 16px;
border: none;
color: #FED200;
text-decoration: none;
cursor: pointer;
}
.careline-grid-container a:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.95483H17.3183V8.04396H0V5.95483Z' fill='%23FED200'/%3E%3Cpath d='M12.5145 14L10.9496 12.5367L16.8722 7L10.9496 1.46327L12.5145 0L20 7.00002L12.5145 14Z' fill='%23FED200'/%3E%3C/svg%3E%0A");
width: 20px;
height: 14px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 2px;
opacity: 0;
transition: all 0.5s linear;
}
.careline-grid-container a:hover::after {
opacity: 1;
margin-left: 10px;
}
.careline-grid-container .modal-content p {
color: black !important;
}
.why-careline h1 {
font-size: 18px;
font-weight: 500;
color: #eb612b;
margin-bottom: -25px;
}
.block1-careline {
grid-area: block1;
padding: 50px 70px;
display: flex;
align-items: center;
background-color: #EB612B;
}
.block2-careline {
grid-area: block2;
background-size: cover;
background-color: #EB612B;
}
.block3-careline {
grid-area: block3;
background-color: #2A2D34;
}
.block4-careline {
grid-area: block4;
background-size: cover;
}
.block5-careline {
grid-area: block5;
background-size: cover;
}
.block6-careline {
grid-area: block6;
background-color: #2A2D34;
padding: 50px 70px;
display: flex;
align-items: center;
}
.block7-careline {
grid-area: block7;
background-color: #EB612B;
}
.block8-careline {
grid-area: block8;
background-size: cover;
}
.block9-careline {
grid-area: block9;
background-color: #EB612B;
padding: 50px 70px;
display: flex;
align-items: center;
}
.block10-careline {
grid-area: block10;
background-color: #2A2D34;
}
.block11-careline {
grid-area: block11;
background-size: cover;
}
.block12-careline {
grid-area: block12;
background-size: cover;
}
section.careline-smart__slider.sections {
position: relative !important;
}
section:nth-child(2) .grid-break > div:first-child {
order: 2;
}
section:nth-child(2) .grid-break > div:last-child {
order: 1;
}
section.carousel-cell.sections {
transform: translate3d(0px, 0px, 0px) !important;
}
.scrollmagic-pin-spacer {
min-height: auto !important;
padding-bottom: 0 !important;
padding-top: 0px !important;
height: auto !important;
inset: 0 !important;
position: relative !important;
margin: 0 !important;
}
@media only screen and (max-width: 960px) {
section .grid-break {
display: block !important;
}
}
@media only screen and (max-width: 768px) {
.why-careline h1 {
font-size: 18px;
color: #eb612b;
margin-bottom: 0px !important;
}
.careline-grid-container {
flex-direction: column !important;
display: flex !important;
}
.careline-grid-container .modal-content {
height: 90%;
}
.careline-grid-container .modal-content .close {
top: 10px;
right: 10px;
position: absolute;
height: 35px;
width: 35px;
}
.careline-grid-container .modal-content .cross {
position: absolute;
top: -5px;
left: 0;
right: 0;
}
.careline-grid-container .modal-content h5 {
font-size: 24px !important;
}
.block2-careline, .block3-careline, .block7-careline, .block8-careline, .block10-careline, .block11-careline {
display: none;
}
.block4-careline {
height: 300px;
background-size: cover;
background-position: center;
}
.block5-careline {
height: 300px;
background-size: cover;
background-position: center;
}
.block12-careline {
height: 300px;
background-size: cover;
background-position: center;
}
}
/* New blocks section on sls */
.sls-grid-container {
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap: 0px 0px;
grid-template-areas: "block1 block1 block2 block2" "block1 block1 block2 block2" "block1 block1 block2 block2" "block1 block1 block3 block4" "block5 block5 block3 block4" "block5 block5 block6 block6" "block5 block5 block6 block6" "block7 block8 block6 block6" "block7 block8 block10 block10" "block9 block9 block10 block10" "block9 block9 block10 block10" "block9 block9 block11 block12" "block9 block9 block11 block12";
}
.sls-grid-container h1 {
margin: 0px;
font-size: 26px;
color: #FED200;
}
.sls-grid-container p {
font-size: 18px;
}
.sls-grid-container a {
font-size: 16px;
border: none;
color: #FED200;
text-decoration: none;
cursor: pointer;
}
.sls-grid-container a:after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.95483H17.3183V8.04396H0V5.95483Z' fill='%23FED200'/%3E%3Cpath d='M12.5145 14L10.9496 12.5367L16.8722 7L10.9496 1.46327L12.5145 0L20 7.00002L12.5145 14Z' fill='%23FED200'/%3E%3C/svg%3E%0A");
width: 20px;
height: 14px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 2px;
opacity: 0;
transition: all 0.5s linear;
}
.sls-grid-container a:hover::after {
opacity: 1;
margin-left: 10px;
}
@media only screen and (max-width: 1300px) {
.sls-grid-container .block2, .sls-grid-container .block5, .sls-grid-container .block10 {
padding: 30px !important;
}
.sls-grid-container p {
font-size: 18px;
}
.careline-grid-container .block1-careline, .careline-grid-container .block6-careline, .careline-grid-container .block9-careline {
padding: 30px !important;
}
.careline-grid-container h1 {
font-size: 18px;
}
.careline-grid-container p {
font-size: 14px;
}
.modal-content h5 {
font-size: 24px !important;
}
}
@media only screen and (max-width: 1280px) {
.modal-content {
height: auto !important;
}
}
@media only screen and (max-width: 1023px) {
.intro-image img {
display: none;
}
}
@media only screen and (max-width: 768px) {
.responsive-height {
min-height: 500px;
background-position: center !important;
display: none;
}
.sls-grid-container {
flex-direction: column !important;
display: flex !important;
}
.sls-grid-container p {
font-size: 18px;
}
.block7, .block3, .block8, .block4 {
display: none;
}
.modal-content {
height: auto !important;
padding: 30px !important;
height: 90%;
}
.modal-content ul li {
font-size: 15px !important;
}
.modal-content .close {
top: 15px;
right: 15px;
position: absolute;
height: 35px;
width: 35px;
}
.modal-content .cross {
position: absolute;
top: -5px;
left: 0;
right: 0;
}
.modal-content h5 {
font-size: 18px !important;
line-height: 28px !important;
}
.block2, .block5, .block10 {
padding: 40px !important;
}
.block1 {
height: 300px;
background-size: cover;
background-position: center;
}
.block6 {
height: 300px;
background-size: cover;
background-position: center;
}
.block9 {
height: 300px;
background-size: cover;
background-position: center;
}
}
@media only screen and (max-width: 768px) {
.desktop-hidden .circles-mobile {
justify-content: unset !important;
}
.intro-image {
display: none;
}
.testimonials-image {
display: none;
}
.page-template-template-sls_v2 .testimonialsv2 .columns--content p {
font-size: 24px !important;
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.page-template-template-sls_v2 .testimonialsv2 .columns--content p::before {
margin-left: 0px !important;
margin-top: -65px !important;
}
.page-template-template-sls_v2 .testimonialsv2 .columns--content p:after {
margin-left: 20px !important;
margin-top: -15px !important;
}
.safety-slider ul {
margin-left: 2em !important;
}
.page-template-template-careline_v2 .testimonialsv2 .columns--content p {
font-size: 24px !important;
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.page-template-template-careline_v2 .testimonialsv2 .columns--content p::before {
margin-left: 0px !important;
margin-top: -65px !important;
}
.page-template-template-careline_v2 .testimonialsv2 .columns--content p:after {
margin-left: 20px !important;
margin-top: -15px !important;
}
.page-template-template-home_v2 .testimonialsv2 .columns--content p {
font-size: 24px !important;
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.page-template-template-home_v2 .testimonialsv2 .columns--content p::before {
margin-left: 0px !important;
margin-top: -65px !important;
}
.page-template-template-home_v2 .testimonialsv2 .columns--content p:after {
margin-left: 20px !important;
margin-top: -15px !important;
}
.page-template-template-smartlife .testimonialsv2 .columns--content p {
font-size: 24px !important;
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.page-template-template-smartlife .testimonialsv2 .columns--content p::before {
margin-left: 0px !important;
margin-top: -65px !important;
}
.page-template-template-smartlife .testimonialsv2 .columns--content p:after {
margin-left: 20px !important;
margin-top: -15px !important;
}
.page-template-template-smartconnect .testimonialsv2 .columns--content p {
font-size: 24px !important;
padding-top: 40px !important;
padding-bottom: 50px !important;
}
.page-template-template-smartconnect .testimonialsv2 .columns--content p::before {
margin-left: 0px !important;
margin-top: -65px !important;
}
.page-template-template-smartconnect .testimonialsv2 .columns--content p:after {
margin-left: 20px !important;
margin-top: -15px !important;
}
}
@media only screen and (max-width: 640px) {
.careline-homepage-facts {
display: block !important;
}
}
.block1 {
grid-area: block1;
color: white;
background-size: cover;
}
.block2 {
grid-area: block2;
background-color: #2A2D34;
color: white;
padding: 50px 70px;
display: flex;
align-items: center;
}
.block3 {
grid-area: block3;
background-size: cover;
}
.block4 {
grid-area: block4;
background-color: #EB612B;
padding: 50px 70px;
}
.block5 {
grid-area: block5;
background-color: #EB612B;
padding: 50px 70px;
display: flex;
align-items: center;
}
.block5 p {
color: white;
}
.block7 {
grid-area: block7;
background-color: #2A2D34;
padding: 50px 70px;
}
.block8 {
grid-area: block8;
background-size: cover;
padding: 50px 70px;
}
.block6 {
grid-area: block6;
background-size: cover;
padding: 50px 70px;
}
.block9 {
grid-area: block9;
background-size: cover;
}
.block10 {
grid-area: block10;
background-color: #2A2D34;
padding: 50px 70px;
display: flex;
align-items: center;
}
.block10 h1 {
color: #FED200;
}
.block10 p {
color: white;
}
.block11 {
grid-area: block11;
background-color: #EB612B;
}
.block12 {
grid-area: block12;
background-size: cover;
}
/* The Modal (background) */
.modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 11111;
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
overflow: auto;
/* Enable scroll if needed */
background-color: black;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.7);
/* Black w/ opacity */
-webkit-animation-name: fadeIn;
/* Fade in the background */
-webkit-animation-duration: 0.4s;
animation-name: fadeIn;
animation-duration: 0.4s;
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
padding: 50px;
width: 90%;
position: fixed;
/* bottom: 25%; */
-webkit-animation-name: slideIn;
-webkit-animation-duration: 0.4s;
animation-name: slideIn;
animation-duration: 0.4s;
max-width: 1324px;
left: 50%;
top: 50%;
margin: 0 auto;
transform: translate(-50%, -50%);
}
.modal-content h2 {
color: #eb612b;
margin-bottom: 0px;
font-size: 16px;
}
.modal-content h5 {
color: #eb612b;
font-size: 34px;
}
.modal-content ul {
margin-left: 1em;
}
.modal-content ul li {
font-size: 18px;
line-height: 23px;
}
.modal-content ul li::before {
content: "\2022";
color: #eb612b;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
.close-tablet-video {
color: #EB612B;
float: right;
font-size: 26px;
font-weight: bold;
border: solid 2px #EB612B;
height: 45px;
width: 45px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease;
}
.close-tablet-video .close:hover,
.close-tablet-video .close:focus {
border: solid 2px #000;
color: #000;
text-decoration: none;
cursor: pointer;
}
/* The Close Button */
.close {
color: #EB612B;
float: right;
font-size: 26px;
font-weight: bold;
border: solid 2px #EB612B;
height: 45px;
width: 45px;
text-align: center;
border-radius: 100%;
transition: all 0.5s ease;
}
.close:hover,
.close:focus {
border: solid 2px #000;
color: #000;
text-decoration: none;
cursor: pointer;
}
.modal-header {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
.modal-body {
padding: 2px 16px;
}
.modal-footer {
padding: 2px 16px;
background-color: #5cb85c;
color: white;
}
/* Add Animation */
/* Safety section - sls page */
.safety-slider .flickity-button {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.89551L3.41322 6.89551L3.41322 5.10483L19 5.10483L19 6.89551Z' fill='%23FFFF'/%3E%3Cpath d='M7.73516 1.23134e-07L9.14365 1.25423L3.81322 6L9.14365 10.7458L7.73516 12L0.998153 5.99998L7.73516 1.23134e-07Z' fill='%23FFFF'/%3E%3C/svg%3E%0A");
background-color: #eb612b;
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 60px;
top: auto;
transition: all 0.5s linear;
transform: none;
z-index: 111;
position: static !important;
}
.safety-slider .flickity-button.previous {
background-color: #DFE0E2;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.89551L3.41322 6.89551L3.41322 5.10483L19 5.10483L19 6.89551Z' fill='%23eb612b'/%3E%3Cpath d='M7.73516 1.23134e-07L9.14365 1.25423L3.81322 6L9.14365 10.7458L7.73516 12L0.998153 5.99998L7.73516 1.23134e-07Z' fill='%23eb612b'/%3E%3C/svg%3E%0A");
}
.safety-slider .flickity-button-icon {
display: none;
}
.safety-slider .flickity-button:hover {
background-repeat: no-repeat;
background-position: center;
}
.safety-slider .flickity-button.next {
transform: rotate(180deg);
left: 60px;
margin-left: 15px;
}
.safety-slider .flickity-button.previous {
left: 0px;
right: auto;
}
.safety-slider .postcount {
transition: opacity .5s linear;
}
.safety-slider h2 {
color: #eb612b;
margin-bottom: 0px;
font-weight: 500;
font-size: 18px;
}
.safety-slider h3 {
color: #eb612b;
font-size: 34px !important;
}
.safety-slider ul {
margin-left: 1em;
}
.safety-slider ul li {
font-size: 18px;
line-height: 23px;
}
.safety-slider ul li::before {
content: "\2022";
color: #eb612b;
font-weight: bold;
display: inline-block;
width: 1em;
margin-left: -1em;
font-size: 20px;
}
.new-slider .flickity-button {
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.89551L3.41322 6.89551L3.41322 5.10483L19 5.10483L19 6.89551Z' fill='%23FFFF'/%3E%3Cpath d='M7.73516 1.23134e-07L9.14365 1.25423L3.81322 6L9.14365 10.7458L7.73516 12L0.998153 5.99998L7.73516 1.23134e-07Z' fill='%23FFFF'/%3E%3C/svg%3E%0A");
background-color: #eb612b;
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
border-radius: 50%;
margin-bottom: 60px;
top: auto;
transition: all 0.5s linear;
transform: none;
z-index: 111;
position: static !important;
}
.new-slider .flickity-button.previous {
background-color: #DFE0E2;
background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.89551L3.41322 6.89551L3.41322 5.10483L19 5.10483L19 6.89551Z' fill='%23eb612b'/%3E%3Cpath d='M7.73516 1.23134e-07L9.14365 1.25423L3.81322 6L9.14365 10.7458L7.73516 12L0.998153 5.99998L7.73516 1.23134e-07Z' fill='%23eb612b'/%3E%3C/svg%3E%0A");
}
.new-slider .flickity-button-icon {
display: none;
}
.new-slider .flickity-button:hover {
background-repeat: no-repeat;
background-position: center;
}
.new-slider .flickity-button.next {
transform: rotate(180deg);
left: 60px;
margin-left: 15px;
}
.new-slider .flickity-button.previous {
left: 0px;
right: auto;
}
.new-slider .postcount {
transition: opacity .5s linear;
}
/* End Safety section - sls page */
.page-template-template-home_v2 .wrap, .page-template-template-sls_v2 .wrap, .page-template-template-smarttec .wrap, .page-template-template-careline_v2 .wrap, .page-template-template-smartconnect .wrap, .page-template-template-smartlife .wrap, .page-template-template-new .wrap {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1384px;
}
.page-template-template-home_v2 .lp-bar__pusher, .page-template-template-sls_v2 .lp-bar__pusher, .page-template-template-smarttec .lp-bar__pusher, .page-template-template-careline_v2 .lp-bar__pusher, .page-template-template-smartconnect .lp-bar__pusher, .page-template-template-smartlife .lp-bar__pusher, .page-template-template-new .lp-bar__pusher {
height: 0 !important;
}
.page-template-template-home_v2 #container, .page-template-template-sls_v2 #container, .page-template-template-smarttec #container, .page-template-template-careline_v2 #container, .page-template-template-smartconnect #container, .page-template-template-smartlife #container, .page-template-template-new #container {
background-color: #fff;
}
.page-template-template-home_v2 .mobile-hidden, .page-template-template-sls_v2 .mobile-hidden, .page-template-template-smarttec .mobile-hidden, .page-template-template-careline_v2 .mobile-hidden, .page-template-template-smartconnect .mobile-hidden, .page-template-template-smartlife .mobile-hidden, .page-template-template-new .mobile-hidden {
display: none !important;
}
.page-template-template-home_v2 .desktop-hidden, .page-template-template-sls_v2 .desktop-hidden, .page-template-template-smarttec .desktop-hidden, .page-template-template-careline_v2 .desktop-hidden, .page-template-template-smartconnect .desktop-hidden, .page-template-template-smartlife .desktop-hidden, .page-template-template-new .desktop-hidden {
display: block !important;
}
.page-template-template-home_v2 .plyr__control--overlaid, .page-template-template-sls_v2 .plyr__control--overlaid, .page-template-template-smarttec .plyr__control--overlaid, .page-template-template-careline_v2 .plyr__control--overlaid, .page-template-template-smartconnect .plyr__control--overlaid, .page-template-template-smartlife .plyr__control--overlaid, .page-template-template-new .plyr__control--overlaid {
padding: 22px !important;
height: 51px !important;
width: 46px !important;
border: 0;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent url("data:image/svg+xml,%3Csvg width='46' height='51' viewBox='0 0 46 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M44.6871 27.7194L3.94828 50.6566H3.94349C3.12891 51.1145 2.12741 51.1145 1.3129 50.6566C0.503106 50.1987 0 49.353 0 48.4371V2.56285C0 1.64707 0.503131 0.801302 1.3129 0.34342C2.12748 -0.114473 3.12898 -0.114473 3.94349 0.34342L44.6823 23.2806H44.6871C45.4969 23.7385 46 24.5841 46 25.5C46 26.4159 45.4969 27.2616 44.6871 27.7194Z' fill='%23FF5327'/%3E%3C/svg%3E%0A") center no-repeat !important;
}
.page-template-template-home_v2 .plyr__control--overlaid svg, .page-template-template-sls_v2 .plyr__control--overlaid svg, .page-template-template-smarttec .plyr__control--overlaid svg, .page-template-template-careline_v2 .plyr__control--overlaid svg, .page-template-template-smartconnect .plyr__control--overlaid svg, .page-template-template-smartlife .plyr__control--overlaid svg, .page-template-template-new .plyr__control--overlaid svg {
display: none !important;
}
.page-template-template-home_v2 .orange-text, .page-template-template-sls_v2 .orange-text, .page-template-template-smarttec .orange-text, .page-template-template-careline_v2 .orange-text, .page-template-template-smartconnect .orange-text, .page-template-template-smartlife .orange-text, .page-template-template-new .orange-text {
color: #eb612b !important;
}
.page-template-template-home_v2 .yellow-text, .page-template-template-sls_v2 .yellow-text, .page-template-template-smarttec .yellow-text, .page-template-template-careline_v2 .yellow-text, .page-template-template-smartconnect .yellow-text, .page-template-template-smartlife .yellow-text, .page-template-template-new .yellow-text {
color: #fed200 !important;
}
.page-template-template-home_v2 .grey-text, .page-template-template-sls_v2 .grey-text, .page-template-template-smarttec .grey-text, .page-template-template-careline_v2 .grey-text, .page-template-template-smartconnect .grey-text, .page-template-template-smartlife .grey-text, .page-template-template-new .grey-text {
color: #2a2d34 !important;
}
.page-template-template-home_v2 .grey-text p, .page-template-template-sls_v2 .grey-text p, .page-template-template-smarttec .grey-text p, .page-template-template-careline_v2 .grey-text p, .page-template-template-smartconnect .grey-text p, .page-template-template-smartlife .grey-text p, .page-template-template-new .grey-text p {
color: #2a2d34 !important;
}
.page-template-template-home_v2 .orange-border p, .page-template-template-sls_v2 .orange-border p, .page-template-template-smarttec .orange-border p, .page-template-template-careline_v2 .orange-border p, .page-template-template-smartconnect .orange-border p, .page-template-template-smartlife .orange-border p, .page-template-template-new .orange-border p {
background-image: linear-gradient(to right, #eb612b 33%, rgba(255, 255, 255, 0) 0%) !important;
}
.page-template-template-home_v2 .white-border p, .page-template-template-sls_v2 .white-border p, .page-template-template-smarttec .white-border p, .page-template-template-careline_v2 .white-border p, .page-template-template-smartconnect .white-border p, .page-template-template-smartlife .white-border p, .page-template-template-new .white-border p {
background-image: linear-gradient(to right, #fff 33%, rgba(255, 255, 255, 0) 0%) !important;
}
.page-template-template-home_v2 h3, .page-template-template-sls_v2 h3, .page-template-template-smarttec h3, .page-template-template-careline_v2 h3, .page-template-template-smartconnect h3, .page-template-template-smartlife h3, .page-template-template-new h3 {
font-size: 18px;
font-weight: 500;
margin-top: 0;
margin-bottom: 2rem;
}
.page-template-template-home_v2 .text-white, .page-template-template-sls_v2 .text-white, .page-template-template-smarttec .text-white, .page-template-template-careline_v2 .text-white, .page-template-template-smartconnect .text-white, .page-template-template-smartlife .text-white, .page-template-template-new .text-white {
color: #fff !important;
}
.page-template-template-home_v2 .text-orange, .page-template-template-sls_v2 .text-orange, .page-template-template-smarttec .text-orange, .page-template-template-careline_v2 .text-orange, .page-template-template-smartconnect .text-orange, .page-template-template-smartlife .text-orange, .page-template-template-new .text-orange {
color: #eb612b;
}
.page-template-template-home_v2 .text-black, .page-template-template-sls_v2 .text-black, .page-template-template-smarttec .text-black, .page-template-template-careline_v2 .text-black, .page-template-template-smartconnect .text-black, .page-template-template-smartlife .text-black, .page-template-template-new .text-black {
color: #000;
}
.page-template-template-home_v2 .text-dark-grey, .page-template-template-sls_v2 .text-dark-grey, .page-template-template-smarttec .text-dark-grey, .page-template-template-careline_v2 .text-dark-grey, .page-template-template-smartconnect .text-dark-grey, .page-template-template-smartlife .text-dark-grey, .page-template-template-new .text-dark-grey {
color: #2a2d34;
}
.page-template-template-home_v2 .text-yellow, .page-template-template-sls_v2 .text-yellow, .page-template-template-smarttec .text-yellow, .page-template-template-careline_v2 .text-yellow, .page-template-template-smartconnect .text-yellow, .page-template-template-smartlife .text-yellow, .page-template-template-new .text-yellow {
color: #fed200;
}
.page-template-template-home_v2 a.arrow-link:hover::after, .page-template-template-sls_v2 a.arrow-link:hover::after, .page-template-template-smarttec a.arrow-link:hover::after, .page-template-template-careline_v2 a.arrow-link:hover::after, .page-template-template-smartconnect a.arrow-link:hover::after, .page-template-template-smartlife a.arrow-link:hover::after, .page-template-template-new a.arrow-link:hover::after {
background-image: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E\a%3Cpath d='M0 5.95483H17.3183V8.04396H0V5.95483Z' fill='%23fff'/%3E%3Cpath d='M12.5145 14L10.9496 12.5367L16.8722 7L10.9496 1.46327L12.5145 0L20 7.00002L12.5145 14Z' fill='%23fff'/%3E%3C/svg%3E");
width: 23px;
height: 16px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 10px;
}
.page-template-template-home_v2 .content-header, .page-template-template-sls_v2 .content-header, .page-template-template-smarttec .content-header, .page-template-template-careline_v2 .content-header, .page-template-template-smartconnect .content-header, .page-template-template-smartlife .content-header, .page-template-template-new .content-header {
font-size: 55px;
}
@media only screen and (max-width: 1440px) {
.page-template-template-home_v2 .content-header, .page-template-template-sls_v2 .content-header, .page-template-template-smarttec .content-header, .page-template-template-careline_v2 .content-header, .page-template-template-smartconnect .content-header, .page-template-template-smartlife .content-header, .page-template-template-new .content-header {
font-size: 36px;
}
}
.page-template-template-home_v2 .content-header p, .page-template-template-sls_v2 .content-header p, .page-template-template-smarttec .content-header p, .page-template-template-careline_v2 .content-header p, .page-template-template-smartconnect .content-header p, .page-template-template-smartlife .content-header p, .page-template-template-new .content-header p {
margin: 0;
}
.page-template-template-home_v2 .columns, .page-template-template-sls_v2 .columns, .page-template-template-smarttec .columns, .page-template-template-careline_v2 .columns, .page-template-template-smartconnect .columns, .page-template-template-smartlife .columns, .page-template-template-new .columns {
display: flex;
flex-wrap: wrap;
}
.page-template-template-home_v2 .columns--left, .page-template-template-sls_v2 .columns--left, .page-template-template-smarttec .columns--left, .page-template-template-careline_v2 .columns--left, .page-template-template-smartconnect .columns--left, .page-template-template-smartlife .columns--left, .page-template-template-new .columns--left {
padding-right: 35px;
}
.page-template-template-home_v2 .columns--content, .page-template-template-sls_v2 .columns--content, .page-template-template-smarttec .columns--content, .page-template-template-careline_v2 .columns--content, .page-template-template-smartconnect .columns--content, .page-template-template-smartlife .columns--content, .page-template-template-new .columns--content {
font-size: 1.15em;
margin-top: 30px;
margin-bottom: 4rempx;
}
.page-template-template-home_v2 .three-columns, .page-template-template-sls_v2 .three-columns, .page-template-template-smarttec .three-columns, .page-template-template-careline_v2 .three-columns, .page-template-template-smartconnect .three-columns, .page-template-template-smartlife .three-columns, .page-template-template-new .three-columns {
display: flex;
flex-wrap: wrap;
}
.page-template-template-home_v2 .three-columns article, .page-template-template-sls_v2 .three-columns article, .page-template-template-smarttec .three-columns article, .page-template-template-careline_v2 .three-columns article, .page-template-template-smartconnect .three-columns article, .page-template-template-smartlife .three-columns article, .page-template-template-new .three-columns article {
flex: 1;
justify-content: space-between;
display: flex;
flex-direction: column;
}
.page-template-template-home_v2 .flickity-page-dots .dot.is-selected, .page-template-template-sls_v2 .flickity-page-dots .dot.is-selected, .page-template-template-smarttec .flickity-page-dots .dot.is-selected, .page-template-template-careline_v2 .flickity-page-dots .dot.is-selected, .page-template-template-smartconnect .flickity-page-dots .dot.is-selected, .page-template-template-smartlife .flickity-page-dots .dot.is-selected, .page-template-template-new .flickity-page-dots .dot.is-selected {
background-color: #eb612b;
}
.page-template-template-home_v2 .full-width, .page-template-template-sls_v2 .full-width, .page-template-template-smarttec .full-width, .page-template-template-careline_v2 .full-width, .page-template-template-smartconnect .full-width, .page-template-template-smartlife .full-width, .page-template-template-new .full-width {
width: 100%;
}
.page-template-template-home_v2 .page-template-template-home_v2 > section, .page-template-template-home_v2 .page-template-template-sls_v2 > section, .page-template-template-home_v2 .page-template-template-smarttec > section, .page-template-template-home_v2 .page-template-template-careline_v2 > section, .page-template-template-home_v2 .page-template-template-smartconnect > section, .page-template-template-home_v2 .page-template-template-smartlife #container > section, .page-template-template-home_v2 .page-template-template-new > section, .page-template-template-sls_v2 .page-template-template-home_v2 > section, .page-template-template-sls_v2 .page-template-template-sls_v2 > section, .page-template-template-sls_v2 .page-template-template-smarttec > section, .page-template-template-sls_v2 .page-template-template-careline_v2 > section, .page-template-template-sls_v2 .page-template-template-smartconnect > section, .page-template-template-sls_v2 .page-template-template-smartlife #container > section, .page-template-template-sls_v2 .page-template-template-new > section, .page-template-template-smarttec .page-template-template-home_v2 > section, .page-template-template-smarttec .page-template-template-sls_v2 > section, .page-template-template-smarttec .page-template-template-smarttec > section, .page-template-template-smarttec .page-template-template-careline_v2 > section, .page-template-template-smarttec .page-template-template-smartconnect > section, .page-template-template-smarttec .page-template-template-smartlife #container > section, .page-template-template-smarttec .page-template-template-new > section, .page-template-template-careline_v2 .page-template-template-home_v2 > section, .page-template-template-careline_v2 .page-template-template-sls_v2 > section, .page-template-template-careline_v2 .page-template-template-smarttec > section, .page-template-template-careline_v2 .page-template-template-careline_v2 > section, .page-template-template-careline_v2 .page-template-template-smartconnect > section, .page-template-template-careline_v2 .page-template-template-smartlife #container > section, .page-template-template-careline_v2 .page-template-template-new > section, .page-template-template-smartconnect .page-template-template-home_v2 > section, .page-template-template-smartconnect .page-template-template-sls_v2 > section, .page-template-template-smartconnect .page-template-template-smarttec > section, .page-template-template-smartconnect .page-template-template-careline_v2 > section, .page-template-template-smartconnect .page-template-template-smartconnect > section, .page-template-template-smartconnect .page-template-template-smartlife #container > section, .page-template-template-smartconnect .page-template-template-new > section, .page-template-template-smartlife .page-template-template-home_v2 > section, .page-template-template-smartlife .page-template-template-sls_v2 > section, .page-template-template-smartlife .page-template-template-smarttec > section, .page-template-template-smartlife .page-template-template-careline_v2 > section, .page-template-template-smartlife .page-template-template-smartconnect > section, .page-template-template-smartlife .page-template-template-smartlife #container > section, .page-template-template-smartlife .page-template-template-new > section, .page-template-template-new .page-template-template-home_v2 > section, .page-template-template-new .page-template-template-sls_v2 > section, .page-template-template-new .page-template-template-smarttec > section, .page-template-template-new .page-template-template-careline_v2 > section, .page-template-template-new .page-template-template-smartconnect > section, .page-template-template-new .page-template-template-smartlife #container > section, .page-template-template-new .page-template-template-new > section {
z-index: 2;
}
.page-template-template-home_v2 .page-template-template-smarttec .appellosbr h1, .page-template-template-home_v2 .page-template-template-smarttec .appellosbr h2, .page-template-template-sls_v2 .page-template-template-smarttec .appellosbr h1, .page-template-template-sls_v2 .page-template-template-smarttec .appellosbr h2, .page-template-template-smarttec .page-template-template-smarttec .appellosbr h1, .page-template-template-smarttec .page-template-template-smarttec .appellosbr h2, .page-template-template-careline_v2 .page-template-template-smarttec .appellosbr h1, .page-template-template-careline_v2 .page-template-template-smarttec .appellosbr h2, .page-template-template-smartconnect .page-template-template-smarttec .appellosbr h1, .page-template-template-smartconnect .page-template-template-smarttec .appellosbr h2, .page-template-template-smartlife .page-template-template-smarttec .appellosbr h1, .page-template-template-smartlife .page-template-template-smarttec .appellosbr h2, .page-template-template-new .page-template-template-smarttec .appellosbr h1, .page-template-template-new .page-template-template-smarttec .appellosbr h2 {
color: white;
}
.page-template-template-home_v2 .circle-content_logo img, .page-template-template-sls_v2 .circle-content_logo img, .page-template-template-smarttec .circle-content_logo img, .page-template-template-careline_v2 .circle-content_logo img, .page-template-template-smartconnect .circle-content_logo img, .page-template-template-smartlife .circle-content_logo img, .page-template-template-new .circle-content_logo img {
margin: 0 auto;
text-align: center;
display: block;
}
@media only screen and (min-width: 768px) {
.page-template-template-home_v2 .mobile-hidden, .page-template-template-sls_v2 .mobile-hidden, .page-template-template-smarttec .mobile-hidden, .page-template-template-careline_v2 .mobile-hidden, .page-template-template-smartconnect .mobile-hidden, .page-template-template-smartlife .mobile-hidden, .page-template-template-new .mobile-hidden {
display: block !important;
}
.page-template-template-home_v2 .desktop-hidden, .page-template-template-sls_v2 .desktop-hidden, .page-template-template-smarttec .desktop-hidden, .page-template-template-careline_v2 .desktop-hidden, .page-template-template-smartconnect .desktop-hidden, .page-template-template-smartlife .desktop-hidden, .page-template-template-new .desktop-hidden {
display: none !important;
}
.page-template-template-home_v2 .plyr__control--overlaid, .page-template-template-sls_v2 .plyr__control--overlaid, .page-template-template-smarttec .plyr__control--overlaid, .page-template-template-careline_v2 .plyr__control--overlaid, .page-template-template-smartconnect .plyr__control--overlaid, .page-template-template-smartlife .plyr__control--overlaid, .page-template-template-new .plyr__control--overlaid {
padding: 40px !important;
height: 85px !important;
width: 76px !important;
background: transparent url("data:image/svg+xml,%3Csvg width='76' height='85' viewBox='0 0 76 85' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M73.8309 46.1991L6.52325 84.4276H6.51533C5.1695 85.1908 3.51485 85.1908 2.16914 84.4276C0.831219 83.6645 0 82.255 0 80.7286V4.27142C0 2.74511 0.83126 1.3355 2.16914 0.572367C3.51497 -0.190789 5.16962 -0.190789 6.51533 0.572367L73.8229 38.8009H73.8309C75.1688 39.5641 76 40.9735 76 42.5C76 44.0265 75.1687 45.4359 73.8309 46.1991Z' fill='%23EB612B'/%3E%3C/svg%3E%0A") center no-repeat !important;
}
.page-template-template-home_v2 .columns--left, .page-template-template-home_v2 .columns--right, .page-template-template-sls_v2 .columns--left, .page-template-template-sls_v2 .columns--right, .page-template-template-smarttec .columns--left, .page-template-template-smarttec .columns--right, .page-template-template-careline_v2 .columns--left, .page-template-template-careline_v2 .columns--right, .page-template-template-smartconnect .columns--left, .page-template-template-smartconnect .columns--right, .page-template-template-smartlife .columns--left, .page-template-template-smartlife .columns--right, .page-template-template-new .columns--left, .page-template-template-new .columns--right {
flex: 50%;
}
}
.page-template-template-home_v2 .zeroopacity, .page-template-template-sls_v2 .zeroopacity, .page-template-template-smarttec .zeroopacity, .page-template-template-careline_v2 .zeroopacity, .page-template-template-smartconnect .zeroopacity, .page-template-template-smartlife .zeroopacity, .page-template-template-new .zeroopacity {
visibility: hidden;
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
}
.page-template-template-smarttec .appellohq a.appellohq-btn {
background-color: white !important;
color: #eb612b !important;
}
.page-template-template-smarttec .appellohq a.appellohq-btn:hover {
border: solid #fff 1.5px;
background-color: unset !important;
color: white !important;
}
.book-a-demo {
transition: all 0.5s linear !important;
font-weight: bold;
}
.book-a-demo.grey {
background-color: #eb612b;
border-color: #eb612b !important;
color: #fff;
}
.book-a-demo.grey:hover {
background-color: unset !important;
color: #eb612b;
border-color: #eb612b !important;
}
.advert {
left: 13%;
bottom: 0;
position: absolute;
margin-bottom: 13px;
color: #fff;
font-size: 1.8em;
transition: opacity 0.3s, visibility 0.3s;
}
.advert p {
opacity: 0.4;
transition: all 0.5s linear;
line-height: 40px;
}
a.book-btn {
color: #eb612b;
border: 1.5px solid #eb612b;
border-radius: 40px;
padding: 12px 30px;
display: block;
max-width: 140px;
margin-top: 20px;
text-align: center;
font-size: 16px;
transition: all 0.5s linear !important;
}
.lp-bar__iframe-wrapper {
display: none;
}
.header--right {
position: fixed;
top: 30px;
right: 50%;
z-index: 1112;
display: flex;
transform: translateX(662px);
}
.header--right .nav-toggle {
background-color: #fff;
border-radius: 50%;
align-items: center;
justify-content: center;
padding: 6px;
border-color: transparent;
background-color: #fff;
z-index: 1111;
width: 49px;
height: 49px;
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cpath d='M13 16V18.9032H37V16H13ZM13 23.5484V26.4516H37V23.5484H13ZM13 31.0968V34H37V31.0968H13Z' fill='%23EB612B'/%3E%3C/svg%3E%0A");
background-position: center;
background-repeat: no-repeat;
}
.header--right .nav-toggle svg {
fill: #eb612b !important;
}
.header--right .nav-toggle svg * {
fill: #eb612b !important;
}
.header--right .nav-toggle.close {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cpath d='M31.9073 16L25 22.9073L18.0927 16L16 18.0927L22.9073 25L16 31.9073L18.0927 34L25 27.0927L31.9073 34L34 31.9073L27.0927 25L34 18.0927L31.9073 16Z' fill='%232A2D34'/%3E%3C/svg%3E%0A");
}
.header--right.js-dark .nav-toggle {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23EB612B'/%3E%3Cpath d='M13 16V18.9032H37V16H13ZM13 23.5484V26.4516H37V23.5484H13ZM13 31.0968V34H37V31.0968H13Z' fill='white'/%3E%3C/svg%3E%0A");
}
.header--right.js-dark .nav-toggle.close {
background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='25' cy='25' r='25' fill='white'/%3E%3Cpath d='M31.9073 16L25 22.9073L18.0927 16L16 18.0927L22.9073 25L16 31.9073L18.0927 34L25 27.0927L31.9073 34L34 31.9073L27.0927 25L34 18.0927L31.9073 16Z' fill='%232A2D34'/%3E%3C/svg%3E%0A");
}
.header--right .book-a-demo {
display: none;
color: #fff;
border: 1.5px solid #fff;
border-radius: 40px;
padding: 12px 30px;
margin-right: 20px;
transition: opacity 1s;
opacity: 1;
}
.header--right .book-a-demo.invisible {
opacity: 0;
}
.header--right.open .book-a-demo {
color: #fff;
border: 1.5px solid #eb612b;
border-radius: 40px;
padding: 12px 30px;
}
.header,
.header--white,
.header--black {
background-color: #eb612b;
position: static;
padding-top: 30px;
padding-bottom: 30px;
z-index: 22;
}
.header .wrap,
.header--white .wrap,
.header--black .wrap {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1384px;
}
.header .header__logo,
.header--white .header__logo,
.header--black .header__logo {
float: none;
}
.header svg path,
.header--white svg path,
.header--black svg path {
fill: #fff !important;
}
.header_nav {
display: none;
padding-top: 30px;
animation-duration: .5s;
overflow-y: scroll;
}
.header_nav.open {
background-color: #2a2d34;
height: 100vh;
width: 100vw;
position: fixed;
top: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
z-index: 1111;
}
.header_nav .nav-container {
display: none;
}
.header_nav .nav-container svg path {
fill: #fff !important;
}
.header_nav .nav-container svg path.yt-play {
fill: #2a2d34 !important;
}
.header_nav .nav-container.wrap {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1384px;
}
.header_nav .nav-container .book-a-demo {
display: none;
color: #eb612b;
border: 1.5px solid #eb612b;
border-radius: 40px;
padding: 12px 30px;
}
.header_nav .nav-container .header__logo {
float: none;
display: flex;
position: static;
top: 0;
width: 118px;
}
.header_nav .nav-container.open {
display: block;
width: 100vw;
height: 100%;
}
.header_nav .nav-container.open .book-a-demo {
margin: 60px 0;
display: block;
max-width: 50%;
text-align: center;
}
.header_nav .nav-container .subMenu-container,
.header_nav .nav-container .subMenu-description {
display: none;
}
.header_nav .nav-container .menu-global-menu-container {
float: none;
width: 100%;
flex: 1;
}
.header_nav .nav-container .menu-global-menu-container .menu {
margin-top: 50px;
display: flex;
flex-direction: column;
}
.header_nav .nav-container .menu-global-menu-container .menu_description {
display: none;
}
.header_nav .nav-container .menu-global-menu-container .menu li {
display: flex;
padding-bottom: 30px;
flex-direction: column;
}
.header_nav .nav-container .menu-global-menu-container .menu li:last-child {
padding-bottom: 0;
}
.header_nav .nav-container .menu-global-menu-container .menu li a {
font-size: 2em;
line-height: 130%;
color: #fff;
opacity: 0.4;
padding: 0;
display: flex;
align-items: center;
transition: all 0.5s linear;
}
.header_nav .nav-container .menu-global-menu-container .menu li a:hover, .header_nav .nav-container .menu-global-menu-container .menu li a.open {
opacity: 1;
color: #eb612b;
}
.header_nav .nav-container .menu-global-menu-container .menu .subMenu-toggle {
display: inline-block;
width: 30px;
height: 25px;
margin-left: 10px;
background-repeat: no-repeat;
background-position: 50%;
background-size: 17px 10px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M-7.5584e-08 1.72916L1.77682 -6.65426e-07L8.5 6.54402L15.2232 -7.76674e-08L17 1.72916L8.49997 10L-7.5584e-08 1.72916Z' fill='white'/%3e%3c/svg%3e");
}
.header_nav .nav-container .menu-global-menu-container .menu .subMenu-toggle.open {
-moz-transform: scaleY(-1);
-o-transform: scaleY(-1);
-webkit-transform: scaleY(-1);
transform: scaleY(-1);
filter: FlipV;
-ms-filter: "FlipV";
}
.header_nav .nav-container .menu-global-menu-container .menu-item-has-children .sub-menu {
height: 0;
transition: height 0.4s linear;
-webkit-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-duration: .2s;
-o-transition-duration: .2s;
transition-duration: .2s;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
background-color: transparent;
opacity: 0;
display: none;
margin-top: 30px;
margin-left: 30px;
}
.header_nav .nav-container .menu-global-menu-container .menu-item-has-children .sub-menu.expand {
transition: height 0.4s linear;
height: 100%;
overflow: hidden;
opacity: 0.8;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
display: flex;
flex-direction: column;
margin-top: 20px;
}
.header_nav .nav-container .menu-global-menu-container .menu-item-has-children .sub-menu.expand li {
display: flex;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container,
.header_nav .nav-container .menu-global-menu-container .subMenu-description {
display: none;
}
.header_nav .nav-container .nav-footer {
display: flex;
flex: 0;
justify-content: space-between;
color: #7f8185;
align-items: center;
flex-wrap: wrap;
margin-top: 75px;
font-size: 1.4em;
}
.header_nav .nav-container .nav-footer > div {
flex: 0 0 100%;
}
.header_nav .nav-container .nav-footer--right {
order: -1;
margin-bottom: 40px;
}
.header_nav .nav-container .nav-footer--right > a {
margin-right: 27px;
display: inline-block;
}
.header_nav .nav-container .nav-footer--right > a.youtube {
width: 30px;
height: 21px;
display: inline-block;
background-image: url("/wp-content/themes/appello/library/images/yt-icon.png");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media only screen and (min-width: 768px) {
.header_nav .nav-container .menu-global-menu-container .menu {
background-image: linear-gradient(to bottom, #fff 40%, rgba(255, 255, 255, 0) 20%);
background-position: left;
background-size: 1px 10px;
background-repeat: repeat-y;
margin-top: 40px;
min-width: 275px;
}
.header_nav .nav-container .menu-global-menu-container .menu .subMenu-toggle {
display: none;
}
.header_nav .nav-container .menu-global-menu-container .menu a {
white-space: nowrap;
}
.header_nav .nav-container .menu-global-menu-container .menu a::after {
width: 23px;
height: 16px;
background-repeat: no-repeat;
content: ' ';
display: inline-block;
margin-left: 10px;
opacity: 0;
transition: all 0.5s linear;
}
.header_nav .nav-container .menu-global-menu-container .menu a:hover::after, .header_nav .nav-container .menu-global-menu-container .menu a.open::after {
opacity: 1;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container,
.header_nav .nav-container .menu-global-menu-container .subMenu-description {
display: flex;
min-width: 1%;
padding-left: 55px;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container .sub-menu,
.header_nav .nav-container .menu-global-menu-container .subMenu-description .sub-menu {
display: flex;
flex-direction: column;
margin: 0;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container {
padding-right: 50px;
min-width: 500px;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container .subMenu-toggle {
display: inline-block;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-container a:hover::after,
.header_nav .nav-container .menu-global-menu-container .subMenu-container a.open::after {
display: none;
}
.header_nav .nav-container .menu-global-menu-container--desc {
padding-top: 40px;
position: relative;
}
.header_nav .nav-container .menu-global-menu-container .subMenu-description {
font-size: 1.2em;
color: #fff;
background-image: linear-gradient(to bottom, #fff 40%, rgba(255, 255, 255, 0) 20%);
background-position: left;
background-size: 1px 10px;
background-repeat: repeat-y;
}
.header_nav .nav-container #menu-global-menu-2021 {
background-image: none;
}
.header_nav .nav-container.open {
height: 100vh;
justify-content: space-between;
flex-direction: column;
display: flex;
}
.header_nav .nav-container.open .book-a-demo {
display: none;
}
.header_nav .nav-container .menus {
display: flex;
min-height: 480px;
}
.header_nav .nav-container .nav-footer {
margin-top: 0;
}
.header_nav .nav-container .nav-footer > div {
flex: unset;
}
.header_nav .nav-container .nav-footer--right {
order: 1;
margin-bottom: 0;
}
.header_nav .nav-container .nav-footer--right > a {
margin-left: 0;
margin-right: 27px;
}
.header--right .book-a-demo {
display: block;
}
}
.page-template-template-lander .header--right {
display: none;
}
.banner {
position: fixed;
bottom: 0;
width: 100%;
background-color: #2A2D34;
padding-top: 32px;
padding-bottom: 42px;
z-index: 10;
}
.banner .columns {
display: block;
}
@media only screen and (min-width: 768px) {
.banner .columns {
display: flex;
}
}
@media only screen and (min-width: 768px) {
.banner .columns .first {
width: 25%;
}
}
.banner .columns .first h3 {
margin-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
.banner .columns .first h3 {
margin-bottom: 3.25rem;
}
}
@media only screen and (min-width: 768px) {
.banner .columns .center {
width: 63%;
}
}
.banner .columns .last {
position: absolute;
right: 15px;
top: 35px;
}
@media only screen and (min-width: 768px) {
.banner .columns .last {
position: relative;
top: 0;
right: 0;
width: 12%;
}
}
.banner .columns .last .close-btn {
background-color: #fff;
height: 28px;
width: 28px;
position: absolute;
right: 0;
border-radius: 50%;
cursor: pointer;
font-weight: 700;
}
.banner .columns .last .close-btn .cross-btn {
position: relative;
height: 28px;
width: 28px;
}
.banner .columns .last .close-btn .cross-btn .banner-close {
position: absolute;
font-size: 19px;
right: 0;
left: 0;
text-align: center;
}
.banner .columns h3 {
color: #fff;
font-size: 26px;
font-weight: 500;
}
.banner .columns p {
color: #fff;
font-size: 18px;
}
@media only screen and (max-width: 1280px) {
.header_nav .nav-container .menu-global-menu-container .menu {
margin-top: 60px;
}
}
.footer_v2 {
background-color: #2a2d34;
padding-top: 70px;
clear: both;
}
.footer_v2 .wrap {
width: 100%;
padding: 0 30px;
margin: 0 auto;
max-width: 1384px;
}
.footer_v2 .footer__logo svg * {
fill: #fff;
}
.footer_v2 .links {
display: block;
}
.footer_v2 .links .footer__logo {
float: none;
flex: 1;
}
.footer_v2 .links .footer__nav {
float: none;
display: block;
}
.footer_v2 .links .footer__nav ul {
float: none;
width: auto;
}
.footer_v2 .links .footer__nav ul:first-of-type {
display: block;
}
.footer_v2 .links .footer__nav ul:nth-of-type(3) {
display: block;
}
.footer_v2 .links .footer__nav ul li {
font-size: 16px;
color: #fff;
}
.footer_v2 .links .footer__nav ul li a {
color: #fff;
font-size: 16px;
}
.footer_v2 .links .footer__nav ul li:first-of-type {
color: #eb612b;
font-size: 1em;
margin-bottom: 18px;
}
.footer_v2 .links .footer__nav ul li:first-of-type a {
color: #eb612b;
}
.footer_v2 .links .footer__nav ul li.social-icons {
margin-top: 35px;
}
.footer_v2 .links .footer__nav ul li.social-icons a {
margin-left: 0;
margin-right: 27px;
display: inline-block;
}
.footer_v2 .links .footer__nav ul li.social-icons a.youtube {
width: 30px;
height: 21px;
display: inline-block;
}
.footer_v2 .copyright {
color: #fff;
}
.footer_v2 .copyright .wrap {
border-top: 1px solid grey;
margin-top: 120px;
padding-top: 30px;
padding-bottom: 40px;
justify-content: space-between;
display: flex;
}
.footer_v2 .copyright .wrap p {
opacity: .4;
flex: 1;
}
.footer_v2 .copyright .columns--left {
flex-basis: 100%;
height: 50px;
padding-right: 0;
display: flex;
align-items: center;
}
@media only screen and (max-width: 768px) {
.footer_v2 .copyright .columns--left {
margin-bottom: 20px;
}
}
.footer_v2 .copyright .columns--left .book-a-demo {
color: #fff;
border: 1.5px solid #eb612b;
border-radius: 40px;
padding: 12px 30px;
margin-right: 20px;
font-weight: 500;
display: block;
overflow: hidden;
margin-right: 25px !important;
width: auto;
}
@media only screen and (max-width: 1000px) {
.footer_v2 .copyright .columns--left .book-a-demo {
padding: 12px 12px;
margin-right: 15px !important;
}
}
.footer_v2 .copyright .columns--left .back-to-top {
cursor: pointer;
font-weight: 500;
padding-right: 16px;
}
.footer_v2 .copyright .columns--left .back-to-top::before {
background-image: url("data:image/svg+xml,%3Csvg width='14' height='20' viewBox='0 0 14 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.95459 20L5.95459 2.68165L8.04371 2.68165L8.04372 20L5.95459 20Z' fill='white'/%3E%3Cpath d='M14 7.48533L12.5367 9.05029L7 3.1277L1.46327 9.05029L-6.84065e-08 7.48533L7.00002 -0.000100442L14 7.48533Z' fill='white'/%3E%3C/svg%3E");
content: '';
background-repeat: no-repeat;
display: inline-block;
margin-right: 10px;
width: 15px;
height: 15px;
}
@media only screen and (max-width: 1000px) {
.footer_v2 .copyright .columns--left .back-to-top::before {
margin-right: 3px;
}
}
.footer_v2 .copyright .columns--right {
flex-basis: 100%;
}
.footer_v2 .links .footer__nav {
padding-top: 40px;
}
.footer_v2 .links .footer__nav:before, .footer_v2 .links .footer__nav:after {
display: none;
}
.footer_v2 .links .footer__nav ul {
padding-top: 2rem;
}
@media only screen and (min-width: 960px) {
.footer_v2 .links {
display: flex;
justify-content: space-between;
}
.footer_v2 .links .footer__nav {
padding-top: 0px;
}
.footer_v2 .links .footer__nav ul {
padding-top: 0px;
}
}
@media only screen and (min-width: 768px) {
.footer_v2 .links .footer__nav {
display: flex;
justify-content: space-between;
}
.footer_v2 .copyright .columns--left {
flex-basis: 40%;
height: auto;
}
.footer_v2 .copyright .columns--left .book-a-demo {
margin-right: 65px;
}
.footer_v2 .copyright .columns--right {
flex-basis: 60%;
}
}
@media only screen and (max-width: 1300px) {
p.careline-description {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.careline-description-one {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.careline-description-two {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.careline-description-three {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.smarttec-description {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.smarttec-description-one {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.smarttec-description-two {
margin-bottom: 10px !important;
font-size: 13px !important;
}
p.smarttec-description-three {
margin-bottom: 10px !important;
font-size: 13px !important;
}
}
@media only screen and (max-width: 960px) {
p.careline-description {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.careline-description-one {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.careline-description-two {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.careline-description-three {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.smarttec-description {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.smarttec-description-one {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.smarttec-description-two {
margin-bottom: 30px !important;
font-size: 15px !important;
}
p.smarttec-description-three {
margin-bottom: 30px !important;
font-size: 15px !important;
}
}
@media only screen and (min-width: 768px) {
.mobile-hidden {
display: block !important;
}
.desktop-hidden {
display: none !important;
}
.plyr__control--overlaid {
padding: 40px !important;
}
.columns--left, .columns--right {
flex: 50%;
}
}
@media only screen and (max-width: 1280px) {
.testimonialsv2_inner img {
padding-top: 23px;
}
.services_container {
background-size: cover !important;
background-position: center !important;
}
.page-template-template-home_v2 .cloud-header p {
font-size: 26px;
}
.page-template-template-home_v2 .cloud {
padding-top: 35px !important;
}
.page-template-template-home_v2 .cloud--left_facts {
margin-top: 40px !important;
}
.page-template-template-home_v2 .cloud--left_fact.fact2 {
margin-top: 4rem !important;
}
.careline .content-header p {
font-size: 26px;
}
.careline .careline--left_fact.careline-facts-2 {
margin-top: 4rem !important;
}
.smarttec .content-header p {
font-size: 26px;
}
.smarttec .columns--content {
margin-bottom: 20px !important;
}
.safety-slider .heading h3 {
font-size: 26px !important;
}
.appellohq .heading h2 {
font-size: 26px !important;
}
.open-environment .heading h2 {
font-size: 26px !important;
}
.header--right {
right: 55%;
top: 5%;
}
.header__logo {
top: 15px;
}
.advert {
font-size: 1.5em;
}
.advert p {
line-height: 35px;
}
.page-template-template-home_v2, .page-template-template-sls_v2, .page-template-template-smarttec, .page-template-template-careline_v2, .page-template-template-smartconnect, .page-template-template-smartlife .timeline_container_slider .timeline_slider .flickity-button.previous {
left: auto;
right: 160px !important;
}
.page-template-template-home_v2, .page-template-template-sls_v2, .page-template-template-smarttec, .page-template-template-careline_v2, .page-template-template-smartconnect, .page-template-template-smartlife .timeline_container_slider .timeline_slider .flickity-button.next {
right: 100px !important;
}
.page-template-template-home_v2, .page-template-template-sls_v2, .page-template-template-smarttec, .page-template-template-careline_v2, .page-template-template-smartconnect, .page-template-template-smartlife .testimonialsv2_trusted {
margin-top: 0px !important;
}
.timeline_slider button.flickity-button.flickity-prev-next-button.previous {
right: 160px !important;
}
.timeline_slider button.flickity-button.flickity-prev-next-button.next {
right: 100px !important;
}
.sls-grid-container .block1 {
background-position: right;
}
.modal-content {
height: 90%;
}
.testimonial-logos img {
width: 100%;
}
.casestudies_container .flickity-page-dots {
bottom: 0px !important;
}
}
@media only screen and (max-width: 768px) {
.page-template-template-home_v2 .wrap, .page-template-template-smarttec .wrap, .page-template-template-sls_v2 .wrap, .page-template-template-careline_v2 .wrap, .page-template-template-smartconnect .wrap, .page-template-template-smartlife .wrap, .page-template-template-new .wrap {
padding: 0 15px;
}
.circle-content_logo img {
text-align: right !important;
margin: auto !important;
display: unset !important;
margin-bottom: 20px !important;
}
.careline--left_fact_header {
margin-bottom: 0px !important;
}
.circles-mobile {
padding-bottom: 40px;
}
.circles-mobile .left img {
max-width: 115px;
width: 100%;
display: block;
margin: 0 auto;
}
.careline-block img {
opacity: 0.4 !important;
}
.careline-block p.careline-description {
display: block !important;
}
.careline-block-one img {
opacity: 0.4 !important;
}
.careline-block-one p.careline-description-one {
display: block !important;
}
.careline-block-two img {
opacity: 0.4 !important;
}
.careline-block-two p.careline-description-two {
display: block !important;
}
.careline-block-three img {
opacity: 0.4 !important;
}
.careline-block-three p.careline-description-three {
display: block !important;
}
.smarttec-block img {
opacity: 0.4 !important;
}
.smarttec-block p.smarttec-description {
display: block !important;
}
.smarttec-block-one img {
opacity: 0.4 !important;
}
.smarttec-block-one p.smarttec-description-one {
display: block !important;
}
.smarttec-block-two img {
opacity: 0.4 !important;
}
.smarttec-block-two p.smarttec-description-two {
display: block !important;
}
.smarttec-block-three img {
opacity: 0.4 !important;
}
.smarttec-block-three p.smarttec-description-three {
display: block !important;
}
.safety-slider .flickity-button {
bottom: 10px;
}
.safety-slider .heading h3 {
font-size: 18px !important;
}
.open-environment .heading h2 {
font-size: 18px;
}
.open-environment .flickity-button {
position: static !important;
}
.page-template-template-home_v2 .careline, .page-template-template-sls_v2 .careline, .page-template-template-smarttec .careline, .page-template-template-careline_v2 .careline, .page-template-template-smartconnect .careline, .page-template-template-smartlife .careline, .page-template-template-new .careline {
padding-bottom: 50px;
}
.page-template-template-home_v2 .careline .content-header, .page-template-template-sls_v2 .careline .content-header, .page-template-template-smarttec .careline .content-header, .page-template-template-careline_v2 .careline .content-header, .page-template-template-smartconnect .careline .content-header, .page-template-template-smartlife .careline .content-header, .page-template-template-new .careline .content-header {
font-size: 35px;
}
.page-template-template-home_v2 .cloud-header p, .page-template-template-sls_v2 .cloud-header p, .page-template-template-smarttec .cloud-header p, .page-template-template-careline_v2 .cloud-header p, .page-template-template-smartconnect .cloud-header p, .page-template-template-smartlife .cloud-header p, .page-template-template-new .cloud-header p {
font-size: 35px;
}
.mobile-btns {
padding-bottom: 5rem;
}
.careline {
background-color: white !important;
}
.careline-smart__slider .carousel-cell:not(:first-child) {
background-color: white;
padding-bottom: 50px;
}
.testimonialsv2_trusted__container img {
margin-right: 20px;
max-width: 150px;
}
.smarttec .white-border p {
background-image: none !important;
}
.smarttec .content-header {
font-size: 35px;
}
.circle_2 img {
width: 155px !important;
max-width: unset !important;
}
.circle_3 img {
width: 155px !important;
max-width: unset !important;
}
.circle_5 img {
width: 155px !important;
max-width: unset !important;
}
}
.nav__action {
position: relative;
}
.nav__action div {
position: absolute;
padding-top: 10px;
top: 50px;
width: 100%;
}
.nav__action:hover ul {
opacity: 1;
visibility: visible;
}
.nav__action ul {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
background-color: #fff;
padding: 15px;
border-radius: 5px;
color: #eb612b;
margin-right: 20px;
border: 1px solid #eb612b;
}
.nav__action ul li:not(:last-child) {
margin-bottom: .5em;
padding-bottom: .5em;
border-bottom: 1px solid #eb612b;
}
.nav__action ul a {
font-weight: 600;
}
.nav__action ul a:hover {
color: #000;
}
.header--right .contact-us {
color: #eb612b;
border: 1.5px solid #eb612b;
border-radius: 40px;
padding: 12px 30px;
background-color: #fff;
margin-right: 20px;
font-weight: 700;
}
/* === Strip Header Template */
.page-template-template-prettydefault .hero {
background: linear-gradient(180deg, #eb612b 80%, #fff 20%);
}
.page-template-template-prettydefault .hero h1 {
margin-bottom: .5em;
}
.page-template-template-prettydefault .amelia-service,
.page-template-template-prettydefault .amelia-v2-booking .am-no-services {
background-color: #fff;
}
.page-template-template-prettydefault .amelia-service {
margin-top: 2em !important;
}
.page-template-template-prettydefault .amelia-service {
padding: 2em;
}
.page-template-template-prettydefault .hero--media {
color: #fff;
}
@media screen and (min-width: 768px) {
.page-template-template-prettydefault .hero--media {
font-size: 1.6em;
font-weight: 600;
}
}
/* ===== Appello Modal Styles - Baked into theme
<div class="appello-modal">
<div class="appello-modal__inner">
<div class="appello-modal__panel">
<button data-action="closeModal" class="apello-modal__close"><i class="fas fa-times"></i></button>
<header>
<h2><?php echo get_field('modal_title', 'option'); ?></h2>
</header>
<article>
<?php if( get_field('modal_sub_title', 'option') ): ?>
<h3><?php echo get_field('modal_sub_title', 'option'); ?></h3>
<?php endif; ?>
<?php if( get_field('countdown_date', 'option') ): ?>
<div class="appello-modal__countdown" data-countdown="<?php echo get_field('countdown_date', 'option'); ?>"></div>
<?php endif; ?>
<?php echo get_field('modal_content', 'option'); ?>
</article>
<?php if( get_field('gravity_form', 'option') ): ?>
<div class="appelo-modal__form">
<?php echo do_shortcode( '[gravityform id="' . get_field('gravity_form', 'option') . '" title="true"]' ); ?>
</div>
<?php endif; ?>
<div class="appello-modal__exit">
<button data-action="closeModal" class="apello-modal__close"><?php echo $decline_label; ?></button>
</div>
</div>
</div>
</div>
*/
.appello-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.75);
display: flex;
align-items: center;
justify-content: center;
visibility: hidden;
opacity: 0;
z-index: 0;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
/* Hide scrollbar for Chrome, Safari and Opera */
}
.appello-modal__inner {
max-height: 90vh;
overflow-y: auto;
width: 95%;
max-width: 850px;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
}
.appello-modal__inner::-webkit-scrollbar {
display: none;
}
.appello-modal__panel {
background-color: #fff;
border: 20px solid #eb612b;
padding: 2em;
}
@media screen and (min-width: 768px) {
.appello-modal__panel {
padding: 2em;
}
}
.appello-modal header {
margin-bottom: .5em;
}
.appello-modal article {
margin-bottom: 2em;
}
.appello-modal.active {
z-index: 1111111;
visibility: visible;
opacity: 1;
}
.appello-modal h2 {
color: #eb612b;
font-weight: 800;
font-size: 2em;
line-height: 1.1;
text-align: center;
}
@media screen and (max-width: 767px) {
.appello-modal h2 {
font-size: 1.6em;
}
}
.appello-modal article p {
font-size: .9em;
text-align: center;
}
.appello-modal h3 {
text-align: center;
font-size: 1.4em !important;
font-weight: 700;
margin-bottom: 10px !important;
}
@media screen and (max-width: 767px) {
.appello-modal h3 {
font-size: 1.2em !important;
}
}
.appello-modal .gform_footer input[type="submit"] {
margin-top: 1em;
font-weight: bold;
margin: 0 auto;
}
.appello-modal__exit button {
background-color: #fff;
color: #eb612b !important;
border-color: #eb612b;
font-weight: bold;
margin: 0 auto 0 auto !important;
}
@media screen and (min-width: 768px) {
.appello-modal__exit button {
margin: 0 !important;
}
}
.appello-modal .apello-modal__closex {
color: #fff;
position: absolute;
top: 15px;
right: 15px;
font-size: 2em;
}
.appello-modal label {
display: none;
}
.appello-modal input[type="text"] {
border: 2px solid #eb612b;
border-radius: 25px;
padding: 15px 25px;
}
.appello-modal input[type="text"]::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #000;
opacity: 1;
/* Firefox */
}
.appello-modal input[type="text"]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #000;
}
.appello-modal input[type="text"]::-ms-input-placeholder {
/* Microsoft Edge */
color: #000;
}
.appello-modal form .gf_invisible {
display: none;
}
@media screen and (min-width: 768px) {
.appello-modal form .gform_fields {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 10px;
column-gap: 10px;
}
.appello-modal form .gform_footer {
display: grid;
grid-template-columns: 1fr 1fr;
justify-content: space-between;
}
}
#clockdiv {
display: flex;
justify-content: center;
margin: 2em 0;
}
#clockdiv div {
margin: 0 10px;
background-color: #000;
padding: 15px;
border-radius: 15px;
text-align: center;
position: relative;
width: 120px;
height: 120px;
}
#clockdiv div span {
font-size: 2em;
color: #fff;
font-weight: 700;
}
#clockdiv div .smalltext {
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 0;
}
#clockdiv svg {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
transform: rotateY(-180deg) rotateZ(-90deg);
fill: none;
}
#clockdiv svg circle {
stroke-dasharray: 113px;
stroke-dashoffset: 0px;
stroke-linecap: round;
stroke-width: 2px;
stroke: #eb612b;
fill: none;
}
@keyframes countdown {
from {
stroke-dashoffset: 0px;
}
to {
stroke-dashoffset: 113px;
}
}
/* === SLS Guide CTA
<section class="wrap guide-cta">
<div class="guide-cta__wrapper">
<figure>
<img src="<?php echo get_field('call_to_action_image'); ?>" alt="<?php echo get_field('call_to_action_title'); ?>" />
</figure>
<article>
<h2><?php echo get_field('call_to_action_title'); ?></h2>
<?php if( get_field('call_to_action_subtitle') ) : ?>
<h3><?php echo get_field('call_to_action_subtitle'); ?></h3>
<?php endif; ?>
<?php if( get_field('call_to_action_content') ) : ?>
<div><?php echo get_field('call_to_action_content'); ?></div>
<?php endif; ?>
<?php if( get_field('call_to_action_url') ) :
$label = ( get_field('call_to_action_label') ) ? get_field('call_to_action_label') : "Read More";
?>
<a href="<?php echo get_field('call_to_action_url'); ?>"><?php echo $label; ?></a>
<?php endif; ?>
</article>
</div>
</section>
*/
.guide-cta {
margin: 4em auto !important;
position: relative;
}
@media screen and (max-width: 1023px) {
.guide-cta {
padding: 0 !important;
}
}
.guide-cta:after {
content: "";
display: block !important;
height: 80%;
top: 10%;
background-color: #292D35;
width: 100%;
position: absolute;
z-index: 1;
}
@media screen and (max-width: 1023px) {
.guide-cta:after {
height: 100%;
top: 0;
}
}
.guide-cta__wrapper {
padding: 25px;
position: relative;
z-index: 11;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
color: #fff;
}
@media screen and (min-width: 768px) {
.guide-cta__wrapper {
flex-direction: row;
}
.guide-cta__wrapper figure {
flex-basis: 45%;
}
.guide-cta__wrapper article {
flex-basis: 52%;
}
}
@media screen and (min-width: 1024px) {
.guide-cta__wrapper figure {
flex-basis: 40%;
}
.guide-cta__wrapper article {
flex-basis: 57%;
}
}
@media screen and (max-width: 767px) {
.guide-cta__wrapper {
padding: 30px;
}
.guide-cta__wrapper img {
max-height: 400px;
margin-bottom: 2em;
}
}
.guide-cta__wrapper h2 {
color: #eb612b;
font-weight: 800;
font-size: 3.0em;
line-height: 1.2;
margin-bottom: .5em;
}
.guide-cta__wrapper h3 {
font-weight: 600;
color: #fff;
font-size: 1.8em !important;
line-height: 1.2;
}
.guide-cta__wrapper a {
margin-top: 2em;
font-weight: 800;
}
@media screen and (min-width: 1200px) {
.footer_v2 .links {
display: flex;
justify-content: space-between;
}
.footer_v2 .links::before, .footer_v2 .links::after {
display: none;
}
}
.footer__contact ul {
margin: 1em 0;
color: #fff;
}
.footer__contact ul li:first-of-type {
color: #eb612b;
font-weight: 500;
margin-bottom: 18px;
}
.footer__contact .social-icons {
margin-top: 18px;
display: flex;
align-items: center;
}
.footer__contact .social-icons a:not(:last-child) {
margin-right: 15px;
}
.footer__contact .social-icons a:hover svg {
fill: #eb612b !important;
}
@media screen and (max-width: 767px) {
.footer__contact {
font-size: 16px;
}
}
.footer__newsletter {
background-color: #eb612b;
padding: 1.5em;
color: #fff;
max-width: 475px;
margin-left: 25px;
border-radius: 15px;
}
.footer__newsletter h2 {
color: #fff;
margin-bottom: 10px;
font-weight: bold;
}
.footer__newsletter p {
font-size: 16px;
}
.footer__newsletter form {
margin: 1em 0 0 0;
display: flex;
justify-content: space-between;
}
.footer__newsletter form .gform-body {
flex: 1;
margin-right: 5px;
}
.footer__newsletter form .gform-body label {
display: none;
}
.footer__newsletter form input[type="text"] {
border: 1px solid #fff;
padding: 15px;
border-radius: 25px;
margin-right: 15px;
}
.footer__newsletter form input[type="text"]::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #fff;
opacity: 1;
/* Firefox */
}
.footer__newsletter form input[type="text"]:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff;
}
.footer__newsletter form input[type="text"]::-ms-input-placeholder {
/* Microsoft Edge */
color: #fff;
}
.footer__newsletter form input[type="submit"] {
background-color: #fff;
color: #eb612b !important;
font-weight: bold;
border-color: #fff;
}
.footer__newsletter form input[type="submit"]:hover {
background-color: none;
}
@media screen and (max-width: 767px) {
.footer__newsletter {
margin: 35px 0 0 0;
}
}
@media screen and (max-width: 767px) {
.footer__nav {
padding-top: 20px !important;
}
}
@media screen and (min-width: 767px) and (max-width: 1199px) {
.links {
display: flex !important;
}
.links > *.footer__contact {
min-width: 250px !important;
}
.footer__nav {
display: flex;
flex-wrap: wrap;
}
.footer__nav > * {
flex-basis: 50%;
margin: 0 !important;
}
.footer__nav > *:last-child {
margin-top: 2em !important;
flex-basis: 100%;
}
}
/* === Librry */
.timer__card-label {
font-size: clamp(0.5rem, 1vw, 1rem);
letter-spacing: .2rem;
}
.countdown {
display: flex;
flex-direction: column;
align-items: center;
gap: 10rem;
padding: 10rem 1rem 0rem 1rem;
}
#canvas {
background-color: transparent;
position: absolute;
inset: 0;
z-index: -10;
}
.timer {
display: flex;
justify-content: space-between;
height: 150px;
animation: fadeIn 2.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
margin-bottom: 1em;
}
.timer__card-wrapper {
margin: 1em 0 0 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 168px;
width: 22.2vw;
height: 8.1vw;
perspective: 200px;
color: #eb612b;
}
.timer__card {
font-size: clamp(2.1rem, 7.4vw, 5rem);
}
.timer__card-shadow {
height: 200%;
width: 17vw;
position: absolute;
top: 5px;
left: 1.1vw;
border-radius: 5px;
display: none;
}
.timer__card:before {
content: attr(data-back);
display: flex;
justify-content: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
line-height: 0;
overflow: hidden;
}
.timer__card:after {
content: attr(data-back);
display: flex;
justify-content: center;
position: absolute;
left: 0;
width: 100%;
height: 100%;
line-height: 0;
overflow: hidden;
}
.timer__card--front:before {
content: attr(data-front);
align-items: flex-end;
top: 0;
background: url("../../../../plugins/appello/pop-up/assets/card-top.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
transform-origin: center bottom;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index: 3;
}
.timer__card--front:after {
content: attr(data-front);
top: 100%;
background: url("../../../../plugins/appello/pop-up/assets/card-bottom.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.timer__card--back:before {
bottom: 0;
align-items: flex-end;
background: url("../../../../plugins/appello/pop-up/assets/card-top.svg");
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.timer__card--back:after {
top: 100%;
background: url("../../../../plugins/appello/pop-up/assets/card-bottom.svg");
background-size: 100% 100%;
transform-origin: top center;
transform: rotateX(0.5turn);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
z-index: 2;
}
.timer__card-wrapper.running .timer__card--front:before {
animation: frontFlipDown .6s ease-in-out;
}
.timer__card-wrapper.running .timer__card--back:after {
animation: backFlipDown .6s ease-in-out;
}
.timer__card-label {
position: absolute;
display: flex;
justify-content: center;
top: 230%;
width: 100%;
text-transform: uppercase;
color: #eb612b;
}
/* ----- Animations ----- */
@keyframes frontFlipDown {
to {
transform: rotateX(-0.5turn);
}
}
@keyframes backFlipDown {
to {
background-image: url("../../../../plugins/appello/pop-up/assets/card-bottom.svg");
transform: rotateX(0turn);
}
}
@keyframes reveal {
to {
height: 0%;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (min-width: 768px) {
.timer__card-wrapper {
width: 20%;
height: 61px;
max-width: 200px;
}
.timer {
margin-top: 1em;
height: 200px;
}
.timer__card {
font-size: clamp(2.3rem, 4.5rem, 6rem);
}
.timer__card-label {
font-size: .8rem;
}
}
@media (min-width: 1200px) {
.countdown {
gap: 13rem;
}
.appello-modal h3 {
margin-bottom: 0 !important;
}
.timer {
margin: .5em auto 0 auto;
height: 180px;
max-width: 500px;
}
.timer__card-wrapper {
width: 23%;
height: 53px;
max-width: 220px;
}
.timer__card {
font-size: 3.2rem;
}
.timer__card-label {
font-size: .9rem;
}
}
.gfield_validation_message,
.gform_validation_errors {
background: red;
padding: 15px;
margin-bottom: .5em;
border-radius: 5px;
}
.gfield_validation_message h2,
.gform_validation_errors h2 {
font-size: 1rem;
color: #fff;
}
.gform_confirmation_message {
background-color: green;
color: #fff;
padding: 15px;
text-align: center;
}
.gfield_validation_message {
font-size: 14px;
color: #fff;
padding: 5px;
border-radius: 5px;
}
.page-template-temple-home-v4 {
font-family: 'effra', 'sans-serif';
font-weight: 400;
font-size: 15px;
/* ==== Creds & Certs */
/* -- Services */
/* ==== Process */
/* ==== News */
/* === Testimonials */
/* === Contact */
/* ==== Responsive */
}
@media screen and (min-width: 768px) {
.page-template-temple-home-v4 {
font-size: 18px;
}
}
.page-template-temple-home-v4 .header .wrap, .page-template-temple-home-v4 .header--white .wrap, .page-template-temple-home-v4 .header--black .wrap {
max-width: 1683px;
}
.page-template-temple-home-v4 .button, .page-template-temple-home-v4 #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li a, #menu_overlay #menu_overlay_inner_container .wrap ul li.button-li .page-template-temple-home-v4 a, .page-template-temple-home-v4 .header .wrap .menu-global-menu-container ul li.button-li a, .header .wrap .menu-global-menu-container ul li.button-li .page-template-temple-home-v4 a, .page-template-temple-home-v4 .appello-modal__exit button, .appello-modal__exit .page-template-temple-home-v4 button, .page-template-temple-home-v4 .guide-cta__wrapper a, .guide-cta__wrapper .page-template-temple-home-v4 a {
font-size: 16px;
line-height: 1;
}
.page-template-temple-home-v4 .button--ol {
border-color: #fff;
color: #fff;
background-color: transparent;
}
.page-template-temple-home-v4 .button--ol:hover {
background-color: #fff;
color: #eb612b;
}
.page-template-temple-home-v4 .button--ol2 {
border-color: #eb612b;
background-color: transparent;
color: #51555F !important;
}
.page-template-temple-home-v4 .button--ol2:hover {
background-color: #eb612b;
color: #fff !important;
}
.page-template-temple-home-v4 .type__77, .page-template-temple-home-v4 div.services .service__numbers strong, .page-template-temple-home-v4 div.services h2, .page-template-temple-home-v4 .hero--header h1 {
font-size: 37px;
}
.page-template-temple-home-v4 .type__30, .page-template-temple-home-v4 .testimonials .testimonial blockquote, .page-template-temple-home-v4 .testimonials .testimonial, .page-template-temple-home-v4 .news-videos h3, .page-template-temple-home-v4 .process .lead {
font-size: 20px;
}
.page-template-temple-home-v4 .section_header, .page-template-temple-home-v4 .testimonials h2 {
font-size: 18px;
margin-bottom: 2em;
}
.page-template-temple-home-v4 figure {
display: block;
}
.page-template-temple-home-v4 .sections {
padding: 4em 0;
}
.page-template-temple-home-v4 .wrap-new, .page-template-temple-home-v4 .wrap-new--offset-left {
width: 90%;
margin: 0 auto;
max-width: 1683px;
}
.page-template-temple-home-v4 .hero {
float: none;
min-height: 100vh;
align-items: center;
display: flex;
justify-content: center;
}
.page-template-temple-home-v4 .hero video {
margin-bottom: 2em;
opacity: .95;
}
.page-template-temple-home-v4 .hero__actions {
display: flex;
gap: 15px;
}
.page-template-temple-home-v4 .hero--header {
background-color: #EB612A;
padding: 6em 0 4em 0;
}
.page-template-temple-home-v4 .hero--header h1 {
font-weight: 500;
line-height: 1.2;
max-width: 1016px;
color: #fff;
margin-bottom: 1em;
}
.page-template-temple-home-v4 .hero__messages {
margin-top: 4em;
}
.page-template-temple-home-v4 .hero__messages strong {
font-size: 20px;
line-height: 1.2;
color: #fff;
}
.page-template-temple-home-v4 .hero__messages .message > div {
display: flex;
align-items: center;
margin-bottom: 1em;
}
.page-template-temple-home-v4 .hero__messages .message__line {
width: 100%;
border-top: 1px dotted #fff;
margin-left: 15px;
}
.page-template-temple-home-v4 .hero__messages > *:last-child .message__line {
display: none;
}
.page-template-temple-home-v4 .hero__messages .message > div:before {
content: '';
display: block;
width: 40px;
height: 40px;
background-image: url("../images/2024/brand-icon.svg");
background-size: contain;
background-repeat: no-repeat;
}
.page-template-temple-home-v4 .lead .wrap {
width: 100%;
display: flex;
flex-direction: column-reverse;
}
.page-template-temple-home-v4 .lead figure {
min-height: 300px;
background-color: #eee;
position: relative;
}
.page-template-temple-home-v4 .lead figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-temple-home-v4 .lead h2 {
color: #eb612b;
margin-bottom: 2em;
}
.page-template-temple-home-v4 .lead .cta {
margin-top: 4em;
}
.page-template-temple-home-v4 .lead article {
padding: 0 5vw;
}
.page-template-temple-home-v4 .lead article p:first-of-type {
color: #eb612b;
font-size: 18px;
}
.page-template-temple-home-v4 .lead p {
margin-bottom: 1em;
}
.page-template-temple-home-v4 .awards {
background-color: #2B2D32;
color: #fff;
align-items: center;
}
.page-template-temple-home-v4 .awards .wrap-new, .page-template-temple-home-v4 .awards .wrap-new--offset-left {
margin-bottom: 4em;
}
.page-template-temple-home-v4 .awards p {
font-size: 20px;
line-height: 1.3;
margin-bottom: 1.5em;
}
.page-template-temple-home-v4 .awards .customer_logos .slick-track,
.page-template-temple-home-v4 .awards .awards__list .slick-track {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center;
align-items: center;
}
.page-template-temple-home-v4 .awards .customer_logos .slick-slide,
.page-template-temple-home-v4 .awards .awards__list .slick-slide {
margin: 0 3vw;
}
.page-template-temple-home-v4 .awards .customer_logos img,
.page-template-temple-home-v4 .awards .awards__list img {
height: auto;
max-width: 180px;
}
.page-template-temple-home-v4 .awards h3 {
color: #eb612b;
font-size: 18px;
margin-bottom: 1em;
}
.page-template-temple-home-v4 .awards .customer_logos {
margin-top: 2em;
}
.page-template-temple-home-v4 .awards .customer_logos img {
max-height: 70px;
width: auto;
}
.page-template-temple-home-v4 div.services .services:not(:last-of-type) {
padding-bottom: 0;
}
.page-template-temple-home-v4 div.services .services:not(:last-of-type) .services__content article {
padding-bottom: 4em;
position: relative;
}
@media screen and (min-width: 1200px) {
.page-template-temple-home-v4 div.services .services:not(:last-of-type) .services__content article {
padding-bottom: 6em;
}
}
.page-template-temple-home-v4 div.services .services:not(:last-of-type) .services__content article:after {
content: "";
width: 1px;
height: 100%;
border-right: 2px dotted #eb612b;
left: 0;
top: 0;
position: absolute;
}
.page-template-temple-home-v4 div.services .services:last-of-type {
padding-top: 0;
}
.page-template-temple-home-v4 div.services .services:last-of-type .service_title {
padding-top: 4em;
position: relative;
}
@media screen and (min-width: 1200px) {
.page-template-temple-home-v4 div.services .services:last-of-type .service_title {
padding-top: 6em;
}
}
.page-template-temple-home-v4 div.services .services:last-of-type .service_title:after {
content: "";
width: 1px;
height: 70%;
border-right: 2px dotted #eb612b;
left: 0;
top: 0;
position: absolute;
}
.page-template-temple-home-v4 div.services > * {
background-color: #51555F;
color: #fff;
}
.page-template-temple-home-v4 div.services > *:nth-of-type(2n) {
background-color: #F7F7F7;
color: #2B2D32;
}
.page-template-temple-home-v4 div.services > *:nth-of-type(2n) h3 {
color: #2B2D32;
line-height: 1.1;
}
.page-template-temple-home-v4 div.services > *:nth-of-type(2n) .services__content h3,
.page-template-temple-home-v4 div.services > *:nth-of-type(2n) .services__content h4 {
color: #2B2D32;
}
.page-template-temple-home-v4 div.services > *:nth-of-type(2n) strong {
color: #eb612b;
}
.page-template-temple-home-v4 div.services h2 {
font-weight: 500;
margin-bottom: .5em;
color: #eb612b;
}
.page-template-temple-home-v4 div.services div.services .lead-content p,
.page-template-temple-home-v4 div.services .lead {
font-size: 18px;
width: 1044px;
margin-bottom: 2em;
}
.page-template-temple-home-v4 div.services .lead-content {
max-width: 1044px;
margin-bottom: 2em;
}
.page-template-temple-home-v4 div.services article {
margin-top: 2em;
}
.page-template-temple-home-v4 div.services article > div {
padding-left: 50px;
}
.page-template-temple-home-v4 div.services article > div p {
line-height: 1.6;
}
.page-template-temple-home-v4 div.services h3 {
color: #fff;
font-weight: 700;
line-height: 1.1;
}
.page-template-temple-home-v4 div.services .services__content h4 {
color: #fff;
}
.page-template-temple-home-v4 div.services .services__content h3 {
font-size: 24px;
font-weight: 500;
}
.page-template-temple-home-v4 div.services .services__content h4 {
font-size: 20px;
margin-bottom: 1em;
}
.page-template-temple-home-v4 div.services .service__numbers {
margin-top: 2em;
}
.page-template-temple-home-v4 div.services .service__numbers li {
line-height: 1.1;
}
.page-template-temple-home-v4 div.services .service__numbers strong {
font-weight: 700;
}
.page-template-temple-home-v4 div.services .service__numbers p {
font-size: 18px;
line-height: 1.5;
}
.page-template-temple-home-v4 div.services .service__numbers li:not(:last-child) {
margin-bottom: 1em;
}
.page-template-temple-home-v4 div.services .slick-slide {
margin-right: 1em;
}
.page-template-temple-home-v4 div.services .service__carousel a {
overflow: hidden;
aspect-ratio: 45/48;
background-color: #eee;
position: relative;
display: flex !important;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 40px;
}
.page-template-temple-home-v4 div.services .service__carousel a div div {
color: #2B2D32;
}
.page-template-temple-home-v4 div.services .service__carousel a h3 {
color: #2B2D32;
font-size: 20px;
font-weight: 500;
}
.page-template-temple-home-v4 div.services .service__carousel a div div {
max-height: 0px;
overflow: hidden;
transition: max-height 1s ease-in-out;
}
.page-template-temple-home-v4 div.services .service__carousel a img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 10s ease-in-out;
}
.page-template-temple-home-v4 div.services .service__carousel a:hover div div {
max-height: 500px;
}
.page-template-temple-home-v4 div.services .service__carousel a h3, .page-template-temple-home-v4 div.services .service__carousel a div {
position: relative;
z-index: 3;
}
.page-template-temple-home-v4 div.services .service__carousel a:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(357deg, rgba(255, 255, 255, 0.9) 40%, rgba(255, 255, 255, 0) 100%);
z-index: 2;
transform: translateY(50%);
transition: transform .5s ease-in-out;
}
.page-template-temple-home-v4 div.services .service__carousel a:hover img {
transform: scale(1.1);
}
.page-template-temple-home-v4 div.services .service__carousel a:hover:before {
transform: translateY(0);
}
.page-template-temple-home-v4 div.services .service__carouselnab {
margin-top: 3em;
display: flex;
justify-content: space-between;
}
.page-template-temple-home-v4 div.services .service__carouselnab svg {
max-width: 49px;
}
.page-template-temple-home-v4 div.services .service__carouselnab svg:hover ellipse {
fill: #eb612b;
}
.page-template-temple-home-v4 div.services .service__carouselnab svg:hover polyline,
.page-template-temple-home-v4 div.services .service__carouselnab svg:hover line {
stroke: #fff;
}
.page-template-temple-home-v4 .process {
background-color: #eb612b;
color: #fff;
}
.page-template-temple-home-v4 .process .process--steps {
margin: 4em 0;
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px;
}
@media screen and (min-width: 600px) {
.page-template-temple-home-v4 .process .process--steps {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 900px) {
.page-template-temple-home-v4 .process .process--steps {
grid-template-columns: repeat(3, 1fr);
}
}
.page-template-temple-home-v4 .process .lead {
margin-bottom: 1.5em;
}
.page-template-temple-home-v4 .process .process--step header {
position: relative;
}
.page-template-temple-home-v4 .process .process--step header:before {
content: '';
position: absolute;
top: 50%;
right: 0;
width: 100%;
height: 1px;
border-top: 2px dotted #fff;
transform: translateY(-3px);
}
.page-template-temple-home-v4 .process .process--step p {
line-height: 1.6;
}
.page-template-temple-home-v4 .process .process--step h3 {
background-color: #eb612b;
margin-bottom: .5em;
color: #fff;
display: inline-block;
padding-right: 15px;
position: relative;
font-weight: 500;
}
.page-template-temple-home-v4 .process .process--step h3 strong {
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #eb612b;
}
.page-template-temple-home-v4 .process .process--step h3 span {
margin-right: 15px;
width: 50px;
height: 50px;
border-radius: 50%;
line-height: 1;
color: #fff;
border: 5px solid #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 30px;
}
.page-template-temple-home-v4 .news-videos figure {
aspect-ratio: 7/4.1;
background-color: #eee;
margin-bottom: 2em;
}
.page-template-temple-home-v4 .news-videos h3 {
line-height: 1.2;
margin-bottom: 1em;
max-width: 536px;
}
.page-template-temple-home-v4 .news-videos h2 {
color: #eb612b;
font-size: 17px;
margin-bottom: 2em;
}
.page-template-temple-home-v4 .post-thumb {
max-width: 500px;
margin: 0 auto;
}
.page-template-temple-home-v4 .post-thumb h2 {
max-width: 500px;
margin: 0 auto;
}
.page-template-temple-home-v4 .post-thumb figure {
position: relative;
}
.page-template-temple-home-v4 .post-thumb figure img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.page-template-temple-home-v4 .testimonials {
background-color: #51555F;
color: #fff;
}
.page-template-temple-home-v4 .testimonials h2 {
color: #eb612b;
}
.page-template-temple-home-v4 .testimonials .testimonial {
max-width: 1311px;
margin: 0 auto;
display: block !important;
text-align: center;
position: relative;
}
.page-template-temple-home-v4 .testimonials .testimonial em {
display: block;
font-style: normal;
}
.page-template-temple-home-v4 .testimonials .testimonial blockquote {
font-style: italic;
max-width: 100%;
border: none;
color: #fff;
}
.page-template-temple-home-v4 .testimonials .testimonial blockquote p:last-of-type:after,
.page-template-temple-home-v4 .testimonials .testimonial blockquote p:first-child:before {
width: 31px;
height: 18px;
content: "";
display: inline-block;
}
.page-template-temple-home-v4 .testimonials .testimonial blockquote p:last-of-type:after {
background-image: url("../images/2024/close.svg");
transform: translateY(15px);
}
.page-template-temple-home-v4 .testimonials .testimonial blockquote p:first-child:before {
background-image: url("../images/2024/open.svg");
transform: translateY(-15px);
}
.page-template-temple-home-v4 .testimonials .testimonial img {
max-height: 50px;
width: auto;
}
.page-template-temple-home-v4 .testimonials .testimonial footer {
margin-top: 2.5em;
display: flex;
text-align: left;
font-size: 18px;
justify-content: center;
align-items: center;
}
.page-template-temple-home-v4 .testimonials .testimonial footer cite {
font-style: normal !important;
line-height: 1.2;
}
.page-template-temple-home-v4 .testimonials .testimonial footer figure {
margin-right: 15px;
}
.page-template-temple-home-v4 .testimonials .testimonial footer strong {
color: #eb612b;
}
.page-template-temple-home-v4 .testimonials .slick-dots {
margin-top: 3em;
display: flex;
align-items: center;
justify-content: center;
}
.page-template-temple-home-v4 .testimonials .slick-dots li:not(:last-child) {
margin-right: 1em;
}
.page-template-temple-home-v4 .testimonials .slick-dots button {
display: block;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 0.1px;
color: #51555F;
border: 1px solid #eb612b;
background-color: #51555F;
}
.page-template-temple-home-v4 .testimonials .slick-dots li.slick-active button {
background-color: #eb612b;
color: #eb612b;
}
.page-template-temple-home-v4 .section__contact {
padding: 1em 0;
clear: both;
display: block;
text-align: center;
color: #fff;
background-color: #eb612b;
font-weight: 500;
transition: all .2s ease-in-out;
font-size: 25px;
}
.page-template-temple-home-v4 .section__contact:hover {
background-color: #fff;
color: #eb612b;
}
@media screen and (min-width: 501px) {
.page-template-temple-home-v4 .lead .cta {
display: flex;
gap: 25px;
}
}
@media screen and (min-width: 768px) {
.page-template-temple-home-v4 .hero__messages {
margin-top: 10em;
}
.page-template-temple-home-v4 .type__77, .page-template-temple-home-v4 .hero--header h1, .page-template-temple-home-v4 div.services h2, .page-template-temple-home-v4 div.services .service__numbers strong {
font-size: 55px;
}
.page-template-temple-home-v4 .hero__messages strong {
font-size: 28px;
}
.page-template-temple-home-v4 .section_header, .page-template-temple-home-v4 .testimonials h2,
.page-template-temple-home-v4 .lead h2 {
font-size: 20px;
}
.page-template-temple-home-v4 .type__30, .page-template-temple-home-v4 .process .lead, .page-template-temple-home-v4 .news-videos h3, .page-template-temple-home-v4 .testimonials .testimonial, .page-template-temple-home-v4 .testimonials .testimonial blockquote,
.page-template-temple-home-v4 .lead article p:first-of-type {
font-size: 22px;
}
.page-template-temple-home-v4 .hero__messages {
display: flex;
gap: 15px;
}
.page-template-temple-home-v4 .lead .wrap-new, .page-template-temple-home-v4 .lead .wrap-new--offset-left {
width: 90%;
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 30px;
}
.page-template-temple-home-v4 .lead .wrap-new article, .page-template-temple-home-v4 .lead .wrap-new--offset-left article {
max-width: 648px;
}
.page-template-temple-home-v4 .lead .wrap-new figure, .page-template-temple-home-v4 .lead .wrap-new--offset-left figure {
aspect-ratio: unset;
max-width: 805px;
flex-basis: 40%;
}
.page-template-temple-home-v4 .lead .wrap-new article, .page-template-temple-home-v4 .lead .wrap-new--offset-left article {
padding: 0;
}
.page-template-temple-home-v4 .awards p {
font-size: 24px;
}
.page-template-temple-home-v4 .awards .wrap-new article, .page-template-temple-home-v4 .awards .wrap-new--offset-left article {
display: flex;
gap: 30px;
justify-content: space-between;
align-items: center;
}
.page-template-temple-home-v4 .awards .wrap-new article div:first-child, .page-template-temple-home-v4 .awards .wrap-new--offset-left article div:first-child {
max-width: 778px;
}
.page-template-temple-home-v4 .awards h3 {
font-size: 20px;
}
.page-template-temple-home-v4 div.services .lead-content p,
.page-template-temple-home-v4 div.services .lead {
font-size: 20px;
}
.page-template-temple-home-v4 div.services .services__content h3 {
font-size: 30px;
}
.page-template-temple-home-v4 div.services .services__content h4 {
font-size: 23px;
line-height: 1.1;
}
.page-template-temple-home-v4 .service__numbers p {
font-size: 20px;
}
.page-template-temple-home-v4 .process--step span {
width: 70px;
height: 70px;
font-size: 48px;
}
.page-template-temple-home-v4 .news-videos .news-videos__content {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
.page-template-temple-home-v4 .news-videos {
position: relative;
}
.page-template-temple-home-v4 .news-videos .news-videos__content {
position: relative;
z-index: 1;
}
.page-template-temple-home-v4 .news-videos:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, white 0%, white 50%, #f7f7f7 50%, #f7f7f7 100%);
z-index: 0;
}
.page-template-temple-home-v4 .testimonials .testimonial footer {
font-size: 20px;
}
.page-template-temple-home-v4 .service__carousel a h3 {
font-size: 30px !important;
}
.page-template-temple-home-v4 .section__contact {
font-size: 25px;
}
.page-template-temple-home-v4 .hero {
position: relative;
}
.page-template-temple-home-v4 .hero video {
max-width: 62vw;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-70%);
}
.page-template-temple-home-v4 .hero .wrap-new, .page-template-temple-home-v4 .hero .wrap-new--offset-left {
position: relative;
z-index: 2;
}
}
@media screen and (min-width: 1200px) {
.page-template-temple-home-v4 .type__77, .page-template-temple-home-v4 .hero--header h1, .page-template-temple-home-v4 div.services h2, .page-template-temple-home-v4 div.services .service__numbers strong {
font-size: 60px;
}
.page-template-temple-home-v4 .hero__messages strong {
font-size: 30px;
}
.page-template-temple-home-v4 .service__carousel h3 {
font-size: 40px;
}
.page-template-temple-home-v4 .hero__messages {
display: flex;
gap: 15px;
}
.page-template-temple-home-v4 .sections {
padding: 6em 0;
}
.page-template-temple-home-v4 .section_header, .page-template-temple-home-v4 .testimonials h2,
.page-template-temple-home-v4 .lead h2 {
font-size: 22px;
}
.page-template-temple-home-v4 .type__30, .page-template-temple-home-v4 .process .lead, .page-template-temple-home-v4 .news-videos h3, .page-template-temple-home-v4 .testimonials .testimonial, .page-template-temple-home-v4 .testimonials .testimonial blockquote,
.page-template-temple-home-v4 .lead article p:first-of-type {
font-size: 26px;
}
.page-template-temple-home-v4 .awards p {
font-size: 26px;
}
.page-template-temple-home-v4 .awards .wrap-new article div:last-child, .page-template-temple-home-v4 .awards .wrap-new--offset-left article div:last-child {
display: flex;
align-items: center;
gap: 15px;
}
.page-template-temple-home-v4 .awards h3 {
font-size: 22px;
}
.page-template-temple-home-v4 div.services .lead-content p,
.page-template-temple-home-v4 div.services .lead {
font-size: 24px;
}
.page-template-temple-home-v4 div.services .services__content h3 {
font-size: 35px;
}
.page-template-temple-home-v4 div.services .services__content h4 {
font-size: 26px;
}
.page-template-temple-home-v4 .service__numbers p {
font-size: 22px;
}
.page-template-temple-home-v4 div.services .services__content {
display: flex;
justify-content: space-between;
align-items: stretch;
gap: 30px;
}
.page-template-temple-home-v4 div.services .services__content article {
min-width: 665px;
width: 665px;
flex: 1;
}
.page-template-temple-home-v4 div.services .services__content aside {
padding-bottom: 4em;
}
.page-template-temple-home-v4 div.services .services__content aside,
.page-template-temple-home-v4 div.services .services__content .service__carousel {
min-width: 0;
}
.page-template-temple-home-v4 .news-videos .news-videos__content {
gap: 78px;
}
.page-template-temple-home-v4 .testimonials .testimonial footer {
font-size: 22px;
}
.page-template-temple-home-v4 .testimonials {
padding-bottom: 10em;
}
.page-template-temple-home-v4 .footer_v2 {
padding-top: 12em;
}
.page-template-temple-home-v4 .section__contact {
font-size: 35px;
border-radius: 150px;
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%) translateY(50%);
width: 100%;
max-width: 1082px;
padding: 1.25em 2em;
z-index: 2;
}
.page-template-temple-home-v4 .contact-cotainer {
position: relative;
float: left;
width: 100%;
}
.page-template-temple-home-v4 .wrap-new--offset-left {
width: 95%;
padding-left: 5%;
}
}
@media screen and (min-width: 1600px) {
.page-template-temple-home-v4 .type__77, .page-template-temple-home-v4 .hero--header h1, .page-template-temple-home-v4 div.services h2, .page-template-temple-home-v4 div.services .service__numbers strong {
font-size: 77px;
}
.page-template-temple-home-v4 .hero__messages strong {
font-size: 44px;
}
.page-template-temple-home-v4 .type__30, .page-template-temple-home-v4 .process .lead, .page-template-temple-home-v4 .news-videos h3, .page-template-temple-home-v4 .testimonials .testimonial, .page-template-temple-home-v4 .testimonials .testimonial blockquote,
.page-template-temple-home-v4 .lead article p:first-of-type {
font-size: 30px;
}
.page-template-temple-home-v4 .awards p {
font-size: 30px;
}
.page-template-temple-home-v4 .wrap-new--offset-left {
width: 95%;
padding-left: 5vw;
}
.page-template-temple-home-v4 .service__carouselnab {
padding-right: 5vw;
}
.page-template-temple-home-v4 div.services .lead-content p,
.page-template-temple-home-v4 div.services .lead {
font-size: 30px;
}
.page-template-temple-home-v4 div.services .services__content h3 {
font-size: 40px;
}
.page-template-temple-home-v4 div.services .services__content h4 {
font-size: 30px;
}
.page-template-temple-home-v4 .service__carousel a h3 {
font-size: 40px !important;
}
.page-template-temple-home-v4 div.services .services__content article {
margin-right: 40px;
}
.page-template-temple-home-v4 .service__carousel div div {
font-size: 22px;
}
}
@media screen and (min-width: 1763px) {
.page-template-temple-home-v4 .wrap-new--offset-left {
width: 100%;
padding-left: calc( (100% - 1683px) / 2);
max-width: 100%;
}
.page-template-temple-home-v4 .service__carouselnab {
padding-right: calc( (100vw - 1683px) / 2);
}
}
.footer_v2 .wrap {
max-width: 1683px;
}
.footer_v2 .footer__contact ul li:first-of-type,
.footer_v2 .links .footer__nav ul li:first-of-type a {
color: #fff;
font-weight: 700;
}
@media screen and (min-width: 1200px) {
.footer_v2 .links {
display: flex;
justify-content: flex-start;
}
.footer_v2 .links::before, .footer_v2 .links::after {
display: none;
}
.footer_v2 .links .footer_navs {
flex: 1;
display: flex;
}
}
.footer_v2 .links .footer__nav {
flex: 1;
}
@media screen and (min-width: 1200px) {
.footer_v2 .footer__nav {
display: flex;
justify-content: space-between;
}
.footer_v2 .footer__nav .footer_navs {
margin-left: 50px;
}
}
.footer_v2 .footer__newsletter {
background-color: transparent;
border: 1px solid #fff;
}
.footer_v2 .footer__newsletter form input[type="submit"] {
background-color: transparent;
color: #fff !important;
border: 1px solid #fff;
}
.footer_v2 .footer__newsletter form input[type="submit"]:hover {
background-color: #fff;
color: #eb612b !important;
}
.footer_v2 .footer_navs a:hover {
color: #eb612b !important;
}
.footer_v2 .footer__contact .social-icons a:hover path {
fill: #eb612b;
}
.footer_v2 .copyright .wrap {
padding-left: 0;
padding-right: 0;
margin-top: 2em;
border-top: 0;
}
.footer_v2 .copyright .wrap p {
color: #fff;
}
@media screen and (max-width: 767px) {
.page-template-temple-home-v4 .hero {
padding-top: 2em !important;
display: block;
}
.page-template-temple-home-v4 .hero video {
margin: 0 auto 2em auto;
}
.page-template-temple-home-v4 .hero .message {
display: flex;
align-items: center;
}
.page-template-temple-home-v4 .hero .message:not(:last-child) {
margin-bottom: 2em;
}
.page-template-temple-home-v4 .hero .message .message__line {
display: none;
}
.page-template-temple-home-v4 .hero .message strong {
margin-left: 15px;
}
.page-template-temple-home-v4 .lead {
padding-top: 0;
}
.page-template-temple-home-v4 .lead h2 {
margin-bottom: 1em;
}
.page-template-temple-home-v4 .lead .wrap-new, .page-template-temple-home-v4 .lead .wrap-new--offset-left {
display: flex;
flex-direction: column-reverse;
padding-top: 0;
width: 100%;
}
.page-template-temple-home-v4 .lead .wrap-new img, .page-template-temple-home-v4 .lead .wrap-new--offset-left img {
max-width: 100%;
}
.page-template-temple-home-v4 .lead .wrap-new figure, .page-template-temple-home-v4 .lead .wrap-new--offset-left figure {
margin-bottom: 2em;
}
.awards__list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-bottom: 2em;
}
.awards__list img {
max-width: 150px;
height: auto;
}
.page-template-temple-home-v4 div.services .services:first-of-type .services__content article {
padding-left: 0;
}
.page-template-temple-home-v4 div.services .services:first-of-type .services__content article:after {
display: none;
}
.page-template-temple-home-v4 div.services article > div {
padding-left: 0;
}
.page-template-temple-home-v4 div.services .services:last-of-type .service_title:after {
display: none;
}
.page-template-temple-home-v4 .testimonials .testimonial footer {
display: block;
text-align: center;
}
.post-thumb {
margin-bottom: 2em;
}
.services__content aside {
margin: 2em 0;
}
.page-template-temple-home-v4 .awards h3 {
margin-bottom: 0;
margin-top: 4em;
}
.page-template-temple-home-v4 .awards .customer_logos {
margin-top: 1em;
}
.page-template-temple-home-v4 .awards .customer_logos img {
max-width: 125px;
}
.page-template-temple-home-v4 .hero {
min-height: 1vh;
}
.page-template-temple-home-v4 .testimonials .testimonial footer figure {
margin-right: 0;
margin-bottom: 10px;
}
.page-template-temple-home-v4 div.services .services:not(:last-of-type) {
padding-bottom: 4em;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
.page-template-temple-home-v4 .hero h1 {
max-width: 60vw;
}
}
@media screen and (min-width: 501px) {
.monly {
display: none !important;
}
}
@media screen and (max-width: 500px) {
.page-template-temple-home-v4 .hero__actions,
.page-template-temple-home-v4 .cta {
display: block;
}
.page-template-temple-home-v4 .hero__actions > *,
.page-template-temple-home-v4 .cta > * {
width: 100%;
}
.page-template-temple-home-v4 .hero__actions > *:not(:last-child),
.page-template-temple-home-v4 .cta > *:not(:last-child) {
margin-bottom: 1em;
}
.header--right .contact-us {
display: none;
}
.page-template-temple-home-v4 .wrap-new--offset-left {
width: 100%;
}
.page-template-temple-home-v4 .wrap-new--offset-left .service__carouselnab,
.page-template-temple-home-v4 .wrap-new--offset-left header,
.page-template-temple-home-v4 .wrap-new--offset-left .lead-content,
.page-template-temple-home-v4 .wrap-new--offset-left .service_title,
.page-template-temple-home-v4 .wrap-new--offset-left .services__content article {
padding-left: 5vw !important;
padding-right: 5vw !important;
}
.page-template-temple-home-v4 .wrap-new--offset-left .slick-slide {
margin-right: 0 !important;
}
.post-thumb a {
width: 100%;
}
.donly {
display: none !important;
}
.monly {
display: block;
}
.page-template-temple-home-v4 .hero--header h1 {
margin-bottom: 0em;
}
.page-template-temple-home-v4 .hero__messages {
padding: 2em 0;
border-top: 2px dotted #fff;
border-bottom: 2px dotted #fff;
margin: 2em 0;
}
.footer__newsletter form {
display: block;
}
.footer_v2 .footer__newsletter form input[type="submit"] {
width: 100%;
margin: 0;
}
.footer_v2 .copyright .columns--left {
padding: 0 5vw;
}
}
@media screen and (min-width: 768px) and (max-width: 852px) {
.footer_v2 .links {
display: block !important;
}
.footer_v2 .links .footer_navs {
flex-basis: 100%;
display: flex;
}
.footer_v2 .links .footer_navs > * {
flex-basis: 48%;
}
}
@media screen and (min-width: 853px) and (max-width: 1250px) {
.footer_v2 .links {
display: flex !important;
}
.footer_v2 .links .footer_navs {
flex-basis: 100%;
display: flex;
}
}
@media screen and (min-width: 1500px) and (max-width: 1700px) {
.page-template-temple-home-v4 div.services .service__carousel a div div {
font-size: 18px;
}
.page-template-temple-home-v4 div.services .services__content article {
min-width: 1px;
min-width: 560px;
}
}
body.home .header--right {
transform: translateX(0) !important;
right: 2.5%;
}
@media screen and (min-width: 1763px) {
body.home .header--right {
right: calc( (100% - 1683px) / 2);
}
}
/*# sourceMappingURL=style.css.map */