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,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
figure,
figcaption {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
text-rendering: optimizeLegibility;
}
html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 62.5%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
*,
*:before,
*:after {
-webkit-box-sizing: inherit;
-moz-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #f1f1f1;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol,
ul {
list-style: none;
}
table {
border-collapse: separate;
border-spacing: 0;
}
caption,
th,
td {
font-weight: normal;
text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
quotes: none;
}
a:focus {
outline: none;
}
a:hover,
a:active {
outline: 0;
}
a img {
border: 0;
}
button:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
} html {
font-size: 62.5%;
min-height: 100%;
}
body {
background: #fff;
color: #1a4950;
font-family: 'Neue Haas Light', sans-serif;
font-weight: 400;
font-style: normal;
min-height: 100%;
line-height: 1;
}
body:after {
content: 'full';
display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 2.2vw;
margin-bottom: 2.9vw;
line-height: 1.15;
text-transform: uppercase;
}
p,
li,
dt,
dd,
label,
td,
th,
address,
cite,
time {
font-size: 1.1vw;
margin-bottom: 1.6vw;
line-height: 1.4;
}
a,
a:link,
a:visited,
a:active {
color: inherit;
font-size: inherit;
text-decoration: none;
outline: none;
}
a:hover {
color: inherit;
}
input,
textarea,
select,
button {
font-family: 'Neue Haas Light', sans-serif;
font-size: 1.1vw;
line-height: 1.4;
outline: none;
}
input {
-webkit-appearance: none;
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
}
input[type="radio"] {
-webkit-appearance: radio;
}
.cleared {
clear: both;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.no-wrap {
white-space: nowrap;
} .clearfix:before,
.clearfix:after {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.clearfix:after {
clear: both;
} .clearfix {
zoom: 1;
}
@media screen and (max-width: 900px) {
body:after {
content: 'small';
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 4.4vw;
margin-bottom: 5.8vw;
}
p,
li,
dt,
dd,
label,
td,
th,
address,
cite,
time {
font-size: 2.8vw;
margin-bottom: 3.2vw;
}
input,
textarea,
select,
button {
font-size: 2.8vw;
}
} #container {
width: 100%;
position: relative;
} #header {
display: block;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 2000;
pointer-events: none;
}
#header-inner {
display: flex;
align-items: flex-start;
position: relative;
top: 0;
left: 0;
right: 0;
transition: transform 0.4s ease, opacity 0.4s ease;
padding-bottom: 2vw;
opacity: 1;
}
#header-inner:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: opacity 0.4s ease;
background: linear-gradient(180deg, rgba(26, 73, 80, 0.9) 0, rgba(26, 73, 80, 0) 100%);
opacity: 0;
}
.ie11 #header-inner {
transition: none;
}
#header-logo {
display: block;
width: 9.4vw;
transition: width 0.2s linear;
position: relative;
top: auto;
left: auto;
margin: 5.5vw 0 0 5.9vw;
pointer-events: auto;
}
#header-logo svg {
display: block;
width: 100%;
fill: #fff;
transition: fill 0.2s linear;
}
.tax-product_specialism #header-logo svg,
.single-product #header-logo svg {
fill: #1a4950;
}
.ie11 #header-logo {
height: 4.2vw;
transition: none;
}
#header-nav {
position: absolute;
top: 5.5vw;
right: 7vw;
display: flex;
align-items: center;
}
#header-nav>ul {
max-width: 56vw;
pointer-events: auto;
}
#header-nav li {
display: inline-block;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 0.8vw;
line-height: 1.15;
text-transform: uppercase;
margin: 0;
color: #fff;
padding: 0 0 0.4vw 1vw;
position: relative;
}
#header-nav li a { pointer-events: auto;
}
#header-nav li a:hover {
border-bottom: 1px solid #fff;
}
#header-nav li.current_page_item>a,
#header-nav li.current-page-ancestor>a {
border-bottom: 1px solid #fff;
}
.tax-product_specialism #header-nav li.bespoke-products-page>a,
.single-product #header-nav li.bespoke-products-page>a,
.single-partner #header-nav li.bespoke-partners-page>a,
.single-post #header-nav li.bespoke-news-page>a {
border-bottom: 1px solid #fff;
}
.tax-product_specialism #header-nav li,
.single-product #header-nav li {
color: #1a4950;
}
.tax-product_specialism #header-nav li a:hover,
.single-product #header-nav li a:hover {
border-bottom: 1px solid #1a4950;
}
.tax-product_specialism #header-nav li.current_page_item>a,
.tax-product_specialism #header-nav li.current-page-ancestor>a,
.tax-product_specialism #header-nav li.bespoke-products-page>a,
.single-product #header-nav li.current_page_item>a,
.single-product #header-nav li.current-page-ancestor>a,
.single-product #header-nav li.bespoke-products-page>a {
border-bottom: 1px solid #1a4950;
}
#search-open {
display: block;
background: none;
border: none;
padding: 0;
width: 1vw;
height: 1vw;
cursor: pointer;
pointer-events: auto;
position: absolute;
top: 5.5vw;
right: 4.8vw;
}
#search-open svg {
display: block;
width: 100%;
height: 100%;
fill: #fff;
transition: fill .2s linear;
}
.tax-product_specialism #search-open svg,
.single-product #search-open svg {
fill: #1a4950;
}
.tax-product_specialism #header.header-hidden #search-open svg,
.single-product #header.header-hidden #search-open svg {
fill: #fff;
}
html.search-active #header-logo svg {
fill: #fff !important;
}
html.search-active #header-nav li {
color: #fff !important;
}
html.search-active #search-open svg {
fill: #fff !important;
}
html.search-active #header-nav-button span {
background: #fff !important;
}
html.search-active .tax-product_specialism #header-nav li.current_page_item>a,
html.search-active .tax-product_specialism #header-nav li.current-page-ancestor>a,
html.search-active .tax-product_specialism #header-nav li.bespoke-products-page>a,
html.search-active .single-product #header-nav li.current_page_item>a,
html.search-active .single-product #header-nav li.current-page-ancestor>a,
html.search-active .single-product #header-nav li.bespoke-products-page>a,
html.search-active .single-partner #header-nav li.bespoke-partners-page>a,
html.search-active .single-post #header-nav li.bespoke-news-page>a {
border-bottom: 1px solid #fff !important;
} #header-nav-button {
display: none;
width: 4.68vw;
height: 3.51vw;
position: absolute;
top: 18.75vw;
right: 9.8vw;
cursor: pointer;
z-index: 1010;
pointer-events: auto;
}
#header-nav-button span {
display: block;
position: absolute;
right: 0;
margin: 0 auto;
width: 100%;
height: 0.2vw;
border-radius: 0;
transition: all .2s linear;
background: #fff;
}
#header-nav-button span:nth-child(1) {
top: 0;
}
#header-nav-button span:nth-child(2) {
top: 50%;
}
#header-nav-button span:nth-child(3) {
top: 50%;
opacity: 0;
}
#header-nav-button span:nth-child(4) {
top: 100%;
}
.tax-product_specialism #header-nav-button span,
.single-product #header-nav-button span {
background: #1a4950;
}
#header.header-visible #header-inner {
transform: translateY(0);
}
#header.header-hidden #header-inner {
transform: translateY(-4vw);
}
#header.header-hidden #header-inner:before {
opacity: 1;
}
#header.header-hidden #header-logo {
width: 8vw;
}
.tax-product_specialism #header.header-hidden #header-logo svg,
.single-product #header.header-hidden #header-logo svg {
fill: #fff;
}
.tax-product_specialism #header.header-hidden #header-nav li,
.single-product #header.header-hidden #header-nav li {
color: #fff;
}
.tax-product_specialism #header.header-hidden #header-nav li a:hover,
.single-product #header.header-hidden #header-nav li a:hover {
border-bottom: 1px solid #fff;
}
.tax-product_specialism #header.header-hidden #header-nav li.current_page_item>a,
.tax-product_specialism #header.header-hidden #header-nav li.current-page-ancestor>a,
.tax-product_specialism #header.header-hidden #header-nav li.bespoke-products-page>a,
.single-product #header.header-hidden #header-nav li.current_page_item>a,
.single-product #header.header-hidden #header-nav li.current-page-ancestor>a,
.single-product #header.header-hidden #header-nav li.bespoke-products-page>a,
.single-partner #header.header-hidden #header-nav li.bespoke-partners-page>a,
.single-post #header.header-hidden #header-nav li.bespoke-news-page>a {
border-bottom: 1px solid #fff;
}
#header-nav-container {
display: none;
width: 100%;
min-height: 100vh;
background: #1a4950;
position: relative;
top: 0;
left: 0;
right: 0;
padding-top: 45vw;
animation: scale-in ease 0.2s both 1;
pointer-events: auto;
}
#header-nav-container nav {
padding: 0 12.5vw 5.8vw;
}
#header-nav-container nav ul li {
display: block;
width: 100%;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
line-height: 1.15;
font-size: 4.4vw;
color: #fff;
margin-bottom: 4.6vw;
text-transform: uppercase;
}
#header-nav-container nav ul li a {
display: inline;
}
#header-nav-container nav ul li a:hover {
border-bottom: 1px solid #fff;
}
#header-nav-container nav ul li.current_page_item>a,
#header-nav-container nav ul li.current-page-ancestor>a {
border-bottom: 1px solid #fff;
}
.tax-product_specialism #header-nav-container nav ul li.bespoke-products-page>a,
.single-product #header-nav-container nav ul li.bespoke-products-page>a,
.single-partner #header-nav-container nav ul li.bespoke-partners-page>a,
.single-post #header-nav-container nav ul li.bespoke-news-page>a {
border-bottom: 1px solid #fff;
}
#header-nav-container nav>ul ul li {
display: block;
font-size: 3.6vw;
margin-bottom: 0;
margin-top: 1vw;
}
html.nav-active #header {
position: relative;
}
html.nav-active #header-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
transform: translateY(0) !Important;
opacity: 1 !Important;
}
html.nav-active #header-logo svg {
fill: #fff !important;
}
html.nav-active #header-nav-container {
display: block;
}
html.nav-active #search-open svg {
fill: #fff !important;
}
html.nav-active #header-nav-button span {
background: #fff !important;
}
html.nav-active #header-nav-button span:nth-child(1) {
opacity: 0;
}
html.nav-active #header-nav-button span:nth-child(2) {
transform: rotate(45deg) scale(1.2);
}
html.nav-active #header-nav-button span:nth-child(3) {
transform: rotate(-45deg) scale(1.2);
opacity: 1;
}
html.nav-active #header-nav-button span:nth-child(4) {
opacity: 0;
}
html.nav-active #main {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
}
html.nav-active #footer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
}
@media screen and (max-width: 900px) {
#header-inner {
height: 36vw;
}
#header-nav {
display: none;
}
#header-logo {
width: 28.2vw;
top: 16.5vw;
left: 9.8vw;
margin: 0;
transition: top 0.2s linear, width 0.2s ease, opacity 0.2s linear;
}
.ie11 #header-logo {
height: 10vw;
}
#header-nav-button {
display: block;
transition: transform 0.2s linear, opacity 0.2s linear;
}
#search-open {
width: 4vw;
height: 4vw;
top: 18.75vw;
right: 18vw;
}
#header.header-hidden #header-inner {
transform: translateY(0);
opacity: 0;
}
#header.header-hidden #header-logo {
width: 28.2vw;
pointer-events: none;
}
#header.header-hidden #search-open {
pointer-events: none;
}
#header.header-hidden #header-nav-button {
pointer-events: none;
}
#header.header-visible #header-inner {
transform: translateY(0);
opacity: 1;
}
#header.header-visible #header-inner:before {
opacity: 1;
}
#header.header-visible #header-logo {
width: 28.2vw;
}
#header.header-visible #header-logo svg {
fill: #fff;
}
#header.header-visible #header-nav-button span {
background: #fff;
}
#search-open svg {
fill: #fff;
}
.tax-product_specialism #search-open svg,
.single-product #search-open svg {
fill: #1a4950;
}
.tax-product_specialism #header.header-visible #search-open svg,
.single-product #header.header-visible #search-open svg {
fill: #fff;
}
.tax-product_specialism #header.header-visible #header-logo svg,
.single-product #header.header-visible #header-logo svg {
fill: #fff;
}
#header.header-top #header-inner {
opacity: 1;
}
#header.header-top #header-inner:before {
opacity: 0;
}
.tax-product_specialism #header.header-top #header-nav-button span,
.single-product #header.header-top #header-nav-button span {
background: #1a4950;
}
.tax-product_specialism #header.header-top #search-open svg,
.single-product #header.header-top #search-open svg {
fill: #1a4950;
}
.tax-product_specialism #header.header-top #header-logo svg,
.single-product #header.header-top #header-logo svg {
fill: #1a4950;
}
html.search-active #header-logo {
display: none;
}
html.search-active #search-open {
display: none;
}
html.search-active #header-nav-button {
display: none;
}
} #footer {
padding: 0 8.6vw 2.9vw;
background: #1a1a1a;
color: #fff;
position: relative;
overflow: hidden;
}
#footer-logo {
width: 9.5vw;
height: 3.4vw;
box-sizing: content-box;
padding: 7.3vw 2.5vw 5.4vw;
}
#footer-logo svg {
display: block;
width: 100%;
height: 100%;
fill: #fff;
}
#footer-upper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.footer-column {
width: 33.3333%;
padding: 0 2.5vw;
}
.footer-heading {
font-size: 1vw;
line-height: 1.15;
text-transform: uppercase;
margin-bottom: 1.15vw;
}
.footer-heading:first-child {
margin-bottom: 2.9vw;
}
.footer-body {
margin-bottom: 2.9vw;
}
.footer-body:last-child {
margin-bottom: 0;
}
.footer-body * {
font-size: 0.9vw;
}
.footer-social {
margin-bottom: 2.9vw;
}
.footer-social-item {
display: inline-block;
font-size: 0.9vw;
margin: 0;
}
.footer-social-item+.footer-social-item:before {
content: "|";
display: inline-block;
padding: 0 0.2vw;
} #footer-accreditations {
padding: 0 2.5vw;
}
#footer-accreditations .footer-heading {
font-size: 1vw;
line-height: 1.15;
text-transform: uppercase;
margin-bottom: 1.15vw;
}
#footer-accreditations ul {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
}
#footer-accreditations .footer-accreditations-item {
position: relative;
width: auto;
height: 2.4vw;
margin-right: 1.2vw;
}
#footer-accreditations .footer-accreditations-item img {
display: block;
max-height: 100%;
width: auto;
}
#ctf {
overflow: visible;
}
#ctf .ctf-item {
padding: 0;
overflow: visible;
}
#ctf .ctf-item+.ctf-item {
margin-top: 1.5vw;
padding-top: 1.5vw;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}
#ctf .ctf-context {
padding-left: 0;
}
#ctf.ctf-styles .ctf-context {
font-size: 0.6vw;
}
#ctf.ctf-narrow .ctf-context {
margin-left: 0;
}
#ctf.ctf-narrow .ctf-author-box {
margin-left: 0;
}
#ctf.ctf-narrow .ctf-tweet-content {
margin: 0;
padding: 0;
}
#ctf.ctf-narrow .ctf-quoted-tweet {
margin-left: 0;
}
#ctf.ctf-narrow .ctf-author-avatar {
margin: 0;
width: 2vw;
height: 2vw;
}
#ctf.ctf-narrow .ctf-author-avatar img {
width: 100%;
height: 100%;
}
#ctf .ctf-author-box {
position: relative;
}
#ctf .ctf-author-avatar {
display: block;
margin: 0;
float: none;
overflow: visible;
position: absolute;
top: 0.4vw;
left: -2.6vw;
}
#ctf .ctf-author-name {
display: block;
width: 100%;
font-size: 1.1vw;
margin: 0;
font-weight: 400 !Important;
font-family: 'Neue Haas Regular', sans-serif;
}
#ctf .ctf-author-screenname {
display: block;
margin: 0 0 1.5vw;
}
#ctf.ctf-styles .ctf-author-screenname {
font-size: 0.9vw;
}
#ctf .ctf-screename-sep {
display: none;
}
#ctf .ctf-tweet-meta {
display: none;
}
#ctf .ctf-quoted-tweet {
padding: 0 0 0 1vw;
margin: 1vw 0 0 0;
border-left: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
}
#ctf .ctf-quoted-tweet:hover {
border-left: 1px solid rgba(255, 255, 255, 0.3);
}
#ctf.ctf-super-narrow .ctf-author-box {
float: none;
min-height: 1.8vw;
}
#ctf.ctf-super-narrow .ctf-tweet-content {
float: none;
}
#footer form {
width: 100%;
}
#footer form p {
display: flex;
align-items: flex-start;
margin: 0 0 1.2vw;
}
#footer form p:last-child {
justify-content: flex-end;
}
#footer form label {
display: block;
width: 50%;
margin: 0;
}
#footer form label:first-child {
padding: 0 .25vw 0 0;
}
#footer form label:last-child {
padding: 0 0 0 .25vw;
}
#footer form label:only-child {
width: 100%;
padding: 0;
}
#footer form input {
display: block;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 0;
background: #1a1a1a;
padding: 0.75vw 1.5vw;
color: #fff;
}
#footer form ::-webkit-input-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.3);
}
#footer form ::-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.3);
}
#footer form :-ms-input-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.3);
}
#footer form :-moz-placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.3);
}
#footer form ::placeholder {
opacity: 1;
color: rgba(255, 255, 255, 0.3);
}
#footer-lower {
display: flex;
justify-content: space-between;
margin: 0 2.5vw;
color: rgba(255, 255, 255, 0.3);
padding: 2.9vw 0 0;
}
#footer-lower p {
font-size: 0.9vw;
margin: 0;
}
#footer-lower nav {
margin-left: auto;
}
#footer-lower nav ul {
display: flex;
margin: 0;
}
#footer-lower nav li {
display: inline-block;
font-size: 0.9vw;
margin: 0;
}
#footer-lower nav li+li:before {
content: "|";
display: inline-block;
padding: 0 0.2vw;
}
#footer-lower a {
transition: color 0.2s linear;
}
#footer-lower a:hover {
color: #fff;
}
#footer.footer-style-small #footer-lower nav {
margin: 0 auto;
}
#footer .crosses {
position: absolute;
}
#footer .crosses.crosses-top {
top: 1.75vw;
left: 11.2vw;
width: 6.3vw;
height: 1.7vw;
}
#footer .crosses.crosses-right {
top: 7.8vw;
right: -0.8vw;
width: 6.3vw;
height: 6.9vw;
}
#footer .crosses.crosses-bottom {
bottom: -0.8vw;
left: 26vw;
width: 6.3vw;
height: 6.9vw;
}
#footer .crosses svg {
display: block;
width: 100%;
height: 100%;
stroke: #fff;
}
@media screen and (max-width: 900px) {
#footer {
padding: 0 9.8vw 5.8vw;
}
#footer-logo {
width: 19vw;
height: 6.8vw;
padding: 14.6vw 0 10.8vw;
}
.footer-column {
width: 100%;
padding: 0;
}
.footer-heading {
font-size: 2.5vw;
margin-bottom: 2.3vw;
}
.footer-heading:first-child {
margin-bottom: 2.3vw;
}
.footer-body {
margin-bottom: 5.8vw;
}
.footer-body:last-child {
margin-bottom: 0;
}
.footer-body * {
font-size: 2.3vw;
}
.footer-social {
margin-bottom: 5.8vw;
}
.footer-social-item {
font-size: 2.3vw;
}
.footer-social-item+.footer-social-item:before {
padding: 0 0.4vw;
} #footer-accreditations {
padding: 0;
}
#footer-accreditations .footer-heading {
font-size: 2.5vw;
margin-bottom: 2.3vw;
}
#footer-accreditations .footer-accreditations-item {
height: 4.8vw;
margin-right: 2.4vw;
margin-bottom: 2.4vw;
}
.footer-column:nth-child(1) {
order: 2;
}
.footer-column:nth-child(2) {
display: none;
}
.footer-column:nth-child(3) {
order: 1;
}
#footer form {
margin-bottom: 5.8vw;
}
#footer form p {
margin: 0 0 2.4vw;
}
#footer form label {
width: 50%;
}
#footer form label:first-child {
padding: 0 .5vw 0 0;
}
#footer form label:last-child {
padding: 0 0 0 .5vw;
}
#footer form label:only-child {
padding: 0;
}
#footer form input {
padding: 1.5vw 3vw;
}
#footer-lower {
margin: 0;
padding: 5.8vw 0 0;
flex-wrap: wrap;
}
#footer-lower p {
font-size: 2.3vw;
order: 2;
width: 100%;
margin-top: 3.2vw;
}
#footer-lower nav {
order: 1;
width: 100%;
}
#footer-lower nav li {
font-size: 2.3vw;
}
#footer-lower nav li+li:before {
padding: 0 0.4vw;
}
#footer.footer-style-small #footer-lower ul {
justify-content: center;
flex-wrap: wrap;
}
#footer .crosses.crosses-top {
top: 3.5vw;
left: 22.4vw;
width: 12.6vw;
height: 3.4vw;
}
#footer .crosses.crosses-right {
top: 15.6vw;
right: -1.6vw;
width: 12.6vw;
height: 13.8vw;
}
#footer .crosses.crosses-bottom {
bottom: -1.6vw;
left: 52vw;
width: 12.6vw;
height: 13.8vw;
}
} .banner {
display: block;
position: relative;
background: #1a4950;
overflow: hidden;
z-index: 20;
}
.banner-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(11, 36, 40, 0.96) 33%, rgba(11, 36, 40, 0) 95%);
z-index: 2;
}
.banner-bg-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-bg-inner:before {
content: "";
position: absolute;
top: 33.3333%;
left: 0;
right: 0;
bottom: 33.3333%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 1;
opacity: 0.8;
}
.banner-bg-inner:after {
content: "";
position: absolute;
top: 0;
left: 33.3333%;
right: 33.3333%;
bottom: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
z-index: 1;
opacity: 0.8;
}
.banner-bg-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-bg-video {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.banner-bg-video video {
display: block;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
}
.banner-main {
position: relative;
min-height: 56vw;
padding: 19.5vw 9.8vw 4.5vw;
color: #fff;
z-index: 5;
}
.banner-heading {
display: inline-block;
font-size: 6.2vw;
margin-bottom: 2.1vw;
width: 70%;
min-height: 14.2vw;
}
.ie11 .banner-heading {
height: 1px;
}
.banner-heading sup {
display: inline-block;
font-size: 60%;
transform: translateY(-2.4vw);
}
.banner-body {
width: 40%;
font-size: 1.1vw;
}
.banner-body * {
font-size: 1.15vw;
line-height: 1.5;
}
.banner-logo {
width: 21vw;
height: 4.05vw;
position: relative;
margin-top: 3vw;
}
.banner-logo div {
background-size: contain;
background-position: center left;
}
.banner-crosses {
position: absolute;
top: 33.3333%;
right: 33.3333%;
width: 7.8vw;
height: 8.75vw;
transform: translate(79%, -80%);
}
.banner-crosses svg {
display: block;
}
.banner-lines {
position: absolute;
top: 33.3333%;
right: 0;
margin-right: -15.3vw;
width: 82%;
min-height: 66.6666%;
transform: rotateY(180deg);
}
.banner-lines svg {
display: block;
width: 100%;
height: 39vw;
}
.banner.size-small .banner-bg-inner:before {
top: 50%;
bottom: 0;
border-bottom: none;
}
.banner.size-small .banner-crosses {
top: 50%;
}
.banner.size-small .banner-lines {
top: 50%;
}
.banner.size-small .banner-main {
min-height: 38.5vw;
padding: 15.3vw 9.8vw 4.5vw;
}
.banner.size-small .banner-heading {
min-height: 0;
height: auto;
}
.banner.size-large.crosses-low .banner-crosses {
top: 66.6666%;
transform: translate(79%, -50%);
}
.banner-superheading {
width: 70%;
}
.banner-heading-single {
font-size: 2.2vw;
margin-bottom: 4.7vw;
line-height: 1.15;
width: 70%;
}
.banner-share h2 {
font-size: 1.4vw;
margin-bottom: 1.4vw;
}
.banner-share .share {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0;
}
.banner-share .share li {
margin: 0;
}
.banner-share .share li:after {
content: "|";
display: inline;
margin: 0 0.25vw;
}
.banner-share .share li:last-child:after {
display: none;
}
.banner-share .share li a:hover {
text-decoration: underline;
}
@media screen and (max-width: 900px) {
.banner-bg-inner:before {
top: 33.3333%;
bottom: 33.3333%;
}
.banner-bg-inner:after {
left: 50%;
right: 0;
border-right: none;
}
.banner-main {
min-height: 124vw;
padding: 52vw 9.8vw 9vw;
}
.banner-heading {
display: block;
font-size: 12.4vw;
margin-bottom: 4.2vw;
width: 100%;
min-height: 28.4vw;
}
.banner-heading sup {
transform: translateY(-4.8vw);
}
.banner-body {
width: 75%;
font-size: 2.8vw;
}
.banner-body * {
font-size: 2.8vw;
}
.banner-logo {
width: 63vw;
height: 12.15vw;
margin-top: 9vw;
}
.banner-bg-video video {
display: none;
}
.banner-crosses {
top: 33.3333%;
right: 33.3333%;
width: 15.6vw;
height: 17.5vw;
}
.banner-lines {
top: 66.6666%;
margin-right: -30.6vw;
width: 164%;
min-height: 66.6666%;
}
.banner-lines svg {
height: 78vw;
}
.banner.size-small .banner-main {
min-height: 92vw;
padding: 52vw 9.8vw 9vw;
}
.banner.size-large.crosses-low .banner-crosses {
top: 66.6666%;
}
.banner-superheading {
width: 100%;
}
.banner-heading-single {
font-size: 5.5vw;
margin-bottom: 9.4vw;
width: 100%;
}
.banner-share h2 {
font-size: 3.5vw;
margin-bottom: 2.8vw;
}
.banner-share .share li:after {
margin: 0 0.5vw;
}
} .banner-product {
display: block;
position: relative;
background: #dce5e8;
overflow: hidden;
z-index: 20;
}
.banner-product-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-product-bg:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, rgba(190, 204, 213, 1) 33%, rgba(190, 204, 213, 0) 95%);
z-index: 2;
}
.banner-product-bg-inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-product-bg-inner:before {
content: "";
position: absolute;
top: 50%;
left: 0;
right: 0;
bottom: 0;
border-top: 1px solid #beccd5;
z-index: 1;
opacity: 0.8;
}
.banner-product-bg-inner:after {
content: "";
position: absolute;
top: 0;
left: 33.3333%;
right: 33.3333%;
bottom: 0;
border-left: 1px solid #beccd5;
border-right: 1px solid #beccd5;
z-index: 1;
opacity: 0.8;
}
.banner-product-bg-inner div {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-product-main {
position: relative;
min-height: 38.5vw;
padding: 15.3vw 9.8vw 4.5vw;
color: #1a4950;
z-index: 5;
}
.banner-product-heading {
display: flex;
align-items: flex-end;
font-size: 6.2vw;
margin-bottom: 2.1vw;
width: 66%;
margin-top: 2vw;
}
.banner-product-main a.button {
display: inline-flex;
align-items: center;
}
.banner-product-main a.button svg {
display: block;
width: 0.5vw;
height: 0.9vw;
margin-right: 1.2vw;
stroke: #1a4950;
}
.banner-product-main a.button:hover svg {
stroke: #fff;
}
.banner-product-small {
position: relative;
padding: 15.3vw 9.8vw 9.2vw;
color: #1a4950;
z-index: 5;
}
.banner-product-small a.button {
display: inline-flex;
align-items: center;
}
.banner-product-small a.button svg {
display: block;
width: 0.5vw;
height: 0.9vw;
margin-right: 1.2vw;
stroke: #1a4950;
}
.banner-product-small a.button:hover svg {
stroke: #fff;
}
@media screen and (max-width: 900px) {
.banner-product-bg-inner:before {
top: 50%;
bottom: 0;
}
.banner-product-bg-inner:after {
left: 50%;
right: 0;
border-right: none;
}
.banner-product-main {
min-height: 92vw;
padding: 52vw 9.8vw 9vw;
}
.banner-product-heading {
font-size: 12.4vw;
margin-bottom: 4.2vw;
width: 100%;
margin-top: 4vw;
}
.banner-product-main a.button svg {
width: 1vw;
height: 1.8vw;
margin-right: 2.4vw;
}
.banner-product-small {
padding: 52vw 9.8vw 18vw;
}
.banner-product-small a.button svg {
width: 1vw;
height: 1.8vw;
margin-right: 2.4vw;
}
}  #main {
position: relative;
overflow: hidden;
} .section-text {
padding: 7vw 14.7vw 4.1vw;
position: relative;
}
.section-text.bg-light-blue {
background: #dce5e8;
}
.section-text.bg-blue {
background: #a8bfc5;
}
.section-text.bg-green {
background: #1a4950;
color: #fff;
}
.section-text.bg-white {
background: #fff;
}
.section-text.overflow-off {
z-index: 15;
}
.section-text-icon {
width: 4.9vw;
height: 4.6vw;
position: relative;
margin: 0 auto 2.9vw;
}
.section-text-icon div {
background-size: contain;
background-position: bottom left;
}
.section-text-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 2.9vw;
}
.section-text-column-1 {
margin-bottom: 2.9vw;
}
.section-text-column-1 .section-text-body {
width: 100%;
max-width: 44vw;
margin: 0 auto;
text-align: center;
}
.section-text-column-2 {
display: flex;
align-items: flex-start;
margin-bottom: 2.9vw;
}
.section-text-column-2 .section-text-body {
width: 50%;
padding-right: 1.8vw;
}
.section-text-column-2 .section-text-body+.section-text-body {
padding-right: 0;
padding-left: 1.8vw;
}
.section-text-button {
margin: 0 auto 2.9vw;
text-align: center;
z-index: 20;
position: relative;
}
.section-text-button span {
display: inline-block;
}
.section-text.bg-light-blue .section-text-button span {
background: #dce5e8;
}
.section-text.bg-blue .section-text-button span {
background: #a8bfc5;
}
.section-text.bg-green .section-text-button span {
background: #1a4950;
}
.section-text.bg-white .section-text-button span {
background: #fff;
}
.section-text .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-text .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-text .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-text .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
@media screen and (max-width: 900px) {
.section-text {
padding: 14vw 9.8vw 8.2vw;
}
.section-text-icon {
width: 9.8vw;
height: 9.2vw;
margin: 0 auto 5.8vw;
}
.section-text-heading {
max-width: 100%;
margin: 0 auto 5.8vw;
}
.section-text-column-1 {
margin-bottom: 5.8vw;
}
.section-text-column-1 .section-text-body {
max-width: 100%;
}
.section-text-column-2 {
flex-wrap: wrap;
margin-bottom: 5.8vw;
}
.section-text-column-2 .section-text-body {
width: 100%;
padding-right: 0;
margin-bottom: 3.2vw;
}
.section-text-column-2 .section-text-body+.section-text-body {
padding-right: 0;
padding-left: 0;
margin-bottom: 0;
}
.section-text-button {
margin: 0 auto 5.8vw;
}
.section-text .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-text .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-text .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-text .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
} .crosses {
display: block;
width: 6.3vw;
height: 1.7vw;
position: absolute;
pointer-events: none;
z-index: 11;
}
.crosses svg {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
stroke: #1a4950;
}
.bg-green .crosses svg {
stroke: #dce5e8;
}
@media screen and (max-width: 900px) {
.crosses {
width: 12.6vw;
height: 3.4vw;
}
} .bg-lines {
position: relative;
height: 0;
z-index: 10;
pointer-events: none;
}
.bg-lines-inner {
position: absolute;
height: 48vw;
width: 100vw;
}
.bg-lines svg {
display: block;
}
.bg-lines.lines-left-1 {
top: -11.45vw;
left: -41vw;
}
.bg-lines.lines-left-2 {
top: -11.45vw;
left: -62vw;
}
.bg-lines.lines-right-1 {
top: -5.2vw;
right: -62vw;
transform: rotateY(180deg);
}
.bg-lines.lines-right-2 {
top: 1.5vw;
right: -15.3vw;
transform: rotateY(180deg);
}
@media screen and (max-width: 900px) {
.bg-lines-inner {
height: 9.6vw;
width: 200vw;
}
.bg-lines.lines-left-1 {
top: -22.9vw;
left: -82vw;
}
.bg-lines.lines-left-2 {
top: -22.9vw;
left: -124vw;
}
.bg-lines.lines-right-1 {
top: -10.4vw;
right: -124vw;
}
.bg-lines.lines-right-2 {
top: 3vw;
right: -30.6vw;
}
} .section-anchor {
position: relative;
z-index: 100;
top: 0;
margin-top: 0;
}
.section-anchor p {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: red;
font-size: 1.4vw;
color: #fff;
padding: 0.5vw;
line-height: 1;
}
.section-anchor p strong {
font-weight: 600;
}
@media screen and (max-width: 900px) {
.section-anchor p {
font-size: 3.5vw;
padding: 1vw;
}
} .section-blocks {
position: relative;
padding: 7vw 9.8vw;
}
.section-blocks.bg-light-blue {
background: #dce5e8;
}
.section-blocks.bg-blue {
background: #a8bfc5;
}
.section-blocks.bg-green {
background: #1a4950;
}
.section-blocks.bg-white {
background: #fff;
}
.section-blocks.margin-upper {
padding-top: 0;
}
.section-blocks.margin-lower {
padding-bottom: 0;
}
.section-blocks:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16vw;
z-index: 14;
}
.section-blocks.margin-upper:after {
height: 9vw;
}
.section-blocks.upper-bg-light-blue:after {
background: #dce5e8;
}
.section-blocks.upper-bg-blue:after {
background: #a8bfc5;
}
.section-blocks.upper-bg-green:after {
background: #1a4950;
}
.section-blocks.upper-bg-white:after {
background: #fff;
}
.section-blocks-inner {
position: relative;
z-index: 15;
}
.section-blocks-block {
background: #dce5e8;
position: relative;
}
.section-blocks-block:nth-child(2n) {
flex-direction: row;
}
.section-blocks-block.bg-green {
background: #1a4950;
color: #fff;
}
.section-blocks-image {
width: 50%;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
}
.section-blocks-block:nth-child(2n) .section-blocks-image {
left: 0;
}
.section-blocks-text {
width: 50%;
position: relative;
padding: 5.5vw;
min-height: 41vw;
}
.section-blocks-block:nth-child(2n) .section-blocks-text {
margin-left: 50%;
}
.section-blocks-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-blocks-heading {
position: relative;
}
.section-blocks-body {
position: relative;
}
.section-blocks-body.wysiwyg ul {
list-style: none inside none;
margin: 2.6vw 0;
}
.section-blocks-body.wysiwyg ul li {
color: inherit;
font-family: 'Univers Bold Condensed', sans-serif;
font-size: 1.4vw;
margin-bottom: 0;
line-height: 1.2;
text-transform: uppercase;
position: relative;
padding-left: 1vw;
}
.section-blocks-body.wysiwyg ul li:before {
content: "";
position: absolute;
top: 0.7vw;
left: 0;
width: 0.5vw;
height: 0.5vw;
border-radius: 50%;
background: #1a4950;
}
.section-blocks-icon {
width: 4.9vw;
height: 4.6vw;
position: relative;
margin-bottom: 2.9vw;
}
.section-blocks-icon div {
background-size: contain;
background-position: bottom left;
}
.section-blocks-buttons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}
.section-blocks-buttons a {
margin: 0.6vw 1.3vw 0.6vw 0;
}
.section-blocks-buttons a.download {
position: relative;
padding-right: 2.8vw;
}
.section-blocks-buttons a.download span {
display: block;
width: 0.8vw;
height: 0.8vw;
position: absolute;
top: 0.8vw;
right: 1.2vw;
}
.section-blocks-carousel {
position: relative;
}
.section-blocks-carousel-slide {
padding-top: 2.9vw;
}
.section-blocks-carousel ul.slick-dots {
display: flex;
justify-content: flex-start;
position: absolute;
top: 0.8vw;
left: 0;
margin: 0;
}
.section-blocks-carousel ul.slick-dots li {
position: relative;
padding: 0;
display: block;
width: 0.9vw;
height: 0.9vw;
border-radius: 50%;
border: 1px solid #1a4950;
cursor: pointer;
margin-right: 0.5vw;
background: transparent;
}
.section-blocks-carousel ul.slick-dots li.slick-active {
background: #1a4950;
}
.section-blocks-block.bg-green .section-blocks-carousel ul.slick-dots li {
border-color: #fff;
}
.section-blocks-block.bg-green .section-blocks-carousel ul.slick-dots li.slick-active {
background: #fff;
}
.section-blocks-carousel ul.slick-dots li:before {
display: none;
}
.section-blocks-carousel ul.slick-dots li button {
display: block;
width: 0.9vw;
height: 0.9vw;
border-radius: 50%;
visibility: hidden;
cursor: pointer;
}
.section-blocks-crosses {
position: absolute;
bottom: 0;
left: 0;
width: 6.3vw;
height: 6.9vw;
transform: translate(-50%, 50%);
}
.section-blocks-crosses svg {
display: block;
width: 100%;
height: 100%;
stroke: #1a4950;
}
.section-blocks.margin-lower .section-blocks-crosses {
display: none;
}
.bg-lines.section-blocks-lines-top-left {
top: 0;
left: -35vw;
}
.bg-lines.section-blocks-lines-bottom-right {
top: -31vw;
right: -62vw;
transform: rotateY(180deg);
}
@media screen and (max-width: 900px) {
.section-blocks {
padding: 14vw 9.8vw;
}
.section-blocks:after {
height: 32vw;
}
.section-blocks.margin-upper:after {
height: 18vw;
}
.section-blocks-image {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
top: auto;
bottom: auto;
left: auto;
}
.section-blocks-block:nth-child(2n) .section-blocks-image {
left: auto;
}
.section-blocks-text {
width: 100%;
padding: 11vw;
min-height: 0;
}
.section-blocks-block:nth-child(2n) .section-blocks-text {
margin-left: 0;
}
.section-blocks-body.wysiwyg ul {
margin: 5.8vw 0;
}
.section-blocks-body.wysiwyg ul li {
font-size: 3.5vw;
padding-left: 2vw;
}
.section-blocks-body.wysiwyg ul li:before {
top: 1.4vw;
width: 1vw;
height: 1vw;
}
.section-blocks-icon {
width: 9.8vw;
height: 9.2vw;
margin-bottom: 5.8vw;
}
.section-blocks-buttons a {
margin: 1.2vw 2.6vw 1.2vw 0;
}
.section-blocks-buttons a.download {
padding-right: 5.6vw;
}
.section-blocks-buttons a.download span {
width: 1.6vw;
height: 1.6vw;
top: 1.6vw;
right: 2.4vw;
}
.section-blocks-carousel-slide {
padding-top: 5.8vw;
}
.section-blocks-carousel ul.slick-dots {
top: 1.6vw;
left: 0;
margin: 0;
}
.section-blocks-carousel ul.slick-dots li {
width: 1.8vw;
height: 1.8vw;
margin-right: 1vw;
padding-left: 0;
}
.section-blocks-carousel ul.slick-dots li button {
width: 1.8vw;
height: 1.8vw;
}
.section-blocks-crosses {
bottom: 0;
left: 0;
width: 12.6vw;
height: 13.8vw;
}
.bg-lines.section-blocks-lines-top-left {
top: 0;
left: -70vw;
}
.bg-lines.section-blocks-lines-bottom-right {
top: -62vw;
right: -124vw;
}
} .section-blocks-nav {
padding: 7vw 14.7vw;
position: relative;
z-index: 15;
}
.section-blocks-nav.bg-light-blue {
background: #dce5e8;
}
.section-blocks-nav.bg-blue {
background: #a8bfc5;
}
.section-blocks-nav.bg-green {
background: #1a4950;
color: #fff;
}
.section-blocks-nav.bg-white {
background: #fff;
}
.section-blocks-nav-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 1.1vw;
}
.section-blocks-nav-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.section-blocks-nav-nav a.button {
margin: 1.8vw 0.9vw 0;
}
@media screen and (max-width: 900px) {
.section-blocks-nav {
padding: 14vw 9.8vw;
}
.section-blocks-nav-heading {
max-width: 100%;
margin: 0 auto 2.2vw;
}
.section-blocks-nav-nav a.button {
margin: 3.6vw 1.8vw 0;
}
} .section-icon-nav {
padding: 7vw 9.8vw 2.5vw;
position: relative;
}
.section-icon-nav.bg-light-blue {
background: #dce5e8;
}
.section-icon-nav.bg-green {
background: #1a4950;
color: #fff;
}
.section-icon-nav a {
display: block;
}
.section-icon-nav-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin-left: auto;
margin-right: auto;
}
.section-icon-nav-body {
width: 100%;
max-width: 44vw;
margin: 0 auto 7vw;
text-align: center;
position: relative;
z-index: 20;
}
.section-icon-nav-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
z-index: 20;
}
.section-icon-nav.display-three .section-icon-nav-list {
padding: 0 2.5vw;
}
.section-icon-nav-item {
display: block;
text-align: center;
width: 33.3333%;
padding: 0 1.5vw 4.5vw;
}
.section-icon-nav.display-four .section-icon-nav-item {
width: 25%;
}
.section-icon-nav-icon {
width: 3.2vw;
height: 3.0vw;
position: relative;
margin: 0 auto 2.4vw;
}
.section-icon-nav-icon div {
background-size: contain;
background-position: bottom center;
}
.section-icon-nav-title {
font-size: 1.4vw;
}
.section-icon-nav .crosses.crosses-top-left {
top: 15vw;
left: -0.8vw;
width: 10.9vw;
}
.section-icon-nav .crosses.crosses-bottom-left {
bottom: 16vw;
left: -0.8vw;
width: 10.9vw;
}
.section-icon-nav .crosses.crosses-middle-right {
top: 26.5vw;
right: -0.8vw;
}
.section-icon-nav .crosses.crosses-middle-right-single {
top: 38.8vw;
right: 8.2vw;
width: 1.7vw;
}
@media screen and (max-width: 900px) {
.section-icon-nav {
padding: 14vw 6.8vw 5vw;
}
.section-icon-nav-heading {
max-width: 100%;
}
.section-icon-nav-body {
max-width: 100%;
margin: 0 auto 14vw;
}
.section-icon-nav.display-three .section-icon-nav-list {
padding: 0;
}
.section-icon-nav-item {
width: 50%;
padding: 0 3vw 9vw;
}
.section-icon-nav.display-four .section-icon-nav-item {
width: 50%;
}
.section-icon-nav-icon {
width: 12.8vw;
height: 12vw;
margin: 0 auto 4.8vw;
}
.section-icon-nav-title {
font-size: 3.5vw;
}
.section-icon-nav .crosses.crosses-top-left {
top: 30vw;
left: -10.8vw;
width: 21.8vw;
}
.section-icon-nav .crosses.crosses-bottom-left {
bottom: 32vw;
left: -10.8vw;
width: 21.8vw;
}
.section-icon-nav .crosses.crosses-middle-right {
top: 53vw;
right: -1.6vw;
}
.section-icon-nav .crosses.crosses-middle-right-single {
display: none;
}
} .section-logos {
padding: 7vw 8.4vw 2.5vw;
position: relative;
background: #1a4950;
color: #fff;
z-index: 15;
}
.section-logos-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 4.5vw;
}
.section-logos-list {
display: flex;
flex-wrap: wrap;
align-items: stretch;
z-index: 20;
}
.section-logos-logo {
display: block;
text-align: center;
width: 25%;
padding: 2.25vw 1.5vw;
border-left: 1px solid rgba(255, 255, 255, 0.3);
margin-bottom: 4.5vw;
}
.section-logos-logo:nth-child(4n+1) {
border-left: none;
}
.section-logos-logo a {
display: block;
}
.section-logos-image {
width: 14vw;
height: 2.7vw;
position: relative;
margin: 0 auto;
}
.section-logos-image div {
background-size: contain;
background-position: bottom center;
}
.section-logos-button {
margin: 0 auto 4.5vw;
text-align: center;
z-index: 20;
position: relative;
}
.section-logos .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-logos .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-logos .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-logos .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
@media screen and (max-width: 900px) {
.section-logos {
padding: 14vw 6.8vw 5vw;
}
.section-logos-heading {
max-width: 100%;
margin: 0 auto 9vw;
}
.section-logos-logo {
width: 50%;
padding: 4.5vw 3vw;
margin-bottom: 9vw;
}
.section-logos-logo:nth-child(4n+3) {
border-left: none;
}
.section-logos-image {
width: 100%;
height: 10.8vw;
}
.section-logos-button {
margin: 0 auto 9vw;
}
.section-logos .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-logos .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-logos .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-logos .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
} .section-contact {
padding: 7vw 9.8vw;
position: relative;
background: #dce5e8;
}
.section-contact-inner {
display: flex;
align-items: flex-start;
}
.section-contact-details {
width: 36.5%;
padding-right: 6.9vw;
}
.section-contact-details-heading {
margin-bottom: 1.15vw;
}
.section-contact-details-heading:first-child {
margin-bottom: 2.9vw;
}
.section-contact-details-body {
margin-bottom: 2.9vw;
}
.section-contact-details-body:last-child {
margin-bottom: 0;
}
.section-contact-details-social {
margin-bottom: 2.9vw;
}
.section-contact-details-social-item {
display: inline-block;
margin: 0;
}
.section-contact-details-social-item+.section-contact-details-social-item:before {
content: "|";
display: inline-block;
padding: 0 0.2vw;
}
.section-contact-form {
width: 63.5%;
}
.section-contact .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-contact .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-contact .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-contact .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
@media screen and (max-width: 900px) {
.section-contact {
padding: 14vw 9.8vw;
}
.section-contact-inner {
flex-wrap: wrap;
}
.section-contact-details {
width: 100%;
padding-right: 0;
}
.section-contact-details-heading {
margin-bottom: 2.3vw;
}
.section-contact-details-heading:first-child {
margin-bottom: 5.8vw;
}
.section-contact-details-body {
margin-bottom: 5.8vw;
}
.section-contact-details-body:last-child {
margin-bottom: 0;
}
.section-contact-details-social {
margin-bottom: 5.8vw;
}
.section-contact-details-social-item+.section-contact-details-social-item:before {
padding: 0 0.4vw;
}
.section-contact-form {
width: 100%;
}
.section-contact .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-contact .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-contact .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-contact .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
} .wpcf7 form .fields {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width: 100%;
}
.wpcf7 form .fields label {
color: #1a4950;
width: 100%;
margin-bottom: 1.8vw;
}
.wpcf7 form .fields .half {
display: block;
width: 50%;
padding-right: 0.9vw;
}
.wpcf7 form .fields .half:nth-child(2n) {
padding-left: 0.9vw;
padding-right: 0;
}
.wpcf7 form .fields input[type="text"],
.wpcf7 form .fields input[type="email"],
.wpcf7 form .fields textarea {
display: block;
width: 100%;
background: transparent;
padding: 0 1.8vw;
height: 2.4vw;
line-height: 2.4vw;
border-radius: 0;
border: 1px solid rgba(26, 73, 80, 0.2);
color: #1a4950;
}
.wpcf7 form .fields textarea {
height: 8vw;
line-height: 1.6vw;
padding: 0.5vw 1.8vw;
resize: vertical;
overflow: auto;
}
.wpcf7 form .fields span:first-child {
display: none;
}
.wpcf7 form .fields small {
font-size: 0.9vw;
color: #1a4950;
}
.wpcf7 form .fields-button-row {
justify-content: space-between;
align-items: center;
position: relative;
}
.wpcf7 form .fields-button-row label {
display: block;
width: auto;
margin: 0;
}
.wpcf7 form .fields-button-row label span:first-child {
display: block;
}
.wpcf7 form input[type="checkbox"] {
display: none;
}
.wpcf7 form input[type="checkbox"]+span {
display: flex;
align-items: center;
}
.wpcf7 form input[type="checkbox"]+span:before {
content: "";
display: block;
width: 1.2vw;
height: 1.2vw;
border: 1px solid rgba(26, 73, 80, 0.2);
margin-right: 0.5vw;
line-height: 1;
text-align: center;
}
.wpcf7 form input[type="checkbox"]:checked+span:before {
content: "\2713";
}
.wpcf7 form span.wpcf7-not-valid-tip {
font-size: 1.1vw;
padding: 0.5vw 0;
color: red;
}
.wpcf7 form div.wpcf7-response-output {
font-size: 1.1vw;
line-height: 1.4;
padding: 0.5vw 1vw;
background: #1a4950;
color: #fff;
border: 0;
margin: 2vw 0 1vw;
clear: both;
}
.wpcf7 form.invalid div.wpcf7-response-output {
background: red;
}
.wpcf7 form div.wpcf7-mail-sent-ok {
font-size: 1.1vw;
padding: 0.5vw 1vw;
background: #1a4950;
color: #fff;
border: 0;
animation: fade-out ease 1s both 1 3s;
}
@keyframes pop {
from {
opacity: 1;
transform: scale(0.1);
}
to {
opacity: 0;
transform: scale(1);
}
}
.wpcf7 form span.ajax-loader {
position: absolute;
top: 50%;
right: -1vw;
width: 4vw;
height: 4vw;
transform: translate(100%, -50%);
background: none;
}
.wpcf7 form span.ajax-loader:before {
content: "";
top: 0;
left: 0;
display: block;
width: 4vw;
height: 4vw;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
background-color: #1a4950;
animation: pop ease 1.25s both infinite 0.6s;
transform-origin: 50% 50%;
}
.wpcf7 form span.ajax-loader:after {
content: "";
top: 0;
left: 0;
display: block;
width: 4vw;
height: 4vw;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
background-color: #fff;
animation: pop ease 1.25s both infinite 0.2s;
transform-origin: 50% 50%;
}
.wpcf7 ::-webkit-input-placeholder {
opacity: 1;
color: #666;
}
.wpcf7 ::-moz-placeholder {
opacity: 1;
color: #666;
}
.wpcf7 :-ms-input-placeholder {
opacity: 1;
color: #666;
}
.wpcf7 :-moz-placeholder {
opacity: 1;
color: #666;
}
.wpcf7 ::placeholder {
opacity: 1;
color: #666;
}
@media screen and (max-width: 900px) {
.wpcf7 form .fields label {
margin-bottom: 3.6vw;
}
.wpcf7 form .fields .half {
width: 100%;
padding-right: 0;
}
.wpcf7 form .fields .half:nth-child(2n) {
padding-left: 0;
padding-right: 0;
}
.wpcf7 form .fields input[type="text"],
.wpcf7 form .fields input[type="email"],
.wpcf7 form .fields textarea {
padding: 0 3.6vw;
height: 7.2vw;
line-height: 7.2vw;
}
.wpcf7 form .fields textarea {
height: 32vw;
line-height: 3.2vw;
padding: 2vw 3.6vw;
}
.wpcf7 form .fields small {
font-size: 2.3vw;
}
.wpcf7 form input[type="checkbox"]+span:before {
width: 3.6vw;
height: 3.6vw;
margin-right: 1vw;
}
.wpcf7 form .fields-button-row label {
margin: 0;
}
.wpcf7 form span.wpcf7-not-valid-tip {
font-size: 2.5vw;
padding: 1vw 0;
}
.wpcf7 form div.wpcf7-response-output {
font-size: 2.5vw;
padding: 1vw 2vw;
margin: 4vw 0 2vw;
}
.wpcf7 form div.wpcf7-mail-sent-ok {
font-size: 2.5vw;
padding: 1vw 2vw;
}
.wpcf7 form span.ajax-loader {
top: 50%;
right: -2vw;
width: 8vw;
height: 8vw;
}
.wpcf7 form span.ajax-loader:before {
top: 0;
left: 0;
width: 8vw;
height: 8vw;
}
.wpcf7 form span.ajax-loader:after {
top: 0;
left: 0;
width: 8vw;
height: 8vw;
}
} .section-image {
position: relative;
}
.section-image.bg-light-blue {
background: #dce5e8;
}
.section-image.bg-blue {
background: #a8bfc5;
}
.section-image.bg-green {
background: #1a4950;
}
.section-image.bg-white {
background: #fff;
}
.section-image.layout-1 {
z-index: 15;
}
.section-image.layout-2 {
padding: 7vw 9.8vw;
}
.section-image.layout-2.margin-upper {
padding-top: 0;
}
.section-image.layout-2.margin-lower {
padding-bottom: 0;
}
.section-image.layout-2:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16vw;
}
.section-image.layout-2.margin-upper:after {
height: 9vw;
}
.section-image.layout-2.upper-bg-light-blue:after {
background: #dce5e8;
}
.section-image.layout-2.upper-bg-blue:after {
background: #a8bfc5;
}
.section-image.layout-2.upper-bg-green:after {
background: #1a4950;
}
.section-image.layout-2.upper-bg-white:after {
background: #fff;
}
.section-image-bg {
position: relative;
width: 100%;
}
.section-image.layout-1 .section-image-bg {
height: 44.5vw;
}
.section-image.layout-2 .section-image-bg {
height: 40.6vw;
z-index: 15;
}
.section-image-overlay:before {
content: "";
position: absolute;
top: 33.3333%;
left: 0;
right: 0;
bottom: 33.3333%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
z-index: 1;
opacity: 0.4;
}
.section-image-overlay:after {
content: "";
position: absolute;
top: 0;
left: 33.3333%;
right: 33.3333%;
bottom: 0;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
z-index: 1;
opacity: 0.4;
}
.section-image-crosses {
position: absolute;
bottom: 33.3333%;
right: 33.3333%;
width: 6.3vw;
height: 6.9vw;
transform: translate(135%, 50%);
}
.section-image-crosses svg {
display: block;
width: 100%;
height: 100%;
stroke: #fff;
}
@media screen and (max-width: 900px) {
.section-image.layout-2 {
padding: 14vw 9.8vw;
}
.section-image.layout-2:after {
height: 32vw;
}
.section-image.layout-2.margin-upper:after {
height: 18vw;
}
} .section-video {
position: relative;
padding: 7vw 9.8vw;
}
.section-video.bg-light-blue {
background: #dce5e8;
}
.section-video.bg-blue {
background: #a8bfc5;
}
.section-video.bg-green {
background: #1a4950;
}
.section-video.bg-white {
background: #fff;
}
.section-video.margin-upper {
padding-top: 0;
}
.section-video.margin-lower {
padding-bottom: 0;
}
.section-video:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16vw;
}
.section-video.margin-upper:after {
height: 9vw;
}
.section-video.upper-bg-light-blue:after {
background: #dce5e8;
}
.section-video.upper-bg-blue:after {
background: #a8bfc5;
}
.section-video.upper-bg-green:after {
background: #1a4950;
}
.section-video.upper-bg-white:after {
background: #fff;
}
.section-video-inner {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.5%;
background: #000;
z-index: 20;
}
.section-video-poster {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-video-play {
display: block;
width: 5.5vw;
height: 5.5vw;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.2s ease;
cursor: pointer;
border-radius: 50%;
transform: translateY(-50%);
}
.section-video-play:hover {
background: rgba(255, 255, 255, 0.25);
}
.section-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-video-container iframe {
display: block;
width: 100%;
height: 100%;
}
.section-video.video-active .section-video-poster {
display: none;
}
.section-video.video-active .section-video-play {
display: none;
}
.section-video.video-active .section-video-container {
z-index: 25;
}
.section-video-crosses {
position: absolute;
top: -3.45vw;
right: -3.25vw;
width: 6.3vw;
height: 6.9vw;
z-index: 20;
}
.section-video-crosses svg {
stroke: #fff;
}
@media screen and (max-width: 900px) {
.section-video {
padding: 14vw 9.8vw;
}
.section-video:after {
height: 32vw;
}
.section-video.margin-upper:after {
height: 18vw;
}
.section-video-inner {
padding-bottom: 56.5%;
}
.section-video-play {
width: 11vw;
height: 11vw;
}
.section-video-crosses {
top: -6.9vw;
right: -6.5vw;
width: 12.6vw;
height: 13.8vw;
}
} .section-map {
position: relative;
padding: 7vw 9.8vw;
}
.section-map.bg-light-blue {
background: #dce5e8;
}
.section-map.bg-blue {
background: #a8bfc5;
}
.section-map.bg-green {
background: #1a4950;
}
.section-map.bg-white {
background: #fff;
}
.section-map.bg-black {
background: #1a1a1a;
}
.section-map.margin-upper {
padding-top: 0;
}
.section-map.margin-lower {
padding-bottom: 0;
}
.section-map:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16vw;
}
.section-map.margin-upper:after {
height: 9vw;
}
.section-map.upper-bg-light-blue:after {
background: #dce5e8;
}
.section-map.upper-bg-blue:after {
background: #a8bfc5;
}
.section-map.upper-bg-green:after {
background: #1a4950;
}
.section-map.upper-bg-white:after {
background: #fff;
}
.section-map-inner {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.5%;
background: #1a1a1a;
z-index: 20;
}
.section-map-inner .map {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media screen and (max-width: 900px) {
.section-map {
padding: 14vw 9.8vw;
}
.section-map:after {
height: 32vw;
}
.section-map.margin-upper:after {
height: 18vw;
}
} .section-people {
display: block;
position: relative;
padding: 7vw 9.8vw;
background: #fff;
}
.section-people-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 7vw;
}
.section-people-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0;
position: relative;
z-index: 20;
}
.section-people-person {
display: block;
width: 25%;
position: relative;
margin: 0;
}
.section-people-person-under {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.section-people-person-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #fff;
}
.section-people-person-text {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1.8vw;
}
.section-people-person-heading {
position: relative;
color: #fff;
font-size: 1.6vw;
margin-bottom: 0.1vw;
}
.section-people-person-job {
position: relative;
color: #fff;
font-size: 1.0vw;
margin-bottom: 0;
}
.section-people-person-over {
position: relative;
min-height: 17.5vw;
display: flex;
flex-wrap: wrap;
height: 100%;
background: #dce5e8;
border: 2px solid #fff;
opacity: 0;
transition: opacity 0.5s ease;
overflow: hidden;
}
.section-people-person-description {
padding: 1.8vw 1.8vw 5.6vw;
margin-bottom: 0;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-people-person-description p {
margin-bottom: 0;
}
.section-people-person-over a {
display: inline-block;
position: absolute;
left: 1.8vw;
bottom: 1.8vw;
width: 2vw;
height: 2vw;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-people-person-over a svg {
display: block;
width: 100%;
}
.section-people-person:hover .section-people-person-over {
opacity: 1;
}
.section-people-person:hover .section-people-person-over .section-people-person-description {
opacity: 1;
transform: translateY(0);
transition-delay: 0.01s;
}
.section-people-person:hover .section-people-person-over a {
opacity: 1;
transform: translateY(0);
transition-delay: 0.1s;
}
.section-people-careers {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 25%;
padding: 1.8vw;
min-height: 17.5vw;
background: #dce5e8;
border: 2px solid #fff;
}
.section-people-careers-heading {
font-size: 1.6vw;
margin-bottom: 0.1vw;
}
.section-people-careers-subheading {
font-size: 1.0vw;
margin-bottom: 1vw;
}
.section-people-careers-body {
width: 100%;
margin-bottom: 1vw;
}
.section-people .crosses.crosses-top-left {
top: 12.5vw;
left: -0.8vw;
width: 10.9vw;
}
.section-people .crosses.crosses-bottom-left {
bottom: 17vw;
left: -0.8vw;
width: 10.9vw;
}
.section-people .crosses.crosses-middle-right {
top: 36.5vw;
right: -0.8vw;
width: 10.9vw;
}
@media screen and (max-width: 900px) {
.section-people {
padding: 14vw 9.8vw;
}
.section-people-heading {
max-width: 100%;
margin: 0 auto 14vw;
}
.section-people-person {
width: 50%;
}
.section-people-person-text {
padding: 3.6vw;
min-height: 35vw;
}
.section-people-person-heading {
font-size: 4vw;
margin-bottom: 0.2vw;
}
.section-people-person-job {
font-size: 2.5vw;
}
.section-people-person-over {
min-height: 35vw;
}
.section-people-person-description {
padding: 3.6vw 3.6vw 11.2vw;
}
.section-people-person-over a {
left: 3.6vw;
bottom: 3.6vw;
width: 4vw;
height: 4vw;
}
.section-people-careers {
width: 50%;
padding: 3.6vw;
min-height: 35vw;
}
.section-people-careers-heading {
font-size: 4vw;
margin-bottom: 0.2vw;
}
.section-people-careers-subheading {
font-size: 2.5vw;
margin-bottom: 2vw;
}
.section-people-careers-body {
margin-bottom: 2vw;
}
.section-people .crosses.crosses-top-left {
top: 25vw;
left: -1.6vw;
width: 21.8vw;
}
.section-people .crosses.crosses-bottom-left {
bottom: 34vw;
left: -1.6vw;
width: 21.8vw;
}
.section-people .crosses.crosses-middle-right {
top: 73vw;
right: -1.6vw;
width: 21.8vw;
}
} .section-specialisms {
display: block;
position: relative;
padding: 7vw 9.8vw;
background: #fff;
}
.section-specialisms-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 7vw;
}
.section-specialisms-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0;
position: relative;
z-index: 20;
}
.section-specialisms-specialism {
display: block;
width: 25%;
position: relative;
margin: 0;
overflow: hidden;
}
.section-specialisms-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 2px solid #fff;
}
.section-specialisms-over {
display: flex;
flex-direction: column;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
position: relative;
flex-grow: 1;
}
.section-specialisms-over-text {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 1.8vw;
min-height: 17.5vw;
color: #1a4950;
}
.section-specialisms-over .section-specialisms-inner {
width: 100%;
}
.section-specialisms-over .section-specialisms-inner-heading {
position: relative;
font-size: 1.6vw;
margin-bottom: 1vw;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-specialisms-over .section-specialisms-inner-body {
position: relative;
font-size: 1.0vw;
margin-bottom: 1vw;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-specialisms-over span.button {
background: #1a4950 !important;
color: #fff !important;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.events-carousel .slick-track {
display: flex;
}
.events-carousel .slick-track .slick-slide {
height: auto;
}
.events-carousel .slick-track .slick-slide a {
display: flex;
height: 100%;
}
.events-carousel .slick-track .slick-slide .section-specialisms-over-text {
height: 100%;
}
.events-carousel .section-specialisms-over span.button {
background: transparent !important;
color: #fff !important;
border: 1px solid #fff;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease, background-color 0.5s ease, color 0.5s  ease;
transition-delay: 0.01s;
}
.events-carousel .section-specialisms-over span.button:hover,
.events-carousel .section-specialisms-over span.button:focus {
background: #fff !important;
color: #16393e !important;
border: 1px solid #fff;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.events-carousel .section-specialisms-over-text {
color: #fff;
}
.events-carousel .section-specialisms-image {
border: 0;
}
.events-carousel .slick-arrow,
.image-carousel .slick-arrow {
position: absolute;
top: -70px;
width: 50px;
height: 50px;
z-index: 2;
}
.events-carousel .slick-arrow svg polyline,
.image-carousel .slick-arrow svg polyline {
transition: all 0.5s ease;
}
.events-carousel .slick-arrow:hover svg polyline,
.image-carousel .slick-arrow:hover svg polyline {
stroke: #fff;
}
.events-carousel .slick-arrow svg circle,
.image-carousel .slick-arrow svg circle {
transition: all 0.5s ease;
}
.events-carousel .slick-arrow:hover svg circle,
.image-carousel .slick-arrow:hover svg circle {
fill: #16393e;
}
.events-carousel li.section-specialisms-specialism {
margin-left: 12px;
margin-right: 12px;
width: calc(25% - 24px);
}
.section-specialisms-list.events-carousel {
margin-left: -12px;
margin-right: -12px;
}
.events-carousel .slick-arrow.slick-prev,
.image-carousel .slick-arrow.slick-prev {
right: 74px;
transform: rotate(180deg);
}
.events-carousel .slick-arrow.slick-next,
.image-carousel .slick-arrow.slick-next {
right: 12px;
}
.section-specialisms-list.events-carousel:before,
.section-specialisms-list.events-carousel:after {
content: "";
position: absolute;
width: 50vw;
top: -25%;
bottom: -25%;
height: 150%;
z-index: 1;
content: none;
}
.section-specialisms-list.events-carousel:before {
left: -50%;
border-radius: 0 10% 10% 0; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(212,223,227,0.7) 82%,rgba(125,185,232,0) 100%); }
.section-specialisms-list.events-carousel:after {
right: -50%;
border-radius: 10% 0  0 10%; background: linear-gradient(to left,  rgba(255,255,255,1) 0%,rgba(212,223,227,0.7) 82%,rgba(125,185,232,0) 100%); }
@media (max-width: 991px) {
.section-specialisms-list.events-carousel:before,
.section-specialisms-list.events-carousel:after {
height: 120%;
bottom: -10%;
top: -10%;
}
.events-carousel .slick-arrow,
.image-carousel .slick-arrow {
height: 40px;
width: 40px;
}
.events-carousel .slick-arrow.slick-prev,
.image-carousel .slick-arrow.slick-prev {
right: 66px;
}
}
@media (max-width: 767px) {
.events-carousel .slick-arrow,
.image-carousel .slick-arrow {
top: -55px;
}
}
@media (max-width: 575px) {
.events-carousel li.section-specialisms-specialism {
margin-left: 10px;
margin-right: 10px;
width: calc(50% - 20px);
}
.section-specialisms-list.events-carousel {
margin-left: -10px;
margin-right: -10px;
padding-top: 50px;
}
.section-specialisms-list.events-carousel:before,
.section-specialisms-list.events-carousel:after {
height: 90%;
bottom: 20%;
}
.events-carousel .slick-arrow,
.image-carousel .slick-arrow {
height: 30px;
width: 30px;
top: 0;
}
.events-carousel .slick-arrow.slick-prev,
.image-carousel .slick-arrow.slick-prev {
right: 55px;
}
}
.events-carousel .section-specialisms-over-text {
background: #16393e;
}
.section-specialisms-specialism:hover .section-specialisms-over {
opacity: 1;
}
.section-specialisms-specialism:hover .section-specialisms-over .section-specialisms-inner-heading {
opacity: 1;
transform: translateY(0);
transition-delay: 0.01s;
}
.section-specialisms-specialism:hover .section-specialisms-over .section-specialisms-inner-body {
opacity: 1;
transform: translateY(0);
transition-delay: 0.1s;
}
.section-specialisms-specialism:hover .section-specialisms-over span.button {
opacity: 1;
transform: translateY(0);
transition-delay: 0.2s;
}
.section-specialisms-under-text {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1.8vw;
color: #fff;
}
.section-specialisms-under .section-specialisms-inner-heading {
position: relative;
font-size: 1.6vw;
margin-bottom: 0;
}
.section-specialisms .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-specialisms .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-specialisms .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-specialisms .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
.bg-lines.section-specialism-lines-top-left {
top: 0;
left: -35vw;
}
@media screen and (max-width: 900px) {
.section-specialisms {
padding: 14vw 9.8vw;
}
.section-specialisms-heading {
max-width: 100%;
margin: 0 auto 14vw;
}
.section-specialisms-specialism {
width: 50%;
}
.section-specialisms-over-text {
padding: 3.6vw;
min-height: 35vw;
}
.section-specialisms-over .section-specialisms-inner-heading {
font-size: 4vw;
margin-bottom: 2vw;
}
.section-specialisms-over .section-specialisms-inner-body {
font-size: 2.5vw;
margin-bottom: 2vw;
}
.section-specialisms-under-text {
padding: 3.6vw;
}
.section-specialisms-under .section-specialisms-inner-heading {
font-size: 4vw;
margin-bottom: 0;
}
.section-specialisms .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-specialisms .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-specialisms .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-specialisms .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
.bg-lines.section-specialism-lines-top-left {
left: -70vw;
}
} .section-partners {
display: block;
position: relative;
padding: 7vw 9.8vw;
background: #fff;
}
.section-partners.margin-upper {
padding-top: 0;
}
.section-partners.margin-lower {
padding-bottom: 0;
}
.section-partners:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 16vw;
z-index: 15;
}
.section-partners.margin-upper:after {
height: 9vw;
}
.section-partners.upper-bg-light-blue:after {
background: #dce5e8;
}
.section-partners.upper-bg-blue:after {
background: #a8bfc5;
}
.section-partners.upper-bg-white:after {
background: #fff;
}
.section-partners-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0;
position: relative;
z-index: 20;
}
.section-partners-partner {
display: block;
width: 25%;
position: relative;
margin: 0;
overflow: hidden;
border: 2px solid #fff;
}
.section-partners-partner:nth-child(4n-3) {
border-left: none;
}
.section-partners-partner:nth-child(4n-4) {
border-right: none;
}
.section-partners-partner:nth-child(1) {
border-top: none;
}
.section-partners-partner:nth-child(2) {
border-top: none;
}
.section-partners-partner:nth-child(3) {
border-top: none;
}
.section-partners-partner:nth-child(4) {
border-top: none;
}
.section-partners-logo {
width: 14vw;
height: 4.5vw;
position: relative;
}
.section-partners-logo div {
background-size: contain;
background-position: center left;
}
.section-partners-over {
display: flex;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease;
background: #1a4950;
position: relative;
}
.section-partners-over-text {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding: 1.8vw;
min-height: 17.5vw;
color: #1a4950;
}
.section-partners-over .section-partners-inner {
width: 100%;
}
.section-partners-over .section-partners-logo {
margin-bottom: 1vw;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-partners-over .section-partners-body {
position: relative;
font-size: 1.0vw;
margin-bottom: 1vw;
color: #fff;
width: 100%;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-partners-over span.button {
background: #fff !important;
color: #1a4950 !important;
opacity: 0;
transform: translateY(50px);
transition: transform 0.5s ease, opacity 0.5s ease;
transition-delay: 0.01s;
}
.section-partners-partner:hover .section-partners-over {
opacity: 1;
}
.section-partners-partner:hover .section-partners-over .section-partners-logo {
opacity: 1;
transform: translateY(0);
transition-delay: 0.01s;
}
.section-partners-partner:hover .section-partners-over .section-partners-body {
opacity: 1;
transform: translateY(0);
transition-delay: 0.1s;
}
.section-partners-partner:hover .section-partners-over span.button {
opacity: 1;
transform: translateY(0);
transition-delay: 0.2s;
}
.section-partners-under {
display: flex;
flex-direction: column;
justify-content: flex-end;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 1.8vw;
color: #fff;
background: #1a4950;
}
.section-partners-under .section-partners-logo {
position: absolute;
bottom: 1.8vw;
left: 1.8vw;
}
.section-partners-more {
display: none;
text-align: center;
margin-top: 5.4vw;
}
.bg-lines.section-partners-lines-top-left {
top: 0;
left: -35vw;
}
.section-partners.collapsed .section-partners-more {
display: block;
}
.section-partners .section-partners-partner.hidden {
display: none !important;
}
.section-partners .section-partners-partner {
display: block;
}
@media screen and (max-width: 900px) {
.section-partners {
padding: 14vw 9.8vw;
}
.section-partners:after {
height: 32vw;
}
.section-partners.margin-upper:after {
height: 18vw;
}
.section-partners-partner {
width: 50%;
}
.section-partners-partner:nth-child(2n-1) {
border-left: none;
}
.section-partners-partner:nth-child(2n-2) {
border-right: none;
}
.section-partners-partner:nth-child(3) {
border-top: 2px solid #fff;
}
.section-partners-partner:nth-child(4) {
border-top: 2px solid #fff;
}
.section-partners-logo {
width: 28vw;
height: 9vw;
}
.section-partners-over-text {
padding: 3.6vw;
min-height: 35vw;
}
.section-partners-over .section-partners-logo {
margin-bottom: 2vw;
}
.section-partners-over .section-partners-body {
font-size: 2.5vw;
margin-bottom: 2vw;
}
.section-partners-under {
padding: 3.6vw;
}
.section-partners-under .section-partners-logo {
bottom: 3.6vw;
left: 3.6vw;
}
.section-partners-more {
margin-top: 10.8vw;
}
.bg-lines.section-partners-lines-top-left {
left: -70vw;
}
} .section-testimonials {
padding: 7vw 14.7vw;
position: relative;
z-index: 15;
}
.section-testimonials.bg-light-blue {
background: #dce5e8;
color: #1a4950;
}
.section-testimonials.bg-green {
background: #1a4950;
color: #fff;
}
.section-testimonials-inner {
margin: 0 0 4vw;
}
.section-testimonials-inner:only-child {
margin: 0;
}
.section-testimonials-quote {
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 1.4vw;
margin-bottom: 0;
line-height: 1.4;
text-transform: uppercase;
font-style: italic;
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin-left: auto;
margin-right: auto;
}
.section-testimonials-attribution {
width: 100%;
max-width: 44vw;
margin: 2.9vw auto 0;
text-align: center;
}
.section-testimonials-attribution cite {
text-align: center;
margin-bottom: 0;
}
.section-testimonials-carousel ul.slick-dots {
display: flex;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0;
}
.section-testimonials-carousel ul.slick-dots li {
position: relative;
padding: 0;
display: block;
width: 0.9vw;
height: 0.9vw;
border-radius: 50%;
border: 1px solid #1a4950;
cursor: pointer;
margin: 0 0.5vw;
background: transparent;
}
.section-testimonials-carousel ul.slick-dots li.slick-active {
background: #1a4950;
}
.section-testimonials.bg-green .section-testimonials-carousel ul.slick-dots li {
border-color: #fff;
}
.section-testimonials.bg-green .section-testimonials-carousel ul.slick-dots li.slick-active {
background: #fff;
}
.section-testimonials-carousel ul.slick-dots li:before {
display: none;
}
.section-testimonials-carousel ul.slick-dots li button {
display: block;
width: 0.9vw;
height: 0.9vw;
border-radius: 50%;
visibility: hidden;
cursor: pointer;
}
.section-testimonials .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-testimonials .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-testimonials .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-testimonials .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
@media screen and (max-width: 900px) {
.section-testimonials {
padding: 14vw 9.8vw;
}
.section-testimonials-inner {
margin: 0 0 8vw;
}
.section-testimonials-inner:only-child {
margin: 0;
}
.section-testimonials-quote {
font-size: 3.5vw;
max-width: 100%;
}
.section-testimonials-attribution {
max-width: 100%;
margin: 5.8vw auto 0;
}
.section-testimonials-carousel ul.slick-dots li {
width: 1.8vw;
height: 1.8vw;
margin: 0 1vw;
}
.section-testimonials-carousel ul.slick-dots li button {
width: 1.8vw;
height: 1.8vw;
}
.section-testimonials .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-testimonials .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-testimonials .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-testimonials .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
} #product-filter {
position: relative;
}
#product-filter .product-filter-inner {
transition: opacity 0.2s linear;
}
.product-nav, .product-filter {
padding: 5.2vw 14.7vw 7vw;
position: relative;
z-index: 15;
background: #1a4950;
color: #fff;
}
.product-nav-level {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.product-nav-level a.button {
margin: 1.8vw 0.9vw 0;
}
.product-nav-level a.button.active {
background: #fff;
color: #1a4950;
}
.product-nav .popper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product-list {
display: block;
position: relative;
padding: 7vw 9.8vw;
background: #fff;
}
.product-list-inner {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0;
position: relative;
z-index: 20;
}
.product-list-term {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 25%;
position: relative;
margin: 0;
background: #1a4950;
color: #fff;
padding: 2.6vw;
border: 2px solid #fff;
}
.product-list-term-count {
margin: 0;
}
.product-list-product {
display: block;
width: 25%;
position: relative;
margin: 0;
border: 2px solid #fff;
}
.product-list-product a {
display: block;
height: 100%;
border: 1px solid #1a4950;
text-align: center;
padding: 2.6vw;
position: relative;
}
.product-list-product-image {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 17vw;
}
.product-list-product-name {
font-size: 1.2vw;
margin: 16.75vw auto 4.4vw;
transform: translateY(3.5vw);
}
.product-list-product-button {
position: absolute;
bottom: 2.6vw;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
}
.product-list-product a:hover .product-list-product-button {
opacity: 1;
}
.product-list-product a:hover .product-list-product-name {
transform: translateY(0);
}
.product-list-empty {
margin: 0 auto;
}
.bg-lines.product-list-bottom-right {
top: -31vw;
right: -62vw;
transform: rotateY(180deg);
}
@media screen and (max-width: 900px) {
.product-nav {
padding: 10.4vw 9.8vw 14vw;
}
.product-nav-level a.button {
margin: 3.6vw 1.8vw 0;
}
.product-list {
padding: 14vw 9.8vw;
}
.product-list-term {
width: 50%;
padding: 5.2vw;
}
.product-list-product {
width: 50%;
}
.product-list-product a {
padding: 5.2vw;
}
.product-list-product-image {
height: 34vw;
}
.product-list-product-name {
font-size: 3vw;
margin: 33.5vw auto 8.8vw;
transform: translateY(7vw);
}
.bg-lines.product-list-bottom-right {
top: -62vw;
right: -124vw;
}
} .product-main {
position: relative;
background: #1a4950;
padding: 0 9.8vw 7vw;
}
.product-main-inner {
display: flex;
align-items: flex-start;
position: relative;
background: #fff;
padding: 5.6vw 7.5vw;
margin-top: -7vw;
z-index: 25;
}
.product-main-left {
width: 42%;
padding-right: 7.5vw;
}
.product-main-right {
width: 58%;
}
.product-main-breadcrumbs {
font-size: 0.9vw;
margin-bottom: 1.4vw;
line-height: 1.4;
}
.product-main-breadcrumbs a:hover {
text-decoration: underline;
}
.product-main-overview {
font-weight: 400;
font-family: 'Neue Haas Regular', sans-serif;
}
.product-main-contact {
margin: 1.8vw 0 2.9vw;
}
.product-main-video-heading {
font-size: 1.2vw;
margin: 2.9vw 0 1.4vw;
}
.product-main-video {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.5%;
background: #000;
}
.product-main-video+.product-main-video {
margin-top: 1.4vw;
}
.product-main-video-poster {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.product-main-video-play {
display: block;
width: 5.5vw;
height: 5.5vw;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
transition: all 0.2s ease;
cursor: pointer;
border-radius: 50%;
transform: translateY(-50%);
}
.product-main-video-play:hover {
background: rgba(255, 255, 255, 0.25);
}
.product-main-video-container {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.product-main-video-container iframe {
display: block;
width: 100%;
height: 100%;
}
.product-main-video.video-active .product-main-video-poster {
display: none;
}
.product-main-video.video-active .product-main-video-play {
display: none;
}
.product-main-video.video-active .product-main-video-container {
z-index: 25;
}
.product-main-articles-heading {
font-size: 1.2vw;
margin: 2.9vw 0 1.4vw;
}
.product-main-articles-list li {
display: inline;
padding-right: 1vw;
}
.product-main-articles-list li a:hover {
text-decoration: underline;
}
.product-main-related-heading {
font-size: 1.2vw;
margin: 2.9vw 0 1.4vw;
}
.product-main-related {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
margin: 0 -2px;
position: relative;
}
.product-main-related-product {
display: block;
width: 33.3333%;
position: relative;
margin: 0;
border: 2px solid #fff;
}
.product-main-related-product a {
display: block;
height: 100%;
border: 1px solid #1a4950;
text-align: center;
padding: 1.8vw;
position: relative;
}
.product-main-related-product-image {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 10vw;
}
.product-main-related-product-name {
font-size: 0.8vw;
margin: 11.25vw auto 0;
}
.product-main-carousel-main {
width: 100%;
height: 17vw;
position: relative;
}
.product-main-carousel-slide {
width: 100%;
height: 17vw;
position: relative;
}
.product-main-carousel-slide .lazy-bg {
background-size: contain;
background-position: 50% 50%;
}
.product-main-carousel-nav {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin: 1.4vw 0 3.6vw;
}
.product-main-carousel-nav-item {
width: 25%;
height: 5vw;
position: relative;
}
.product-main-carousel-nav-item-inner {
height: 5vw;
position: relative;
cursor: pointer;
}
.product-main-downloads {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.product-main-downloads a.button {
margin-bottom: 1.8vw;
position: relative;
padding-right: 2.8vw;
}
.product-main-downloads a.button svg {
display: block;
width: 0.8vw;
height: 0.8vw;
position: absolute;
top: 0.8vw;
right: 1.2vw;
}
.product-main-information {
border-left: 1px solid #1a4950;
border-right: 1px solid #1a4950;
width: 100%;
}
.product-main-information thead th {
background: #1a4950;
color: #fff;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 0.8vw;
line-height: 1.15;
text-transform: uppercase;
padding: 0.8vw 1.2vw;
}
.product-main-information tbody th {
padding: 0.8vw 1.2vw;
font-size: 0.7vw;
width: 50%;
border-right: 1px solid #1a4950;
border-bottom: 1px solid #1a4950;
}
.product-main-information tbody td {
padding: 0.8vw 1.2vw;
font-size: 0.7vw;
width: 50%;
border-bottom: 1px solid #1a4950;
}
.product-main-information tbody tr:nth-child(even) th {
background: #dce5e8;
}
.product-main-information tbody tr:nth-child(even) td {
background: #dce5e8;
}
.product-main-right .product-main-carousel {
display: none;
}
.product-main-right .product-main-downloads {
display: none;
}
.product-main-right .product-main-information {
display: none;
}
.bg-lines.product-main-bottom-right {
top: -31vw;
right: -62vw;
transform: rotateY(180deg);
}
@media screen and (max-width: 900px) {
.product-main {
padding: 0 0 14vw;
}
.product-main-inner {
flex-wrap: wrap;
padding: 11.2vw 9.8vw;
margin-top: -14vw;
}
.product-main-left {
display: none;
}
.product-main-right {
width: 100%;
}
.product-main-breadcrumbs {
font-size: 2.3vw;
margin-bottom: 5.8vw;
}
.product-main-contact {
margin: 3.6vw 0 5.8vw;
}
.product-main-video+.product-main-video {
margin-top: 2.8vw;
}
.product-main-video-heading {
font-size: 3vw;
margin: 5.8vw 0 2.8vw;
}
.product-main-video-play {
width: 11vw;
height: 11vw;
}
.product-main-articles-heading {
font-size: 3vw;
margin: 5.8vw 0 2.8vw;
}
.product-main-articles-list li {
display: block;
padding-right: 0;
margin: 0;
}
.product-main-related-heading {
font-size: 3vw;
margin: 5.8vw 0 2.8vw;
}
.product-main-related-product {
width: 33.3333%;
}
.product-main-related-product a {
padding: 3.6vw;
}
.product-main-related-product-image {
height: 20vw;
}
.product-main-related-product-name {
font-size: 2vw;
margin: 22.5vw auto 0;
}
.product-main-right .product-main-carousel {
display: block;
}
.product-main-carousel-main {
height: 34vw;
}
.product-main-carousel-slide {
height: 34vw;
}
.product-main-carousel-nav {
margin: 2.8vw 0 7.2vw;
}
.product-main-carousel-nav-item {
width: 12.5%;
height: 10vw;
}
.product-main-carousel-nav-item-inner {
height: 10vw;
}
.product-main-right .product-main-downloads {
display: flex;
}
.product-main-downloads {
margin-top: 5.8vw;
}
.product-main-downloads a.button {
margin-bottom: 5.8vw;
padding-right: 5.6vw;
}
.product-main-downloads a.button svg {
width: 1.8vw;
height: 1.8vw;
top: 1.8vw;
right: 2.4vw;
}
.product-main-right .product-main-information {
display: table;
}
.product-main-information thead th {
font-size: 2.4vw;
padding: 1.6vw 2.4vw;
}
.product-main-information tbody th {
padding: 1.6vw 2.4vw;
font-size: 2.8vw;
}
.product-main-information tbody td {
padding: 1.6vw 2.4vw;
font-size: 2.8vw;
}
.bg-lines.product-main-bottom-right {
top: -62vw;
right: -124vw;
}
}  .section-articles {
position: relative;
}
.section-articles-filter {
text-align: center;
padding: 7vw 9.8vw 5.2vw;
position: relative;
color: #1a4950;
background: #dce5e8;
}
.section-articles-filter-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto 2.9vw;
}
.section-articles-filter-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
margin: 0;
}
.section-articles-filter-links li {
display: block;
vertical-align: top;
white-space: nowrap;
margin: 0;
}
.section-articles-filter-links li a {
margin: 0 0.9vw 1.8vw;
}
.section-articles-filter-links li a.button.active {
background: #1a4950;
color: #fff;
}
.section-articles-heading {
position: relative;
width: 100%;
max-width: 44vw;
text-align: center;
z-index: 20;
margin: 0 auto;
padding: 7vw 0;
}
.section-articles-main {
position: relative;
padding: 0 6.675vw 1.8vw;
}
.section-articles-main .popper {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
z-index: 25;
}
.section-articles-filter+.section-articles-main:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 9vw;
background: #dce5e8;
}
.section-articles-list-wrapper {
transition: opacity 0.2s linear;
}
.section-articles-list {
display: flex;
flex-wrap: wrap;
}
.section-articles-list article {
transition: opacity 0.2s linear;
}
.section-articles-more {
padding: 1.8vw 0 5.2vw;
text-align: center;
margin: 0 auto;
}
.section-articles-more a {
display: inline-block;
border: none;
border-radius: 0;
cursor: pointer;
margin: 0 auto;
transition: transform 0.2s linear;
}
.section-articles-more a span {
display: inline-block;
color: #1a4950;
text-decoration: underline;
}
.section-articles-more a:hover span {
text-decoration: none;
}
.section-articles-more .popper {
position: relative;
top: 0;
left: 50%;
margin-left: -2vw;
transform: none;
}
.section-articles-list-empty {
padding: 0 0 5.2vw;
margin: 0 auto;
position: relative;
z-index: 20;
}
.bg-lines.section-articles-lines-left {
top: 18vw;
left: -40vw;
}
.bg-lines.section-articles-bottom-right {
top: -31vw;
right: -62vw;
transform: rotateY(180deg);
}
.section-articles-teaser-crosses-right {
position: absolute;
top: -3.45vw;
right: -3.25vw;
width: 6.3vw;
height: 6.9vw;
z-index: 25;
}
.section-articles-teaser-crosses-right svg {
stroke: #1a4950 !important;
}
.section-articles-teaser-crosses-left {
position: absolute;
bottom: -3.45vw;
left: -3.25vw;
width: 6.3vw;
height: 6.9vw;
z-index: 25;
}
.section-articles-teaser-crosses-left svg {
stroke: #1a4950 !important;
}
.section-articles .crosses.crosses-top-left {
top: 1.75vw;
left: 11.2vw;
}
.section-articles .crosses.crosses-bottom-left {
bottom: 1.75vw;
left: 11.2vw;
}
.section-articles .crosses.crosses-top-right {
top: 1.75vw;
right: 11.2vw;
}
.section-articles .crosses.crosses-bottom-right {
bottom: 1.75vw;
right: 11.2vw;
}
@media screen and (max-width: 900px) {
.section-articles-filter {
padding: 14vw 9.8vw 10.4vw;
}
.section-articles-filter-heading {
max-width: 100%;
margin: 0 auto 5.8vw;
}
.section-articles-filter-links li a {
margin: 0 1.8vw 3.6vw;
}
.section-articles-heading {
max-width: 100%;
padding: 14vw 0;
}
.section-articles-main {
padding: 0 9.8vw 3.6vw;
}
.section-articles-filter+.section-articles-main:after {
height: 18vw;
}
.section-articles-more {
padding: 3.6vw 0 10.4vw;
}
.section-articles-more .popper {
margin-left: -4vw;
}
.section-articles-list-empty {
padding: 0 0 10.4vw;
}
.bg-lines.section-articles-lines-left {
top: 36vw;
left: -80vw;
}
.bg-lines.section-articles-bottom-right {
top: -62vw;
right: -124vw;
}
.section-articles-teaser-crosses-right {
top: -6.9vw;
right: -6.5vw;
width: 12.6vw;
height: 13.8vw;
}
.section-articles-teaser-crosses-left {
bottom: -6.9vw;
left: -6.5vw;
width: 12.6vw;
height: 13.8vw;
}
.section-articles .crosses.crosses-top-left {
top: 3.5vw;
left: 22.4vw;
}
.section-articles .crosses.crosses-bottom-left {
bottom: 3.5vw;
left: 22.4vw;
}
.section-articles .crosses.crosses-top-right {
top: 3.5vw;
right: 22.4vw;
}
.section-articles .crosses.crosses-bottom-right {
bottom: 3.5vw;
right: 22.4vw;
}
} .teaser {
width: 33.333333%;
position: relative;
margin-bottom: 5.2vw;
transition: opacity 0.2s linear;
padding: 0 3.125vw;
z-index: 20;
}
.teaser-link {
display: block;
}
.teaser-meta {
color: #1a4950;
margin-bottom: 1.6vw;
font-size: 0.8vw;
}
.teaser-image {
display: block;
width: 100%;
height: 13.5vw;
position: relative;
transition: opacity 0.2s linear;
margin-bottom: 1.6vw;
background: #1a4950;
}
.teaser-text {
display: block;
width: 100%;
}
.teaser-heading {
font-size: 1.1vw;
line-height: 1.25;
margin-bottom: 1.4vw;
}
.teaser-abstract {
font-size: 0.9vw;
margin: 0;
}
.teaser-abstract span {
font-family: 'Univers Bold Condensed', sans-serif;
font-size: 0.9vw;
line-height: 1.25;
text-transform: uppercase;
white-space: nowrap;
position: relative;
padding-right: 0.8vw;
}
.teaser-abstract span svg {
display: block;
position: absolute;
top: 0.225vw;
right: 0;
width: 0.6vw;
height: 0.6vw;
stroke: #1a4950;
}
.teaser.teaser-large {
width: 100%;
margin: 0 3.125vw 7vw;
background: #1a4950;
color: #fff;
padding: 0;
position: relative;
z-index: 20;
}
.teaser.teaser-large .teaser-link {
position: relative;
width: 100%;
padding-right: 50%;
min-height: 36vw;
}
.teaser.teaser-large .teaser-image {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 50%;
height: auto;
margin: 0;
}
.teaser.teaser-large .teaser-meta {
padding: 0 5.5vw;
margin-bottom: 1.6vw;
color: #fff;
}
.teaser.teaser-large .teaser-featured {
padding: 5.5vw 5.5vw 0;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 2.2vw;
margin-bottom: 2.9vw;
line-height: 1.15;
text-transform: uppercase;
}
.teaser.teaser-large .teaser-heading {
padding: 0 5.5vw;
font-size: 1.4vw;
margin-bottom: 1.8vw;
line-height: 1.3;
text-decoration: none !important;
}
.teaser.teaser-large .teaser-abstract {
padding: 0 5.5vw;
font-size: 1.1vw;
margin-bottom: 1.6vw;
}
.teaser.teaser-large .teaser-button {
padding: 0 5.5vw 5.5vw;
margin-bottom: 0;
}
.teaser a:hover .teaser-image {
opacity: 0.8;
}
.teaser a:hover .teaser-heading {
text-decoration: underline;
}
.teaser a:hover .teaser-abstract span {
text-decoration: underline;
}
@media screen and (max-width: 900px) {
.teaser {
width: 100%;
margin-bottom: 10.4vw;
padding: 0;
}
.teaser-meta {
margin-bottom: 3.2vw;
font-size: 2.3vw;
}
.teaser-image {
height: 47.7vw;
margin-bottom: 3.2vw;
}
.teaser-heading {
font-size: 3.5vw;
margin-bottom: 2.8vw;
}
.teaser-abstract {
font-size: 2.8vw;
}
.teaser-abstract span {
font-size: 2.3vw;
padding-right: 1.6vw;
}
.teaser-abstract span svg {
top: 0.8vw;
width: 1.4vw;
height: 1.4vw;
}
.teaser.teaser-large {
margin: 0 0 14vw;
}
.teaser.teaser-large .teaser-link {
padding-right: 0;
min-height: 0;
padding-top: 47.7vw;
}
.teaser.teaser-large .teaser-image {
width: 100%;
height: 47.7vw;
}
.teaser.teaser-large .teaser-meta {
padding: 0 11vw;
margin-bottom: 3.2vw;
}
.teaser.teaser-large .teaser-featured {
padding: 11vw 11vw 0;
font-size: 5.5vw;
margin-bottom: 5.8vw;
}
.teaser.teaser-large .teaser-heading {
padding: 0 11vw;
font-size: 3.5vw;
margin-bottom: 3.6vw;
}
.teaser.teaser-large .teaser-abstract {
padding: 0 11vw;
font-size: 2.8vw;
margin-bottom: 3.2vw;
}
.teaser.teaser-large .teaser-button {
padding: 0 11vw 11vw;
}
} .post-content {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 7vw 0;
background: #dce5e8;
}
.post-meta {
display: block;
width: 45%;
position: relative;
overflow: hidden;
padding: 0 9.8vw;
}
.post-meta-share h2 {
font-size: 1.4vw;
margin-bottom: 1.4vw;
}
.post-meta .share {
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 0 0 2.9vw;
}
.post-meta .share li {
margin: 0;
}
.post-meta .share li:after {
content: "|";
display: inline;
margin: 0 0.25vw;
}
.post-meta .share li:last-child:after {
display: none;
}
.post-meta .share li a:hover {
text-decoration: underline;
}
.post-content-inner {
width: 55%;
padding: 0 17vw 0 0;
}
.post-credit * {
color: #999;
margin-top: 2.9vw;
}
.post-buttons {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-top: 5.8vw;
}
.post-buttons a.button+a.button {
margin-left: 2.9vw;
}
.post-content-crosses-left {
top: 57vw;
left: 6.5vw;
width: 6.3vw;
height: 6.9vw;
}
.post-content-crosses-right {
top: 21.5vw;
right: -3.2vw;
width: 6.3vw;
height: 6.9vw;
}
.bg-lines.post-content-lines-left {
top: 22vw;
left: -60vw;
}
.post-links {
padding: 3.5vw 0 0;
}
.post-links.bg-light-blue {
background: #dce5e8;
}
.post-links.bg-blue {
background: #a8bfc5;
}
.post-links.bg-green {
background: #1a4950;
color: #fff;
}
.post-links.bg-white {
background: #fff;
}
.post-links-inner {
display: flex;
justify-content: space-between;
align-items: flex-start;
border-top: 1px solid #1a4950;
padding: 3.5vw 0 0 0;
position: relative;
}
.post-links-inner.next-only {
justify-content: flex-end;
}
.post-links.bg-green .post-links-inner {
border-top: 1px solid #fff;
}
.post-links-inner a {
width: 14vw;
}
.post-links-inner a span {
display: block;
}
.post-links-inner a span.header {
font-size: 0.8vw;
margin-bottom: 1.5vw;
line-height: 1.4;
}
.post-links-inner a span.title {
font-family: 'Univers Bold Condensed', sans-serif;
font-size: 1.1vw;
line-height: 1.25;
text-transform: uppercase;
}
.post-links-detailed .post-links {
padding: 0 9.8vw 7vw;
}
.post-links-detailed .post-links-button {
text-align: center;
margin-bottom: 7vw;
}
.post-links-detailed .post-links-inner a {
width: 17.5vw;
}
@media screen and (max-width: 900px) {
.post-content {
padding: 14vw 0;
}
.post-meta {
width: 100%;
padding: 0 9.8vw;
}
.post-meta-share h2 {
font-size: 3.5vw;
margin-bottom: 2.8vw;
}
.post-meta .share {
margin: 0 0 5.8vw;
}
.post-meta .share li {
margin: 0;
}
.post-meta .share li:after {
margin: 0 0.5vw;
}
.post-meta-back {
display: none;
}
.post-content-inner {
width: 100%;
padding: 0 9.8vw;
}
.post-credit * {
margin-top: 5.8vw;
}
.post-buttons {
margin-top: 11.6vw;
}
.post-buttons a.button+a.button {
margin-left: 5.8vw;
}
.post-content-crosses-left {
display: none;
}
.post-content-crosses-right {
top: 43vw;
right: -6.4vw;
width: 12.6vw;
height: 13.8vw;
}
.bg-lines.post-content-lines-left {
top: 44vw;
left: -120vw;
}
.post-links {
padding: 14vw 0 0;
}
.post-links-inner {
padding: 7vw 0 0 0;
position: relative;
}
.post-links-inner a {
width: 28vw;
}
.post-links-inner a span.header {
font-size: 2vw;
margin-bottom: 3vw;
}
.post-links-inner a span.title {
font-size: 2.8vw;
}
.post-links-detailed .post-links {
padding: 0 9.8vw 14vw;
}
.post-links-detailed .post-links-button {
margin-bottom: 14vw;
}
.post-links-detailed .post-links-inner a {
width: 35vw;
}
} #popup-box {
position: fixed;
bottom: 2vw;
right: 2vw;
background: transparent;
z-index: 500;
}
#popup-box-main {
display: none;
width: 18vw;
background: #dce5e8;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
margin: 0 2.6vw 2.6vw 0;
animation: scale-in-solid ease 0.2s both 1;
}
#popup-box-heading {
background: #1a4950;
color: #fff;
font-size: 0.9vw;
padding: 0.8vw 1.2vw;
margin: 0;
}
#popup-box-form {
padding: 1.2vw;
}
#popup-box-form p {
margin: 0;
}
#popup-box-close {
display: none;
background: #dce5e8;
border: none;
opacity: 0.7;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
width: 2.6vw;
height: 2.6vw;
border-radius: 0;
padding: 0.9vw;
position: absolute;
bottom: 0;
right: 0;
cursor: pointer;
animation: scale-in-solid ease 0.2s both 1;
}
#popup-box-close svg {
display: block;
width: 0.8vw;
height: 0.8vw;
stroke: #1a4950;
}
#popup-box-close:hover {
background: #1a4950;
opacity: 1;
}
#popup-box-close:hover svg {
stroke: #fff;
opacity: 1;
}
#popup-box-button {
background: #dce5e8;
color: #1a4950;
border: none;
opacity: 0.7;
box-shadow: 0 0 18px rgba(0, 0, 0, 0.4);
position: absolute;
bottom: 0;
right: 0;
white-space: nowrap;
animation: scale-in-solid ease 0.2s both 1;
}
#popup-box-button:hover {
background: #1a4950;
color: #fff;
opacity: 1;
}
#popup-box.active #popup-box-main {
display: block;
}
#popup-box.active #popup-box-close {
display: block;
}
#popup-box.active #popup-box-button {
display: none;
}
#popup-box-form .wpcf7 form .fields label {
margin-bottom: 0.5vw;
}
#popup-box-form .wpcf7 form .fields input[type="text"],
#popup-box-form .wpcf7 form .fields input[type="email"],
#popup-box-form .wpcf7 form .fields textarea {
font-size: 0.9vw;
padding: 0 0.6vw;
}
#popup-box-form .wpcf7 form .fields textarea {
height: 8vw;
padding: 0.5vw 0.6vw;
}
#popup-box-form .wpcf7 form .fields-button-row {
justify-content: flex-end;
}
#popup-box-form .wpcf7 form span.ajax-loader {
right: auto;
left: -1vw;
}
#popup-box-form .wpcf7 form span.wpcf7-not-valid-tip {
font-size: 0.8vw;
padding: 0.5vw 0;
}
#popup-box-form .wpcf7 form div.wpcf7-response-output {
font-size: 0.8vw;
padding: 0.5vw 1vw;
margin: 1vw 0 0;
}
#popup-box-form .wpcf7 form div.wpcf7-mail-sent-ok {
font-size: 0.8vw;
padding: 0.5vw 1vw;
}
@media screen and (max-width: 900px) {
#popup-box {
display: none;
}
} #search-box {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
z-index: 1500;
background: #1a4950;
animation: scale-in ease 0.2s both 1;
}
#search-box-inner {
position: relative;
width: 45%;
margin: 0 auto;
padding-top: 13.5vw;
padding-bottom: 100px;
}
#search-box-header {
width: 100%;
}
#search-close {
background: none;
border: none;
border-radius: 0;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 1.4vw;
margin: 0;
line-height: 1.15;
text-transform: uppercase;
padding: 0 1.5vw 0 0;
color: #fff;
position: relative;
float: right;
cursor: pointer;
}
#search-close svg {
display: block;
width: 1vw;
height: 1vw;
stroke: #fff;
position: absolute;
top: 0.3vw;
right: 0;
}
#search-box-input {
position: relative;
width: 100%;
border: none;
border-radius: 0;
color: #fff;
background: transparent;
border-bottom: 1px solid #fff;
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 1.8vw;
margin: 1.4vw 0 0;
line-height: 1.15;
text-transform: uppercase;
clear: both;
}
#search-box-count {
font-size: 0.8vw;
color: #fff;
float: right;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
max-height: 36vh;
overflow-y: auto;
overflow-x: hidden;
margin: 0;
border: none;
z-index: 2000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35vh, rgba(0, 0, 0, 0.2) 37vh);
line-height: 1.15;
width: 45%;
}
.ui-autocomplete li {
display: block;
color: #fff;
padding: 0;
margin: 0;
}
.ui-autocomplete li strong {
font-family: 'Univers Bold Condensed', sans-serif;
font-weight: 400;
font-size: 1.1vw;
margin: 0;
line-height: 1.15;
text-transform: uppercase;
}
.ui-autocomplete li em {
background: #fff;
color: #1a4950;
padding: 0 2px;
border-left: 2px solid #1a4950;
border-right: 2px solid #1a4950;
}
.ui-menu .ui-menu-item-wrapper {
padding: 0;
}
.ui-menu .ui-menu-item {
margin: 0 0 0.6vw;
}
.ui-menu .ui-menu-item:last-child {
margin: 0;
}
.ui-widget {
font-family: inherit;
font-size: inherit;
line-height: 1.15;
}
.ui-widget.ui-widget-content {
border: none;
}
html.search-active #main {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
}
html.search-active #footer {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
opacity: 0;
}
@media screen and (max-width: 900px) {
#search-box-inner {
width: auto;
padding-top: 10vw;
padding-bottom: 50px;
margin: 0 9.8vw;
}
#search-close {
font-size: 2.8vw;
padding: 0 3vw 0 0;
}
#search-close svg {
width: 2vw;
height: 2vw;
top: 0.6vw;
}
#search-box-input {
font-size: 3.6vw;
margin: 2.8vw 0 0;
}
#search-box-count {
font-size: 1.6vw;
}
.ui-autocomplete {
max-height: 100%;
height: auto;
background: none;
bottom: 30px;
}
.ui-autocomplete li strong {
font-size: 2.2vw;
}
.ui-autocomplete li em {
padding: 0 2px;
}
.ui-menu .ui-menu-item {
margin: 0 0 1.2vw;
}
.ui-menu {
width: 80.4vw !important;
}
} .lazy-bg {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
img.lazy {
font-size: 0;
opacity: 0;
}
img.lazy[src] {
opacity: 1;
}
.no-js .lazy {
display: none !important;
} @keyframes spin {
from {
transform: rotate(360deg);
}
}
.spinner {
width: 3vw;
height: 3vw;
display: block;
box-sizing: border-box;
cursor: pointer;
position: relative;
margin: 0 auto;
}
.spinner:before {
content: "";
top: 0;
left: 0;
display: block;
width: 3vw;
height: 3vw;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
}
.spinner:after {
content: "";
top: 0;
left: 0;
display: block;
width: 3vw;
height: 3vw;
position: absolute;
border-width: 0.4vw;
border-style: solid;
border-color: transparent;
border-radius: 50%;
box-sizing: border-box;
animation: spin 0.6s infinite linear;
border-top-color: #1a4950;
border-bottom-color: #1a4950;
}
@media screen and (max-width: 900px) {
.spinner {
width: 6vw;
height: 6vw;
}
.spinner:before {
width: 6vw;
height: 6vw;
}
.spinner:after {
width: 6vw;
height: 6vw;
border-width: 0.8vw;
}
} @keyframes popper {
from {
opacity: 1;
transform: scale(0.1);
}
to {
opacity: 0;
transform: scale(1);
}
}
.popper {
display: block;
width: 4vw;
height: 4vw;
background: none;
}
.popper:before {
content: "";
top: 0;
left: 0;
display: block;
width: 4vw;
height: 4vw;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
background-color: #1a4950;
animation: popper ease 1.25s both infinite 0.6s;
}
.popper:after {
content: "";
top: 0;
left: 0;
display: block;
width: 4vw;
height: 4vw;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
background-color: #fff;
animation: popper ease 1.25s both infinite 0.2s;
}
@media screen and (max-width: 900px) {
.popper {
width: 8vw;
height: 8vw;
}
.popper:before {
width: 8vw;
height: 8vw;
}
.popper:after {
width: 8vw;
height: 8vw;
}
} .wysiwyg h1 {
color: red;
}
.wysiwyg h1:before {
content: "** DO NOT USE H1 ** [";
}
.wysiwyg h1:after {
content: "]";
}
.wysiwyg h2 {
font-size: 1.2vw;
margin: 2.9vw 0 1.4vw;
}
.wysiwyg h3 {
font-size: 1.4vw;
margin-bottom: 1.4vw;
}
.wysiwyg ul {
list-style: none inside none;
margin-bottom: 1.6vw;
}
.wysiwyg ul li {
color: inherit;
margin-bottom: 0;
position: relative;
padding-left: 1vw;
}
.wysiwyg ul li:before {
content: "";
position: absolute;
top: 0.7vw;
left: 0;
width: 0.4vw;
height: 0.4vw;
border-radius: 50%;
background: #1a4950;
}
.wysiwyg ol {
list-style: decimal inside none;
margin-bottom: 1.6vw;
}
.wysiwyg ol li {
color: inherit;
margin-bottom: 0;
}
.wysiwyg strong {
font-weight: 400;
font-family: 'Neue Haas Regular', sans-serif;
}
.wysiwyg em {
font-style: italic;
}
.wysiwyg sup {
font-size: 75%;
vertical-align: top;
}
.wysiwyg a {
color: #1a4950;
text-decoration: underline;
}
.wysiwyg a:hover {
text-decoration: none;
}
.wysiwyg> :last-child {
margin-bottom: 0;
}
.bg-green .wysiwyg {
color: #fff;
}
.bg-green .wysiwyg ul li:before {
background: #fff;
}
@media screen and (max-width: 900px) {
.wysiwyg h2 {
font-size: 3vw;
margin: 5.8vw 0 2.8vw;
}
.wysiwyg h3 {
font-size: 3.5vw;
margin-bottom: 2.8vw;
}
.wysiwyg ul {
margin-bottom: 3.2vw;
}
.wysiwyg ul li {
padding-left: 2vw;
}
.wysiwyg ul li:before {
top: 1.4vw;
width: 0.8vw;
height: 0.8vw;
}
.wysiwyg ol {
margin-bottom: 3.2vw;
}
} a.button,
button.button,
a span.button {
display: inline-block;
position: relative;
width: auto;
border: 1px solid #1a4950;
border-radius: 0;
background: transparent;
cursor: pointer;
font-family: 'Univers Bold Condensed', sans-serif;
font-size: 1vw;
line-height: 1.15;
text-transform: uppercase;
color: #1a4950;
padding: 0.8vw 1.2vw;
text-decoration: none;
z-index: 20;
}
a.button svg,
button.button svg,
a span.button svg {
fill: #1a4950;
}
a.button:hover,
button.button:hover,
a:hover span.button {
background: #1a4950;
color: #fff;
}
a.button:hover svg,
button.button:hover svg,
a:hover span.button {
fill: #fff;
}
a.button-small,
button.button-small,
a span.button-small {
font-size: 0.8vw;
}
.bg-green a.button,
.bg-green button.button,
.bg-green a span.button {
color: #fff;
border-color: #fff;
background: #1a4950;
}
.bg-green a.button svg,
.bg-green button.button svg,
.bg-green a span.button svg {
fill: #fff;
}
.bg-green a.button:hover,
.bg-green button.button:hover,
.bg-green a:hover span.button {
background: #fff;
color: #1a4950;
}
.bg-green a.button:hover svg,
.bg-green button.button:hover svg,
.bg-green a:hover span.button svg {
fill: #1a4950;
}
.bg-black a.button,
.bg-black button.button,
.bg-black a span.button {
color: #fff;
border-color: #fff;
background: #1a1a1a;
}
.bg-black a.button svg,
.bg-black button.button svg,
.bg-black a span.button svg {
fill: #fff;
}
.bg-black a.button:hover,
.bg-black button.button:hover,
.bg-black a:hover span.button {
background: #fff;
color: #1a1a1a;
}
.bg-black a.button:hover svg,
.bg-black button.button:hover svg,
.bg-black a:hover span.button svg {
fill: #1a1a1a;
}
@media screen and (max-width: 900px) {
a.button,
button.button,
a span.button {
font-size: 2.5vw;
padding: 1.6vw 2.4vw;
}
a.button-small,
button.button-small,
a span.button-small {
font-size: 2.5vw;
}
} .demo-table-wrapper {
width: 90%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
}
.table-responsive {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.demo-table-wrapper table.table {
width: 100%;
border-collapse: collapse;
}
.demo-table-wrapper table.table a {
text-decoration: underline;
}
.demo-table-wrapper table.table a:hover {
color: #000;
}
table.border-dark {
border: 1px solid #1a4950;
border-bottom: 0;
}
.table-bordered>:not(caption)>*>* {
border-width: 0 1px;
}
.table>:not(caption)>*>* {
padding: 4.5rem 2rem;
text-align: center;
}
.demo-table-wrapper table.table thead tr th {
border: 1px solid #1a4950;
padding: 3.5rem 2rem;
}
.demo-table-wrapper table.table thead tr th > h2 {
margin-bottom: 0;
}
.demo-table-wrapper table.table tbody tr td {
border: 1px solid #1a4950;
}
.demo-table-wrapper table.table tbody tr td:first-child {
border-left: 0;
}
.demo-table-wrapper table.table tbody tr td:last-child {
border-right: 0;
}
.table-bordered>:not(caption)>* {
border-width: 1px 0;
}
.table>tbody {
vertical-align: inherit;
}
@media (max-width: 1399px) {
.table>:not(caption)>*>* {
padding: 2.5rem 1rem;
}
.demo-table-wrapper table.table thead tr th {
padding: 2.5rem 1rem;
}
}
@media (max-width: 767px) {
.table>:not(caption)>*>* {
padding: 1rem;
}
.demo-table-wrapper table.table thead tr th {
padding: 1rem;
}
} .image-carousel {
display: flex;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.image-wrapper {
width: 25%;
padding-left: 12px;
padding-right: 12px;
margin-top: 12px;
margin-bottom: 12px;
}
.image-wrapper > a {
display: block;
position: relative;
padding-top: 87%;
overflow: hidden;
cursor: pointer;
}
.image-wrapper > a > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-carousel-wrapper {
position: relative;
margin-bottom: 4.5vw;
}
.image-carousel-wrapper:before,
.image-carousel-wrapper:after {
content: "";
position: absolute;
width: 50vw;
top: -25%;
bottom: -25%;
height: 150%;
z-index: 1;
content: none;
}
.image-carousel-wrapper:before {
left: -50%;
border-radius: 0 10% 10% 0; background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(212,223,227,0.7) 82%,rgba(125,185,232,0) 100%); }
.image-carousel-wrapper:after {
right: -50%;
border-radius: 10% 0  0 10%; background: linear-gradient(to left,  rgba(255,255,255,1) 0%,rgba(212,223,227,0.7) 82%,rgba(125,185,232,0) 100%); }
@media (max-width: 991px) {
.image-carousel-wrapper:before,
.image-carousel-wrapper:after {
height: 120%;
bottom: -10%;
top: -10%;
}
}
@media (max-width: 575px) {
.image-wrapper {
width: 50%;
}
.image-carousel {
margin-left: -10px;
margin-right: -10px;
padding-top: 50px;
}
.image-carousel:before,
.image-carousel:after {
height: 90%;
bottom: 20%;
}
} .grecaptcha-badge {
display: none !important;
}  @keyframes spring-up-long {
from {
opacity: 0;
transform: translateY(100px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes spring-out {
from {
opacity: 1;
transform: translateY(0)
}
to {
opacity: 0;
transform: translateY(100px)
}
} @keyframes shake {
10%,
90% {
transform: translate3d(-2px, 0, 0);
}
20%,
80% {
transform: translate3d(4px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-8px, 0, 0);
}
40%,
60% {
transform: translate3d(8px, 0, 0);
}
} @keyframes pulse {
0.000001% {
transform: scale(0.6);
}
100% {
transform: scale(1);
}
}  @keyframes arrow-bounce-right {
0% {
transform: translateX(0);
}
50% {
transform: translateX(6px);
}
100% {
transform: translateX(0);
}
} @keyframes arrow-bounce-left {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-6px);
}
100% {
transform: translateX(0);
}
} @keyframes arrow-bounce-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(6px);
}
100% {
transform: translateY(0);
}
} @keyframes slide-up {
from {
opacity: 0;
transform: translateY(50px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes slide-down {
from {
opacity: 0;
transform: translateY(-50px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes slide-down-short {
from {
opacity: 0;
transform: translateY(-20px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes slide-up-short {
from {
opacity: 0;
transform: translateY(20px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes nav-down {
from {
opacity: 0.5;
transform: translateY(-50px)
}
to {
opacity: 1;
transform: translateY(0)
}
} @keyframes fade-in {
from {
opacity: 0;
}
to {
opacity: 1;
}
} @keyframes fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @keyframes scale-up {
from {
opacity: 0;
transform: scale(0.7);
}
to {
opacity: 1;
transform: scale(1);
}
} @keyframes scale-in {
from {
opacity: 0;
transform: scale(0.6);
}
to {
opacity: 1;
transform: scale(1);
}
} @keyframes scale-in-solid {
from {
transform: scale(0.6);
}
to {
transform: scale(1);
}
} @keyframes scale-up-bounce {
0% {
opacity: 0;
transform: scale(0.7);
}
80% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 1;
transform: scale(1);
}
} @keyframes pin-drop {
from {
opacity: 0;
transform: scale(4) translateY(-200px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
} @keyframes slide-right {
from {
opacity: 0;
transform: translateX(-100px)
}
to {
opacity: 1;
transform: translateX(0)
}
} @keyframes slide-left {
from {
opacity: 0;
transform: translateX(150px)
}
to {
opacity: 1;
transform: translateX(0)
}
} @keyframes rotate-3d {
from {
opacity: 0;
transform: rotate3d(1, 0, 0, 90deg);
}
to {
opacity: 1;
transform: rotate3d(0, 0, 0, 0deg);
}
} @keyframes slowzoom {
0% {
transform: scale3d(1, 1, 1);
}
100% {
transform: scale3d(1.2, 1.2, 1.2);
}
} @keyframes timeline-line {
from {
background-position: 0 100%;
}
to {
background-position: 0 0;
}
}
@supports (animation-name: my-name) { .js .animation-slide-right {
opacity: 0;
}
.js .animation-slide-right-action {
animation-name: slide-right;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
} .js .animation-nav>ul>li {
opacity: 0;
}
.js .animation-nav>ul>li {
animation-name: slide-up;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-delay: 0.1s;
}
.js .animation-nav>ul>li:nth-child(2) {
animation-delay: 0.2s;
}
.js .animation-nav>ul>li:nth-child(3) {
animation-delay: 0.3s;
}
.js .animation-nav>ul>li:nth-child(4) {
animation-delay: 0.4s;
}
.js .animation-nav>ul>li:nth-child(5) {
animation-delay: 0.5s;
}
.js .animation-nav>ul>li:nth-child(6) {
animation-delay: 0.6s;
}
.js .animation-nav>ul>li:nth-child(7) {
animation-delay: 0.7s;
}
.js .animation-nav>ul>li:nth-child(8) {
animation-delay: 0.8s;
}
.js .animation-nav>ul>li:nth-child(9) {
animation-delay: 0.9s;
}
.js .animation-nav>ul>li:nth-child(10) {
animation-delay: 1.0s;
}
.js .animation-nav>ul>li:nth-child(11) {
animation-delay: 1.1s;
}
.js .animation-nav>ul>li:nth-child(12) {
animation-delay: 1.2s;
}
.js .animation-nav>ul>li:nth-child(13) {
animation-delay: 1.3s;
}
.js .animation-nav>ul>li:nth-child(14) {
animation-delay: 1.4s;
} .js .animation-staggered-slide-up .animation-target {
opacity: 0;
}
.js .animation-staggered-slide-up-action .animation-target {
animation-name: slide-up;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(2) {
animation-delay: 0.2s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(3) {
animation-delay: 0.5s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(4) {
animation-delay: 0.8s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(5) {
animation-delay: 1.1s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(6) {
animation-delay: 1.4s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(7) {
animation-delay: 1.7s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(8) {
animation-delay: 2.0s;
}
.js .animation-staggered-slide-up-action .animation-target:nth-child(9) {
animation-delay: 2.3s;
} .js .animation-fade-in {
opacity: 0;
}
.js .animation-fade-in-action {
animation-name: fade-in;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
} .js .animation-slide-left {
opacity: 0;
}
.js .animation-slide-left-action {
animation-name: slide-left;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
} .js .animation-slide-up {
opacity: 0;
}
.js .animation-slide-up-action {
animation-name: slide-up;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
} .js .animation-multiple .animation-target-slide-up {
opacity: 0;
}
.js .animation-multiple-action .animation-target-slide-up {
animation-name: slide-up;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-slide-left {
opacity: 0;
}
.js .animation-multiple-action .animation-target-slide-left {
animation-name: slide-left;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-slide-right {
opacity: 0;
}
.js .animation-multiple-action .animation-target-slide-right {
animation-name: slide-right;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-fade-in {
opacity: 0;
}
.js .animation-multiple-action .animation-target-fade-in {
animation-name: fade-in;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-scale-in {
opacity: 0;
}
.js .animation-multiple-action .animation-target-scale-in {
animation-name: scale-in;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-rotate-3d {
opacity: 0;
}
.js .animation-multiple-action .animation-target-rotate-3d {
animation-name: rotate-3d;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-slowzoom {}
.js .animation-multiple-action .animation-target-slowzoom {
animation-name: slowzoom;
animation-timing-function: ease-out;
animation-duration: 20s;
animation-fill-mode: forwards;
animation-iteration-count: 1;
}
.js .animation-multiple .animation-target-pin-drop {
opacity: 0;
}
.js .animation-multiple-action .animation-target-pin-drop {
animation-name: pin-drop;
animation-timing-function: ease;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
} .js .animation-timeline .animation-timeline-content {
opacity: 0;
}
.js .animation-timeline-action .animation-timeline-target.animation-step-1:after {
border-color: pink;
background: pink;
}
.js .animation-timeline-action .animation-timeline-target.animation-step-2 .animation-timeline-content {
animation-name: slide-left;
animation-timing-function: ease;
animation-duration: 0.6s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-timeline-action .animation-timeline-target.animation-step-3:before {
animation-name: timeline-line;
animation-timing-function: ease;
animation-duration: 0.6s;
animation-fill-mode: both;
animation-iteration-count: 1;
}
.js .animation-timeline-action .animation-timeline-target.animation-step-4:after {
border-color: pink;
background: #fff;
}  .animation-delay-1 {
animation-delay: 0.2s !important;
}
.animation-delay-2 {
animation-delay: 0.35s !important;
}
.animation-delay-3 {
animation-delay: 0.5s !important;
}
.animation-delay-4 {
animation-delay: 0.65s !important;
}
.animation-delay-5 {
animation-delay: 0.8s !important;
}
.animation-delay-6 {
animation-delay: 0.95s !important;
}
.animation-delay-7 {
animation-delay: 1.1s !important;
}
.animation-delay-8 {
animation-delay: 1.25s !important;
}
.animation-delay-9 {
animation-delay: 1.4s !important;
}
.animation-delay-10 {
animation-delay: 1.55s !important;
}
.animation-delay-11 {
animation-delay: 1.7s !important;
}
.animation-delay-12 {
animation-delay: 1.85s !important;
}
.animation-delay-13 {
animation-delay: 2s !important;
}
.animation-delay-14 {
animation-delay: 2.15s !important;
}
.animation-delay-15 {
animation-delay: 2.3s !important;
}
.animation-delay-16 {
animation-delay: 2.45s !important;
}
.animation-delay-17 {
animation-delay: 2.6s !important;
}
.animation-delay-18 {
animation-delay: 2.75s !important;
}
.animation-delay-19 {
animation-delay: 2.9s !important;
}
.animation-delay-20 {
animation-delay: 3.05s !important;
}
}
.banner-buttons a.button {
background: none;
}
.carousel-nav {
display: flex;
align-items: center;
justify-content: center;
margin: 2.5rem 0 0;
}
.carousel-nav a {
display: block;
width: 4rem;
height: 4rem;
margin: 0 0.5rem;
}
.carousel-nav a.slick-prev {
transform: rotate(180deg);
}
.carousel-nav svg polyline {
transition: all 0.5s ease;
}
.carousel-nav .slick-arrow:hover svg polyline {
stroke: #fff;
}
.carousel-nav .slick-arrow svg circle {
transition: all 0.5s ease;
}
.carousel-nav .slick-arrow:hover svg circle {
fill: #16393e;
}
section.podcast-section {
position: relative;
z-index: 10;
}
.podcast-btns {
display: flex;
justify-content: space-between;
max-width: 62rem;
margin: 5rem auto 0;
}
@media (max-width: 991px) {
.podcast-btns {
flex-direction: column;
margin: 2rem auto 0;
}
.podcast-btn {
margin: 1.5rem 0 0;
}
}
.footer-body a:hover {
color: rgb(255 255 255 / 50%);
}
.section-contact-details-body a:hover {
color: #1e1e1e;
}
#breadcrumbs {
font-size: 0.8vw;
}
#breadcrumbs a {
transition: all 0.3s ease-in-out;
}
#breadcrumbs a:hover {
opacity: 0.6;
}
#breadcrumbs span.breadcrumb_last {
opacity: 0.6;
}
span.sep {
margin: 0 4px;
}
.home #breadcrumbs {
display: none;
}
@media screen and (max-width: 1400px) {
#breadcrumbs {
font-size: 1vw;
}
}
@media screen and (max-width: 900px) {
#breadcrumbs {
font-size: 2vw;
}
}
@media screen and (max-width: 500px) {
#breadcrumbs {
font-size: 2.5vw;
}
}
.section-icon-nav-item-inner {
position: relative;
}
a.section-icon-nav-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
z-index: 21;
}
.section-icon-nav-item-inner:hover span.button {
background: #1a4950;
color: #fff;
}
.bg-green .section-icon-nav-item-inner:hover span.button {
background: #fff;
color: #1a4950;
}
.section-specialisms-specialism-inner {
position: relative;
height: 100%;
}
a.section-specialisms-specialism-link {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
z-index: 21;
}
.footer-logo-container {
display: flex;
justify-content: space-between;
padding: 0 2.5vw;
margin: 4vw 0 5vw;
}
.footer-logo svg {
width: auto;
height: 3.4vw;
fill: #fff;
}
.general-oceans-logo img {
height: 3.4vw;
width: auto;
}
@media screen and (max-width: 900px) {
.footer-logo-container {
padding: 0;
margin: 5.5vw 0 6.5vw;
}
.footer-logo svg, .general-oceans-logo img {
height: 5vw;
}
}
@media screen and (max-width: 600px) {
.footer-logo-container {
margin: 6.5vw 0 7.5vw;
}
.footer-logo svg, .general-oceans-logo img {
height: 6vw;
}
}
@media screen and (max-width: 500px) {
.footer-logo-container {
margin: 7vw 0 8vw;
}
.footer-logo svg, .general-oceans-logo img {
height: 7vw;
}
}
#header-nav {
top: 4.75vw;
}
#header-nav p {
font-size: 90%;
margin-bottom: 0.5rem;
}
#header-nav ul#menu-main > li > a {
padding: 0.75vw 0;
display: block;
}
#header-nav ul.sub-menu {
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #1a4950;
background: linear-gradient(180deg, #1A4950 0%, rgba(26, 73, 80, 0.80) 100%);
padding: 1vw 1.5vw;
color: #fff;
display: none;
}
#header-nav li.menu-item:hover ul.sub-menu {
display: block;
}
#header-nav ul.sub-menu > li {
position: static;
display: block;
padding: 0;
margin: 0.5vw 0;
}
#header-nav ul.sub-menu > li > a {
color: #fff;
font-size: 88%;
display: block;
width: 20rem;
}
#header-nav ul.sub-menu > li > a:hover,
#header-nav ul.sub-menu li.current_page_item>a, #header-nav ul.sub-menu li.current-page-ancestor>a {
border: none;
color: #A8BFC3;
}
.yspl-widget-area { width: 43.125vw;
top: 0;
}
.mega-menu-container {
display: flex;
margin: 0 -3.125vw;
overflow: hidden;
position: relative;
}
.mega-menu-container:before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
height: 100%;
width: 1px;
background: #fff;
}
.specialism-tabs {
width: 50%;
padding: 0 3.125vw;
}
#header-nav .specialism-tabs ul {
list-style: none;
}
#header-nav .specialism-tabs ul li {
display: block;
font-size: 0.72916667vw;
padding: 0 0 1.0416667vw;
}
#header-nav .specialism-tabs ul li:last-child {
padding: 0;
}
#header-nav .specialism-tabs ul li a,
#header-nav .specialism-tabs-content-inner ul li a {
color: #fff;
transition: all 0.3s ease-out;
}
#header-nav .specialism-tabs ul li a:hover,
#header-nav .specialism-tabs ul li a:focus,
#header-nav .specialism-tabs ul li.active a,
#header-nav .specialism-tabs-content-inner ul li a:hover,
#header-nav .specialism-tabs-content-inner ul li a:focus {
color: #A8BFC5;
border: 0;
}
#header-nav .specialism-tabs ul ul {
padding-left: 1.5rem;
}
.specialism-tabs-content {
width: 50%;
padding: 0 3.125vw;
}
.specialism-tabs-content-inner {
display: none;
}
.specialism-tabs-content-inner.active {
display: block;
}
.specialism-tabs-content h6 {
color: #fff;
font-size: 0.72916667vw;
margin: 0 0 1.0416667vw;
}
#header-nav .specialism-tabs-content-inner ul li {
font-family: "Neue Haas Light";
font-size: 0.72916667vw;
font-weight: 350;
margin: 0 0 0.5208333vw;
padding: 0;
display: block;
text-transform: initial;
}
#header-nav .specialism-tabs-content-inner ul li ul {
padding-top: 0.5vw;
padding-left: 0.75vw;
}
.specialism-tabs-content-inner a.button {
border: 1px solid #fff;
border-radius: 0;
background: #1A4950;
cursor: pointer;
font-family: "Neue Haas Light";
font-size: 0.67708333vw;
line-height: 1.698;
text-transform: uppercase;
color: #fff;
padding: 0.3125vw 1.25vw;
text-decoration: none;
margin-top: 1.0416667vw;
}
.specialism-tabs-content-inner a.button:hover,
.specialism-tabs-content-inner a.button:focus {
background: #fff;
color: #1A4950;
}
@media screen and (max-width: 900px) {
.yspl-widget-area {
display: none;
}
}
#header-nav li.menu-item.menu-item-has-children {
position: relative;
}
#header-nav li.menu-item.menu-item-has-children > a:after {
content: '▼';
display: inline-block;
transform: scale(0.625);
transition: all 0.3s ease-out;
margin-left: 0.25vw;
}
#header-nav li.menu-item.menu-item-has-children > a:hover:after {
content: '▲';
}
@media screen and (max-width: 900px) {
#header-nav-container li.menu-item.menu-item-has-children {
position: relative;
}
#header-nav-container li.menu-item.menu-item-has-children > a:after {
content: '▼';
display: inline-block;
transform: scale(0.625);
transition: all 0.3s ease-out;
}
#header-nav-container li.menu-item.menu-item-has-children > a:hover:after {
content: '▲';
}
}