@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 16px;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
background: #fff;
}
article, aside, details, figcaption, figure,
footer, header, main, nav, section {
display: block;
}
input, textarea, select, button {
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: 400;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}
a img {
border: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
}
/*.animate-on-view {
@include cubic-bezier(0.8s);
@include show-on-view-top(10px);
@include delay(0.4s);
width: 0;
&.onScreen {
width: 100%;
}
}*/
/**
* Allows control over onscreen movement
**/
/**
* Breakpoints
*/
/**
* Fonts
*/
/**
* Boxgrid variables
*/
/**
* Colours
*/
/*$primary_colour: #002337;
$primary_alt_colour: #004fc0;
$secondary_colour: #E50046;
$secondary_alt_colour: #f8aa00;*/
/**
* Animation
*/
/**
* General
*/
/**
* Applys a breakpoint around the provided content
* @param {string} $size size of the breakpoint
* @return {null} nothing returned breakpoint code wrapped around content
*/
/**
* Generates a list of font sizes at specific breakpoints
*/
/**
* If you have to ask what this does, then ask yourself what you are doing!!!
*/
/**
* Creates a class for each colour and a second class with each colour applied as background-color
*/
/*
----------------------------------
BoxGrid
----------------------------------
Author: Ashley Needham
Description: A flexbox based grid
Version: 1.2
License: MIT
URL: http://flexbox.net
*/
.boxgrid {
width: 101.5%;
margin-left: -0.75%;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}
.boxgrid > .col {
margin: 1em 0.75%;
width: 98.5%;
box-sizing: border-box;
}
.boxgrid > .col > .inner {
display: block;
box-sizing: border-box;
}
.boxgrid:after {
content: "";
display: block;
clear: both;
height: 0px;
visibility: hidden;
}
.boxgrid.no-margin {
width: 100%;
margin: 0;
}
.boxgrid.no-margin > .col {
margin: 0;
width: 100%;
box-sizing: border-box;
}
.boxgrid.no-margin > .col > .inner {
display: block;
box-sizing: border-box;
}
@media screen and (min-width: 300px) {
.boxgrid > .xs_12 {
width: 98.5%;
display: block;
}
.boxgrid > .xs_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .xs_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .xs_9 {
width: 73.5%;
display: block;
}
.boxgrid > .xs_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .xs_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .xs_6 {
width: 48.5%;
display: block;
}
.boxgrid > .xs_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .xs_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .xs_3 {
width: 23.5%;
display: block;
}
.boxgrid > .xs_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .xs_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .xs_0 {
display: none;
}
.boxgrid > .xs_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .xs_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .xs_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .xs_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .xs_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .xs_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .xs_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .xs_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .xs_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .xs_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .xs_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .xs_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .xs_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .xs_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .xs_post_9 {
margin-right: 75.75%;
}
.boxgrid > .xs_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .xs_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .xs_post_6 {
margin-right: 50.75%;
}
.boxgrid > .xs_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .xs_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .xs_post_3 {
margin-right: 25.75%;
}
.boxgrid > .xs_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .xs_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .xs_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .xs_12 {
width: 100%;
}
.boxgrid.no-margin > .xs_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .xs_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .xs_9 {
width: 75%;
}
.boxgrid.no-margin > .xs_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .xs_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .xs_6 {
width: 50%;
}
.boxgrid.no-margin > .xs_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .xs_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .xs_3 {
width: 25%;
}
.boxgrid.no-margin > .xs_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .xs_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .xs_0 {
display: none;
}
.boxgrid.no-margin > .xs_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .xs_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .xs_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .xs_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .xs_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .xs_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .xs_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .xs_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .xs_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .xs_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .xs_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .xs_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .xs_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .xs_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .xs_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .xs_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .xs_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .xs_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .xs_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .xs_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .xs_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .xs_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .xs_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .xs_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .xs_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_xs_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_xs_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_xs_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_xs_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_xs_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_xs_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_xs_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_xs_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_xs_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_xs_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_xs_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_xs_order="12"] {
order: 12;
}
.boxgrid > .xs_first {
order: -1;
}
.boxgrid > .xs_last {
order: 999;
}
.boxgrid > .xs_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .xs_center {
display: flex;
justify-content: center;
}
.boxgrid > .xs_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .xs_text_left {
text-align: left;
}
.boxgrid > .xs_text_center {
text-align: center;
}
.boxgrid > .xs_text_right {
text-align: right;
}
.boxgrid > .xs_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .xs_middle {
display: flex;
align-items: center;
}
.boxgrid > .xs_bottom {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 550px) {
.boxgrid > .sm_12 {
width: 98.5%;
display: block;
}
.boxgrid > .sm_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .sm_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .sm_9 {
width: 73.5%;
display: block;
}
.boxgrid > .sm_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .sm_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .sm_6 {
width: 48.5%;
display: block;
}
.boxgrid > .sm_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .sm_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .sm_3 {
width: 23.5%;
display: block;
}
.boxgrid > .sm_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .sm_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .sm_0 {
display: none;
}
.boxgrid > .sm_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .sm_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .sm_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .sm_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .sm_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .sm_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .sm_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .sm_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .sm_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .sm_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .sm_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .sm_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .sm_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .sm_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .sm_post_9 {
margin-right: 75.75%;
}
.boxgrid > .sm_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .sm_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .sm_post_6 {
margin-right: 50.75%;
}
.boxgrid > .sm_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .sm_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .sm_post_3 {
margin-right: 25.75%;
}
.boxgrid > .sm_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .sm_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .sm_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .sm_12 {
width: 100%;
}
.boxgrid.no-margin > .sm_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .sm_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .sm_9 {
width: 75%;
}
.boxgrid.no-margin > .sm_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .sm_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .sm_6 {
width: 50%;
}
.boxgrid.no-margin > .sm_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .sm_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .sm_3 {
width: 25%;
}
.boxgrid.no-margin > .sm_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .sm_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .sm_0 {
display: none;
}
.boxgrid.no-margin > .sm_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .sm_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .sm_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .sm_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .sm_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .sm_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .sm_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .sm_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .sm_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .sm_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .sm_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .sm_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .sm_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .sm_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .sm_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .sm_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .sm_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .sm_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .sm_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .sm_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .sm_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .sm_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .sm_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .sm_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .sm_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_sm_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_sm_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_sm_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_sm_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_sm_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_sm_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_sm_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_sm_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_sm_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_sm_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_sm_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_sm_order="12"] {
order: 12;
}
.boxgrid > .sm_first {
order: -1;
}
.boxgrid > .sm_last {
order: 999;
}
.boxgrid > .sm_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .sm_center {
display: flex;
justify-content: center;
}
.boxgrid > .sm_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .sm_text_left {
text-align: left;
}
.boxgrid > .sm_text_center {
text-align: center;
}
.boxgrid > .sm_text_right {
text-align: right;
}
.boxgrid > .sm_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .sm_middle {
display: flex;
align-items: center;
}
.boxgrid > .sm_bottom {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 850px) {
.boxgrid > .md_12 {
width: 98.5%;
display: block;
}
.boxgrid > .md_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .md_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .md_9 {
width: 73.5%;
display: block;
}
.boxgrid > .md_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .md_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .md_6 {
width: 48.5%;
display: block;
}
.boxgrid > .md_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .md_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .md_3 {
width: 23.5%;
display: block;
}
.boxgrid > .md_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .md_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .md_0 {
display: none;
}
.boxgrid > .md_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .md_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .md_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .md_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .md_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .md_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .md_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .md_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .md_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .md_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .md_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .md_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .md_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .md_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .md_post_9 {
margin-right: 75.75%;
}
.boxgrid > .md_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .md_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .md_post_6 {
margin-right: 50.75%;
}
.boxgrid > .md_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .md_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .md_post_3 {
margin-right: 25.75%;
}
.boxgrid > .md_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .md_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .md_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .md_12 {
width: 100%;
}
.boxgrid.no-margin > .md_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .md_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .md_9 {
width: 75%;
}
.boxgrid.no-margin > .md_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .md_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .md_6 {
width: 50%;
}
.boxgrid.no-margin > .md_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .md_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .md_3 {
width: 25%;
}
.boxgrid.no-margin > .md_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .md_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .md_0 {
display: none;
}
.boxgrid.no-margin > .md_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .md_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .md_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .md_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .md_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .md_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .md_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .md_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .md_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .md_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .md_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .md_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .md_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .md_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .md_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .md_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .md_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .md_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .md_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .md_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .md_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .md_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .md_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .md_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .md_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_md_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_md_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_md_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_md_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_md_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_md_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_md_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_md_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_md_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_md_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_md_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_md_order="12"] {
order: 12;
}
.boxgrid > .md_first {
order: -1;
}
.boxgrid > .md_last {
order: 999;
}
.boxgrid > .md_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .md_center {
display: flex;
justify-content: center;
}
.boxgrid > .md_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .md_text_left {
text-align: left;
}
.boxgrid > .md_text_center {
text-align: center;
}
.boxgrid > .md_text_right {
text-align: right;
}
.boxgrid > .md_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .md_middle {
display: flex;
align-items: center;
}
.boxgrid > .md_bottom {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 1150px) {
.boxgrid > .lg_12 {
width: 98.5%;
display: block;
}
.boxgrid > .lg_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .lg_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .lg_9 {
width: 73.5%;
display: block;
}
.boxgrid > .lg_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .lg_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .lg_6 {
width: 48.5%;
display: block;
}
.boxgrid > .lg_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .lg_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .lg_3 {
width: 23.5%;
display: block;
}
.boxgrid > .lg_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .lg_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .lg_0 {
display: none;
}
.boxgrid > .lg_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .lg_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .lg_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .lg_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .lg_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .lg_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .lg_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .lg_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .lg_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .lg_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .lg_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .lg_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .lg_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .lg_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .lg_post_9 {
margin-right: 75.75%;
}
.boxgrid > .lg_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .lg_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .lg_post_6 {
margin-right: 50.75%;
}
.boxgrid > .lg_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .lg_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .lg_post_3 {
margin-right: 25.75%;
}
.boxgrid > .lg_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .lg_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .lg_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .lg_12 {
width: 100%;
}
.boxgrid.no-margin > .lg_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .lg_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .lg_9 {
width: 75%;
}
.boxgrid.no-margin > .lg_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .lg_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .lg_6 {
width: 50%;
}
.boxgrid.no-margin > .lg_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .lg_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .lg_3 {
width: 25%;
}
.boxgrid.no-margin > .lg_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .lg_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .lg_0 {
display: none;
}
.boxgrid.no-margin > .lg_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .lg_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .lg_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .lg_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .lg_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .lg_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .lg_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .lg_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .lg_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .lg_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .lg_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .lg_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .lg_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .lg_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .lg_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .lg_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .lg_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .lg_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .lg_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .lg_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .lg_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .lg_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .lg_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .lg_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .lg_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_lg_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_lg_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_lg_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_lg_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_lg_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_lg_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_lg_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_lg_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_lg_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_lg_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_lg_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_lg_order="12"] {
order: 12;
}
.boxgrid > .lg_first {
order: -1;
}
.boxgrid > .lg_last {
order: 999;
}
.boxgrid > .lg_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .lg_center {
display: flex;
justify-content: center;
}
.boxgrid > .lg_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .lg_text_left {
text-align: left;
}
.boxgrid > .lg_text_center {
text-align: center;
}
.boxgrid > .lg_text_right {
text-align: right;
}
.boxgrid > .lg_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .lg_middle {
display: flex;
align-items: center;
}
.boxgrid > .lg_bottom {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 1800px) {
.boxgrid > .xl_12 {
width: 98.5%;
display: block;
}
.boxgrid > .xl_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .xl_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .xl_9 {
width: 73.5%;
display: block;
}
.boxgrid > .xl_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .xl_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .xl_6 {
width: 48.5%;
display: block;
}
.boxgrid > .xl_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .xl_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .xl_3 {
width: 23.5%;
display: block;
}
.boxgrid > .xl_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .xl_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .xl_0 {
display: none;
}
.boxgrid > .xl_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .xl_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .xl_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .xl_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .xl_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .xl_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .xl_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .xl_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .xl_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .xl_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .xl_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .xl_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .xl_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .xl_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .xl_post_9 {
margin-right: 75.75%;
}
.boxgrid > .xl_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .xl_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .xl_post_6 {
margin-right: 50.75%;
}
.boxgrid > .xl_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .xl_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .xl_post_3 {
margin-right: 25.75%;
}
.boxgrid > .xl_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .xl_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .xl_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .xl_12 {
width: 100%;
}
.boxgrid.no-margin > .xl_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .xl_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .xl_9 {
width: 75%;
}
.boxgrid.no-margin > .xl_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .xl_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .xl_6 {
width: 50%;
}
.boxgrid.no-margin > .xl_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .xl_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .xl_3 {
width: 25%;
}
.boxgrid.no-margin > .xl_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .xl_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .xl_0 {
display: none;
}
.boxgrid.no-margin > .xl_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .xl_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .xl_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .xl_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .xl_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .xl_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .xl_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .xl_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .xl_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .xl_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .xl_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .xl_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .xl_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .xl_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .xl_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .xl_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .xl_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .xl_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .xl_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .xl_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .xl_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .xl_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .xl_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .xl_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .xl_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_xl_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_xl_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_xl_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_xl_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_xl_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_xl_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_xl_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_xl_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_xl_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_xl_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_xl_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_xl_order="12"] {
order: 12;
}
.boxgrid > .xl_first {
order: -1;
}
.boxgrid > .xl_last {
order: 999;
}
.boxgrid > .xl_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .xl_center {
display: flex;
justify-content: center;
}
.boxgrid > .xl_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .xl_text_left {
text-align: left;
}
.boxgrid > .xl_text_center {
text-align: center;
}
.boxgrid > .xl_text_right {
text-align: right;
}
.boxgrid > .xl_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .xl_middle {
display: flex;
align-items: center;
}
.boxgrid > .xl_bottom {
display: flex;
align-items: flex-end;
}
}
@media screen and (min-width: 2300px) {
.boxgrid > .sxl_12 {
width: 98.5%;
display: block;
}
.boxgrid > .sxl_11 {
width: 90.1666666667%;
display: block;
}
.boxgrid > .sxl_10 {
width: 81.8333333333%;
display: block;
}
.boxgrid > .sxl_9 {
width: 73.5%;
display: block;
}
.boxgrid > .sxl_8 {
width: 65.1666666667%;
display: block;
}
.boxgrid > .sxl_7 {
width: 56.8333333333%;
display: block;
}
.boxgrid > .sxl_6 {
width: 48.5%;
display: block;
}
.boxgrid > .sxl_5 {
width: 40.1666666667%;
display: block;
}
.boxgrid > .sxl_4 {
width: 31.8333333333%;
display: block;
}
.boxgrid > .sxl_3 {
width: 23.5%;
display: block;
}
.boxgrid > .sxl_2 {
width: 15.1666666667%;
display: block;
}
.boxgrid > .sxl_1 {
width: 6.8333333333%;
display: block;
}
.boxgrid > .sxl_0 {
display: none;
}
.boxgrid > .sxl_pre_11 {
margin-left: 92.4166666667%;
}
.boxgrid > .sxl_pre_10 {
margin-left: 84.0833333333%;
}
.boxgrid > .sxl_pre_9 {
margin-left: 75.75%;
}
.boxgrid > .sxl_pre_8 {
margin-left: 67.4166666667%;
}
.boxgrid > .sxl_pre_7 {
margin-left: 59.0833333333%;
}
.boxgrid > .sxl_pre_6 {
margin-left: 50.75%;
}
.boxgrid > .sxl_pre_5 {
margin-left: 42.4166666667%;
}
.boxgrid > .sxl_pre_4 {
margin-left: 34.0833333333%;
}
.boxgrid > .sxl_pre_3 {
margin-left: 25.75%;
}
.boxgrid > .sxl_pre_2 {
margin-left: 17.4166666667%;
}
.boxgrid > .sxl_pre_1 {
margin-left: 9.0833333333%;
}
.boxgrid > .sxl_pre_0 {
margin-left: 0.75%;
}
.boxgrid > .sxl_post_11 {
margin-right: 92.4166666667%;
}
.boxgrid > .sxl_post_10 {
margin-right: 84.0833333333%;
}
.boxgrid > .sxl_post_9 {
margin-right: 75.75%;
}
.boxgrid > .sxl_post_8 {
margin-right: 67.4166666667%;
}
.boxgrid > .sxl_post_7 {
margin-right: 59.0833333333%;
}
.boxgrid > .sxl_post_6 {
margin-right: 50.75%;
}
.boxgrid > .sxl_post_5 {
margin-right: 42.4166666667%;
}
.boxgrid > .sxl_post_4 {
margin-right: 34.0833333333%;
}
.boxgrid > .sxl_post_3 {
margin-right: 25.75%;
}
.boxgrid > .sxl_post_2 {
margin-right: 17.4166666667%;
}
.boxgrid > .sxl_post_1 {
margin-right: 9.0833333333%;
}
.boxgrid > .sxl_post_0 {
margin-right: 0.75%;
}
.boxgrid.no-margin > .sxl_12 {
width: 100%;
}
.boxgrid.no-margin > .sxl_11 {
width: 91.6666666667%;
}
.boxgrid.no-margin > .sxl_10 {
width: 83.3333333333%;
}
.boxgrid.no-margin > .sxl_9 {
width: 75%;
}
.boxgrid.no-margin > .sxl_8 {
width: 66.6666666667%;
}
.boxgrid.no-margin > .sxl_7 {
width: 58.3333333333%;
}
.boxgrid.no-margin > .sxl_6 {
width: 50%;
}
.boxgrid.no-margin > .sxl_5 {
width: 41.6666666667%;
}
.boxgrid.no-margin > .sxl_4 {
width: 33.3333333333%;
}
.boxgrid.no-margin > .sxl_3 {
width: 25%;
}
.boxgrid.no-margin > .sxl_2 {
width: 16.6666666667%;
}
.boxgrid.no-margin > .sxl_1 {
width: 8.3333333333%;
}
.boxgrid.no-margin > .sxl_0 {
display: none;
}
.boxgrid.no-margin > .sxl_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .sxl_pre_11 {
margin-left: 91.6666666667%;
}
.boxgrid.no-margin > .sxl_pre_10 {
margin-left: 83.3333333333%;
}
.boxgrid.no-margin > .sxl_pre_9 {
margin-left: 75%;
}
.boxgrid.no-margin > .sxl_pre_8 {
margin-left: 66.6666666667%;
}
.boxgrid.no-margin > .sxl_pre_7 {
margin-left: 58.3333333333%;
}
.boxgrid.no-margin > .sxl_pre_6 {
margin-left: 50%;
}
.boxgrid.no-margin > .sxl_pre_5 {
margin-left: 41.6666666667%;
}
.boxgrid.no-margin > .sxl_pre_4 {
margin-left: 33.3333333333%;
}
.boxgrid.no-margin > .sxl_pre_3 {
margin-left: 25%;
}
.boxgrid.no-margin > .sxl_pre_2 {
margin-left: 16.6666666667%;
}
.boxgrid.no-margin > .sxl_pre_1 {
margin-left: 8.3333333333%;
}
.boxgrid.no-margin > .sxl_pre_0 {
margin-left: 0;
}
.boxgrid.no-margin > .sxl_post_11 {
margin-right: 91.6666666667%;
}
.boxgrid.no-margin > .sxl_post_10 {
margin-right: 83.3333333333%;
}
.boxgrid.no-margin > .sxl_post_9 {
margin-right: 75%;
}
.boxgrid.no-margin > .sxl_post_8 {
margin-right: 66.6666666667%;
}
.boxgrid.no-margin > .sxl_post_7 {
margin-right: 58.3333333333%;
}
.boxgrid.no-margin > .sxl_post_6 {
margin-right: 50%;
}
.boxgrid.no-margin > .sxl_post_5 {
margin-right: 41.6666666667%;
}
.boxgrid.no-margin > .sxl_post_4 {
margin-right: 33.3333333333%;
}
.boxgrid.no-margin > .sxl_post_3 {
margin-right: 25%;
}
.boxgrid.no-margin > .sxl_post_2 {
margin-right: 16.6666666667%;
}
.boxgrid.no-margin > .sxl_post_1 {
margin-right: 8.3333333333%;
}
.boxgrid.no-margin > .sxl_post_0 {
margin-right: 0;
}
.boxgrid > .col[data-bg_sxl_order="1"] {
order: 1;
}
.boxgrid > .col[data-bg_sxl_order="2"] {
order: 2;
}
.boxgrid > .col[data-bg_sxl_order="3"] {
order: 3;
}
.boxgrid > .col[data-bg_sxl_order="4"] {
order: 4;
}
.boxgrid > .col[data-bg_sxl_order="5"] {
order: 5;
}
.boxgrid > .col[data-bg_sxl_order="6"] {
order: 6;
}
.boxgrid > .col[data-bg_sxl_order="7"] {
order: 7;
}
.boxgrid > .col[data-bg_sxl_order="8"] {
order: 8;
}
.boxgrid > .col[data-bg_sxl_order="9"] {
order: 9;
}
.boxgrid > .col[data-bg_sxl_order="10"] {
order: 10;
}
.boxgrid > .col[data-bg_sxl_order="11"] {
order: 11;
}
.boxgrid > .col[data-bg_sxl_order="12"] {
order: 12;
}
.boxgrid > .sxl_first {
order: -1;
}
.boxgrid > .sxl_last {
order: 999;
}
.boxgrid > .sxl_left {
display: flex;
justify-content: flex-start;
}
.boxgrid > .sxl_center {
display: flex;
justify-content: center;
}
.boxgrid > .sxl_right {
display: flex;
justify-content: flex-end;
}
.boxgrid > .sxl_text_left {
text-align: left;
}
.boxgrid > .sxl_text_center {
text-align: center;
}
.boxgrid > .sxl_text_right {
text-align: right;
}
.boxgrid > .sxl_top {
display: flex;
align-items: flex-start;
}
.boxgrid > .sxl_middle {
display: flex;
align-items: center;
}
.boxgrid > .sxl_bottom {
display: flex;
align-items: flex-end;
}
}
body {
font-family: "soleil", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.15;
}
@media only screen and (min-width: 300px) {
body {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
body {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
body {
font-size: 16px;
}
}
/**
* Headings
*/
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
font-family: "soleil", sans-serif;
font-weight: 300;
display: block;
}
h6 a, .h6 a, h5 a, .h5 a, h4 a, .h4 a, h3 a, .h3 a, h2 a, .h2 a, h1 a, .h1 a {
font-weight: 400;
text-decoration: underline;
}
h1, .h1 {
font-size: 40px;
line-height: 1.4;
margin-bottom: 30px;
}
@media screen and (max-width: 550px) {
h1, .h1 {
font-size: calc(40px - 80%);
}
}
h1.heading, .h1.heading {
color: rgba(0, 0, 0, 0.6);
font-family: "operetta-8", serif;
font-size: 50px;
font-weight: 300;
line-height: 1;
margin-bottom: 30px;
}
@media screen and (min-width: 850px) {
h1.heading, .h1.heading {
font-size: 60px;
}
}
@media screen and (min-width: 1150px) {
h1.heading, .h1.heading {
font-size: 80px;
}
}
@media screen and (min-width: 1800px) {
h1.heading, .h1.heading {
font-size: 100px;
}
}
h2, .h2 {
font-size: 32px;
line-height: 1.4;
margin-bottom: 30px;
}
@media screen and (max-width: 550px) {
h2, .h2 {
font-size: calc(32px - 35%);
}
}
h3, .h3 {
font-size: 24px;
line-height: 1.4;
margin-bottom: 25px;
}
@media screen and (max-width: 550px) {
h3, .h3 {
font-size: calc(24px - 35%);
}
}
h4, .h4 {
font-size: 21px;
line-height: 1.4;
margin-bottom: 25px;
}
@media screen and (max-width: 550px) {
h4, .h4 {
font-size: calc(21px - 35%);
}
}
h5, .h5 {
font-size: 16px;
margin-bottom: 12px;
}
h6, .h6 {
font-size: 20px;
margin-bottom: 18px;
}
/**
* Paragraphs
*/
p {
font-size: 16px;
font-weight: 300;
line-height: 24.13px;
margin-bottom: 1em;
}
p.small {
font-size: 13px;
}
p a {
font-weight: 400;
text-decoration: underline;
}
/**
* Links
*/
a {
color: inherit;
font-size: 1em;
text-decoration: none;
transition: color 0.3s;
/* &:visited {
color: #d515509c;
}*/
/* &:focus {
color: #d515509c;
}*/
}
a:hover {
color: #E50046;
transition: color 0.3s;
}
a.chevron:after {
content: ">";
margin-left: 4px;
position: relative;
left: 0;
transition: left 0.8s;
}
a.chevron:hover:after {
content: ">";
left: 5px;
margin-left: 4px;
}
/**
* Styling
*/
b, strong {
font-weight: 700;
}
i, em {
font-style: italic;
}
u {
text-decoration: underline;
}
/**
* Lists
*/
ul, ol {
font-size: 16px;
font-weight: 300;
padding-left: 1em;
line-height: 24.13px;
margin-bottom: 30px;
}
ul li, ol li {
padding-bottom: 0.3em;
}
.wp-block-quote {
margin: 50px 0;
}
.wp-block-quote p {
color: #161A40;
font-size: 18px;
font-weight: 300;
}
.wp-block-quote cite {
color: #707070;
font-size: 16px;
font-weight: 300;
}
.btn {
color: #ffffff;
background-color: #161A40;
font-size: 1.13em;
display: inline-block;
border: none;
margin: 0.2em 0;
padding: 0.7em 1.3em;
font-weight: 600;
text-transform: capitalize;
cursor: pointer;
transition: background-color 0.3s;
text-decoration: none;
text-align: center;
-webkit-appearance: none;
border-radius: 0;
}
@media screen and (max-width: 850px) {
.btn {
font-size: 1.3em;
padding: 1.5em;
width: 100%;
}
}
.btn:hover {
color: #ffffff;
transition: background-color 0.3s;
background-color: #1d2253;
}
.btn.large {
font-size: 2em;
padding: 1em 1em;
}
.btn.btn-secondary {
background: #E50846;
}
.btn.btn-secondary:hover {
background: #9b052f;
}
.pagination {
position: relative;
display: flex;
gap: 10px;
justify-content: center;
width: 100%;
list-style: none;
text-align: center;
margin: 1em 0 2em;
padding: 0;
line-height: 3;
overflow: hidden;
}
.pagination ul.page-numbers {
align-items: center;
display: flex;
margin-bottom: 0;
padding: 0 1em;
}
.pagination li {
display: inline-block;
margin: 0;
padding: 0;
font-size: 12px;
}
@media only screen and (min-width: 300px) {
.pagination li {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
.pagination li {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
.pagination li {
font-size: 16px;
}
}
.pagination li:last-of-type a:after {
content: "";
}
.pagination li a, .pagination li span {
color: #bbbbbb;
position: relative;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: 0.4em 0 0.4em 5px;
text-align: center;
}
.pagination li a:after, .pagination li span:after {
content: " / ";
}
.pagination li span {
color: #000;
}
.pagination li a:hover {
color: #E50046;
}
.pagination li.active {
color: #E50046;
}
table {
border-collapse: collapse;
width: 100%;
font-size: 1em;
overflow-x: scroll;
display: block;
margin-bottom: 1em;
}
table tbody {
display: table;
border: none;
min-width: 100%;
}
@media only screen and (min-width: 1150px) {
table {
display: table;
table-layout: fixed;
}
table tbody {
display: table-row-group;
width: 100%;
min-width: 0;
}
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table th {
min-width: 12em;
font-size: 1.13em;
font-weight: 700;
padding: 0.5em 15px;
vertical-align: top;
background-color: #161A40;
color: #ffffff;
}
@media only screen and (min-width: 1150px) {
table th {
min-width: 0;
padding: 0.45em 30px;
}
}
table .alt th {
background-color: #004fc0;
}
table td {
padding: 0.5em 15px;
vertical-align: top;
}
@media only screen and (min-width: 1150px) {
table td {
padding: 0.45em 30px;
}
}
table {
border-collapse: collapse;
width: 100%;
font-size: 1em;
overflow-x: scroll;
display: block;
margin-bottom: 1em;
}
table tbody {
display: table;
border: none;
min-width: 100%;
}
@media only screen and (min-width: 1150px) {
table {
display: table;
table-layout: fixed;
}
table tbody {
display: table-row-group;
width: 100%;
min-width: 0;
}
}
table tr:nth-child(odd) {
background-color: #f1f1f1;
}
table th {
min-width: 12em;
font-size: 1.13em;
font-weight: 700;
padding: 0.5em 15px;
vertical-align: top;
background-color: #161A40;
color: #ffffff;
}
@media only screen and (min-width: 1150px) {
table th {
min-width: 0;
padding: 0.45em 30px;
}
}
table .alt th {
background-color: #004fc0;
}
table td {
padding: 0.5em 15px;
vertical-align: top;
}
@media only screen and (min-width: 1150px) {
table td {
padding: 0.45em 30px;
}
}
.table-outer {
display: grid;
margin-bottom: 30px;
}
@media only screen and (min-width: 850px) {
.table-outer {
grid-template-columns: 1fr 1fr 1fr;
gap: 49px;
margin-bottom: 80px;
}
}
.table-outer table.align-second-col th:nth-child(2), .table-outer table.align-second-col td:nth-child(2) {
text-align: right;
}
.table-outer table tr, .table-outer table th, .table-outer table td {
background-color: transparent;
font-weight: 300;
}
.table-outer table th, .table-outer table td {
padding: 15px 0;
}
.table-outer table tr {
border-bottom: 1px solid rgba(112, 112, 112, 0.5019607843);
}
.table-outer table tr.heading {
border-bottom: 1px solid #72A849;
}
.table-outer table tr.no-border {
border-bottom: none;
}
.table-outer table th {
color: #72A849;
padding-bottom: 25px;
}
.table-outer .table-group table {
margin-bottom: 30px;
}
.diagram {
background-image: url("../img/frontend/graphics/diagram-bg.svg");
background-size: contain;
background-position: bottom left;
background-repeat: no-repeat;
margin-top: 30px;
}
.diagram.operation-emissions {
opacity: 0;
transform: scale(0.9);
transition: all 1s;
}
.diagram.operation-emissions.onScreen {
opacity: 1;
transform: scale(1);
}
.diagram.operation-emissions .heading:nth-child(1) {
color: #F3923C;
}
.diagram.operation-emissions .heading:nth-child(2) {
color: #72A849;
margin-top: 50px;
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .heading:nth-child(2) {
margin-top: 0;
}
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content {
grid-template-columns: repeat(4, 1fr);
}
}
.diagram.operation-emissions .content .one {
order: 1;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .one {
grid-area: 1/1/1/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .one {
grid-area: 1/1/2/4;
order: 1;
}
}
.diagram.operation-emissions .content .two {
order: 5;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .two {
grid-area: 4/1/4/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .two {
grid-area: 1/4/2/5;
order: 2;
}
}
.diagram.operation-emissions .content .col.three {
order: 2;
border-right: 2px dashed #F3923C;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .col.three {
grid-area: 2/1/2/1;
border-right: none;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .col.three {
grid-area: 2/1/3/2;
order: 3;
}
}
.diagram.operation-emissions .content .col.four {
order: 3;
border-right: 2px dashed #F3923C;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .col.four {
grid-area: 2/2/2/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .col.four {
grid-area: 2/2/3/3;
order: 4;
border-right: none;
}
}
.diagram.operation-emissions .content .col.five {
order: 4;
border-right: 2px dashed #F3923C;
border-bottom: 2px dashed #F3923C;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .col.five {
grid-area: 3/1/3/2;
grid-column: span 2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .col.five {
grid-area: 2/3/3/4;
order: 5;
grid-column: span 1;
border-right: none;
border-bottom: none;
}
}
.diagram.operation-emissions .content .col.six {
order: 6;
border-right: 2px dashed #72A849;
border-bottom: 2px dashed #72A849;
border-top: 2px dashed #72A849;
border-left: 2px dashed #72A849;
}
@media only screen and (min-width: 550px) {
.diagram.operation-emissions .content .col.six {
grid-area: 5/1/5/2;
grid-column: span 2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.operation-emissions .content .col.six {
grid-area: 2/4/3/5;
order: 6;
grid-column: span 1;
border-right: none;
border-bottom: none;
}
}
.diagram.operation-emissions .content .col.six:before {
color: #72A849;
}
.diagram.indirect-emissions {
background-image: url("../img/frontend/graphics/diagram-2-bg.svg");
opacity: 0;
transform: scale(0.9);
transition: all 1s;
}
.diagram.indirect-emissions.onScreen {
opacity: 1;
transform: scale(1);
}
.diagram.indirect-emissions .content .heading {
margin-top: 30px;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .heading {
margin-top: 0;
}
}
.diagram.indirect-emissions .content .heading.one {
margin-top: 0;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .heading.three, .diagram.indirect-emissions .content .heading.four {
margin-top: 30px;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .heading.three, .diagram.indirect-emissions .content .heading.four {
margin-top: 0;
}
}
.diagram.indirect-emissions .content .one {
order: 1;
color: #F3923C;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .one {
grid-area: 1/1/1/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .one {
grid-area: unset;
}
}
.diagram.indirect-emissions .content .two {
order: 3;
color: #72A849;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .two {
grid-area: 1/2/1/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .two {
order: 2;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .three {
order: 7;
color: #943B58;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .three {
grid-area: 3/1/3/1;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .three {
order: 3;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .four {
order: 5;
color: #00A5B5;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .four {
grid-area: 3/2/3/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .four {
order: 4;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .five {
order: 2;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .five {
grid-area: 2/1/2/1;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .five {
order: 5;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .six {
order: 4;
border-color: #72A849;
border-right: 2px dashed #72A849;
}
.diagram.indirect-emissions .content .six:before {
color: #72A849;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .six {
grid-area: 2/2/2/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .six {
order: 6;
border-right: none;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .seven {
order: 8;
border-color: #943B58;
}
.diagram.indirect-emissions .content .seven:before {
color: #943B58;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .seven {
grid-area: 4/1/4/1;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .seven {
order: 7;
grid-area: unset;
}
}
.diagram.indirect-emissions .content .eight {
order: 6;
border-color: #00A5B5;
border-right: 2px dashed #00A5B5;
}
.diagram.indirect-emissions .content .eight:before {
color: #00A5B5;
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content .eight {
grid-area: 4/2/4/2;
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .eight {
order: 8;
grid-area: unset;
}
}
@media only screen and (min-width: 550px) {
.diagram.indirect-emissions .content {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content {
grid-template-columns: 2fr 1fr 1fr 0.5fr;
}
}
.diagram.indirect-emissions .content .col .inner-cols {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .col .inner-cols {
grid-template-columns: 1fr 1fr;
gap: 70px;
}
}
.diagram.indirect-emissions .content .col .inner-cols .col-2 {
position: relative;
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .col .inner-cols .col-2 {
min-height: 600px;
}
}
.diagram.indirect-emissions .content .col .inner-cols .col-2 .text-box {
background-color: rgba(217, 217, 217, 0.4);
padding: 20px;
width: 100%;
}
@media only screen and (min-width: 1150px) {
.diagram.indirect-emissions .content .col .inner-cols .col-2 .text-box {
position: absolute;
bottom: 0;
width: 800px;
padding: 30px 44px;
}
}
@media only screen and (min-width: 1800px) {
.diagram.indirect-emissions .content .col .inner-cols .col-2 .text-box {
width: 873px;
}
}
.diagram .heading p {
font-size: 1.5em;
}
.diagram .content {
display: grid;
gap: 0;
}
@media only screen and (min-width: 550px) {
.diagram .content {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (min-width: 1150px) {
.diagram .content {
grid-template-columns: repeat(4, 1fr);
}
}
.diagram .content .col {
position: relative;
border-top: 2px dashed #F3923C;
border-left: 2px dashed #F3923C;
padding: 30px;
}
@media only screen and (min-width: 550px) {
.diagram .content .col {
padding: 36px 43px 20px;
}
}
@media only screen and (min-width: 1150px) {
.diagram .content .col {
padding: 36px 43px 0;
height: fit-content;
}
}
.diagram .content .col:before {
content: "•";
position: absolute;
top: -50px;
left: -13px;
font-size: 74px;
color: #F3923C;
}
@media only screen and (min-width: 550px) {
.diagram .content .col:before {
top: -52px;
left: -13px;
}
}
.careers-table tr th {
background: #fff;
border: 5px solid #fff;
border-bottom: none;
color: #000;
font-size: 16px;
font-weight: 300;
line-height: 24.13px;
padding: 0 1em 1em;
min-width: 200px;
width: 33%;
}
.careers-table tr td {
background: #f5f5f5;
border: 5px solid #fff;
color: #000;
font-size: 16px;
font-weight: 300;
line-height: 24.13px;
padding: 1em;
vertical-align: middle;
min-width: 200px;
width: 33%;
}
.careers-table tr td a[href$=".pdf"] {
align-items: center;
display: flex;
font-size: 0;
gap: 5px;
justify-content: center;
}
.careers-table tr td a[href$=".pdf"]:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='35' viewBox='0 0 43 50' fill='none'%3E%3Cg clip-path='url(%23clip0_441_524)'%3E%3Cmask id='mask0_441_524' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='43' height='50'%3E%3Cpath d='M42.83 0H0V49.5H42.83V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_441_524)'%3E%3Cpath d='M24.34 25.37H29.75M28.79 29.59H24.34M24.34 33.11V25.35M7.35998 25.37H10.78C11.95 25.37 12.89 26.32 12.89 27.48C12.89 28.64 11.94 29.59 10.78 29.59H7.35998M7.35998 33.11V25.35M32.69 0.729971L42.1 10.14H35.34C33.87 10.14 32.68 8.94997 32.68 7.47997V0.719971L32.69 0.729971ZM32.69 0.729971L42.1 10.15V46.11C42.1 47.58 40.91 48.77 39.44 48.77H8.22998C6.75998 48.77 5.56998 47.58 5.56998 46.11V38M32.69 0.729971H8.22998C6.75998 0.729971 5.56998 1.91997 5.56998 3.38997V20.45M17.39 33.11H15.56V25.37H17.39C19.53 25.37 21.26 27.1 21.26 29.24C21.26 31.38 19.53 33.11 17.39 33.11ZM33.48 20.44H3.48998C1.96998 20.44 0.72998 21.67 0.72998 23.2V35.24C0.72998 36.76 1.95998 38 3.48998 38H33.49C35.01 38 36.25 36.77 36.25 35.24V23.2C36.25 21.68 35.01 20.44 33.49 20.44H33.48Z' stroke='%235D5D5D' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_441_524'%3E%3Crect width='42.83' height='49.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 35px;
width: 30px;
}
.careers-table tr td a[href$=".pdf"]:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 20px;
width: 20px;
}
.careers-table tr td a[href$=".pdf"]:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='%23E50046' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
}
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
padding: 0.7em 0.65em;
margin: 0 0 0.5em;
border: #f1f1f1 solid 1px;
border-radius: 2px;
background-color: #ffffff;
line-height: 1.2;
color: #000;
box-shadow: inset 0 2px 2px -1px #f3f3f3;
max-width: 100%;
width: 100%;
transition: border-color 0.3s;
font-size: 12px;
}
@media only screen and (min-width: 300px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 12px;
}
}
@media only screen and (min-width: 850px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 14px;
}
}
@media only screen and (min-width: 1150px) {
input[type=text], input[type=number], input[type=email], input[type=password], input[type=url],
input[type=tel], input[type=search], input[type=date], textarea, select {
font-size: 16px;
}
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, input[type=url]:focus,
input[type=tel]:focus, input[type=search]:focus, input[type=date]:focus, textarea:focus, select:focus {
transition: border-color 0.3s;
border-color: #161A40;
}
input[type=text].error, input[type=number].error, input[type=email].error, input[type=password].error, input[type=url].error,
input[type=tel].error, input[type=search].error, input[type=date].error, textarea.error, select.error {
transition: border-color 0.3s;
border-color: #D4323E;
}
label {
margin: 0 0 0.3em;
display: block;
}
textarea {
min-height: 120px;
font-family: "soleil", sans-serif;
}
input[type=radio] {
display: none;
}
input[type=radio] + label {
width: auto;
cursor: pointer;
margin: 0 1em 0.4em 0;
padding: 0 0 0 1.8em;
display: inline-block;
position: relative;
}
input[type=radio] + label:before {
content: "";
display: inline-block;
background-color: #ffffff;
position: absolute;
top: 0.1em;
left: 0;
vertical-align: middle;
border: #484847 solid 1px;
border-radius: 1em;
width: 1em;
height: 1em;
margin: 0 0.4em 0 0;
transition: border-color 0.3s;
}
input[type=radio]:checked + label:before {
background-color: #000;
background: -moz-radial-gradient(center, ellipse cover, #000 35%, #ffffff 35%);
background: -webkit-radial-gradient(center, ellipse cover, #000 35%, #ffffff 35%);
background: radial-gradient(ellipse at center, #000 35%, #ffffff 35%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="$text_colour", endColorstr="$background_colour",GradientType=1 );
}
input[type=radio] + label:focus:before {
transition: border-color 0.3s;
border-color: #161A40;
}
input[type=radio].error + label:before {
border-color: #D4323E;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox] + label {
position: relative;
width: auto;
cursor: pointer;
margin-right: 1em;
margin-bottom: 0.4em;
padding-left: 1.8em;
display: inline-block;
}
input[type=checkbox] + label:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0.1em;
background-color: #ffffff;
vertical-align: middle;
border: #484847 solid 1px;
border-radius: 2px;
width: 1em;
height: 1em;
margin: 0;
transition: border-color 0.3s;
}
input[type=checkbox]:checked + label:before {
content: "✔";
line-height: 0.9em;
text-align: center;
color: #000;
}
input[type=checkbox] + label:focus:before {
transition: border-color 0.3s;
border-color: #161A40;
}
input[type=checkbox].error + label:before {
border-color: #D4323E;
}
.alert {
padding: 0.85em 1em;
margin: 0.35em 0;
border-radius: 2px;
background-color: #f1f1f1;
color: #484847;
}
.alert.error {
background-color: #D4323E;
color: #ffffff;
}
.alert.success {
background-color: #7fb905;
color: #ffffff;
}
.alert.warning {
background-color: #7fb905;
color: #ffffff;
}
.content-block {
background: #f1f1f1;
border-bottom: 5px solid #d9d9d9;
margin-bottom: 20px;
padding: 20px;
}
@media screen and (min-width: 1150px) {
.content-block {
padding: 40px;
}
}
@media screen and (min-width: 850px) {
.style-guide {
display: flex;
gap: 60px;
padding: 4em 0;
}
}
@media screen and (max-width: 850px) {
.style-guide .style-guide-headings {
border-bottom: 10px solid rgba(0, 0, 0, 0.1);
padding-bottom: 40px;
}
}
@media screen and (min-width: 850px) {
.style-guide .style-guide-headings {
border-right: 10px solid rgba(0, 0, 0, 0.1);
padding-right: 40px;
flex: 2;
}
}
@media screen and (max-width: 850px) {
.style-guide .style-guide-body {
padding-top: 40px;
}
}
@media screen and (min-width: 850px) {
.style-guide .style-guide-body {
flex: 3;
}
}
.clearfix {
clear: both;
}
.text-center {
text-align: center;
}
.text-uppercase {
text-transform: uppercase;
}
.display-none,
.hidden {
display: none;
}
.no-margin {
margin: 0;
}
.small-margin {
margin-bottom: 8px;
}
.section-heading {
font-weight: 400;
display: block;
margin-bottom: 20px;
margin-top: 0;
}
@media screen and (min-width: 850px) {
.section-heading {
margin-bottom: 50px;
margin-top: 40px;
}
}
.section-heading:after {
border-bottom: 1px solid #E50046;
content: "";
display: block;
margin-top: 15px;
}
.section-heading.no-border {
margin-bottom: 30px;
}
.section-heading.no-border:after {
border-bottom: unset;
}
@media screen and (max-width: 850px) {
.section-heading.mob-margin-top {
margin-top: 20px;
}
}
.view-size {
background: gray;
bottom: 0;
color: #fff;
font-size: 10px;
left: 0;
padding: 2px;
position: fixed;
z-index: 100;
}
.view-size:before {
content: "XS";
}
@media screen and (min-width: 550px) {
.view-size {
background: purple;
}
.view-size:before {
content: "SM";
}
}
@media screen and (min-width: 850px) {
.view-size {
background: blue;
}
.view-size:before {
content: "MD";
}
}
@media screen and (min-width: 1150px) {
.view-size {
background: green;
}
.view-size:before {
content: "LG";
}
}
@media screen and (min-width: 1800px) {
.view-size {
color: #000;
background: yellow;
}
.view-size:before {
content: "XL";
}
}
.strong {
font-weight: bold;
}
.padding-top {
padding-top: 2em;
}
.padder-top {
padding-top: 2em;
}
.no-margin {
margin: 0;
}
.small-margin {
margin: 0 0 10px;
}
.margin-bottom {
margin: 0 0 20px;
}
.margin-bottom-large {
margin: 0 0 50px;
}
.hidden-xs {
display: none !important;
}
@media screen and (min-width: 850px) {
.hidden-xs {
display: block !important;
}
}
@media screen and (min-width: 850px) {
.hidden-xs.inline-block {
display: inline-block !important;
}
}
.visible-xs {
display: block !important;
}
@media screen and (min-width: 850px) {
.visible-xs {
display: none !important;
}
}
.visible-xs.inline-block {
display: inline-block !important;
}
.hidden-xs-mob {
display: none !important;
}
@media screen and (min-width: 550px) {
.hidden-xs-mob {
display: block !important;
}
}
@media screen and (min-width: 550px) {
.hidden-xs-mob.inline-block {
display: inline-block !important;
}
}
.visible-xs-mob {
display: block !important;
}
@media screen and (min-width: 550px) {
.visible-xs-mob {
display: none !important;
}
}
.visible-xs-mob.inline-block {
display: inline-block !important;
}
.show-mob {
display: block !important;
}
@media screen and (min-width: 1150px) {
.show-mob {
display: none !important;
}
}
.opacity-0 {
opacity: 0;
}
.error-404 {
padding-bottom: 4em;
padding-top: 2em;
}
@media screen and (max-width: 850px) {
.error-404 {
padding-top: 3em;
}
}
.simple-page {
margin: 2em 0 4em;
}
@media screen and (max-width: 850px) {
.simple-page {
margin-bottom: 1em 0 2em;
}
}
.worldwide-offices {
display: grid;
gap: 0 100px;
}
@media only screen and (min-width: 850px) {
.worldwide-offices {
grid-template-columns: 1fr 1fr;
margin: 0 0 88px 0;
}
}
@media only screen and (min-width: 850px) {
.worldwide-offices {
grid-template-columns: 1fr 1fr 1fr;
}
}
.address-block {
/* h4 {
border-bottom: 1px solid #ddd;
border-top: 0;
padding: 0 0 1em;
margin: 1em 0;
}*/
}
.address-block ul {
list-style-type: none;
padding-left: 0;
}
.address-block ul li a {
color: #E50046;
}
.address-block ul li a:hover {
color: #ff195f;
}
.leadership-team-block .wp-block-cover {
min-height: 350px;
}
@media screen and (max-width: 850px) {
.leadership-team-block .wp-block-cover {
min-height: 270px;
}
}
.home-info-block-large {
border-left: 10px solid #E50046;
}
.home-info-block-large .home-info-block-large-inner {
padding: 0 30px;
}
@media screen and (max-width: 850px) {
.home-info-block-large .home-info-block-large-inner {
padding: 3em 30px;
}
}
.home-info-block-large .home-info-block-large-inner .wp-block-buttons .wp-block-button {
display: block;
margin-bottom: 8px;
}
.home-info-block-large .home-info-block-large-inner .wp-block-buttons .wp-block-button .wp-block-button__link {
background: unset !important;
border: 1px solid #161A40;
color: #161A40;
font-size: 0.8em;
}
@media screen and (max-width: 850px) {
.home-info-block-large .home-info-block-large-inner .wp-block-buttons .wp-block-button .wp-block-button__link {
padding: 1em;
font-size: 16px;
width: 100%;
}
}
.home-info-block-large .home-info-block-large-inner .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
color: #161A40;
background: #ebebeb !important;
}
@media screen and (max-width: 850px) {
.home-info-block-large .wp-block-cover {
min-height: 270px;
}
}
.home-info-block {
border-left: 10px solid #E50046;
padding: 0 0 0 30px;
position: relative;
}
@media screen and (max-width: 850px) {
.home-info-block {
padding: 0 30px;
}
}
.home-info-block .wp-block-image {
bottom: 0;
position: absolute;
right: 0;
z-index: -1;
}
@media screen and (max-width: 850px) {
.home-info-block .wp-block-image {
width: 100%;
}
}
@media screen and (max-width: 850px) {
.home-info-block .wp-block-image .alignright {
float: unset;
margin: 0 auto;
}
}
@media screen and (max-width: 850px) {
.home-info-block .wp-block-image img {
max-width: 100px;
height: auto !important;
}
}
.home-info-block .wp-block-buttons .wp-block-button {
display: block;
margin-bottom: 8px;
}
.home-info-block .wp-block-buttons .wp-block-button .wp-block-button__link {
background: unset !important;
border: 1px solid #161A40;
color: #161A40;
font-size: 0.8em;
}
@media screen and (max-width: 850px) {
.home-info-block .wp-block-buttons .wp-block-button .wp-block-button__link {
padding: 1em;
font-size: 16px;
width: 100%;
}
}
.home-info-block .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
color: #161A40;
background: #ebebeb !important;
}
.home-info-block-link {
border-left: 10px solid #E50046;
padding: 0 0 0 30px;
}
.grey-strip-block svg {
display: block;
height: 80px;
margin: 0 auto 10px;
}
.download-pdf-link a {
align-items: center;
display: flex;
gap: 5px;
}
.download-pdf-link a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 20px;
width: 20px;
}
.download-pdf-link a:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='%23E50046' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
}
.download-single-pdf {
list-style-type: none;
padding-left: 0;
}
@media screen and (max-width: 850px) {
.download-single-pdf {
margin: 0;
}
}
.download-single-pdf li {
padding-bottom: 0.5em;
}
.download-single-pdf li a {
align-items: center;
display: flex;
gap: 5px;
}
.download-single-pdf li a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 20px;
width: 20px;
}
.download-single-pdf li a:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='feather feather-download' fill='none' height='20' stroke='%23E50046' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='7 10 12 15 17 10'/%3E%3Cline x1='12' x2='12' y1='15' y2='3'/%3E%3C/svg%3E");
}
.case-studies-loop {
padding: 2em 0 4em;
}
@media screen and (max-width: 850px) {
.case-studies-loop {
padding: 4em 0;
}
}
/*@media screen and (min-width:$bp_md) {
}*/
header.header {
align-items: center;
background: #fff;
display: flex;
}
header.header .header-logo {
flex: 1;
}
@media screen and (max-width: 1150px) {
header.header .header-logo {
flex: 2;
}
}
header.header .header-logo a {
display: inline-block;
}
@media screen and (max-width: 850px) {
header.header .header-logo a svg {
height: 40px;
max-width: 200px;
}
}
@media screen and (min-width: 850px) {
header.header .header-logo a svg {
height: 55px;
padding-right: 30px;
width: 75%;
}
}
@media screen and (min-width: 1150px) {
header.header .header-logo a svg {
height: 80px;
}
}
header.header .header-menu {
background: #161A40;
flex: 4;
}
@media screen and (max-width: 1150px) {
header.header .header-menu {
display: flex;
flex: unset;
justify-content: flex-end;
padding: 1.5em 2em;
width: 85px;
}
}
@media screen and (min-width: 1150px) {
header.header .header-menu {
padding-right: 2em;
flex: unset;
width: 78vw;
}
}
@media screen and (min-width: 1400px) {
header.header .header-menu {
width: 75vw;
}
}
@media screen and (min-width: 1800px) {
header.header .header-menu {
flex: unset;
width: 70vw;
}
}
header.header .header-menu p {
display: none;
}
header.header .header-menu .search-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='22px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='22px' xml:space='preserve'%3E%3Cpath d='M445,386.7l-84.8-85.9c13.8-24.1,21-50.9,21-77.9c0-87.6-71.2-158.9-158.6-158.9C135.2,64,64,135.3,64,222.9 c0,87.6,71.2,158.9,158.6,158.9c27.9,0,55.5-7.7,80.1-22.4l84.4,85.6c1.9,1.9,4.6,3.1,7.3,3.1c2.7,0,5.4-1.1,7.3-3.1l43.3-43.8 C449,397.1,449,390.7,445,386.7z M222.6,125.9c53.4,0,96.8,43.5,96.8,97c0,53.5-43.4,97-96.8,97c-53.4,0-96.8-43.5-96.8-97 C125.8,169.4,169.2,125.9,222.6,125.9z' fill='%23fff'/%3E%3C/svg%3E");
height: 22px;
margin-right: 5px;
text-decoration: none;
width: 22px;
transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 1150px) {
header.header .header-menu .search-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='22px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='22px' xml:space='preserve'%3E%3Cpath d='M445,386.7l-84.8-85.9c13.8-24.1,21-50.9,21-77.9c0-87.6-71.2-158.9-158.6-158.9C135.2,64,64,135.3,64,222.9 c0,87.6,71.2,158.9,158.6,158.9c27.9,0,55.5-7.7,80.1-22.4l84.4,85.6c1.9,1.9,4.6,3.1,7.3,3.1c2.7,0,5.4-1.1,7.3-3.1l43.3-43.8 C449,397.1,449,390.7,445,386.7z M222.6,125.9c53.4,0,96.8,43.5,96.8,97c0,53.5-43.4,97-96.8,97c-53.4,0-96.8-43.5-96.8-97 C125.8,169.4,169.2,125.9,222.6,125.9z' fill='%23161A40'/%3E%3C/svg%3E");
color: #161A40;
position: absolute;
right: 145px;
top: 31px;
}
}
header.header .header-menu .search-icon:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='22px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='22px' xml:space='preserve'%3E%3Cpath d='M445,386.7l-84.8-85.9c13.8-24.1,21-50.9,21-77.9c0-87.6-71.2-158.9-158.6-158.9C135.2,64,64,135.3,64,222.9 c0,87.6,71.2,158.9,158.6,158.9c27.9,0,55.5-7.7,80.1-22.4l84.4,85.6c1.9,1.9,4.6,3.1,7.3,3.1c2.7,0,5.4-1.1,7.3-3.1l43.3-43.8 C449,397.1,449,390.7,445,386.7z M222.6,125.9c53.4,0,96.8,43.5,96.8,97c0,53.5-43.4,97-96.8,97c-53.4,0-96.8-43.5-96.8-97 C125.8,169.4,169.2,125.9,222.6,125.9z' fill='%23E50046'/%3E%3C/svg%3E");
cursor: pointer;
transform: scale(1.3);
}
.search-bar {
background: #fff;
border-bottom: 3px solid #E50046;
display: none;
height: 114px;
position: absolute;
width: 100%;
z-index: 3;
/* transform:translate(0,-300px);
transition:all 0.2s ease-in-out 0s;*/
}
@media screen and (max-width: 1150px) {
.search-bar {
height: 80px;
}
}
.search-bar .search-form {
display: flex;
gap: 15px;
padding: 2em 0;
}
@media screen and (max-width: 850px) {
.search-bar .search-form {
padding: 1em 0;
}
}
.search-bar .search-form label {
flex: 4;
margin: 0;
}
@media screen and (max-width: 850px) {
.search-bar .search-form label {
flex: 3;
}
}
.search-bar .search-form .search-field {
border: 1px solid #161A40;
border-radius: 0;
font-size: 17px;
font-weight: 300;
height: 100%;
margin: 0;
}
.search-bar .search-form .search-submit {
font-size: 0.9em;
font-weight: 300;
flex: 1;
margin: 0;
text-transform: uppercase;
}
@media screen and (max-width: 1150px) {
.search-bar .search-form .search-submit {
padding: 0.8em;
}
}
@media screen and (max-width: 1150px) {
.trp_language_switcher_shortcode {
color: #161A40;
position: absolute;
right: 86px;
top: 28px;
}
}
.trp_language_switcher_shortcode .trp-language-switcher-container {
height: unset;
width: unset;
z-index: 10;
}
.trp_language_switcher_shortcode .trp-language-switcher-container > div {
background: none;
border: none;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-current-language {
background-color: unset;
padding: 0 !important;
width: 60px !important;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-current-language a {
align-items: center;
display: flex;
gap: 5px;
}
@media screen and (max-width: 1150px) {
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-current-language a {
color: #161A40;
}
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-current-language a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 6 5' fill='none'%3E%3Cpath d='M3 5L0.401925 0.5L5.59808 0.5L3 5Z' fill='white'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 5px;
width: 6px;
}
@media screen and (max-width: 1150px) {
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-current-language a:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 6 5' fill='none'%3E%3Cpath d='M3 5L0.401925 0.5L5.59808 0.5L3 5Z' fill='black'/%3E%3C/svg%3E");
}
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-language {
background-color: #232966;
padding: 0 !important;
width: 60px !important;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-language a:before {
content: "";
display: inline-block;
height: 5px;
width: 6px;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-language a:hover {
background: #161A40;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-language a:first-of-type {
align-items: center;
display: flex;
gap: 5px;
}
.trp_language_switcher_shortcode .trp-language-switcher-container .trp-ls-shortcode-language a:first-of-type:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='5' viewBox='0 0 6 5' fill='none'%3E%3Cpath d='M3 5L0.401925 0.5L5.59808 0.5L3 5Z' fill='white'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 5px;
width: 6px;
}
.trp_language_switcher_shortcode .trp-language-switcher-container a {
font-size: 13px;
color: #fff;
}
#to_top {
display: none;
position: fixed;
bottom: 40px;
right: 15px;
z-index: 100;
border: none;
background: #003366 url(../img/frontend/general/top-arrow.png) center/30px 30px no-repeat;
color: #fff;
padding: 0 20px;
height: 48px;
width: 48px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.5) 0 0 6px 1px;
}
@media only screen and (min-width: 850px) {
#to_top {
right: 40px;
}
}
#to_top span {
display: none;
}
footer {
background: #161A40;
color: #fff;
padding: 2em 0;
}
footer .footer-content {
padding: 2em 0;
}
@media screen and (min-width: 850px) {
footer .footer-content {
display: flex;
}
}
footer .footer-content .footer-logo {
flex: 2;
}
footer .footer-content .footer-logo .footer-logo-svg {
display: block;
}
@media screen and (max-width: 850px) {
footer .footer-content .footer-logo .footer-logo-svg {
margin-bottom: 2em;
}
}
footer .footer-content .footer-logo .footer-logo-svg svg {
height: 80px;
width: 75%;
}
@media screen and (max-width: 850px) {
footer .footer-content .footer-logo .footer-logo-svg svg {
max-width: 200px;
}
}
@media screen and (min-width: 850px) {
footer .footer-content .footer-logo .footer-logo-svg svg {
position: relative;
top: -11px;
}
}
footer .footer-content .footer-navigation {
border-left: 1px solid rgba(255, 255, 255, 0.5);
flex: 2;
margin-bottom: 30px;
padding: 0 0 0 20px;
}
@media screen and (max-width: 850px) {
footer .footer-content .footer-navigation {
margin-bottom: 40px;
}
}
footer .footer-content .footer-navigation.footer-navigation-connect {
flex: 1;
}
footer .footer-content .footer-navigation strong {
display: block;
font-size: 15px;
font-weight: 600;
margin-bottom: 1.8em;
}
footer .footer-content .footer-navigation ul {
line-height: 20px;
list-style-type: none;
margin: 0 0 20px;
padding: 0;
}
footer .footer-content .footer-navigation ul li {
font-size: 13px;
padding-bottom: 0;
}
@media screen and (max-width: 850px) {
footer .footer-content .footer-navigation ul li {
font-size: 15px;
padding-bottom: 3px;
}
}
footer .footer-content .footer-navigation ul li .secondary {
color: #E50046;
}
footer .footer-content .footer-navigation ul li a {
font-size: 13px;
font-weight: 300;
}
@media screen and (max-width: 850px) {
footer .footer-content .footer-navigation ul li a {
font-size: 15px;
}
}
footer .footer-content .footer-navigation ul li a.link-icon {
align-items: center;
display: flex;
gap: 6px;
margin-bottom: 5px;
}
footer .footer-content .footer-navigation ul li a.link-icon:before {
content: "";
display: inline-block;
height: 22px;
width: 22px;
}
footer .footer-content .footer-navigation ul li a.link-icon.link-linkedin:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22' height='22' viewBox='0 0 18 18' fill='none'%3E%3Crect width='18' height='18' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_0_5' transform='translate(-0.0101852) scale(0.00185185)'/%3E%3C/pattern%3E%3Cimage id='image0_0_5' width='551' height='540' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAicAAAIcCAYAAAAt7Q6zAAAACXBIWXMAAC4jAAAuIwF4pT92AAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuYThkNDc1MzQ5LCAyMDIzLzAzLzIzLTEzOjA1OjQ1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjQuNyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDYtMTBUMjM6NTg6NDQrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA4LTE2VDEyOjUyOjA4KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA4LTE2VDEyOjUyOjA4KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5OWEyOTFiMy03MzQyLTQ4NTQtODZhZS01ZDM2YzA1NTkzMmEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYjY1MWU3Yi1mNjE1LTM4NDMtYjViMS0yYmEzZGMzYWM0OGMiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNDQ0M2FlNC00YjJlLTQ3YzMtYjAzNi0xODM1ZWNkYWVlY2UiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NDQzYWU0LTRiMmUtNDdjMy1iMDM2LTE4MzVlY2RhZWVjZSIgc3RFdnQ6d2hlbj0iMjAxOS0wNi0xMFQyMzo1ODo0NCswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKE1hY2ludG9zaCkiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjk5YTI5MWIzLTczNDItNDg1NC04NmFlLTVkMzZjMDU1OTMyYSIgc3RFdnQ6d2hlbj0iMjAyMy0wOC0xNlQxMjo1MjowOCswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjcgKE1hY2ludG9zaCkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c6q5BQAADi1JREFUeJzt3Vt22soWQFE5w/3vsu9HDrkOwTYPPZaq5mwAlkoa2YsSkLePj4/lYIcfAAAM6u3oA3jG+wF/U4wAwD6uZ+4pYmWvOBEkAHC8z/M4Gypbx4koAYCmy4zORcpWcSJKAOAccpGydpyIEgA4p0yk/FrxtYQJAJzf4fN8jZ2Tw08CAFjVobsor+6cCBMAGNchc/6VOBEmADC+3ef9s3EiTABgHrvO/WfiRJgAwHx2m/+PxokwAYB57dIBj8SJMAEANu+Be+NEmAAAF5t2wT1xIkwAgGub9cFPcSJMAICvbNIJa/58PQDAy76LE7smAMBPVu8FOycAQMpXcWLXBAC416rdcCtOhAkA8KjV+sFjHQAgRZwAAGtZZffkOk480gEADmXnBABI+Rwndk0AgFe93BN2TgCAFHECAKRc4sQjHQBgLS91hZ0TACBFnAAAKeIEAEgRJwBAijgBAFJ+Lb6pAwCs7+m+sHMCAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQ8n70AfCSt5Ve52Ol1wGAl4mTc1krRn56XbECwGHESd9WQXLv3xQqAOxKnHQdESW3XI5DpACwC3HSU4mSayIFgF2Ik45qlFwTKQBsSpwc7yxRck2kALAJv3NyrLOGyWcjnAMAIXZOjjHaQLeLAsBq7Jzsb7Qw+WzkcwNgJ+JkXzMM7xnOEYANiZN9vC1zDe2ZzhWAlYmT7c06qGc9bwBeJE62NfuAnv38AXiCONmOwfybdQDgIeKEPQgUAO4mTrZhGP/LmgBwF3GyPkP4a9YGgB+Jk3UZvj+zRgB8S5wAACniZD12BO5nrQD4kjhZh2H7OGsGwE3iBABIESevswPwPGsHwD/ECQCQIk5e453/66whAH8RJwBAijh5nnf867GWAPwhTgCAFHHyHO/012dNAViWRZwAADHiBABIESeP8/hhO9YWAHECALSIEwAgRZwAACni5DE+E7E9awwwOXECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxMn9fMUVAHYgTgCAFHECAKSIEwAgRZzc7+PoAwCAGYgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk6o8ZVtgMmJk8cYnACwMXECAKSIEwAgRZw8zqOd7VhbAMQJANAiTgCAFHHyHI8f1mdNAViWRZwAADHihAK7JgD8IU6eZ6ACwAbECUcTeQD8RZy8xmAFgJWJk9cJlOdZOwD+IU4AgBRxsg47AI+zZgDcJE44gjAB4EviZD0GLgCsQJysS6D8zBoB8C1xsj7D92vWBoAfiRP2IkwAuIs42YZBDABPEifbESj/Zy0AuJs42ZahbA0AeJA42d7Mw3nmcwfgSeJkH7MN6Y9lvnMGYCXiZD+zDOwZzhGADYmT/Y08vEc+NwB2Ik6OMeIQH/GcADjA+9EHMLHLMH879CheJ0oAWJU4Od5ZI0WUALAJj3U6zjTsz3SsAJyMnZOW8i6KIAFgF+Kk6XMIHB0qogSAXYmTviNCRZAAcBhxci5bhYoYASBDnJzXd0FxK1wECACnIE7GJEQAOC1fJQYAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKS8H30AAJN62+A1PzZ4TdidOAHYzhYBssbfEzGkiROAdewdIq/46lhFCwniBOB5ZwqSe9w6H8HC7sQJwP1Gi5F7XJ+zWGFz4gTgZzNGyVc+r4VQYRPiBOA2QfIzocImxMk6/CP2nJH+MXMP3K9+3V3L5wgVViNOAH4TJeu5rKVI4SniBJidKNmOSOEp4gSYlSjZj0jhIeIEmI0oOY5I4S7iBJiFKOkQKXzL/0oMzECYNLku3GTnBBiZ4ddnF4V/2DkBRiVMzsX14g9xAozIoDunt8W1YxEnwFgMtzG4hpMTJ8AoDLSxuJ4TEyfACAyyMdkJm5Q4Ac7O8BqfazwZcQKclXfVc3GtJyJOgDMyqObkuk9CnABnY0DNzfWfgDgBzsRgYlncB8MTJ8BZGEh85n4YmDgBzsAg4hb3xaDECVBnAMFkxAlQJkz4iXtkQOIEgLMTKIMRJ0CVgcMj3C8DESdAkUHDM9w3gxAnQI0BA5MTJ0CJMOFV7qEBiBMARiNQTk6cABUGCrAsizgBGoQJa3NPnZg4AQBSxAlwNO9w2Yp766TECXAkw4OtucdOSJwAACnvRx8AMB3vZNnb27IsH0cfBPezcwIApIgTAGZgx+5ExAkAkCJOAJiF3ZOTECcAQIo4AQBSxAkAM/Fo5wTECQCQIk4AmI3dkzhxAgCkiBMAIEWcADAjj3bCxAkAkCJOAIAUcQLArDzaiRInAECKOAEAUsQJADPzaCdInAAAKeIEAEgRJwBAijgBYHY+dxIjTgCAFHECAKSIEwAgRZwAgM+dpIgTACDl/egDAIj6WOl1vCOHB4kTgPVC5N7XFizwDXECzGjLGHn07wuVjrfl+HuDRZwA86gOnctxiRT4jzgBRleNkmsiBf4jToBRnSVKrokUpidOgNGcNUquiRSm5XdOgJGMEiafjXhO8C1xAoxi5CE+8rnV2KkKECfA2X0scwzvGc4RlmURJ8C5zTawZztfJiVOgLOadVDPet5MRJwAZzT7gJ79/BmcOAHOxmD+zTowLHECnImBDBMQJwDnJda24evEBxMnwFkYxLdZF4YjToAzMIBhIuIE4PzEG0MRJ0CdwQuTESdAmTC5n7ViGOIEAEgRJ0CVnYDHWTOGIE4AgBRxAgCkiBOgyOOJ51m7dfiV2AOJEwAgRZwANd75w+TECcB4BB6nJk4AgBRxApR4xw+IEwCgRZwAjMkuFKclTgCAFHECVHinDyzLIk4AgBhxAgCkiBOAcXlUximJE6DAEAX+ECcAQIo4AQBSxAkAkCJOAIAUcQIApIgT4Gi+qQP8RZwAjE38cTriBABIEScAQIo4AQBSxAkAkCJOAOC2t6MPYFbiBABIEScAQIo4AQBSxAkAkCJOgCP59VLgH+IEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIAt30cfQCzEicAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUt6PPoBBfBx9ABzOPUCZ+5NTsXMCAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASBEnAECKOAEAUsQJAJAiTgCAFHECAKSIEwAgRZwAACniBABIEScAQIo4AQBSxAkAkCJOAIAUcQIApIgTACBFnAAAKeIEAEgRJwBAijgBAFLECQCQIk4AgBRxAgCkiBMAIEWcAAAp4gQASPm1LMvb0QcBAAzn6b6wcwIApIgTACBFnAAAKeIEAEgRJwBAyiVOfGMHAFjLS11h5wQASBEnAEDK5zjxaAcAeNXLPWHnBABIuY4TuycAwLNW6Qg7JwBAijgBAFJuxYlHOwDAo1brh692TgQKAHCvVbvBYx0AIOW7OLF7AgD8ZPVesHMCAKT8FCd2TwCAr2zSCffsnAgUAODaZn1w72MdgQIAXGzaBY985kSgAACb98CjH4gVKAAwr1064Jlv6wgUAJjPbvP/2a8SCxQAmMeuc/+V3zkRKAAwvt3n/as/wiZQAGBch8z59xVe43LgHyu8FgBwvEM3H9b8+Xq7KABwfofP8zV2Tj6ziwIA53R4lFysHScXIgUAziETJRdbxcmFSAGAplyUXGwdJxefF0CoAMAxskHy2V5x8tn1wogVANjGKWLk2hFxcu2UCwcAbGPNrxIDALxMnAAAKeIEAEj5H49qxbcWyUwsAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E");
}
footer .footer-content .footer-navigation ul li a.link-icon.link-facebook:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 128 128' id='Social_Icons' version='1.1' viewBox='0 0 128 128' xml:space='preserve' height='22px' width='18px'%3E%3Cg id='_x31__stroke'%3E%3Cg id='Facebook_1_'%3E%3Crect fill='none' height='22' width='128'/%3E%3Cpath clip-rule='evenodd' d='M68.369,128H7.065C3.162,128,0,124.836,0,120.935 V7.065C0,3.162,3.162,0,7.065,0h113.871C124.837,0,128,3.162,128,7.065v113.87c0,3.902-3.163,7.065-7.064,7.065H88.318V78.431 h16.638l2.491-19.318H88.318V46.78c0-5.593,1.553-9.404,9.573-9.404l10.229-0.004V20.094c-1.769-0.235-7.841-0.761-14.906-0.761 c-14.749,0-24.846,9.003-24.846,25.535v14.246H51.688v19.318h16.681V128z' fill='%23fff' fill-rule='evenodd' id='Facebook'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
footer .footer-content .footer-navigation ul li a.link-icon.link-youtube:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns' xmlns:xlink='http://www.w3.org/1999/xlink' height='22px' version='1.1' viewBox='0 0 60 60' width='22px'%3E%3Ctitle/%3E%3Cdesc/%3E%3Cdefs/%3E%3Cg fill='none' fill-rule='evenodd' id='soical' stroke='none' stroke-width='1'%3E%3Cg id='social' transform='translate(-673.000000, -238.000000)'%3E%3Cg id='slices' transform='translate(173.000000, 138.000000)'/%3E%3Cg fill='%23fff' id='square-black' transform='translate(173.000000, 138.000000)'%3E%3Cpath d='M502.995937,100 L557.004063,100 C558.658673,100 560,101.33731 560,102.995937 L560,157.004063 C560,158.658673 558.66269,160 557.004063,160 L502.995937,160 C501.341327,160 500,158.66269 500,157.004063 L500,102.995937 C500,101.341327 501.33731,100 502.995937,100 Z' id='square-16'/%3E%3C/g%3E%3Cg fill='%23161A40' id='icon' transform='translate(182.000000, 150.000000)'%3E%3Cpath d='M540.215816,110.068738 C540.215816,110.068738 539.840853,107.426104 538.690826,106.262015 C537.233159,104.734895 535.598237,104.727651 534.848738,104.638172 C529.482511,104.25 521.432746,104.25 521.432746,104.25 L521.415702,104.25 C521.415702,104.25 513.366363,104.25 507.999711,104.638172 C507.250212,104.727651 505.616142,104.734895 504.157622,106.262015 C503.007595,107.426104 502.633484,110.068738 502.633484,110.068738 C502.633484,110.068738 502.25,113.17198 502.25,116.275221 L502.25,119.185016 C502.25,122.287832 502.633484,125.391073 502.633484,125.391073 C502.633484,125.391073 503.007595,128.033708 504.157622,129.197796 C505.616142,130.725343 507.532286,130.676342 508.385752,130.836553 C511.454054,131.130984 521.424224,131.222168 521.424224,131.222168 C521.424224,131.222168 529.482511,131.209811 534.848738,130.822066 C535.598237,130.732586 537.233159,130.725343 538.690826,129.197796 C539.840853,128.033708 540.215816,125.391073 540.215816,125.391073 C540.215816,125.391073 540.598448,122.287832 540.598448,119.185016 L540.598448,116.275221 C540.598448,113.17198 540.215816,110.068738 540.215816,110.068738 Z M517.465386,122.710091 L517.463682,111.935455 L527.825432,117.341308 L517.465386,122.710091 Z' id='youtube'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
footer .footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 20px 0;
}
@media screen and (min-width: 850px) {
footer .footer-bottom {
display: flex;
}
}
@media screen and (max-width: 850px) {
footer .footer-bottom .footer-bottom-menu {
margin-bottom: 10px;
}
}
footer .footer-bottom .footer-bottom-menu ul {
display: flex;
gap: 10px;
line-height: 20px;
list-style-type: none;
margin: 0;
padding: 0;
}
footer .footer-bottom .footer-bottom-menu ul li {
font-size: 13px;
padding-bottom: 0;
}
@media screen and (max-width: 850px) {
footer .footer-bottom .footer-bottom-menu ul li {
font-size: 15px;
padding-bottom: 3px;
}
}
footer .footer-bottom .footer-bottom-menu ul li .secondary {
color: #E50046;
}
footer .footer-bottom .footer-bottom-menu ul li a {
font-size: 13px;
font-weight: 300;
}
@media screen and (max-width: 850px) {
footer .footer-bottom .footer-bottom-menu ul li a {
font-size: 15px;
}
}
footer .footer-bottom .footer-bottom-copyright {
margin-left: auto;
}
footer .footer-bottom .footer-bottom-copyright p {
font-size: 13px;
margin: 0;
}
@media screen and (max-width: 850px) {
footer .footer-bottom .footer-bottom-copyright p {
font-size: 15px;
padding-bottom: 3px;
}
}
@media screen and (min-width: 1150px) {
.main-navigation {
align-items: center;
display: flex;
justify-content: flex-end;
}
}
.main-navigation .line {
background: #fff;
height: 40px;
margin: 0 20px;
width: 1px;
}
@media screen and (max-width: 1167px) {
.main-navigation .line {
margin: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .line {
display: none;
}
}
.main-navigation .nav-btn {
border: 1px solid #fff;
color: #fff;
padding: 8px 12px;
text-transform: uppercase;
}
@media screen and (max-width: 1150px) {
.main-navigation .nav-btn {
display: none;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .nav-btn {
font-size: 13px;
margin-left: 5px;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .nav-btn {
font-size: 13px;
}
}
.main-navigation .nav-btn:hover {
background: #20265e;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container #menu-primary.opacity > li > a {
opacity: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul {
background: #f9f9f9;
-webkit-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
position: fixed;
z-index: 99;
padding: 78px 3em 0 3em;
top: 0;
right: -100%;
height: 100vh;
width: 100%;
overflow: auto;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul {
display: flex;
align-items: stretch;
gap: 0;
justify-content: flex-end;
width: 100%;
margin: 0;
padding: 0;
}
}
@media screen and (min-width: 1400px) {
.main-navigation .menu-primary-container ul {
gap: 5px;
padding: 0 0 0 2em;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .menu-primary-container ul {
gap: 10px;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.active {
right: 0 !important;
content-visibility: visible;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu {
background: #f9f9f9;
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: fixed;
z-index: 100;
opacity: 0;
padding: 78px 3em 0 3em;
margin-bottom: 0;
top: 0;
right: -100%;
height: 100vh;
width: 100%;
overflow: auto;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu {
display: block;
right: 0;
padding: 0;
position: absolute;
max-width: 1500px;
margin: 0;
padding: 2em 2em;
width: 75vw;
top: 175px;
z-index: -1;
opacity: 0;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .menu-primary-container ul.sub-menu {
width: 70vw;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.opacity > li > a {
opacity: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.show {
opacity: 1;
right: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.active {
opacity: 1;
right: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu {
align-items: center;
background: none;
border: none;
cursor: pointer;
display: flex;
height: 75px;
justify-content: center;
left: 18px;
padding: 0;
position: absolute;
top: 0;
width: 75px;
z-index: 7;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu {
display: none;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu:hover {
background: #f5f5f5;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu .btn-back-menu:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='39' viewBox='0 0 24 24' width='39'%3E%3Cpath xmlns='http://www.w3.org/2000/svg' d='M21 11H6.414l5.293-5.293-1.414-1.414L2.586 12l7.707 7.707 1.414-1.414L6.414 13H21z' fill='%23E50046'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 39px;
position: relative;
width: 39px;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu {
display: flex;
gap: 40px;
}
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li {
flex: 1;
position: relative;
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li a {
color: #161A40;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image {
margin-top: 30px;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image {
margin: 0 20px;
max-width: 21%;
}
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image a {
align-items: flex-start;
background-repeat: no-repeat !important;
background-size: contain !important;
display: flex;
font-weight: normal;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image a {
height: auto;
}
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image a img {
height: auto;
width: 100%;
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image a .nav-img-content {
display: none;
color: #fff;
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li.has-image a .nav-img-content .nav-img-content-title {
display: block;
border-bottom: 1px solid #fff;
line-height: 1.5;
margin-bottom: 20px;
padding-bottom: 10px;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu {
display: block;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
position: fixed;
z-index: 100;
opacity: 0;
padding: 78px 3em 0 3em;
margin-bottom: 0;
top: 0;
right: -100%;
height: 100vh;
width: 100%;
overflow: auto;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu {
border-top: 3px solid #E50046;
display: flex;
flex-wrap: wrap;
left: 0;
opacity: 1;
margin-top: 10px;
padding: 20px 0 0;
position: unset;
row-gap: 0;
top: 30px !important;
transform: translateX(0);
width: 100%;
z-index: 10;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu.active {
opacity: 1;
right: 0;
}
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu li {
flex: 1 1 100%;
}
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu li a {
color: #161A40;
font-weight: normal;
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu li a {
font-size: 14px;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu li a {
font-size: 15px;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu.sub-menu li > .sub-menu li a:hover {
color: #E50046;
}
}
.main-navigation .menu-primary-container ul.sub-menu li {
display: block;
margin-left: 0;
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu li {
border: none;
padding: 0;
clear: both;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu li:last-child a {
margin: 0;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu li.show-mob {
border-bottom: 1px solid #f6f6f6;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu li.show-mob a {
color: #E50046;
font-size: 18px;
padding: 20px 15px 20px 0;
}
}
.main-navigation .menu-primary-container ul.sub-menu li a {
font-size: 1rem;
text-transform: unset;
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul.sub-menu li a {
border-bottom: none;
display: block;
font-size: 16px;
font-weight: bold;
margin: 0 0 5px;
padding: 0 30px 0 0;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .menu-primary-container ul.sub-menu li a {
font-size: 14px;
}
}
.main-navigation .menu-primary-container ul li {
align-items: center;
display: flex;
font-weight: 400;
margin: 0;
width: auto;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li {
align-items: center;
display: flex;
border-bottom: 1px solid #fff;
padding-bottom: 0;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li {
color: #fff;
list-style-type: none;
padding: 30px 0 30px 8px;
padding: 0;
flex: 0 1 auto;
list-style-type: none;
}
}
.main-navigation .menu-primary-container ul li.current_page_item a {
color: #262626;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li.current_page_item a {
color: #666666;
}
}
.main-navigation .menu-primary-container ul li.current_page_parent {
/* > a {
@media screen and (max-width:$bp_lg){
color:lighten($black_colour,40%);
}
color:lighten($black_colour,15%);
}*/
}
.main-navigation .menu-primary-container ul li.current-menu-item > a {
color: #E50046;
}
.main-navigation .menu-primary-container ul li.current-menu-item > a:after {
border-bottom: 2px solid #fff;
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children > .sub-menu {
background: linear-gradient(25deg, rgb(236, 236, 236) 0%, rgb(255, 255, 255) 56%);
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children > .sub-menu .sub-menu {
background: unset !important;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children:hover .sub-menu {
transition-delay: 0s;
-webkit-transition: 0.25s 0.25s;
transition: 0.25s 0.25s;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children:hover > .sub-menu {
opacity: 1;
top: 87px;
z-index: 10;
transition-delay: 0s;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children:hover > .sub-menu .sub-menu {
background: unset !important;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children > a:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='blue_copy' style='enable-background:new 0 0 100 100;' version='1.1' viewBox='0 0 100 100' xml:space='preserve' height='20px' width='20px'%3E%3Cg id='Layer_8_copy_4_3_'%3E%3Cpath d='M28.213,27.267v8.294c0,0.571,0.305,1.1,0.8,1.385l20.212,11.669c1.066,0.616,1.066,2.155,0,2.771L29.013,63.055 c-0.495,0.286-0.8,0.814-0.8,1.385v8.294c0,1.231,1.333,2.001,2.399,1.385l39.375-22.733c1.066-0.616,1.066-2.155,0-2.771 L30.612,25.881C29.546,25.266,28.213,26.035,28.213,27.267z'/%3E%3Cpath d='M69.987,48.615L30.612,25.881c-0.193-0.112-0.395-0.164-0.597-0.19l37.972,21.923c1.066,0.616,1.066,2.155,0,2.771 L28.612,73.119c-0.1,0.058-0.205,0.092-0.308,0.126c0.308,0.914,1.401,1.398,2.308,0.874l39.375-22.733 C71.054,50.77,71.054,49.23,69.987,48.615z'/%3E%3Cpath d='M28.213,27.267v8.294c0,0.571,0.305,1.1,0.8,1.385l20.212,11.669 c1.066,0.616,1.066,2.155,0,2.771L29.013,63.055c-0.495,0.286-0.8,0.814-0.8,1.385v8.294c0,1.231,1.333,2.001,2.399,1.385 l39.375-22.733c1.066-0.616,1.066-2.155,0-2.771L30.612,25.881C29.546,25.266,28.213,26.035,28.213,27.267z' style='fill:none;stroke:%23000000;stroke-miterlimit:10;'/%3E%3C/g%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 20px;
position: absolute;
right: 0;
width: 20px;
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children > a:hover:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='blue_copy' style='enable-background:new 0 0 100 100;' version='1.1' viewBox='0 0 100 100' xml:space='preserve' height='20px' width='20px'%3E%3Cg id='Layer_8_copy_4_3_'%3E%3Cpath d='M28.213,27.267v8.294c0,0.571,0.305,1.1,0.8,1.385l20.212,11.669c1.066,0.616,1.066,2.155,0,2.771L29.013,63.055 c-0.495,0.286-0.8,0.814-0.8,1.385v8.294c0,1.231,1.333,2.001,2.399,1.385l39.375-22.733c1.066-0.616,1.066-2.155,0-2.771 L30.612,25.881C29.546,25.266,28.213,26.035,28.213,27.267z'/%3E%3Cpath d='M69.987,48.615L30.612,25.881c-0.193-0.112-0.395-0.164-0.597-0.19l37.972,21.923c1.066,0.616,1.066,2.155,0,2.771 L28.612,73.119c-0.1,0.058-0.205,0.092-0.308,0.126c0.308,0.914,1.401,1.398,2.308,0.874l39.375-22.733 C71.054,50.77,71.054,49.23,69.987,48.615z'/%3E%3Cpath d='M28.213,27.267v8.294c0,0.571,0.305,1.1,0.8,1.385l20.212,11.669 c1.066,0.616,1.066,2.155,0,2.771L29.013,63.055c-0.495,0.286-0.8,0.814-0.8,1.385v8.294c0,1.231,1.333,2.001,2.399,1.385 l39.375-22.733c1.066-0.616,1.066-2.155,0-2.771L30.612,25.881C29.546,25.266,28.213,26.035,28.213,27.267z' style='fill:none;stroke:%23000000;stroke-miterlimit:10;'/%3E%3C/g%3E%3C/svg%3E");
right: -10px;
}
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li.menu-item-has-children > .open-menu {
background: black;
display: block;
margin-left: auto;
padding: 5px;
height: 34px;
width: 34px;
}
}
.main-navigation .menu-primary-container ul li.menu-item-has-children > .open-menu:after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='M19 12L13 6M19 12L13 18M19 12H5' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
content: "";
display: inline-block;
height: 24px;
transform: rotate(90deg);
width: 24px;
}
.main-navigation .menu-primary-container ul li a {
text-transform: uppercase;
text-decoration: none;
}
@media screen and (max-width: 1150px) {
.main-navigation .menu-primary-container ul li a {
align-items: center;
background: #f9f9f9;
border-bottom: 1px solid #f1f1f1;
display: flex;
padding: 15px;
position: relative;
width: 100%;
}
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li a {
font-size: 12px;
padding: 36px 5px;
}
}
@media screen and (min-width: 1400px) {
.main-navigation .menu-primary-container ul li a {
font-size: 13px;
}
}
@media screen and (min-width: 1800px) {
.main-navigation .menu-primary-container ul li a {
font-size: 13px;
}
}
.main-navigation .menu-primary-container ul li a:hover {
color: #ff6694;
}
@media screen and (min-width: 1150px) {
.main-navigation .menu-primary-container ul li a:hover {
color: #E50046;
}
}
.hamburger-menu {
width: 30px;
height: 30px;
position: relative;
margin: 5px 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
z-index: 100;
}
@media screen and (min-width: 1150px) {
.hamburger-menu {
display: none;
}
}
.hamburger-menu.open span {
background: #E50046;
}
.hamburger-menu span {
display: block;
position: absolute;
height: 4px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.hamburger-menu span:nth-child(1) {
top: 3px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburger-menu span:nth-child(2) {
top: 12px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburger-menu span:nth-child(3) {
top: 21px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}
.hamburger-menu.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 2px;
left: 4px;
}
.hamburger-menu.open span:nth-child(2) {
width: 0%;
opacity: 0;
}
.hamburger-menu.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 23px;
left: 4px;
}
.sub-navigation {
align-items: center;
background: rgb(83, 19, 134);
background: linear-gradient(90deg, rgb(83, 19, 134) 75%, rgb(187, 41, 187) 100%);
display: flex;
height: 30px;
}
.sub-navigation .container {
width: 100%;
}
.sub-navigation .container ul {
align-items: center;
display: flex;
gap: 20px;
height: 100%;
justify-content: flex-end;
list-style-type: none;
margin: 0;
}
@media screen and (max-width: 1150px) {
.sub-navigation .container ul {
justify-content: center;
}
}
@media screen and (min-width: 1150px) {
.sub-navigation .container ul {
gap: 40px;
}
}
@media screen and (min-width: 1800px) {
.sub-navigation .container ul {
gap: 45px;
}
}
.sub-navigation .container ul li a {
color: #fff;
font-size: 0.6875rem;
text-decoration: none;
}
.hero.hero-insights-landing {
/* @media screen and (max-width:$bp_md){
height:250px;
}*/
align-items: center;
display: flex;
overflow: hidden;
position: relative;
}
.hero.hero-insights-landing.onScreen:before {
transform: scale(1);
}
.hero.hero-insights-landing:before {
background-position: center;
background-size: cover;
content: "";
display: block;
height: 100%;
position: absolute;
transform: scale(1.15);
width: 100%;
z-index: 1;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.hero.hero-insights-landing:after {
border-left: 14px solid #E50046;
content: "";
height: 100%;
position: absolute;
z-index: 3;
}
@media screen and (max-width: 850px) {
.hero.hero-insights-landing:after {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
.hero.hero-insights-landing:after {
border-left: 28px solid #E50046;
}
}
.hero.hero-insights-landing .left-container {
align-items: center;
background: rgba(22, 26, 64, 0.75);
display: flex;
position: relative;
width: 60vw;
z-index: 3;
}
@media screen and (max-width: 850px) {
.hero.hero-insights-landing .left-container {
width: 100vw;
}
}
@media screen and (min-width: 1150px) {
.hero.hero-insights-landing .left-container {
width: 40vw;
}
}
.hero.hero-insights-landing .hero-content {
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
text-shadow: 0px 0px 20px #ccc;
-webkit-transform: scale(0.9);
opacity: 0;
position: relative;
top: 0;
padding: 6em 4em 6em 0;
}
@media screen and (max-width: 850px) {
.hero.hero-insights-landing .hero-content {
padding: 3em 0 3em 0;
}
}
.hero.hero-insights-landing .hero-content.onScreen {
opacity: 1;
text-shadow: 0px 0px 1px #ccc;
-webkit-transform: scale(1);
top: 0;
}
.hero.hero-insights-landing .hero-content h2 {
color: #fff;
transform-origin: center;
}
.hero.hero-insights-landing .hero-content h4 {
border-bottom: 1px solid #fff;
color: #fff;
display: block;
margin-bottom: 50px;
padding-bottom: 15px;
}
.hero.hero-insights-landing .hero-content p {
color: #fff;
font-weight: 300;
margin-bottom: 50px;
}
.hero.hero-insights-landing .hero-content a {
color: #fff;
font-weight: 300;
}
.hero.hero-single {
margin: 20px 0;
}
@media screen and (min-width: 850px) {
.hero.hero-single {
display: grid;
grid-template-columns: 3fr 2fr;
margin: 40px 0;
}
}
.hero.hero-single.no-content {
grid-template-columns: 1fr;
}
.hero.hero-single .hero-image {
max-height: 500px;
}
@media screen and (max-width: 850px) {
.hero.hero-single .hero-image {
display: block;
height: 200px;
}
}
.hero.hero-single .hero-image img {
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.hero.hero-single .hero-content {
align-items: center;
background: #161A40;
display: grid;
padding: 4em;
}
@media screen and (max-width: 850px) {
.hero.hero-single .hero-content {
padding: 3em 2em 4em;
}
}
.hero.hero-single .hero-content * {
color: #fff;
}
.hero.hero-single .hero-content p:last-of-type {
margin-bottom: 40px;
}
.hero.hero-single .hero-content .hero-info-block {
color: #fff;
}
@media screen and (max-width: 850px) {
.hero.hero-single .hero-content .hero-info-block h3 {
margin-bottom: 15px;
}
}
.hero.hero-single .hero-content .hero-info-block:last-of-type h3 {
margin-bottom: 0;
}
.hero.hero-news-single {
background-size: cover !important;
margin: 20px 0;
}
@media screen and (min-width: 850px) {
.hero.hero-news-single {
display: grid;
grid-template-columns: 3fr 2fr;
height: 500px;
margin: 40px 0;
}
}
.hero.hero-news-single.no-content {
grid-template-columns: 1fr;
}
.hero.hero-news-single.fallback {
background: #161A40;
}
.hero.hero-news-single .hero-content {
align-items: flex-end;
background: rgba(22, 26, 64, 0.6);
color: #fff;
display: grid;
padding: 4em;
}
@media screen and (max-width: 850px) {
.hero.hero-news-single .hero-content {
padding: 5em 2em;
}
}
.hero.hero-news-single .hero-content h1 {
margin: 0;
}
@media screen and (max-width: 850px) {
.hero.hero-news-single .hero-content h1 {
font-size: calc(32px - 70%);
margin-bottom: 10px;
}
}
.hero.hero-archive {
margin: 20px 0 40px;
}
@media screen and (min-width: 850px) {
.hero.hero-archive {
display: grid;
grid-template-columns: 3fr 2fr;
margin: 40px 0;
}
}
@media screen and (max-width: 850px) {
.hero.hero-archive .hero-image {
display: block;
height: 200px;
}
}
.hero.hero-archive .hero-image img {
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.hero.hero-archive .hero-content {
align-items: center;
background: #161A40;
color: #fff;
display: grid;
padding: 4em;
}
@media screen and (max-width: 850px) {
.hero.hero-archive .hero-content {
padding: 30px 2em 40px;
}
}
@media screen and (max-width: 850px) {
.hero.hero-archive .hero-content h2 {
font-size: calc(32px - 70%);
margin-bottom: 10px;
}
}
.hero.hero-archive .hero-content .location-date {
margin-bottom: 2em;
}
@media screen and (max-width: 850px) {
.hero.hero-archive .hero-content .location-date {
margin-bottom: 10px;
}
}
.hero.hero-archive .hero-content .location-date span {
font-weight: 300;
}
.archive-flex {
margin-bottom: 30px;
}
@media screen and (min-width: 850px) {
.archive-flex {
/* display:flex;
flex-wrap: wrap;
gap:30px; */
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
.archive-card {
display: flex;
position: relative;
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.archive-card:hover {
/* box-shadow: 0px 2px 10px rgba(0,0,0,0.2);*/
}
.archive-card:hover .archive-card-content {
position: relative;
}
.archive-card:hover .archive-card-content:after {
width: 100%;
}
.archive-card:hover .archive-card-image img {
transform: scale(1.1);
}
.archive-card .archive-card-image {
overflow: hidden;
position: relative;
z-index: 2;
}
.archive-card .archive-card-image.no-cover {
height: unset !important;
}
.archive-card .archive-card-image.no-cover img {
height: auto !important;
object-fit: unset !important;
width: 100% !important;
}
.archive-card .archive-card-image img {
height: 100%;
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.archive-card .archive-card-image.fallback {
background: #161A40;
}
.archive-card .archive-card-content {
align-items: center;
display: flex;
position: relative;
}
.archive-card .archive-card-content:after {
background: #E50046;
content: "";
height: 4px;
width: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.archive-card .archive-card-content * {
font-weight: 300;
}
.archive-card .archive-card-content span {
display: inline-block;
font-weight: 300;
margin-bottom: 20px;
/* &:first-of-type {
margin-right:10px;
}*/
}
@media screen and (max-width: 850px) {
.archive-card .archive-card-content span {
margin-bottom: 10px;
}
}
.archive-card .archive-card-content p {
margin-bottom: 40px;
}
.archive-card .archive-card-content a {
font-weight: 300;
}
.archive-card .archive-card-content a.pdf-link {
align-items: center;
display: flex;
gap: 10px;
}
.archive-card .archive-card-content a.pdf-link:before {
background-image: url("/wp-content/themes/crush-theme/assets/img/frontend/icons/pdf.png");
content: "";
height: 41px;
width: 35px;
}
.archive-card.large {
background: #f5f5f5;
display: flex;
height: 100%;
}
@media screen and (max-width: 850px) {
.archive-card.large {
display: unset;
}
}
.archive-card.large .archive-card-image {
align-self: stretch;
background: #fff;
flex: 1;
}
@media screen and (max-width: 850px) {
.archive-card.large .archive-card-image {
display: block;
height: 200px;
}
}
.archive-card.large .archive-card-content {
flex: 1;
padding: 35px 20px;
}
@media screen and (max-width: 550px) {
.archive-card.large .archive-card-content {
padding: 35px 10px;
}
}
@media screen and (min-width: 1150px) {
.archive-card.large .archive-card-content {
padding: 25px 25px;
}
}
.archive-card.small {
/* min-height: 250px;*/
}
.archive-card.small:first-child {
margin-bottom: 30px;
}
.archive-card.small .archive-card-image {
flex: 1;
}
.archive-card.small .archive-card-content {
flex: 1;
padding: 25px 0 25px 25px;
}
@media screen and (min-width: 850px) {
.archive-card.small .archive-card-content {
padding: 35px 0 35px 25px;
}
}
@media screen and (min-width: 1150px) {
.archive-card.small .archive-card-content {
padding: 45px 0 45px 25px;
}
}
.archive-card.small .archive-card-content h4 {
margin-bottom: 40px;
}
.archive-card.stacked {
flex: 0 0 33.333333%;
flex-direction: column;
min-height: 100%;
}
@media screen and (max-width: 850px) {
.archive-card.stacked {
margin-bottom: 40px;
}
}
.archive-card.stacked .archive-card-image {
display: block;
height: 250px;
}
@media screen and (max-width: 850px) {
.archive-card.stacked .archive-card-image {
height: 200px;
}
}
.archive-card.stacked .archive-card-content {
background: #fff;
padding: 25px 25px 40px 25px;
}
@media screen and (min-width: 850px) {
.archive-card.stacked .archive-card-content {
align-items: flex-start;
flex: 1 1 auto;
padding: 35px 25px;
}
}
.archive-card.stacked .archive-card-content h3 {
font-weight: 400;
}
@media screen and (max-width: 850px) {
.archive-card.stacked .archive-card-content h3 {
margin-bottom: 10px;
}
}
@media screen and (max-width: 850px) {
.archive-card.stacked .archive-card-content p {
margin-bottom: 15px;
}
}
.archive-card.stacked .archive-card-content.clear-bg {
background: transparent;
}
.archive-card.stacked .archive-card-content.no-padding-left {
padding-left: 0;
}
.archive-card.stacked.border-bottom:after {
background: #E50046;
content: "";
height: 4px;
width: 0;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.archive-card.stacked.border-bottom:hover {
position: relative;
}
.archive-card.stacked.border-bottom:hover:after {
width: 100%;
}
.archive-card.stacked.border-bottom:nth-child(3n) .archive-card-content:after, .archive-card.stacked.border-bottom:last-child .archive-card-content:after {
background: #bbbbbb;
content: "";
width: 100%;
}
.archive-card.stacked.border-bottom .archive-card-content:after {
background: #bbbbbb;
content: "";
height: 1px;
width: 100%;
}
@media screen and (min-width: 850px) {
.archive-card.stacked.border-bottom .archive-card-content:after {
width: 120%;
}
}
.downloads-container {
background: #f1f1f1;
padding: 50px 0;
}
.breadcrumbs {
border-bottom: 1px solid #bbbbbb;
color: #707070;
font-weight: 500;
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-bottom: 30px;
padding: 30px 0;
}
@media screen and (max-width: 850px) {
.breadcrumbs {
line-height: 1.5;
margin-bottom: 20px;
padding: 0 0 20px 0;
}
}
.breadcrumbs * {
font-size: 13px;
}
@media screen and (min-width: 850px) {
.breadcrumbs * {
font-size: 14px;
}
}
@media screen and (min-width: 1150px) {
.breadcrumbs * {
font-size: 15px;
}
}
.breadcrumbs a {
color: #707070;
font-weight: 300;
}
.breadcrumbs a:hover {
color: #E50046;
}
.no-breadcrumb {
border-bottom: 1px solid #bbbbbb;
margin-bottom: 40px;
}
@media screen and (max-width: 850px) {
.no-breadcrumb {
display: none;
}
}
.single-page {
border-bottom: 1px solid #bbbbbb;
margin-bottom: 30px;
padding-bottom: 30px;
}
@media screen and (min-width: 850px) {
.single-page {
display: grid;
grid-template-columns: 2fr 1fr;
grid-column-gap: 50px;
grid-row-gap: 30px;
}
}
@media screen and (min-width: 1150px) {
.single-page {
grid-template-columns: 4fr 2fr;
grid-column-gap: 100px;
grid-row-gap: 30px;
}
}
.single-page .single-page-content {
border-top: 1px solid #bbbbbb;
padding-top: 40px;
}
@media screen and (max-width: 850px) {
.single-page .single-page-content {
border-top: none;
margin-bottom: 4em;
padding-top: 0;
}
}
.single-page .single-page-content.no-border {
border-top: none;
padding-top: 0;
}
.single-page .single-page-content h1 {
font-weight: 400;
margin-bottom: 40px;
margin-right: 20%;
}
@media screen and (max-width: 850px) {
.single-page .single-page-content h1 {
margin-bottom: 20px;
margin-right: 5%;
}
}
.single-page .single-page-content .tagline {
color: #161A40;
margin-bottom: 25px;
}
.single-page .single-page-content .content-video {
margin: 30px 0 30px;
position: relative;
width: 100%;
z-index: 4;
}
.single-page .single-page-content .content-video iframe {
height: auto;
min-height: 400px;
width: 100%;
}
@media screen and (max-width: 850px) {
.single-page .single-page-content .content-video iframe {
min-height: 250px;
}
}
@media screen and (max-width: 850px) {
.single-page .single-page-content .location-date {
margin-bottom: 10px;
}
}
.single-page .single-page-content .location-date span {
display: inline-block;
}
@media screen and (max-width: 850px) {
.single-page .single-page-content .location-date span {
margin-bottom: 0;
}
}
.single-page .single-page-content .pdf-link {
align-items: center;
display: flex;
font-weight: 300;
gap: 10px;
}
@media screen and (max-width: 850px) {
.single-page .single-page-content .pdf-link {
margin: 30px 0;
}
}
.single-page .single-page-content .pdf-link:before {
background-image: url("/wp-content/themes/crush-theme/assets/img/frontend/icons/pdf.png");
content: "";
height: 41px;
width: 35px;
}
.single-page .single-page-side figure {
margin-bottom: 30px;
}
.single-page .single-page-side figure .side-image {
margin-bottom: 0;
}
.single-page .single-page-side figure figcaption {
color: #8b8b8b;
font-size: 14px;
font-weight: 200;
line-height: 1.4;
padding: 5px;
}
.single-page .single-page-side .side-image {
display: block;
margin-bottom: 30px;
}
.single-page .single-page-side .side-image img {
object-fit: cover;
width: 100%;
height: 100%;
}
.single-page .single-page-side .side-video {
margin-bottom: 30px;
position: relative;
width: 100%;
z-index: 4;
/* @include scale-in(1.1);
@include cubic-bezier(0.8s);
@include delay(0.5s);*/
}
.single-page .single-page-side .side-video iframe {
height: auto;
min-height: 250px;
width: 100%;
}
.single-page .single-page-side .side-quote {
background: #161A40;
color: #fff;
padding: 2em;
margin-bottom: 30px;
}
.single-page .single-page-side .side-people hr {
margin: 25px 0;
}
.scroll-nav {
border-bottom: 1px solid #bbbbbb;
padding: 2em 0 0;
}
@media screen and (max-width: 850px) {
.scroll-nav {
margin-bottom: 30px;
}
}
.scroll-nav ul {
display: flex;
gap: 20px;
list-style-type: none;
margin: 0 0 15px;
padding: 0;
}
@media screen and (max-width: 850px) {
.scroll-nav ul {
flex-wrap: wrap;
}
}
.insights-events {
margin: 30px 0;
}
@media screen and (min-width: 850px) {
.insights-events {
margin: 30px 0 60px;
}
}
@media screen and (min-width: 850px) {
.insights-events .container {
/* align-items: stretch;
display:flex;
gap:30px;*/
}
}
.insights-events .container .insights-events-sticky {
margin-bottom: 30px;
/* align-self: stretch;
flex:5;*/
}
@media screen and (max-width: 850px) {
.insights-events .container .insights-events-sticky {
margin-bottom: 30px;
}
}
.insights-events .container .insights-events-latest {
/* flex:3;*/
}
@media screen and (max-width: 850px) {
.insights-events .container .insights-events-latest {
margin: 0 0 2em;
}
}
@media screen and (min-width: 850px) {
.insights-events .container .insights-events-latest {
display: flex;
gap: 30px;
}
}
.insights-events .container .insights-events-latest .archive-card {
flex: 1;
height: 100%;
}
.colour-strip {
background: linear-gradient(to top, #fff 0%, #fff 15%, #f5f5f5 15%, #f5f5f5 85%, #fff 85%, #fff 100%);
margin: 30px 0;
}
@media screen and (max-width: 850px) {
.colour-strip {
margin: 60px 0;
}
}
.colour-strip .container {
display: flex;
}
.colour-strip .container .colour-strip-content {
align-items: center;
display: flex;
flex: 2;
padding: 140px 0;
}
@media screen and (max-width: 850px) {
.colour-strip .container .colour-strip-content {
flex: 2;
padding: 40px 0;
}
}
.colour-strip .container .colour-strip-content a:after {
content: ">";
margin-left: 4px;
}
.colour-strip .container .colour-strip-image {
align-items: center;
display: grid;
flex: 3;
justify-items: center;
}
@media screen and (max-width: 850px) {
.colour-strip .container .colour-strip-image {
display: none;
flex: 0;
width: 0;
}
}
.colour-strip .container .colour-strip-image picture {
display: block;
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0;
text-shadow: 0px 0px 20px #ccc;
-webkit-transform: scale(0.85);
opacity: 0;
position: relative;
top: 0;
}
.colour-strip .container .colour-strip-image picture.onScreen {
opacity: 1;
text-shadow: 0px 0px 1px #ccc;
-webkit-transform: scale(1);
top: 0;
}
.insights-press-release {
background: #f1f1f1;
padding: 30px 0;
}
@media screen and (max-width: 850px) {
.insights-press-release {
margin: 40px 0;
padding: 50px 0;
}
}
@media screen and (min-width: 850px) {
.insights-press-release {
padding: 30px 0 60px;
}
}
.insights-press-release .insights-press-release-flex {
margin-bottom: 30px;
}
@media screen and (min-width: 850px) {
.insights-press-release .insights-press-release-flex {
display: flex;
gap: 30px;
}
}
.insights-case-studies {
padding: 30px 0;
}
@media screen and (min-width: 850px) {
.insights-case-studies {
padding: 30px 0 60px;
}
}
.insights-case-studies .case-study-slider {
margin: 20px 0;
padding-top: 10px;
padding-left: 0;
}
@media screen and (min-width: 850px) {
.insights-case-studies .case-study-slider {
margin: 50px 0;
padding-left: 4em;
padding-top: 30px;
}
}
@media screen and (min-width: 1150px) {
.insights-case-studies .case-study-slider {
padding-left: 9vw;
}
}
@media screen and (min-width: 1800px) {
.insights-case-studies .case-study-slider {
padding-left: 16vw;
}
}
@media screen and (min-width: 2300px) {
.insights-case-studies .case-study-slider {
padding-left: 23vw;
}
}
.insights-case-studies .case-study-slider .owl-stage-outer {
overflow: visible !important;
overflow-x: hidden;
}
.insights-case-studies .case-study-slider .owl-item {
position: relative;
z-index: 1;
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item {
filter: none;
z-index: 2;
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image {
transform: scale(1.05);
border-top: none;
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image {
transform: scale(1);
}
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image img {
position: relative;
transform: scale(1.3);
z-index: 3;
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image .case-study-slider-image-overlay {
width: 70%;
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image .case-study-slider-image-overlay {
width: 100%;
}
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image .case-study-slider-image-overlay div {
opacity: 1;
bottom: 0;
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image .case-study-slider-image-overlay div h2 {
font-size: calc(32px - 70%);
margin-bottom: 10px;
}
}
.insights-case-studies .case-study-slider .owl-item.active.first-active-item .case-study-slider-image .case-study-slider-image-overlay div a {
font-weight: 300;
}
.insights-case-studies .case-study-slider .case-study-slider-text {
display: flex;
height: calc(50vh - 148px);
padding: 2em;
}
.insights-case-studies .case-study-slider .case-study-slider-text .center {
align-self: center;
}
.insights-case-studies .case-study-slider .case-study-slider-text .case-study-slider-text-number {
color: #000;
display: flex;
font-size: 3em;
font-weight: 100;
margin-bottom: 0.5em;
position: relative;
overflow: hidden;
}
.insights-case-studies .case-study-slider .case-study-slider-text .case-study-slider-text-number span {
position: relative;
left: -12px;
}
.insights-case-studies .case-study-slider .case-study-slider-text .case-study-slider-text-title {
color: #000;
font-size: 1em;
font-weight: 700;
display: block;
margin-bottom: 2em;
}
.insights-case-studies .case-study-slider .case-study-slider-text .case-study-slider-text-title a {
text-decoration: none;
}
.insights-case-studies .case-study-slider .case-study-slider-image {
background-size: cover !important;
background: #f1f1f1;
display: flex;
height: 500px;
overflow: hidden;
position: relative;
transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: bottom;
transform: scale(0.95);
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .case-study-slider-image {
height: 400px;
}
}
.insights-case-studies .case-study-slider .case-study-slider-image img {
align-self: center;
transform: scale(1);
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.insights-case-studies .case-study-slider .case-study-slider-image .case-study-slider-image-overlay {
align-items: center;
background: rgba(22, 26, 64, 0.46);
display: flex;
height: 100%;
width: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.insights-case-studies .case-study-slider .case-study-slider-image .case-study-slider-image-overlay div {
opacity: 0;
position: relative;
bottom: -20px;
color: #fff;
padding: 30px 60px 30px;
-webkit-transition: all 0.6s ease-in;
transition: all 0.6s ease-in;
-webkit-transition: all 0s ease-out;
transition: all 0s ease-out;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
padding-left: 60px;
}
@media screen and (min-width: 850px) {
.insights-case-studies .case-study-slider .case-study-slider-image .case-study-slider-image-overlay div {
padding-left: 4em;
}
}
.insights-case-studies .case-study-slider .owl-nav {
position: absolute;
top: calc(50% - 20px);
width: 100%;
left: 0;
}
.insights-case-studies .case-study-slider .owl-nav button {
border-radius: 0;
position: absolute;
}
.insights-case-studies .case-study-slider .owl-nav button:hover {
background: #161A40;
}
.insights-case-studies .case-study-slider .owl-nav button:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' height='40px' id='Layer_1' style='enable-background:new 0 0 512 512;' version='1.1' viewBox='0 0 512 512' width='40px' xml:space='preserve'%3E%3Cpolygon points='160,115.4 180.7,96 352,256 180.7,416 160,396.7 310.5,256 ' fill='%23fff'/%3E%3C/svg%3E");
content: "";
display: block;
height: 40px;
width: 40px;
}
.insights-case-studies .case-study-slider .owl-nav button.owl-prev {
left: 22px;
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .owl-nav button.owl-prev {
left: 0;
}
}
.insights-case-studies .case-study-slider .owl-nav button.owl-prev:before {
transform: rotate(180deg);
}
.insights-case-studies .case-study-slider .owl-nav button.owl-next {
right: 22px;
}
@media screen and (max-width: 850px) {
.insights-case-studies .case-study-slider .owl-nav button.owl-next {
right: 0;
}
}
.insights-case-studies .case-study-slider .owl-nav button span {
display: none;
}
.insights-downloads {
background: #f1f1f1;
padding: 30px 0;
}
@media screen and (max-width: 850px) {
.insights-downloads {
margin: 40px 0 0;
padding: 50px 0;
}
}
@media screen and (min-width: 850px) {
.insights-downloads {
padding: 30px 0 60px;
}
}
.insights-downloads .insights-downloads-flex {
margin-bottom: 30px;
}
@media screen and (min-width: 850px) {
.insights-downloads .insights-downloads-flex {
display: flex;
gap: 30px;
}
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative;
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
display: none;
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block;
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0;
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 0.1s ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 0.4s ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav {
margin-top: 10px;
}
.owl-theme .owl-nav [class*=owl-] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
background: #869791;
color: #FFF;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 0.2s ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
.single-product-intro {
background: linear-gradient(109deg, #F5F5F5 0%, rgba(245, 245, 245, 0) 50%);
position: relative;
}
@media screen and (min-width: 850px) {
.single-product-intro {
display: flex;
gap: 30px;
}
}
@media screen and (min-width: 1150px) {
.single-product-intro {
gap: 50px;
height: calc(100vh - 100px);
max-height: 1000px;
}
}
@media screen and (min-width: 1800px) {
.single-product-intro {
height: calc(100vh - 200px);
max-height: 1200px;
}
}
.single-product-intro.onScreen:before {
height: 100%;
}
.single-product-intro:before {
border-left: 14px solid #E50046;
content: "";
height: 0;
position: absolute;
z-index: 5;
top: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
.single-product-intro:before {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
.single-product-intro:before {
border-left: 28px solid #E50046;
}
}
.single-product-intro .single-product-logo {
display: block;
margin-bottom: 20px;
margin-left: auto;
margin-right: 20px;
max-width: 120px;
}
@media screen and (min-width: 850px) {
.single-product-intro .single-product-logo {
bottom: 5%;
max-width: 100px;
position: absolute;
right: 5%;
}
}
@media screen and (min-width: 1800px) {
.single-product-intro .single-product-logo {
max-width: 120px;
}
}
.single-product-intro .single-product-logo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.single-product-intro .single-product-intro-content {
align-items: center;
display: flex;
flex: 1;
}
.single-product-intro .single-product-intro-content .left-container {
padding-bottom: 4em;
padding-top: 4em;
}
@media screen and (min-width: 850px) {
.single-product-intro .single-product-intro-content .left-container {
max-width: 60vw;
padding-bottom: 2em;
padding-top: 2em;
}
}
@media screen and (min-width: 1150px) {
.single-product-intro .single-product-intro-content .left-container {
padding-bottom: 4em;
padding-top: 4em;
}
}
.single-product-intro .single-product-intro-content .h1 {
color: rgba(0, 0, 0, 0.6);
font-family: "operetta-8", serif;
}
@media screen and (max-width: 850px) {
.single-product-intro .single-product-intro-content .h1 {
margin-bottom: 10px;
}
}
@media screen and (max-width: 850px) {
.single-product-intro .single-product-intro-content .h2 {
margin-bottom: 15px;
}
}
.single-product-intro .single-product-intro-content .intro p {
font-size: 21px;
line-height: 30px;
}
.single-product-intro .single-product-intro-content .btn-download {
align-items: center;
background: none;
color: #000;
display: flex;
font-size: 16px;
font-weight: 300;
gap: 10px;
margin: 60px 0 0;
padding: 0;
}
.single-product-intro .single-product-intro-content .btn-download:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='50' viewBox='0 0 43 50' fill='none'%3E%3Cg clip-path='url(%23clip0_13_3366)'%3E%3Cmask id='mask0_13_3366' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='43' height='50'%3E%3Cpath d='M42.83 0H0V49.5H42.83V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_13_3366)'%3E%3Cpath d='M24.34 25.37H29.75M28.79 29.59H24.34M24.34 33.11V25.35M7.35998 25.37H10.78C11.95 25.37 12.89 26.32 12.89 27.48C12.89 28.64 11.94 29.59 10.78 29.59H7.35998M7.35998 33.11V25.35M32.69 0.730001L42.1 10.14H35.34C33.87 10.14 32.68 8.95 32.68 7.48V0.720001L32.69 0.730001ZM32.69 0.730001L42.1 10.15V46.11C42.1 47.58 40.91 48.77 39.44 48.77H8.22998C6.75998 48.77 5.56998 47.58 5.56998 46.11V38M32.69 0.730001H8.22998C6.75998 0.730001 5.56998 1.92 5.56998 3.39V20.45M17.39 33.11H15.56V25.37H17.39C19.53 25.37 21.26 27.1 21.26 29.24C21.26 31.38 19.53 33.11 17.39 33.11ZM33.48 20.44H3.48998C1.96998 20.44 0.72998 21.67 0.72998 23.2V35.24C0.72998 36.76 1.95998 38 3.48998 38H33.49C35.01 38 36.25 36.77 36.25 35.24V23.2C36.25 21.68 35.01 20.44 33.49 20.44H33.48Z' stroke='%235D5D5D' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_3366'%3E%3Crect width='42.83' height='49.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
content: "";
height: 40px;
width: 40px;
}
.single-product-intro .single-product-intro-content .btn-download .btn-download-anchor {
font-size: 13px;
display: flex;
gap: 8px;
}
.single-product-intro .single-product-intro-content .btn-download .btn-download-anchor a {
text-decoration: underline;
font-size: 13px;
}
.single-product-intro .single-product-intro-img {
flex: 1;
}
.single-product-intro .single-product-intro-img img {
display: block;
height: 100%;
object-fit: contain;
object-position: center;
width: 100%;
}
.page-template-contact .single-half-intro {
height: auto;
background: none;
}
.page-template-contact .single-half-intro .single-half-intro-content .right-container {
background: transparent;
}
.page-template-contact .single-half-intro .single-half-intro-content .right-container:after, .page-template-contact .single-half-intro .single-half-intro-content .right-container:before {
display: none;
background: none;
}
.page-template-contact .single-half-intro .single-half-intro-content .left-container {
padding-bottom: 0;
}
.single-half-intro {
background: #F4F4F4;
background-size: auto 100%;
position: relative;
}
@media screen and (min-width: 850px) {
.single-half-intro {
display: flex;
gap: 30px;
}
}
@media screen and (min-width: 1150px) {
.single-half-intro {
gap: 50px;
height: calc(100vh - 100px);
max-height: 1000px;
}
}
@media screen and (min-width: 1800px) {
.single-half-intro {
height: calc(100vh - 200px);
max-height: 1200px;
}
}
.single-half-intro.onScreen:before {
height: 100%;
}
.single-half-intro:before {
border-left: 14px solid #E50046;
content: "";
height: 0;
position: absolute;
z-index: 5;
top: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
.single-half-intro:before {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
.single-half-intro:before {
border-left: 28px solid #E50046;
}
}
.single-half-intro .single-half-intro-content {
align-items: center;
}
@media screen and (min-width: 850px) {
.single-half-intro .single-half-intro-content {
display: flex;
flex: 1;
}
}
.single-half-intro .single-half-intro-content .left-container {
padding-bottom: 4em;
padding-top: 4em;
}
@media screen and (min-width: 850px) {
.single-half-intro .single-half-intro-content .left-container {
flex: 1;
max-width: 60vw;
padding-bottom: 4em;
padding-top: 4em;
}
}
@media screen and (min-width: 1150px) {
.single-half-intro .single-half-intro-content .left-container {
padding-bottom: 7em;
padding-top: 7em;
}
}
@media screen and (min-width: 1800px) {
.single-half-intro .single-half-intro-content .left-container {
padding-bottom: 8em;
padding-top: 8em;
}
}
.single-half-intro .single-half-intro-content .right-container {
overflow: hidden;
position: relative;
min-height: 500px;
-webkit-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
@media screen and (max-width: 850px) {
.single-half-intro .single-half-intro-content .right-container {
padding: 0;
min-height: 300px;
}
}
@media screen and (min-width: 850px) {
.single-half-intro .single-half-intro-content .right-container {
flex: 1;
}
}
.single-half-intro .single-half-intro-content .right-container.onScreen:after {
transform: scale(1);
}
.single-half-intro .single-half-intro-content .right-container:before {
background: linear-gradient(92deg, #F4F4F4 5%, rgba(181, 175, 175, 0) 40%);
content: "";
display: block;
height: 100%;
position: relative;
width: 100%;
z-index: 2;
}
.single-half-intro .single-half-intro-content .right-container:after {
background-position: center;
background-size: cover;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
transform: scale(1.15);
width: 100%;
z-index: 1;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.single-half-intro .single-half-intro-content .h1 {
color: rgba(0, 0, 0, 0.6);
font-family: "operetta-8", serif;
}
@media screen and (max-width: 850px) {
.single-half-intro .single-half-intro-content .h1 {
margin: 0 0 10px;
}
}
@media screen and (max-width: 850px) {
.single-half-intro .single-half-intro-content .h2 {
margin: 0 0 15px;
}
}
.single-half-intro .single-half-intro-content .intro p {
font-size: 21px;
line-height: 30px;
}
.single-half-intro .single-half-intro-content .btn-download {
align-items: center;
background: none;
color: #000;
display: flex;
font-size: 16px;
font-weight: 300;
gap: 10px;
margin: 60px 0 0;
padding: 0;
}
.single-half-intro .single-half-intro-content .btn-download:before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='50' viewBox='0 0 43 50' fill='none'%3E%3Cg clip-path='url(%23clip0_13_3366)'%3E%3Cmask id='mask0_13_3366' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='43' height='50'%3E%3Cpath d='M42.83 0H0V49.5H42.83V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_13_3366)'%3E%3Cpath d='M24.34 25.37H29.75M28.79 29.59H24.34M24.34 33.11V25.35M7.35998 25.37H10.78C11.95 25.37 12.89 26.32 12.89 27.48C12.89 28.64 11.94 29.59 10.78 29.59H7.35998M7.35998 33.11V25.35M32.69 0.730001L42.1 10.14H35.34C33.87 10.14 32.68 8.95 32.68 7.48V0.720001L32.69 0.730001ZM32.69 0.730001L42.1 10.15V46.11C42.1 47.58 40.91 48.77 39.44 48.77H8.22998C6.75998 48.77 5.56998 47.58 5.56998 46.11V38M32.69 0.730001H8.22998C6.75998 0.730001 5.56998 1.92 5.56998 3.39V20.45M17.39 33.11H15.56V25.37H17.39C19.53 25.37 21.26 27.1 21.26 29.24C21.26 31.38 19.53 33.11 17.39 33.11ZM33.48 20.44H3.48998C1.96998 20.44 0.72998 21.67 0.72998 23.2V35.24C0.72998 36.76 1.95998 38 3.48998 38H33.49C35.01 38 36.25 36.77 36.25 35.24V23.2C36.25 21.68 35.01 20.44 33.49 20.44H33.48Z' stroke='%235D5D5D' stroke-width='1.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_13_3366'%3E%3Crect width='42.83' height='49.5' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
content: "";
height: 40px;
width: 40px;
}
.single-half-intro .single-half-intro-content .btn-download:after {
content: ">";
display: inline-block;
margin-left: 5px;
}
.single-half-intro .single-half-intro-content .btn-download .btn-download-anchor {
font-size: 13px;
display: flex;
gap: 8px;
}
.single-half-intro .single-half-intro-content .btn-download .btn-download-anchor a {
text-decoration: underline;
font-size: 13px;
}
.single-half-intro .single-half-intro-img {
flex: 1;
}
.single-half-intro .single-half-intro-img img {
display: block;
height: 100%;
object-fit: contain;
object-position: center;
width: 100%;
}
.single-full-intro {
overflow: hidden;
position: relative;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 850px) {
.single-full-intro {
display: flex;
gap: 30px;
min-height: calc(100vh - 100px);
}
}
@media screen and (min-width: 1150px) {
.single-full-intro {
gap: 50px;
min-height: calc(100vh - 100px);
}
}
@media screen and (min-width: 1800px) {
.single-full-intro {
min-height: calc(100vh - 200px);
}
}
.single-full-intro.onScreen:before {
height: 100%;
}
.single-full-intro.onScreen:after {
transform: scale(1);
}
.single-full-intro:before {
border-left: 14px solid #E50046;
content: "";
height: 0;
position: absolute;
z-index: 5;
top: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
.single-full-intro:before {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
.single-full-intro:before {
border-left: 28px solid #E50046;
}
}
.single-full-intro:after {
background-position: center;
background-size: cover;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
transform: scale(1.15);
width: 100%;
z-index: 1;
-webkit-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
.single-full-intro .single-full-intro-content {
align-items: center;
position: relative;
z-index: 2;
}
@media screen and (min-width: 850px) {
.single-full-intro .single-full-intro-content {
display: flex;
flex: 1;
}
}
.single-full-intro .single-full-intro-content .left-container {
background: rgba(0, 0, 0, 0.62);
}
@media screen and (min-width: 850px) {
.single-full-intro .single-full-intro-content .left-container {
display: flex;
flex: 2;
max-width: 70vw;
}
}
@media screen and (min-width: 1150px) {
.single-full-intro .single-full-intro-content .left-container {
flex: 1;
}
}
.single-full-intro .single-full-intro-content .left-container .left-container-inner {
padding: 6em 0;
}
@media screen and (min-width: 850px) {
.single-full-intro .single-full-intro-content .left-container .left-container-inner {
align-self: center;
padding: 4em 70px 4em 0;
}
}
@media screen and (min-width: 1150px) {
.single-full-intro .single-full-intro-content .left-container .left-container-inner {
padding: 7em 80px 7em 0;
}
}
@media screen and (min-width: 1800px) {
.single-full-intro .single-full-intro-content .left-container .left-container-inner {
padding: 8em 100px 8em 0;
}
}
.single-full-intro .single-full-intro-content .left-container .left-container-inner .h1 {
color: rgba(255, 255, 255, 0.6);
font-family: "operetta-8", serif;
}
@media screen and (max-width: 850px) {
.single-full-intro .single-full-intro-content .left-container .left-container-inner .h1 {
margin-bottom: 10px;
}
}
.single-full-intro .single-full-intro-content .left-container .left-container-inner .h2 {
color: #fff;
}
@media screen and (max-width: 850px) {
.single-full-intro .single-full-intro-content .left-container .left-container-inner .h2 {
margin-bottom: 20px;
}
}
.single-full-intro .single-full-intro-content .left-container .left-container-inner h3 {
color: #fff;
}
.single-full-intro .single-full-intro-content .left-container .left-container-inner p {
color: #fff;
}
@media screen and (min-width: 850px) {
.single-full-intro .single-full-intro-content .right-container {
flex: 1;
}
}
.single-thirds-intro {
overflow: hidden;
position: relative;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (min-width: 850px) {
.single-thirds-intro {
display: flex;
gap: 30px;
}
}
@media screen and (min-width: 1150px) {
.single-thirds-intro {
gap: 50px;
height: calc(100vh - 100px);
max-height: 1000px;
}
}
@media screen and (min-width: 1800px) {
.single-thirds-intro {
height: calc(100vh - 200px);
max-height: 1200px;
}
}
.single-thirds-intro.onScreen {
background-size: cover;
}
@media screen and (min-width: 850px) {
.single-thirds-intro.onScreen {
background-size: 100% auto;
}
}
.single-thirds-intro.onScreen:before {
height: 100%;
}
.single-thirds-intro.onScreen:after {
transform: scale(1);
}
.single-thirds-intro:before {
border-left: 14px solid #E50046;
content: "";
height: 0;
position: absolute;
z-index: 5;
top: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
@media screen and (max-width: 850px) {
.single-thirds-intro:before {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
.single-thirds-intro:before {
border-left: 28px solid #E50046;
}
}
.single-thirds-intro:after {
background-position: center;
background-size: cover;
content: "";
display: block;
height: 100%;
position: absolute;
top: 0;
transform: scale(1.15);
width: 100%;
z-index: 1;
-webkit-transition: transform 0.8s ease-in-out;
transition: transform 0.8s ease-in-out;
}
.single-thirds-intro .single-thirds-intro-content {
align-items: center;
position: relative;
z-index: 2;
}
@media screen and (min-width: 850px) {
.single-thirds-intro .single-thirds-intro-content {
display: flex;
flex: 1;
}
}
.single-thirds-intro .single-thirds-intro-content:before {
background-position: center;
background-repeat: no-repeat;
background-size: contain;
bottom: 0;
content: "";
height: 98%;
position: absolute;
right: 0;
width: 100vw;
}
@media screen and (min-width: 850px) {
.single-thirds-intro .single-thirds-intro-content:before {
width: 66vw;
}
}
.single-thirds-intro .single-thirds-intro-content .left-container {
background: rgba(0, 59, 89, 0.65);
}
@media screen and (min-width: 850px) {
.single-thirds-intro .single-thirds-intro-content .left-container {
display: flex;
width: 66vw;
}
}
.single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
position: relative;
padding: 6em 0 6em;
}
@media screen and (min-width: 850px) {
.single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
align-self: center;
padding: 4em 70px 4em 0;
width: 100%;
}
}
@media screen and (min-width: 1150px) {
.single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
padding: 5em 80px 5em 0;
width: 35vw;
}
}
@media screen and (min-width: 1800px) {
.single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
padding: 4em 100px 4em 0;
}
}
@media screen and (min-width: 850px) {
.single-thirds-intro .single-thirds-intro-content .right-container {
flex: 1;
}
}
.single-thirds-intro .single-thirds-intro-content .h1 {
color: rgba(255, 255, 255, 0.6);
font-family: "operetta-8", serif;
}
@media screen and (max-width: 850px) {
.single-thirds-intro .single-thirds-intro-content .h1 {
margin: 0 0 10px;
}
}
.single-thirds-intro .single-thirds-intro-content .h2 {
color: #fff;
}
@media screen and (max-width: 850px) {
.single-thirds-intro .single-thirds-intro-content .h2 {
margin: 0 0 15px;
}
}
.single-thirds-intro .single-thirds-intro-content h3 {
color: #fff;
}
.single-thirds-intro .single-thirds-intro-content p {
color: #fff;
}
@media screen and (min-width: 850px) {
.home .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner,
.page-template-about .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
width: 100%;
}
}
@media screen and (min-width: 1150px) {
.home .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner,
.page-template-about .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
padding: 5em 0 5em 0;
width: 43vw;
}
}
@media screen and (min-width: 1800px) {
.home .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner,
.page-template-about .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner {
padding: 4em 0 4em 0;
}
}
.home .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner .h1,
.page-template-about .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner .h1 {
color: #fff;
}
.home .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner h3,
.page-template-about .single-thirds-intro .single-thirds-intro-content .left-container .left-container-inner h3 {
color: #fff;
}
@media screen and (max-width: 850px) {
.benefits-gallery-images {
flex-wrap: wrap;
}
}
.benefits-gallery-images picture {
flex: 1;
height: 300px;
}
@media screen and (max-width: 850px) {
.benefits-gallery-images picture {
flex: 1 0 50%;
flex-wrap: wrap;
}
}
.benefits-gallery-images picture img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
@media screen and (min-width: 850px) {
.benefits {
display: flex;
}
}
.benefits .benefits-content {
align-items: center;
background-color: #161A40;
background-image: url("/wp-content/themes/crush-theme/assets/img/frontend/beer/bg-beer.png");
background-position: center;
background-size: cover;
color: #fff;
display: flex;
flex: 4;
}
@media screen and (max-width: 850px) {
.benefits .benefits-content .inner {
padding-bottom: 4em;
padding-top: 4em;
}
}
@media screen and (min-width: 850px) {
.benefits .benefits-content .inner {
padding-bottom: 4em;
padding-right: 3em;
padding-top: 4em;
}
}
.benefits .benefits-content .inner ul li, .benefits .benefits-content .inner ol li {
padding-bottom: 0.8em;
}
.benefits .benefits-content .inner h4 {
color: #7B95BD;
margin-bottom: 5px;
}
@media screen and (min-width: 850px) {
.benefits .benefits-content .inner h4 {
margin-bottom: 8px;
}
}
.benefits .benefits-media {
flex: 5;
}
.benefits .benefits-media .benefits-media-video {
background: #000;
height: 100%;
position: relative;
width: 100%;
z-index: 4;
/* @include scale-in(1.1);
@include cubic-bezier(0.8s);
@include delay(0.5s);*/
}
.benefits .benefits-media .benefits-media-video iframe {
aspect-ratio: 16/9;
display: block;
height: 60%;
width: 100%;
}
.benefits .benefits-media .benefits-media-image {
background-position: center !important;
background-size: cover !important;
display: block;
height: 40%;
width: 100%;
}
.benefits .benefits-media .benefits-gallery-images {
display: flex;
height: 40%;
}
.benefits .benefits-media .benefits-gallery-images picture {
height: auto;
}
@media screen and (max-width: 850px) {
.benefits .benefits-media .benefits-gallery-images picture {
height: 270px;
}
}
.benefits .benefits-media .benefits-gallery-images picture.benefits-gallery-image-1 {
flex: 2;
}
.benefits .benefits-media .benefits-gallery-images picture.benefits-gallery-image-2 {
flex: 3;
}
.benefits .benefits-media .benefits-gallery-images picture img {
display: block;
height: 100%;
object-fit: cover;
object-position: center;
width: 100%;
}
.experts {
background-color: #f5f5f5;
background-image: url("/wp-content/themes/crush-theme/assets/img/frontend/experts/bg-experts.png");
background-position: center right;
background-repeat: no-repeat;
padding: 40px 0 30px;
}
@media screen and (max-width: 850px) {
.experts {
background-size: auto 100%;
padding: 30px 0 40px;
}
}
.experts .wp-block-group__inner-container {
padding: 0;
}
@media screen and (max-width: 850px) {
.experts .experts-content {
gap: 5px;
}
}
@media screen and (min-width: 850px) {
.experts .experts-content {
align-items: center;
display: flex;
gap: 20px;
}
}
.experts .experts-content .experts-content-title {
align-self: flex-start;
flex: 1;
font-weight: 400;
}
.experts .experts-content h2 {
align-self: flex-start;
flex: 1;
font-weight: 400;
}
@media screen and (max-width: 550px) {
.experts .experts-content h2.wp-block-heading {
margin: 0 0 10px 0;
}
}
@media screen and (max-width: 550px) {
.experts .experts-content h4 {
font-size: 17px;
}
}
.experts .experts-content h4 a {
font-size: unset;
}
.experts .experts-content .experts-profile {
align-items: center;
display: flex;
}
.experts .experts-content .experts-profile-img {
align-items: center;
display: flex;
}
.experts .experts-content .experts-content-list {
flex: 2;
}
.experts .experts-content .experts-content-list .experts-content-list-row {
display: flex;
gap: 40px;
margin-bottom: 1em;
}
@media screen and (max-width: 850px) {
.experts .experts-content .experts-content-list .experts-content-list-row {
gap: 20px;
margin-bottom: 2em;
}
}
.experts .experts-content .experts-content-list .experts-content-list-image {
flex: 1;
height: auto;
width: 100%;
}
.experts .experts-content .experts-content-list .experts-content-list-image img {
height: auto;
width: 100%;
}
.experts .experts-content .experts-content-list .experts-content-list-details {
align-items: center;
display: flex;
flex: 5;
}
@media screen and (max-width: 850px) {
.experts .experts-content .experts-content-list .experts-content-list-details {
flex: 2;
}
}
.experts .experts-content .experts-content-list .experts-content-list-details h4, .experts .experts-content .experts-content-list .experts-content-list-details .h4 {
margin-bottom: 0;
}
.experts .experts-content .experts-button {
align-items: center;
display: flex;
justify-content: flex-end;
}
@media screen and (max-width: 550px) {
.experts .experts-content .experts-button .wp-block-buttons {
width: 100%;
}
}
@media screen and (max-width: 550px) {
.experts .experts-content .experts-button .wp-block-buttons .wp-block-button {
width: 100%;
}
}
.experts .experts-content .experts-button .wp-block-buttons .wp-block-button .wp-block-button__link {
font-size: 1em;
font-weight: 600;
text-transform: uppercase;
}
@media screen and (max-width: 850px) {
.experts .experts-content .experts-button .wp-block-buttons .wp-block-button .wp-block-button__link {
padding: 1em;
font-size: 16px;
width: 100%;
}
}
.features {
padding: 4em 0;
}
@media screen and (min-width: 850px) {
.features .features-content {
column-count: 2;
column-gap: 60px;
}
}
@media screen and (min-width: 1150px) {
.features .features-content {
column-gap: 100px;
}
}
.features .features-content div {
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}
.features .features-content h4 {
color: #E50846;
margin-bottom: 5px;
}
@media screen and (min-width: 850px) {
.features .features-content h4 {
margin-bottom: 8px;
}
}
.product-interested {
background: #E9E9E9;
padding: 4em 0;
}
.product-interested .product-flex {
margin-bottom: 30px;
}
@media screen and (min-width: 850px) {
.product-interested .product-flex {
/* display:flex;
flex-wrap: wrap;
gap:30px; */
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 30px;
grid-row-gap: 30px;
}
}
.product-interested .product-card {
background: #fff;
display: flex;
position: relative;
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-interested .product-card:hover {
/* box-shadow: 0px 2px 10px rgba(0,0,0,0.2);*/
}
.product-interested .product-card:hover .product-card-content {
position: relative;
}
.product-interested .product-card:hover .product-card-content:after {
width: 100%;
}
.product-interested .product-card:hover .product-card-image .product-card-image-main img {
transform: scale(1.1);
}
.product-interested .product-card .product-card-image {
overflow: hidden;
position: relative;
z-index: 2;
}
.product-interested .product-card .product-card-image img {
transition: 0.8s cubic-bezier(0.4, 0, 0.2, 1);
display: block;
height: 100%;
object-fit: contain;
object-position: center;
width: 100%;
}
.product-interested .product-card .product-card-content {
align-items: center;
display: flex;
position: relative;
}
.product-interested .product-card .product-card-content * {
font-weight: 300;
}
.product-interested .product-card .product-card-content span {
display: inline-block;
font-weight: 300;
margin-bottom: 20px;
}
@media screen and (max-width: 850px) {
.product-interested .product-card .product-card-content span {
margin-bottom: 10px;
}
}
.product-interested .product-card .product-card-content span:first-of-type {
margin-right: 10px;
}
.product-interested .product-card .product-card-content p {
margin-bottom: 20px;
}
.product-interested .product-card .product-card-content a {
font-weight: 300;
}
.product-interested .product-card.stacked {
flex: 0 0 33.333333%;
flex-direction: column;
min-height: 100%;
}
@media screen and (max-width: 850px) {
.product-interested .product-card.stacked {
margin-bottom: 40px;
}
}
.product-interested .product-card.stacked .product-card-image {
align-items: flex-end;
display: flex;
padding: 5px 25px 20px 25px;
}
@media screen and (min-width: 850px) {
.product-interested .product-card.stacked .product-card-image {
padding: 5px 25px 20px;
}
}
.product-interested .product-card.stacked .product-card-image .product-card-image-logo {
flex: 1;
display: block;
margin-left: auto;
max-width: 70px;
}
@media screen and (min-width: 1800px) {
.product-interested .product-card.stacked .product-card-image .product-card-image-logo {
max-width: 80px;
}
}
.product-interested .product-card.stacked .product-card-image .product-card-image-logo img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
.product-interested .product-card.stacked .product-card-image .product-card-image-main {
flex: 3;
display: block;
height: 250px;
}
@media screen and (max-width: 850px) {
.product-interested .product-card.stacked .product-card-image .product-card-image-main {
height: 200px;
}
}
.product-interested .product-card.stacked .product-card-content {
background: #fff;
padding: 25px 25px 0 25px;
}
@media screen and (min-width: 850px) {
.product-interested .product-card.stacked .product-card-content {
align-items: flex-start;
flex: 1 1 auto;
padding: 35px 25px 0;
}
}
.product-interested .product-card.stacked .product-card-content h3 {
color: rgba(0, 0, 0, 0.6);
font-family: "operetta-8", serif;
font-size: 42px;
font-weight: 400;
}
@media screen and (max-width: 850px) {
.product-interested .product-card.stacked .product-card-content h3 {
margin-bottom: 10px;
}
}
@media screen and (max-width: 850px) {
.product-interested .product-card.stacked .product-card-content p {
margin-bottom: 15px;
}
}
.product-interested .product-card.stacked .product-card-content.clear-bg {
background: transparent;
}
.product-interested .product-card.stacked .product-card-content.no-padding-left {
padding-left: 0;
}
.has-theme-primary-background-color {
background: #161A40;
}
.has-theme-secondary-background-color {
background: #E50046;
}
.has-theme-secondary-text-background-color {
background: #E50846;
}
.has-theme-secondary-text-alt-background-color {
background: #7B95BD;
}
.has-theme-black-background-color {
background: #000;
}
.has-theme-grey-background-color {
background: #eaeaea;
}
.has-theme-white-background-color {
background: #fff;
}
.has-theme-navy-background-color {
background: #161A40;
}
.has-theme-primary-color {
color: #161A40;
}
.has-theme-secondary-color {
color: #E50046;
}
.has-theme-secondary-text-color {
color: #E50846;
}
.has-theme-secondary-text-alt-color {
color: #7B95BD;
}
.has-theme-black-color {
color: #000;
}
.has-theme-grey-color {
color: #eaeaea;
}
.has-theme-white-color {
color: #fff;
}
.has-theme-navy-color {
color: #161A40;
}
.wp-block-columns {
margin-bottom: 0;
}
@media screen and (min-width: 850px) {
.wp-block-columns.gap-100 {
gap: 100px;
}
}
.wp-block-columns.gap-none {
gap: 0;
}
.wp-block-group {
height: 100%;
}
.wp-block-group strong {
font-weight: 500;
}
@media screen and (min-width: 850px) {
.wp-block-group.vh-100 {
min-height: 100vh;
}
}
.wp-block-group.flex {
display: flex;
}
.wp-block-group.flex.flex-center {
align-items: center;
}
.wp-block-group.padding {
padding: 2em;
}
@media screen and (min-width: 850px) {
.wp-block-group.padding {
padding: 4em;
}
}
.wp-block-group.left-border {
border-left: 10px solid #E50046;
}
.wp-block-image.padding {
padding: 2em;
}
@media screen and (min-width: 850px) {
.wp-block-image.padding {
padding: 4em;
}
}
.wp-block-group.no-padding .wp-block-group__inner-container {
padding: 0;
}
.wp-block-group.small-padding .wp-block-group__inner-container {
padding: 2em 0;
}
.wp-block-group__inner-container {
padding: 4em 0;
width: 100%;
}
.wp-block-group__inner-container .wp-block-group__inner-container {
padding: 0;
}
.left-container .wp-block-group__inner-container {
padding: 6em 0;
}
@media screen and (min-width: 850px) {
.left-container .wp-block-group__inner-container {
padding: 5em 70px 5em 0;
}
}
@media screen and (min-width: 1150px) {
.left-container .wp-block-group__inner-container {
padding: 6em 80px 6em 0;
}
}
@media screen and (min-width: 1800px) {
.left-container .wp-block-group__inner-container {
padding: 7em 100px 7em 0;
}
}
.left-container.small-padding .wp-block-group__inner-container {
padding: 2em 0;
}
@media screen and (min-width: 850px) {
.left-container.small-padding .wp-block-group__inner-container {
padding: 2em 70px 2em 0;
}
}
@media screen and (min-width: 1150px) {
.left-container.small-padding .wp-block-group__inner-container {
padding: 3em 80px 3em 0;
}
}
@media screen and (min-width: 1800px) {
.left-container.small-padding .wp-block-group__inner-container {
padding: 3em 100px 3em 0;
}
}
.left-container.large-padding .wp-block-group__inner-container {
padding: 6em 0;
}
@media screen and (min-width: 850px) {
.left-container.large-padding .wp-block-group__inner-container {
padding: 8em 70px 8em 0;
}
}
@media screen and (min-width: 1150px) {
.left-container.large-padding .wp-block-group__inner-container {
padding: 9em 80px 9em 0;
}
}
@media screen and (min-width: 1800px) {
.left-container.large-padding .wp-block-group__inner-container {
padding: 10em 100px 10em 0;
}
}
.right-container .wp-block-group__inner-container {
padding: 6em 0;
}
@media screen and (min-width: 850px) {
.right-container .wp-block-group__inner-container {
padding: 5em 0 5em 70px;
}
}
@media screen and (min-width: 1150px) {
.right-container .wp-block-group__inner-container {
padding: 6em 0 6em 80px;
}
}
@media screen and (min-width: 1800px) {
.right-container .wp-block-group__inner-container {
padding: 7em 0 7em 100px;
}
}
.right-container.small-padding .wp-block-group__inner-container {
padding: 2em 0;
}
@media screen and (min-width: 850px) {
.right-container.small-padding .wp-block-group__inner-container {
padding: 2em 0 2em 70px;
}
}
@media screen and (min-width: 1150px) {
.right-container.small-padding .wp-block-group__inner-container {
padding: 3em 0 3em 80px;
}
}
@media screen and (min-width: 1800px) {
.right-container.small-padding .wp-block-group__inner-container {
padding: 3em 0 3em 100px;
}
}
.right-container.large-padding .wp-block-group__inner-container {
padding: 6em 0;
}
@media screen and (min-width: 850px) {
.right-container.large-padding .wp-block-group__inner-container {
padding: 8em 0 8em 70px;
}
}
@media screen and (min-width: 1150px) {
.right-container.large-padding .wp-block-group__inner-container {
padding: 9em 0 9em 80px;
}
}
@media screen and (min-width: 1800px) {
.right-container.large-padding .wp-block-group__inner-container {
padding: 10em 0 10em 100px;
}
}
.wp-block-column .wp-block-embed.height-100 {
min-height: 300px;
margin: 0;
}
@media screen and (min-width: 850px) {
.wp-block-column .wp-block-embed.height-100 {
height: 100%;
}
}
.wp-block-column .wp-block-embed.height-100 .wp-block-embed__wrapper {
height: 100%;
width: 100%;
}
.wp-block-column .wp-block-embed.height-100 .wp-block-embed__wrapper iframe {
height: 100%;
min-height: 360px;
width: 100%;
}
@media screen and (max-width: 850px) {
.wp-block-column .wp-block-embed.height-100 .wp-block-embed__wrapper iframe {
min-height: 300px;
}
}
.wp-block-column.height-50 .wp-block-embed {
min-height: 300px;
margin: 0;
}
@media screen and (min-width: 850px) {
.wp-block-column.height-50 .wp-block-embed {
height: 50%;
}
}
.wp-block-column.height-50 .wp-block-embed .wp-block-embed__wrapper {
height: 100%;
width: 100%;
}
.wp-block-column.height-50 .wp-block-embed .wp-block-embed__wrapper iframe {
height: 100%;
min-height: 360px;
width: 100%;
}
@media screen and (max-width: 850px) {
.wp-block-column.height-50 .wp-block-embed .wp-block-embed__wrapper iframe {
min-height: 300px;
}
}
.wp-block-column.height-50 .wp-block-group {
margin: 0;
}
@media screen and (min-width: 850px) {
.wp-block-column.height-50 .wp-block-group {
height: 50%;
}
}
.wp-block-column.height-50 .wp-block-group .wp-block-group__inner-container {
padding: 0;
}
@media screen and (min-width: 850px) {
.wp-block-column.height-50 .wp-block-group .wp-block-group__inner-container {
height: 100%;
}
}
@media screen and (min-width: 850px) {
.wp-block-column.height-50 .wp-block-group .wp-block-group__inner-container .wp-block-columns {
height: 100%;
}
}
@media screen and (min-width: 850px) {
.wp-block-column.height-50 .wp-block-group .wp-block-group__inner-container .wp-block-columns .wp-block-cover {
min-height: 360px;
height: 100%;
}
}
.wp-block-column.height-50 .wp-block-cover,
.wp-block-column.height-50 .wp-block-cover-image {
height: 50%;
}
@media screen and (max-width: 850px) {
.wp-block-column.height-50 .wp-block-cover,
.wp-block-column.height-50 .wp-block-cover-image {
min-height: 260px;
}
}
.wp-block-column.height-33 .wp-block-cover,
.wp-block-column.height-33 .wp-block-cover-image {
height: 33.33333%;
}
@media screen and (max-width: 850px) {
.wp-block-column.height-33 .wp-block-cover,
.wp-block-column.height-33 .wp-block-cover-image {
min-height: 260px;
}
}
.wp-block-column.region-block .wp-block-cover,
.wp-block-column.region-block .wp-block-cover-image {
height: unset;
min-height: 260px;
/* &:first-of-type {
height:unset;
min-height: unset;
@media screen and (min-width:$bp_md){
height:20%;
}
.wp-block-group__inner-container {
* {
margin:0;
}
}
}*/
}
@media screen and (min-width: 850px) {
.wp-block-column.region-block .wp-block-cover,
.wp-block-column.region-block .wp-block-cover-image {
height: 50%;
}
}
.wp-block-column.region-block .wp-block-group {
height: unset;
}
@media screen and (min-width: 850px) {
.wp-block-column.region-block .wp-block-group {
height: 50%;
}
}
.wp-block-column.region-block .wp-block-group .wp-block-group__inner-container {
padding: 0;
}
@media screen and (min-width: 850px) {
.wp-block-column.region-block .wp-block-group .wp-block-group__inner-container {
height: 100%;
}
}
@media screen and (min-width: 850px) {
.wp-block-column.region-block .wp-block-group .wp-block-group__inner-container .wp-block-columns {
height: 100%;
}
}
.wp-block-column.region-block .wp-block-group .wp-block-group__inner-container .wp-block-cover {
height: 100%;
}
@media screen and (max-width: 550px) {
.wp-block-column.region-block .wp-block-group .wp-block-group__inner-container .wp-block-cover {
height: unset;
min-height: 260px;
}
}
.wp-block-column .wp-block-cover,
.wp-block-column .wp-block-cover-image {
height: 100%;
}
.wp-block-column.background-opacity {
background: rgba(0, 0, 0, 0.6);
}
.wp-block-cover {
overflow: hidden;
}
.wp-block-cover.no-padding {
padding: 0;
}
.wp-block-cover.inner-no-height {
min-height: unset;
}
.wp-block-cover.flex-end {
align-items: flex-end;
display: flex;
}
.wp-block-cover.padding-bottom-left {
padding-bottom: 2em;
padding-left: 2em;
}
.wp-block-cover.centered-text .wp-block-cover {
margin: 0;
padding: 4em 2em;
}
@media screen and (min-width: 850px) {
.wp-block-cover.centered-text .wp-block-cover {
margin: 0 4em;
padding: 4em;
}
}
@media screen and (min-width: 1150px) {
.wp-block-cover.centered-text .wp-block-cover {
margin: 0 8em;
padding: 4em;
}
}
@media screen and (min-width: 1800px) {
.wp-block-cover.centered-text .wp-block-cover {
margin: 0 10em;
padding: 3em 4em;
}
}
.wp-block-cover.centered-text .wp-block-cover .wp-block-cover__inner-container *:last-child {
margin-bottom: 0;
}
.wp-block-cover .wp-block-cover__image-background {
transform: scale(1.15);
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.wp-block-cover .wp-block-cover__image-background.onScreen {
transform: scale(1);
}
@media screen and (max-width: 850px) {
.wp-block-buttons .wp-block-button {
width: 100%;
}
}
.wp-block-buttons .wp-block-button .wp-block-button__link {
background: #E50046;
border-radius: 0;
font-size: 1em;
text-transform: uppercase;
}
@media screen and (max-width: 850px) {
.wp-block-buttons .wp-block-button .wp-block-button__link {
padding: 1em;
font-size: 16px;
width: 100%;
}
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover {
background: #b20036;
color: #fff;
}
.wp-block-buttons .wp-block-button.on-white-bg .wp-block-button__link {
background: unset !important;
border: 1px solid #161A40;
color: #161A40;
}
.wp-block-buttons .wp-block-button.on-white-bg .wp-block-button__link:hover {
color: #161A40;
background: #ebebeb !important;
}
.wp-block-buttons.blue .wp-block-button .wp-block-button__link {
background: #E50046;
color: #fff;
}
.wp-block-buttons.blue .wp-block-button .wp-block-button__link:hover {
background: #b20036;
color: #fff;
}
.wp-block-buttons.white .wp-block-button .wp-block-button__link {
background: #fff;
color: #161A40;
}
.wp-block-buttons.white .wp-block-button .wp-block-button__link:hover {
background: #b20036;
color: #fff;
}
.primary-case-study {
background: #f5f5f5;
padding: 1em 0 2em;
}
.fact-container {
min-height: unset;
}
@media screen and (max-width: 850px) {
.fact-container {
padding: 3em 0;
}
}
.fact-container .wp-block-group__inner-container {
padding: 2em 0;
}
@media screen and (max-width: 850px) {
.fact-container .wp-block-group__inner-container {
padding: 0;
}
}
.fact-container .wp-block-column .fact-block {
opacity: 0;
text-shadow: 0px 0px 20px #ccc;
-webkit-transform: scale(1.2);
opacity: 0;
position: relative;
top: 0;
transition: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}
.fact-container .wp-block-column .fact-block.onScreen {
opacity: 1;
text-shadow: 0px 0px 1px #ccc;
-webkit-transform: scale(1);
top: 0;
}
.fact-container .wp-block-column .fact-block .wp-block-separator {
transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
width: 0;
}
.fact-container .wp-block-column .fact-block.onScreen .wp-block-separator {
width: 100%;
}
@media screen and (min-width: 850px) {
.fact-container .wp-block-column:nth-child(3n+1) .fact-block {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.fact-container .wp-block-column:nth-child(3n+1) .fact-block .wp-block-separator {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
@media screen and (min-width: 850px) {
.fact-container .wp-block-column:nth-child(3n+2) .fact-block {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.fact-container .wp-block-column:nth-child(3n+2) .fact-block .wp-block-separator {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
}
@media screen and (min-width: 850px) {
.fact-container .wp-block-column:nth-child(3n+3) .fact-block {
-webkit-transition-delay: 1.1s;
transition-delay: 1.1s;
}
.fact-container .wp-block-column:nth-child(3n+3) .fact-block .wp-block-separator {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
}
@media screen and (min-width: 850px) {
.fact-block {
width: 80%;
}
}
.fact-block h2 {
color: #161A40 !important;
font-size: 50px;
margin: 0;
}
.fact-block .wp-block-separator {
border: 0.5px solid;
color: rgba(0, 0, 0, 0.35) !important;
margin: 20px 0;
}
.fact-block h4 {
color: rgba(0, 0, 0, 0.6) !important;
}
@media screen and (max-width: 850px) {
.fact-block h4 {
margin: 0;
}
}
.icon-section .icon-section-block {
margin-bottom: 2em;
}
@media screen and (min-width: 1150px) {
.icon-section .icon-section-block .wp-block-group__inner-container {
padding: 0 4em;
}
}
.icon-section .icon-section-block svg {
display: block;
margin: 0 auto 20px;
}
.landing-block .wp-block-cover {
height: 250px;
margin-bottom: 20px;
min-height: unset;
}
.landing-block .landing-block-padding {
min-height: 70px;
padding: 0 10px;
}
.landing-block .landing-block-padding .wp-block-buttons .wp-block-button {
display: block;
margin-bottom: 8px;
}
.landing-block .landing-block-padding .wp-block-buttons .wp-block-button .wp-block-button__link {
background: unset !important;
border: 1px solid #fff;
color: #fff;
font-size: 0.8em;
}
.landing-block .landing-block-padding .wp-block-buttons .wp-block-button .wp-block-button__link:hover {
background: #20265e !important;
}
.wp-block-separator.hr-20-pc {
background: rgba(255, 255, 255, 0.2) !important;
height: 1px !important;
border: none !important;
}
.wp-block-image.img-responsive img {
height: auto !important;
width: 100% !important;
}
.video-block.height-none {
height: unset;
}
.video-block br {
display: none;
}
.video-block iframe {
aspect-ratio: 16/9;
height: auto;
width: 100%;
}
.download-section .download-section-block .wp-block-cover {
height: 200px;
min-height: 200px;
}
.our-values .our-values-block {
height: unset;
margin-bottom: 4em;
}
@media screen and (min-width: 850px) {
.our-values .our-values-block {
width: 80%;
}
}
@media screen and (min-width: 1800px) {
.our-values .our-values-block {
width: 90%;
}
}
.our-values .our-values-block h4 {
font-weight: 400;
}
.our-values .our-values-block .wp-block-separator {
margin-bottom: 2em;
margin-top: 0;
}
.history-block-container {
margin-bottom: 4em;
overflow: hidden;
padding: 0 2em;
}
.history-block {
margin-bottom: 0;
}
.history-block .history-block-border {
height: 0;
position: relative;
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
}
.history-block .history-block-border.left {
border-right: 12px solid #dadada;
}
@media screen and (min-width: 850px) {
.history-block .history-block-border.left {
right: -6px;
}
}
.history-block .history-block-border.left .history-block-text {
padding: 0 2em 2em;
}
.history-block .history-block-border.right {
border-left: 12px solid #dadada;
}
@media screen and (min-width: 850px) {
.history-block .history-block-border.right {
left: -6px;
}
}
.history-block .history-block-border.right .history-block-text {
padding: 0 2em 2em;
}
.history-block .history-block-info {
height: 100%;
padding: 0;
}
.history-block .history-block-info .history-block-text {
display: block;
padding: 0 2em 2em;
}
.history-block .history-block-info h2.title {
opacity: 0;
position: relative;
right: 20px;
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
color: #000;
margin: 0 0 15px;
}
.history-block .history-block-info picture {
display: block;
opacity: 0;
position: relative;
top: 20px;
margin: 0 0 10px;
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.history-block .history-block-info picture img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
object-position: left;
}
.history-block .history-block-info p {
opacity: 0;
position: relative;
top: 20px;
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.history-block .history-block-info.left {
text-align: right;
}
.history-block .history-block-info.left picture img {
object-position: right;
}
.history-block .history-block-date {
clear: both;
display: block;
height: 60px;
margin-bottom: 20px;
}
.history-block .history-block-date.left .history-block-date-line {
float: right;
}
.history-block .history-block-date.left .history-block-date-line:before {
left: -13px;
}
.history-block .history-block-date.left .history-block-date-line .year {
padding-left: 20px;
text-align: left;
}
@media screen and (min-width: 850px) {
.history-block .history-block-date.left .history-block-date-line .year {
padding-left: 40px;
}
}
.history-block .history-block-date.right .history-block-date-line {
float: left;
}
.history-block .history-block-date.right .history-block-date-line:before {
right: -13px;
}
.history-block .history-block-date.right .history-block-date-line .year {
float: right;
padding-right: 20px;
}
@media screen and (min-width: 850px) {
.history-block .history-block-date.right .history-block-date-line .year {
padding-right: 40px;
}
}
.history-block .history-block-date .history-block-date-line {
border-bottom: 6px solid #dadada;
height: 60px;
position: relative;
width: 0;
transition: 1s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.history-block .history-block-date .history-block-date-line:before {
content: "";
display: none;
width: 14px;
height: 14px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
background-color: #fff;
border: 6px solid #161A40;
position: absolute;
bottom: -16px;
z-index: 1;
}
.history-block .history-block-date .history-block-date-line .year {
color: #E50046;
margin: 15px 0 10px;
padding-left: 0;
opacity: 0;
position: relative;
top: 20px;
transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
@media screen and (min-width: 850px) {
.history-block .history-block-date .history-block-date-line .year {
margin: 15px 0 0;
}
}
.history-block.onScreen .history-block-date .history-block-date-line {
width: 100%;
}
@media screen and (min-width: 850px) {
.history-block.onScreen .history-block-date .history-block-date-line {
width: 80%;
}
}
@media screen and (min-width: 1150px) {
.history-block.onScreen .history-block-date .history-block-date-line {
width: 60%;
}
}
.history-block.onScreen .history-block-date .history-block-date-line:before {
display: inline-block;
}
.history-block.onScreen .history-block-date .history-block-date-line .year {
opacity: 1;
top: 0;
}
.history-block.onScreen .history-block-border {
height: 100%;
}
.history-block.onScreen .history-block-info h2.title {
opacity: 1;
right: 0;
}
.history-block.onScreen .history-block-info picture {
opacity: 1;
top: 0;
}
.history-block.onScreen .history-block-info p {
opacity: 1;
top: 0;
}
.history-block.onScreen .history-block-info.left {
text-align: right;
}
#post-1020 .right-container {
display: none;
}
@media only screen and (min-width: 850px) {
#post-1020 .right-container {
display: block;
}
}
#map {
position: relative;
padding: 0 0 4em;
}
@media screen and (max-width: 850px) {
#map {
padding: 4em 0;
}
}
#map .section-heading {
margin-top: 0;
}
#map .container > p span {
display: none;
}
@media only screen and (min-width: 850px) {
#map .container > p span {
display: block;
}
}
#map .container > p:after {
display: block;
height: 200px;
margin: 25px 0 0;
content: "";
background: url(../img/frontend/contact/world-map.png) center/contain no-repeat;
}
@media only screen and (min-width: 850px) {
#map .container > p:after {
display: none;
}
}
.map {
position: relative;
}
.map .section-heading {
display: block;
}
@media only screen and (min-width: 850px) {
.map .section-heading {
display: none;
}
}
@media only screen and (min-width: 850px) {
.map .area {
position: relative;
max-width: 1483px;
height: 793px;
margin: 0 auto;
}
}
@media only screen and (min-width: 1150px) {
.region {
position: absolute;
background: none;
}
}
@media only screen and (min-width: 1150px) {
.region.region-americas {
background: transparent url(../img/frontend/contact/americans.svg) top left/contain no-repeat;
top: 0;
left: 0;
width: 45.785%;
z-index: 1;
aspect-ratio: 5/7;
}
}
@media only screen and (min-width: 1150px) {
.region.region-emea {
background: transparent url(../img/frontend/contact/emea-apac.svg) top right/contain no-repeat;
top: 0;
right: 0;
width: 55.563%;
z-index: 2;
aspect-ratio: 1/1;
}
}
@media only screen and (min-width: 1150px) {
.region.region-apac {
top: 29.382%;
height: 67.717%;
right: 0;
width: 31.422%;
z-index: 3;
}
}
.region .contact {
display: none;
background: #fff;
margin: 0;
}
@media only screen and (min-width: 850px) {
.region .contact {
max-width: 430px;
padding: 26px 24px;
box-shadow: 0px 4px 4px 6px rgba(0, 0, 0, 0.25);
}
}
@media only screen and (min-width: 850px) {
.region .contact:before {
display: block;
content: "";
border-top: 12px solid #E50046;
margin: 0 0 28px;
}
}
@media only screen and (min-width: 850px) {
.region .contact:after {
display: block;
content: "";
background: url(../img/frontend/contact/ziemann-logo.png) no-repeat;
width: 152px;
height: 43px;
}
}
.region .contact .email {
margin-bottom: 35px;
}
.region .contact img {
display: block;
max-width: 100%;
}
.region .contact-name {
font-weight: bold;
}
.region .role {
color: #E50046;
}
.region a {
text-decoration: none;
}
.region a:hover {
text-decoration: underline;
}
.region-key {
display: none;
}
@media only screen and (min-width: 850px) {
.region-key {
display: block;
position: absolute;
bottom: 0;
left: 0;
list-style-type: none;
padding: 0;
margin: 0;
}
.region-key li {
padding: 0;
margin: 0 0 21px;
}
.region-key li span {
vertical-align: middle;
padding: 0 0 0 19px;
}
.region-key li:before {
display: inline-block;
content: "";
height: 25px;
width: 25px;
background-color: #000;
vertical-align: middle;
}
.region-key li.americas:before {
background-color: #85AD90;
}
.region-key li.emea:before {
background-color: #678C71;
}
.region-key li.apac:before {
background-color: #4D6754;
}
}
.contact-region[open] .contact, .contact-block[open] .contact {
display: block;
}
.contact-region[open] summary, .contact-block[open] summary {
background: #E50046;
}
.contact-region a.contact-us, .contact-block a.contact-us {
display: block;
width: 100%;
background: #E50046;
margin: 0 0 1em;
text-transform: uppercase;
}
.contact-region summary, .contact-block summary {
padding: 15px 26px;
margin: 0 0 25px;
list-style: none;
color: #fff;
background: #1D214B;
font-size: 16px;
}
@media only screen and (min-width: 850px) {
.contact-region summary, .contact-block summary {
display: none;
}
}
.contact-block summary {
display: block;
}
@media only screen and (min-width: 850px) {
.contact-block summary {
background-color: transparent !important;
color: #000;
border-bottom: 1px solid #ddd;
padding: 0 0 1em;
margin: 1em 0;
font-size: 21px;
}
}
.region-contact-form {
display: none;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
background-color: #fff;
padding: 0 10px;
box-shadow: 0px 4px 4px 6px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 850px) {
.region-contact-form {
top: 60px;
left: 60px;
right: 60px;
z-index: 100;
padding: 0 60px;
}
}
.region-contact-form .controls {
margin: 20px 0;
text-align: right;
}
.company-structure {
background: url("../img/frontend/graphics/bg-bars-grey-brands.svg") left top no-repeat;
background-size: auto;
}
.company-structure .diagram-container {
max-width: 1150px;
margin: 0 30px;
padding: 0;
}
@media only screen and (min-width: 1210px) {
.company-structure .diagram-container {
margin: 0 auto;
}
}
.company-structure .cs-diagram-outer .cs-diagram {
text-align: center;
color: #161A40;
/* .delay-1 {
transition-delay: 0.1s !important;
}
.delay-2 {
transition-delay: 0.2s !important;
}
.delay-3 {
transition-delay: 0.3s !important;
}
.delay-4 {
transition-delay: 0.4s !important;
}
.delay-5 {
transition-delay: 0.5s !important;
}
.delay-6 {
transition-delay: 1.5s !important;
}
.delay-7 {
transition-delay: 1.5s !important;
}
.delay-8 {
transition-delay: 1.5s !important;
}
.delay-9 {
transition-delay: 1.5s !important;
}*/
}
.company-structure .cs-diagram-outer .cs-diagram strong {
font-weight: 600;
}
.company-structure .cs-diagram-outer .cs-diagram .title-container {
margin-top: 30px;
}
.company-structure .cs-diagram-outer .cs-diagram .title-container .title {
display: inline-block;
font-weight: 300;
margin-bottom: 0;
}
.company-structure .cs-diagram-outer .cs-diagram .title-container .title:after {
content: "";
display: block;
width: 0;
height: 1px;
background-color: #E50046;
transition: width 1s linear;
margin-top: 20px;
}
.company-structure .cs-diagram-outer .cs-diagram .title-container .title.onScreen:after {
width: 100%;
}
.company-structure .cs-diagram-outer .cs-diagram .arrow {
height: 51px;
text-align: center;
}
.company-structure .cs-diagram-outer .cs-diagram .arrow.desktop {
display: none;
}
@media only screen and (min-width: 1150px) {
.company-structure .cs-diagram-outer .cs-diagram .arrow.desktop {
display: block;
}
}
.company-structure .cs-diagram-outer .cs-diagram .arrow .arrow-inner {
position: relative;
background-color: #E50046;
width: 1px;
height: 0;
transition: height 1s;
margin: 0 auto;
}
.company-structure .cs-diagram-outer .cs-diagram .arrow .arrow-inner.onScreen {
height: 100%;
}
.company-structure .cs-diagram-outer .cs-diagram .arrow .arrow-inner .arrow-end {
position: absolute;
bottom: 0;
width: 5px;
height: 5px;
left: -2px;
border-radius: 50px;
background-color: #E50046;
}
.company-structure .cs-diagram-outer .cs-diagram .floating-arrow-end {
display: none;
}
@media only screen and (min-width: 1150px) {
.company-structure .cs-diagram-outer .cs-diagram .floating-arrow-end {
display: block;
position: absolute;
right: -177px;
bottom: 60px;
width: 5px;
height: 5px;
border-radius: 50px;
background-color: #E50046;
}
}
.company-structure .cs-diagram-outer .cs-diagram .line-lg {
display: none;
}
@media only screen and (min-width: 1150px) {
.company-structure .cs-diagram-outer .cs-diagram .line-lg {
display: block;
position: absolute;
width: 0;
height: 1px;
background-color: #E50046;
left: 0;
transition: all 1s;
}
}
@media only screen and (min-width: 1150px) and (min-width: 1150px) {
.company-structure .cs-diagram-outer .cs-diagram .line-lg.onScreen {
width: 545px;
left: -144px;
bottom: 20px;
}
}
@media only screen and (min-width: 1150px) and (min-width: 1300px) {
.company-structure .cs-diagram-outer .cs-diagram .line-lg.onScreen {
width: 619px;
left: -162px;
bottom: 20px;
}
}
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 5px;
position: relative;
}
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
display: block;
width: 0;
height: 1px;
background-color: #E50046;
transition: width 1s linear;
}
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two.onScreen:before {
width: 68%;
}
@media only screen and (min-width: 550px) {
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two.onScreen:before {
width: 69%;
}
}
@media only screen and (min-width: 850px) {
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two.onScreen:before {
width: 68.2%;
}
}
@media only screen and (min-width: 550px) {
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two {
gap: 27px;
}
}
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two .title-container.lower .title:after {
position: relative;
width: 100%;
left: 0;
}
@media only screen and (min-width: 850px) {
.company-structure .cs-diagram-outer .cs-diagram.diagram-1 .col.two .title-container.lower .title:after {
width: 160%;
left: -30%;
}
}
.company-structure-mobile {
opacity: 0;
transition: opacity 1s;
padding: 30px 0;
display: none;
}
.company-structure-mobile.onScreen {
opacity: 1;
}
@media only screen and (min-width: 550px) {
.company-structure-mobile {
padding: 100px 0 150px;
}
}
.company-structure-mobile img {
width: 100%;
height: auto;
}
.modal,
.modal-contact {
position: fixed;
z-index: 10000; /* 1 */
top: 0;
left: 0;
visibility: hidden;
width: 100%;
height: 100%;
}
.modal.is-visible,
.modal-contact.is-visible {
visibility: visible;
}
.modal-overlay {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: hsla(0deg, 0%, 0%, 0.5);
visibility: hidden;
opacity: 0;
transition: visibility 0s linear 0.3s, opacity 0.3s;
}
.modal.is-visible .modal-overlay,
.modal-contact.is-visible .modal-overlay {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.modal-wrapper {
position: absolute;
z-index: 9999;
top: 5vh;
left: 0;
width: 90%;
background-color: #fff;
box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.35);
margin: 0 5%;
overflow: auto;
max-height: 90vh;
}
@media screen and (min-width: 550px) {
.modal-wrapper {
margin: 0 10%;
width: 80%;
}
}
@media screen and (min-width: 850px) {
.modal-wrapper {
margin: 0 10%;
width: 80%;
}
}
.modal-transition {
transition: all 0.3s 0.12s;
transform: translateY(-10%);
opacity: 0;
}
.modal.is-visible .modal-transition,
.modal-contact.is-visible .modal-transition {
transform: translateY(0);
opacity: 1;
}
.modal-header,
.modal-content {
padding: 1em;
}
.modal-header {
position: relative;
background-color: #fff;
}
.modal-close {
position: absolute;
top: 0;
right: 0;
padding: 1em;
color: #aaa;
background: none;
border: 0;
}
.modal-close:hover {
color: #777;
}
.modal-heading {
color: #E50046;
font-size: 2em;
font-weight: 500;
line-height: 1.4;
margin: 0 0 0.3em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 20px;
text-transform: uppercase;
}
.modal-body {
color: #000;
padding: 0 2em 2em;
}
.modal-body a {
color: #E50046;
}
.modal-body iframe {
width: 100%;
}
.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 {
font-weight: 400;
margin-bottom: 0.4em;
}
.modal-body .alert {
background: #E50046;
color: #fff;
display: inline-block;
font-size: 1.1em;
padding: 5px;
}
.modal-body hr {
border-color: #f5f5f5;
height: 0;
}
.modal-content > *:first-child {
margin-top: 0;
}
.modal-content > *:last-child {
margin-bottom: 0;
}
.icon {
float: right;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
fill: currentcolor;
cursor: pointer;
}
body {
background-color: #ffffff;
color: #000;
}
body:before {
border-left: 16px solid #161A40;
content: "";
height: 100%;
position: fixed;
z-index: 4;
}
@media screen and (max-width: 850px) {
body:before {
border-left: 8px solid #161A40;
}
}
@media screen and (min-width: 1150px) {
body:before {
border-left: 28px solid #161A40;
}
}
body:after {
border-left: 14px solid #E50046;
content: "";
height: 128px;
position: absolute;
z-index: 4;
top: 0;
}
@media screen and (max-width: 850px) {
body:after {
border-left: 8px solid #E50046;
}
}
@media screen and (min-width: 1150px) {
body:after {
border-left: 28px solid #E50046;
}
}
.container {
padding: 0 2em;
}
@media screen and (min-width: 850px) {
.container {
padding: 0 4em;
}
}
@media screen and (min-width: 1150px) {
.container {
padding: 0 8vw;
}
}
@media screen and (min-width: 1800px) {
.container {
padding: 0 15vw;
}
}
@media screen and (min-width: 2300px) {
.container {
padding: 0 19vw;
}
}
.site-content {
overflow: hidden;
position: relative;
}
.left-container {
height: 100%;
padding: 0 2em;
}
@media screen and (min-width: 850px) {
.left-container {
padding: 0 0 0 4em;
}
}
@media screen and (min-width: 1150px) {
.left-container {
padding: 0 0 0 8vw;
}
}
@media screen and (min-width: 1800px) {
.left-container {
padding: 0 0 0 15vw;
}
}
@media screen and (min-width: 2300px) {
.left-container {
padding: 0 0 0 19vw;
}
}
.right-container {
height: 100%;
padding: 0 2em;
}
@media screen and (min-width: 850px) {
.right-container {
padding: 0 4em 0 0;
}
}
@media screen and (min-width: 1150px) {
.right-container {
padding: 0 8vw 0 0;
}
}
@media screen and (min-width: 1800px) {
.right-container {
padding: 0 15vw 0 0;
}
}
@media screen and (min-width: 2300px) {
.right-container {
padding: 0 19vw 0 0;
}
}
.height-unset {
height: unset !important;
}
/*# sourceMappingURL=frontend.css.map */