/** RESET **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
margin: 0px !important;
overflow-x: hidden !important;
}
body,html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p{
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
div,
input,
textarea,
button,
a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
strong,
b,
.strong,
.bold {
font-weight: 700;
}
button, input {
outline:none !important;
}
button {
cursor: pointer;
border: none;
}
a {
text-decoration:none;
color: inherit;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
select::-ms-expand,
input::-ms-clear {
display: none;
}
textarea {
overflow: auto;
}
.clear{
clear: both;
}
img, video {
max-width: 100%;
display:block;
}
.bg {
background-position:center;
background-size: cover;
background-repeat: no-repeat;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow:hidden;
}
.item {
position: relative;
}
.overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.loading * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.container {
position:relative;
}
.wrapper {
width: 100%;
margin: 0 auto;
position:relative;
}
button {
margin: 0;
background: transparent;
padding: 0;
font: inherit;
}
/** COMMON **/
body,html {
font-family: 'articulat-cf', sans-serif;
font-weight: 400;
font-size: 20px;
background: #FFF;
color: #000000;
line-height: 2.3em;
}
.container-1 {
padding: 150px 0;
}
.wrapper-1 {
max-width: 1440px;
padding: 0 70px;
}
.wrapper-2 {
max-width: 1440px;
padding: 0px;
}
.wrapper-3 {
max-width: 1140px;
padding: 0 70px;
}
/** SPACING **/
.p-0{padding:0px !important;}.pt-0{padding-top: 0px !important;}.pr-0{padding-right: 0px !important;}.pb-0{padding-bottom: 0px !important;}.pl-0{padding-left: 0px !important;}.m-0{margin:0px !important;}.mt-0{margin-top: 0px !important;}.mr-0{margin-right: 0px !important;}.mb-0{margin-bottom: 0px !important;}.ml-0{margin-left: 0px !important;}
.p-5{padding:5px !important;}.pt-5{padding-top: 5px !important;}.pr-5{padding-right: 5px !important;}.pb-5{padding-bottom: 5px !important;}.pl-5{padding-left: 5px !important;}.m-5{margin:5px !important;}.mt-5{margin-top: 5px !important;}.mr-5{margin-right: 5px !important;}.mb-5{margin-bottom: 5px !important;}.ml-5{margin-left: 5px !important;}
.p-10{padding:10px !important;}.pt-10{padding-top: 10px !important;}.pr-10{padding-right: 10px !important;}.pb-10{padding-bottom: 10px !important;}.pl-10{padding-left: 10px !important;}.m-10{margin:10px !important;}.mt-10{margin-top: 10px !important;}.mr-10{margin-right: 10px !important;}.mb-10{margin-bottom: 10px !important;}.ml-10{margin-left: 10px !important;}
.p-15{padding:15px !important;}.pt-15{padding-top: 15px !important;}.pr-15{padding-right: 15px !important;}.pb-15{padding-bottom: 15px !important;}.pl-15{padding-left: 15px !important;}.m-15{margin:15px !important;}.mt-15{margin-top: 15px !important;}.mr-15{margin-right: 15px !important;}.mb-15{margin-bottom: 15px !important;}.ml-15{margin-left: 15px !important;}
.p-20{padding:20px !important;}.pt-20{padding-top: 20px !important;}.pr-20{padding-right: 20px !important;}.pb-20{padding-bottom: 20px !important;}.pl-20{padding-left: 20px !important;}.m-20{margin:20px !important;}.mt-20{margin-top: 20px !important;}.mr-20{margin-right: 20px !important;}.mb-20{margin-bottom: 20px !important;}.ml-20{margin-left: 20px !important;}
.p-25{padding:25px !important;}.pt-25{padding-top: 25px !important;}.pr-25{padding-right: 25px !important;}.pb-25{padding-bottom: 25px !important;}.pl-25{padding-left: 25px !important;}.m-25{margin:25px !important;}.mt-25{margin-top: 25px !important;}.mr-25{margin-right: 25px !important;}.mb-25{margin-bottom: 25px !important;}.ml-25{margin-left: 25px !important;}
.p-30{padding:30px !important;}.pt-30{padding-top: 30px !important;}.pr-30{padding-right: 30px !important;}.pb-30{padding-bottom: 30px !important;}.pl-30{padding-left: 30px !important;}.m-30{margin:30px !important;}.mt-30{margin-top: 30px !important;}.mr-30{margin-right: 30px !important;}.mb-30{margin-bottom: 30px !important;}.ml-30{margin-left: 30px !important;}
.p-35{padding:35px !important;}.pt-35{padding-top: 35px !important;}.pr-35{padding-right: 35px !important;}.pb-35{padding-bottom: 35px !important;}.pl-35{padding-left: 35px !important;}.m-35{margin:35px !important;}.mt-35{margin-top: 35px !important;}.mr-35{margin-right: 35px !important;}.mb-35{margin-bottom: 35px !important;}.ml-35{margin-left: 35px !important;}
.p-40{padding:40px !important;}.pt-40{padding-top: 40px !important;}.pr-40{padding-right: 40px !important;}.pb-40{padding-bottom: 40px !important;}.pl-40{padding-left: 40px !important;}.m-40{margin:40px !important;}.mt-40{margin-top: 40px !important;}.mr-40{margin-right: 40px !important;}.mb-40{margin-bottom: 40px !important;}.ml-40{margin-left: 40px !important;}
.p-45{padding:45px !important;}.pt-45{padding-top: 45px !important;}.pr-45{padding-right: 45px !important;}.pb-45{padding-bottom: 45px !important;}.pl-45{padding-left: 45px !important;}.m-45{margin:45px !important;}.mt-45{margin-top: 45px !important;}.mr-45{margin-right: 45px !important;}.mb-45{margin-bottom: 45px !important;}.ml-45{margin-left: 45px !important;}
.p-50{padding:50px !important;}.pt-50{padding-top: 50px !important;}.pr-50{padding-right: 50px !important;}.pb-50{padding-bottom: 50px !important;}.pl-50{padding-left: 50px !important;}.m-50{margin:50px !important;}.mt-50{margin-top: 50px !important;}.mr-50{margin-right: 50px !important;}.mb-50{margin-bottom: 50px !important;}.ml-50{margin-left: 50px !important;}
.p-55{padding:55px !important;}.pt-55{padding-top: 55px !important;}.pr-55{padding-right: 55px !important;}.pb-55{padding-bottom: 55px !important;}.pl-55{padding-left: 55px !important;}.m-55{margin:55px !important;}.mt-55{margin-top: 55px !important;}.mr-55{margin-right: 55px !important;}.mb-55{margin-bottom: 55px !important;}.ml-55{margin-left: 55px !important;}
.p-60{padding:60px !important;}.pt-60{padding-top: 60px !important;}.pr-60{padding-right: 60px !important;}.pb-60{padding-bottom: 60px !important;}.pl-60{padding-left: 60px !important;}.m-60{margin:60px !important;}.mt-60{margin-top: 60px !important;}.mr-60{margin-right: 60px !important;}.mb-60{margin-bottom: 60px !important;}.ml-60{margin-left: 60px !important;}
.p-65{padding:65px !important;}.pt-65{padding-top: 65px !important;}.pr-65{padding-right: 65px !important;}.pb-65{padding-bottom: 65px !important;}.pl-65{padding-left: 65px !important;}.m-65{margin:65px !important;}.mt-65{margin-top: 65px !important;}.mr-65{margin-right: 65px !important;}.mb-65{margin-bottom: 65px !important;}.ml-65{margin-left: 65px !important;}
.p-70{padding:70px !important;}.pt-70{padding-top: 70px !important;}.pr-70{padding-right: 70px !important;}.pb-70{padding-bottom: 70px !important;}.pl-70{padding-left: 70px !important;}.m-70{margin:70px !important;}.mt-70{margin-top: 70px !important;}.mr-70{margin-right: 70px !important;}.mb-70{margin-bottom: 70px !important;}.ml-70{margin-left: 70px !important;}
.p-75{padding:75px !important;}.pt-75{padding-top: 75px !important;}.pr-75{padding-right: 75px !important;}.pb-75{padding-bottom: 75px !important;}.pl-75{padding-left: 75px !important;}.m-75{margin:75px !important;}.mt-75{margin-top: 75px !important;}.mr-75{margin-right: 75px !important;}.mb-75{margin-bottom: 75px !important;}.ml-75{margin-left: 75px !important;}
.p-80{padding:80px !important;}.pt-80{padding-top: 80px !important;}.pr-80{padding-right: 80px !important;}.pb-80{padding-bottom: 80px !important;}.pl-80{padding-left: 80px !important;}.m-80{margin:80px !important;}.mt-80{margin-top: 80px !important;}.mr-80{margin-right: 80px !important;}.mb-80{margin-bottom: 80px !important;}.ml-80{margin-left: 80px !important;}
.p-85{padding:85px !important;}.pt-85{padding-top: 85px !important;}.pr-85{padding-right: 85px !important;}.pb-85{padding-bottom: 85px !important;}.pl-85{padding-left: 85px !important;}.m-85{margin:85px !important;}.mt-85{margin-top: 85px !important;}.mr-85{margin-right: 85px !important;}.mb-85{margin-bottom: 85px !important;}.ml-85{margin-left: 85px !important;}
.p-90{padding:90px !important;}.pt-90{padding-top: 90px !important;}.pr-90{padding-right: 90px !important;}.pb-90{padding-bottom: 90px !important;}.pl-90{padding-left: 90px !important;}.m-90{margin:90px !important;}.mt-90{margin-top: 90px !important;}.mr-90{margin-right: 90px !important;}.mb-90{margin-bottom: 90px !important;}.ml-90{margin-left: 90px !important;}
.p-95{padding:95px !important;}.pt-95{padding-top: 95px !important;}.pr-95{padding-right: 95px !important;}.pb-95{padding-bottom: 95px !important;}.pl-95{padding-left: 95px !important;}.m-95{margin:95px !important;}.mt-95{margin-top: 95px !important;}.mr-95{margin-right: 95px !important;}.mb-95{margin-bottom: 95px !important;}.ml-95{margin-left: 95px !important;}
.p-100{padding:100px !important;}.pt-100{padding-top: 100px !important;}.pr-100{padding-right: 100px !important;}.pb-100{padding-bottom: 100px !important;}.pl-100{padding-left: 100px !important;}.m-100{margin:100px !important;}.mt-100{margin-top: 100px !important;}.mr-100{margin-right: 100px !important;}.mb-100{margin-bottom: 100px !important;}.ml-100{margin-left: 100px !important;}
.p-105{padding:105px !important;}.pt-105{padding-top: 105px !important;}.pr-105{padding-right: 105px !important;}.pb-105{padding-bottom: 105px !important;}.pl-105{padding-left: 105px !important;}.m-105{margin:105px !important;}.mt-105{margin-top: 105px !important;}.mr-105{margin-right: 105px !important;}.mb-105{margin-bottom: 105px !important;}.ml-105{margin-left: 105px !important;}
.p-110{padding:110px !important;}.pt-110{padding-top: 110px !important;}.pr-110{padding-right: 110px !important;}.pb-110{padding-bottom: 110px !important;}.pl-110{padding-left: 110px !important;}.m-110{margin:110px !important;}.mt-110{margin-top: 110px !important;}.mr-110{margin-right: 110px !important;}.mb-110{margin-bottom: 110px !important;}.ml-110{margin-left: 110px !important;}
.p-115{padding:115px !important;}.pt-115{padding-top: 115px !important;}.pr-115{padding-right: 115px !important;}.pb-115{padding-bottom: 115px !important;}.pl-115{padding-left: 115px !important;}.m-115{margin:115px !important;}.mt-115{margin-top: 115px !important;}.mr-115{margin-right: 115px !important;}.mb-115{margin-bottom: 115px !important;}.ml-115{margin-left: 115px !important;}
.p-120{padding:120px !important;}.pt-120{padding-top: 120px !important;}.pr-120{padding-right: 120px !important;}.pb-120{padding-bottom: 120px !important;}.pl-120{padding-left: 120px !important;}.m-120{margin:120px !important;}.mt-120{margin-top: 120px !important;}.mr-120{margin-right: 120px !important;}.mb-120{margin-bottom: 120px !important;}.ml-120{margin-left: 120px !important;}
.p-125{padding:125px !important;}.pt-125{padding-top: 125px !important;}.pr-125{padding-right: 125px !important;}.pb-125{padding-bottom: 125px !important;}.pl-125{padding-left: 125px !important;}.m-125{margin:125px !important;}.mt-125{margin-top: 125px !important;}.mr-125{margin-right: 125px !important;}.mb-125{margin-bottom: 125px !important;}.ml-125{margin-left: 125px !important;}
.p-130{padding:130px !important;}.pt-130{padding-top: 130px !important;}.pr-130{padding-right: 130px !important;}.pb-130{padding-bottom: 130px !important;}.pl-130{padding-left: 130px !important;}.m-130{margin:130px !important;}.mt-130{margin-top: 130px !important;}.mr-130{margin-right: 130px !important;}.mb-130{margin-bottom: 130px !important;}.ml-130{margin-left: 130px !important;}
.p-135{padding:135px !important;}.pt-135{padding-top: 135px !important;}.pr-135{padding-right: 135px !important;}.pb-135{padding-bottom: 135px !important;}.pl-135{padding-left: 135px !important;}.m-135{margin:135px !important;}.mt-135{margin-top: 135px !important;}.mr-135{margin-right: 135px !important;}.mb-135{margin-bottom: 135px !important;}.ml-135{margin-left: 135px !important;}
.p-140{padding:140px !important;}.pt-140{padding-top: 140px !important;}.pr-140{padding-right: 140px !important;}.pb-140{padding-bottom: 140px !important;}.pl-140{padding-left: 140px !important;}.m-140{margin:140px !important;}.mt-140{margin-top: 140px !important;}.mr-140{margin-right: 140px !important;}.mb-140{margin-bottom: 140px !important;}.ml-140{margin-left: 140px !important;}
.p-145{padding:145px !important;}.pt-145{padding-top: 145px !important;}.pr-145{padding-right: 145px !important;}.pb-145{padding-bottom: 145px !important;}.pl-145{padding-left: 145px !important;}.m-145{margin:145px !important;}.mt-145{margin-top: 145px !important;}.mr-145{margin-right: 145px !important;}.mb-145{margin-bottom: 145px !important;}.ml-145{margin-left: 145px !important;}
.p-150{padding:150px !important;}.pt-150{padding-top: 150px !important;}.pr-150{padding-right: 150px !important;}.pb-150{padding-bottom: 150px !important;}.pl-150{padding-left: 150px !important;}.m-150{margin:150px !important;}.mt-150{margin-top: 150px !important;}.mr-150{margin-right: 150px !important;}.mb-150{margin-bottom: 150px !important;}.ml-150{margin-left: 150px !important;}
/** MAX WIDTH **/
.mw-0{max-width:0px;}.mw-25{max-width:25px;}.mw-50{max-width:50px;}.mw-75{max-width:75px;}.mw-100{max-width:100px;}.mw-125{max-width:125px;}.mw-150{max-width:150px;}.mw-175{max-width:175px;}.mw-200{max-width:200px;}.mw-225{max-width:225px;}.mw-250{max-width:250px;}.mw-275{max-width:275px;}.mw-300{max-width:300px;}.mw-325{max-width:325px;}.mw-350{max-width:350px;}.mw-375{max-width:375px;}.mw-400{max-width:400px;}.mw-425{max-width:425px;}.mw-450{max-width:450px;}.mw-475{max-width:475px;}.mw-500{max-width:500px;}.mw-525{max-width:525px;}.mw-550{max-width:550px;}.mw-575{max-width:575px;}.mw-600{max-width:600px;}.mw-625{max-width:625px;}.mw-650{max-width:650px;}.mw-675{max-width:675px;}.mw-700{max-width:700px;}.mw-725{max-width:725px;}.mw-750{max-width:750px;}.mw-775{max-width:775px;}.mw-800{max-width:800px;}.mw-825{max-width:825px;}.mw-850{max-width:850px;}.mw-875{max-width:875px;}.mw-900{max-width:900px;}.mw-925{max-width:925px;}.mw-950{max-width:950px;}.mw-975{max-width:975px;}.mw-1000{max-width:1000px;}.mw-1025{max-width:1025px;}.mw-1050{max-width:1050px;}.mw-1075{max-width:1075px;}.mw-1100{max-width:1100px;}.mw-1125{max-width:1125px;}.mw-1150{max-width:1150px;}.mw-1175{max-width:1175px;}.mw-1200{max-width:1200px;}.mw-1225{max-width:1225px;}.mw-1250{max-width:1250px;}.mw-1275{max-width:1275px;}.mw-1300{max-width:1300px;}.mw-1325{max-width:1325px;}.mw-1350{max-width:1350px;}.mw-1375{max-width:1375px;}.mw-1400{max-width:1400px;}.mw-1425{max-width:1425px;}.mw-1450{max-width:1450px;}.mw-1475{max-width:1475px;}.mw-1500{max-width:1500px;}.mw-1525{max-width:1525px;}.mw-1550{max-width:1550px;}.mw-1575{max-width:1575px;}.mw-1600{max-width:1600px;}.mw-1625{max-width:1625px;}.mw-1650{max-width:1650px;}.mw-1675{max-width:1675px;}.mw-1700{max-width:1700px;}.mw-1725{max-width:1725px;}.mw-1750{max-width:1750px;}.mw-1775{max-width:1775px;}.mw-1800{max-width:1800px;}.mw-1825{max-width:1825px;}.mw-1850{max-width:1850px;}.mw-1875{max-width:1875px;}.mw-1900{max-width:1900px;}.mw-1925{max-width:1925px;}.mw-1950{max-width:1950px;}.mw-1975{max-width:1975px;}.mw-2000{max-width:2000px;}.mw-2025{max-width:2025px;}.mw-2050{max-width:2050px;}.mw-2075{max-width:2075px;}.mw-2100{max-width:2100px;}.mw-2125{max-width:2125px;}.mw-2150{max-width:2150px;}.mw-2175{max-width:2175px;}.mw-2200{max-width:2200px;}.mw-2225{max-width:2225px;}.mw-2250{max-width:2250px;}.mw-2275{max-width:2275px;}.mw-2300{max-width:2300px;}.mw-2325{max-width:2325px;}.mw-2350{max-width:2350px;}.mw-2375{max-width:2375px;}.mw-2400{max-width:2400px;}.mw-2425{max-width:2425px;}.mw-2450{max-width:2450px;}.mw-2475{max-width:2475px;}.mw-2500{max-width:2500px;}.mw-2525{max-width:2525px;}.mw-2550{max-width:2550px;}.mw-2575{max-width:2575px;}.mw-2600{max-width:2600px;}.mw-2625{max-width:2625px;}.mw-2650{max-width:2650px;}.mw-2675{max-width:2675px;}.mw-2700{max-width:2700px;}.mw-2725{max-width:2725px;}.mw-2750{max-width:2750px;}.mw-2775{max-width:2775px;}.mw-2800{max-width:2800px;}.mw-2825{max-width:2825px;}.mw-2850{max-width:2850px;}.mw-2875{max-width:2875px;}.mw-2900{max-width:2900px;}.mw-2925{max-width:2925px;}.mw-2950{max-width:2950px;}.mw-2975{max-width:2975px;}.mw-3000{max-width:3000px;}
/** COLORS **/
/** Color: black-1 **/
.clr-black-1 { color: #000 !important}
.bg-black-1 { background-color: #000 !important}
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-1 .plyr--audio .plyr__control:hover,
.clr-media-black-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-1 .plyr__control--overlaid:focus,
.clr-media-black-1 .plyr__control--overlaid:hover,
.clr-media-black-1 .plyr__control--overlaid,
.clr-media-black-1 .plyr--video .plyr__control:hover{background: #000 !important;}
.clr-media-black-1 .plyr--full-ui input[type=range]{color: #000 !important;}/** Color: white-1 **/
.clr-white-1 { color: #fff !important}
.bg-white-1 { background-color: #fff !important}
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-white-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-white-1 .plyr--audio .plyr__control:hover,
.clr-media-white-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-white-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-white-1 .plyr__control--overlaid:focus,
.clr-media-white-1 .plyr__control--overlaid:hover,
.clr-media-white-1 .plyr__control--overlaid,
.clr-media-white-1 .plyr--video .plyr__control:hover{background: #fff !important;}
.clr-media-white-1 .plyr--full-ui input[type=range]{color: #fff !important;}/** Color: black-2 **/
.clr-black-2 { color: #333 !important}
.bg-black-2 { background-color: #333 !important}
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-2 .plyr--audio .plyr__control:hover,
.clr-media-black-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-2 .plyr__control--overlaid:focus,
.clr-media-black-2 .plyr__control--overlaid:hover,
.clr-media-black-2 .plyr__control--overlaid,
.clr-media-black-2 .plyr--video .plyr__control:hover{background: #333 !important;}
.clr-media-black-2 .plyr--full-ui input[type=range]{color: #333 !important;}/** Color: navy-1 **/
.clr-navy-1 { color: #30485F !important}
.bg-navy-1 { background-color: #30485F !important}
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-navy-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-navy-1 .plyr--audio .plyr__control:hover,
.clr-media-navy-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-navy-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-navy-1 .plyr__control--overlaid:focus,
.clr-media-navy-1 .plyr__control--overlaid:hover,
.clr-media-navy-1 .plyr__control--overlaid,
.clr-media-navy-1 .plyr--video .plyr__control:hover{background: #30485F !important;}
.clr-media-navy-1 .plyr--full-ui input[type=range]{color: #30485F !important;}/** Color: orange-1 **/
.clr-orange-1 { color: #FF5000 !important}
.bg-orange-1 { background-color: #FF5000 !important}
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-orange-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-orange-1 .plyr--audio .plyr__control:hover,
.clr-media-orange-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-orange-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-orange-1 .plyr__control--overlaid:focus,
.clr-media-orange-1 .plyr__control--overlaid:hover,
.clr-media-orange-1 .plyr__control--overlaid,
.clr-media-orange-1 .plyr--video .plyr__control:hover{background: #FF5000 !important;}
.clr-media-orange-1 .plyr--full-ui input[type=range]{color: #FF5000 !important;}/** Color: black-3 **/
.clr-black-3 { color: #1A1A20 !important}
.bg-black-3 { background-color: #1A1A20 !important}
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-3 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-3 .plyr--audio .plyr__control:hover,
.clr-media-black-3 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-3 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-3 .plyr__control--overlaid:focus,
.clr-media-black-3 .plyr__control--overlaid:hover,
.clr-media-black-3 .plyr__control--overlaid,
.clr-media-black-3 .plyr--video .plyr__control:hover{background: #1A1A20 !important;}
.clr-media-black-3 .plyr--full-ui input[type=range]{color: #1A1A20 !important;}/** Color: gray-1 **/
.clr-gray-1 { color: #d9f1fe !important}
.bg-gray-1 { background-color: #d9f1fe !important}
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-gray-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-gray-1 .plyr--audio .plyr__control:hover,
.clr-media-gray-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-gray-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-gray-1 .plyr__control--overlaid:focus,
.clr-media-gray-1 .plyr__control--overlaid:hover,
.clr-media-gray-1 .plyr__control--overlaid,
.clr-media-gray-1 .plyr--video .plyr__control:hover{background: #d9f1fe !important;}
.clr-media-gray-1 .plyr--full-ui input[type=range]{color: #d9f1fe !important;}/** Color: white-2 **/
.clr-white-2 { color: #EEEAE8 !important}
.bg-white-2 { background-color: #EEEAE8 !important}
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-white-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-white-2 .plyr--audio .plyr__control:hover,
.clr-media-white-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-white-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-white-2 .plyr__control--overlaid:focus,
.clr-media-white-2 .plyr__control--overlaid:hover,
.clr-media-white-2 .plyr__control--overlaid,
.clr-media-white-2 .plyr--video .plyr__control:hover{background: #EEEAE8 !important;}
.clr-media-white-2 .plyr--full-ui input[type=range]{color: #EEEAE8 !important;}/** Color: gray-2 **/
.clr-gray-2 { color: #EAE6DA !important}
.bg-gray-2 { background-color: #EAE6DA !important}
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-gray-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-gray-2 .plyr--audio .plyr__control:hover,
.clr-media-gray-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-gray-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-gray-2 .plyr__control--overlaid:focus,
.clr-media-gray-2 .plyr__control--overlaid:hover,
.clr-media-gray-2 .plyr__control--overlaid,
.clr-media-gray-2 .plyr--video .plyr__control:hover{background: #EAE6DA !important;}
.clr-media-gray-2 .plyr--full-ui input[type=range]{color: #EAE6DA !important;}
.block,
.brick {
position: relative;
overflow:hidden;
z-index: 0;
}
.background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
.background-in,
.background-overlay {
height: 100%;
width: 100%;
}
.background-overlay {
position: absolute;
top: 0px;
left: 0px;
}
.background-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.columns,
.form-row {
display:table;
table-layout:fixed;
width: 100%;
height: 100%;
}
.column,
.form-column {
display:table-cell;
vertical-align:top;
height: 100%;
position:relative;/** RESET **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
margin: 0px !important;
overflow-x: hidden !important;
}
body,html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p{
-webkit-margin-before: 0px;
-webkit-margin-after: 0px;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
div,
input,
textarea,
button,
a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
strong,
b,
.strong,
.bold {
font-weight: 700;
}
button, input {
outline:none !important;
}
button {
cursor: pointer;
border: none;
}
a {
text-decoration:none;
color: inherit;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
text-indent: 1px;
text-overflow: '';
}
select::-ms-expand,
input::-ms-clear {
display: none;
}
textarea {
overflow: auto;
}
.clear{
clear: both;
}
img, video {
max-width: 100%;
display:block;
}
.bg {
background-position:center;
background-size: cover;
background-repeat: no-repeat;
position:absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow:hidden;
}
.item {
position: relative;
}
.overlay {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
}
.loading * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.container {
position:relative;
}
.wrapper {
width: 100%;
margin: 0 auto;
position:relative;
}
button {
margin: 0;
background: transparent;
padding: 0;
font: inherit;
}
/** COMMON **/
body,html {
font-family: 'articulat-cf', sans-serif;
font-weight: 400;
font-size: 20px;
background: #FFF;
color: #000000;
line-height: 2.3em;
}
.container-1 {
padding: 150px 0;
}
.wrapper-1 {
max-width: 1440px;
padding: 0 70px;
}
.wrapper-2 {
max-width: 1440px;
padding: 0px;
}
.wrapper-3 {
max-width: 1140px;
padding: 0 70px;
}
/** SPACING **/
.p-0{padding:0px !important;}.pt-0{padding-top: 0px !important;}.pr-0{padding-right: 0px !important;}.pb-0{padding-bottom: 0px !important;}.pl-0{padding-left: 0px !important;}.m-0{margin:0px !important;}.mt-0{margin-top: 0px !important;}.mr-0{margin-right: 0px !important;}.mb-0{margin-bottom: 0px !important;}.ml-0{margin-left: 0px !important;}
.p-5{padding:5px !important;}.pt-5{padding-top: 5px !important;}.pr-5{padding-right: 5px !important;}.pb-5{padding-bottom: 5px !important;}.pl-5{padding-left: 5px !important;}.m-5{margin:5px !important;}.mt-5{margin-top: 5px !important;}.mr-5{margin-right: 5px !important;}.mb-5{margin-bottom: 5px !important;}.ml-5{margin-left: 5px !important;}
.p-10{padding:10px !important;}.pt-10{padding-top: 10px !important;}.pr-10{padding-right: 10px !important;}.pb-10{padding-bottom: 10px !important;}.pl-10{padding-left: 10px !important;}.m-10{margin:10px !important;}.mt-10{margin-top: 10px !important;}.mr-10{margin-right: 10px !important;}.mb-10{margin-bottom: 10px !important;}.ml-10{margin-left: 10px !important;}
.p-15{padding:15px !important;}.pt-15{padding-top: 15px !important;}.pr-15{padding-right: 15px !important;}.pb-15{padding-bottom: 15px !important;}.pl-15{padding-left: 15px !important;}.m-15{margin:15px !important;}.mt-15{margin-top: 15px !important;}.mr-15{margin-right: 15px !important;}.mb-15{margin-bottom: 15px !important;}.ml-15{margin-left: 15px !important;}
.p-20{padding:20px !important;}.pt-20{padding-top: 20px !important;}.pr-20{padding-right: 20px !important;}.pb-20{padding-bottom: 20px !important;}.pl-20{padding-left: 20px !important;}.m-20{margin:20px !important;}.mt-20{margin-top: 20px !important;}.mr-20{margin-right: 20px !important;}.mb-20{margin-bottom: 20px !important;}.ml-20{margin-left: 20px !important;}
.p-25{padding:25px !important;}.pt-25{padding-top: 25px !important;}.pr-25{padding-right: 25px !important;}.pb-25{padding-bottom: 25px !important;}.pl-25{padding-left: 25px !important;}.m-25{margin:25px !important;}.mt-25{margin-top: 25px !important;}.mr-25{margin-right: 25px !important;}.mb-25{margin-bottom: 25px !important;}.ml-25{margin-left: 25px !important;}
.p-30{padding:30px !important;}.pt-30{padding-top: 30px !important;}.pr-30{padding-right: 30px !important;}.pb-30{padding-bottom: 30px !important;}.pl-30{padding-left: 30px !important;}.m-30{margin:30px !important;}.mt-30{margin-top: 30px !important;}.mr-30{margin-right: 30px !important;}.mb-30{margin-bottom: 30px !important;}.ml-30{margin-left: 30px !important;}
.p-35{padding:35px !important;}.pt-35{padding-top: 35px !important;}.pr-35{padding-right: 35px !important;}.pb-35{padding-bottom: 35px !important;}.pl-35{padding-left: 35px !important;}.m-35{margin:35px !important;}.mt-35{margin-top: 35px !important;}.mr-35{margin-right: 35px !important;}.mb-35{margin-bottom: 35px !important;}.ml-35{margin-left: 35px !important;}
.p-40{padding:40px !important;}.pt-40{padding-top: 40px !important;}.pr-40{padding-right: 40px !important;}.pb-40{padding-bottom: 40px !important;}.pl-40{padding-left: 40px !important;}.m-40{margin:40px !important;}.mt-40{margin-top: 40px !important;}.mr-40{margin-right: 40px !important;}.mb-40{margin-bottom: 40px !important;}.ml-40{margin-left: 40px !important;}
.p-45{padding:45px !important;}.pt-45{padding-top: 45px !important;}.pr-45{padding-right: 45px !important;}.pb-45{padding-bottom: 45px !important;}.pl-45{padding-left: 45px !important;}.m-45{margin:45px !important;}.mt-45{margin-top: 45px !important;}.mr-45{margin-right: 45px !important;}.mb-45{margin-bottom: 45px !important;}.ml-45{margin-left: 45px !important;}
.p-50{padding:50px !important;}.pt-50{padding-top: 50px !important;}.pr-50{padding-right: 50px !important;}.pb-50{padding-bottom: 50px !important;}.pl-50{padding-left: 50px !important;}.m-50{margin:50px !important;}.mt-50{margin-top: 50px !important;}.mr-50{margin-right: 50px !important;}.mb-50{margin-bottom: 50px !important;}.ml-50{margin-left: 50px !important;}
.p-55{padding:55px !important;}.pt-55{padding-top: 55px !important;}.pr-55{padding-right: 55px !important;}.pb-55{padding-bottom: 55px !important;}.pl-55{padding-left: 55px !important;}.m-55{margin:55px !important;}.mt-55{margin-top: 55px !important;}.mr-55{margin-right: 55px !important;}.mb-55{margin-bottom: 55px !important;}.ml-55{margin-left: 55px !important;}
.p-60{padding:60px !important;}.pt-60{padding-top: 60px !important;}.pr-60{padding-right: 60px !important;}.pb-60{padding-bottom: 60px !important;}.pl-60{padding-left: 60px !important;}.m-60{margin:60px !important;}.mt-60{margin-top: 60px !important;}.mr-60{margin-right: 60px !important;}.mb-60{margin-bottom: 60px !important;}.ml-60{margin-left: 60px !important;}
.p-65{padding:65px !important;}.pt-65{padding-top: 65px !important;}.pr-65{padding-right: 65px !important;}.pb-65{padding-bottom: 65px !important;}.pl-65{padding-left: 65px !important;}.m-65{margin:65px !important;}.mt-65{margin-top: 65px !important;}.mr-65{margin-right: 65px !important;}.mb-65{margin-bottom: 65px !important;}.ml-65{margin-left: 65px !important;}
.p-70{padding:70px !important;}.pt-70{padding-top: 70px !important;}.pr-70{padding-right: 70px !important;}.pb-70{padding-bottom: 70px !important;}.pl-70{padding-left: 70px !important;}.m-70{margin:70px !important;}.mt-70{margin-top: 70px !important;}.mr-70{margin-right: 70px !important;}.mb-70{margin-bottom: 70px !important;}.ml-70{margin-left: 70px !important;}
.p-75{padding:75px !important;}.pt-75{padding-top: 75px !important;}.pr-75{padding-right: 75px !important;}.pb-75{padding-bottom: 75px !important;}.pl-75{padding-left: 75px !important;}.m-75{margin:75px !important;}.mt-75{margin-top: 75px !important;}.mr-75{margin-right: 75px !important;}.mb-75{margin-bottom: 75px !important;}.ml-75{margin-left: 75px !important;}
.p-80{padding:80px !important;}.pt-80{padding-top: 80px !important;}.pr-80{padding-right: 80px !important;}.pb-80{padding-bottom: 80px !important;}.pl-80{padding-left: 80px !important;}.m-80{margin:80px !important;}.mt-80{margin-top: 80px !important;}.mr-80{margin-right: 80px !important;}.mb-80{margin-bottom: 80px !important;}.ml-80{margin-left: 80px !important;}
.p-85{padding:85px !important;}.pt-85{padding-top: 85px !important;}.pr-85{padding-right: 85px !important;}.pb-85{padding-bottom: 85px !important;}.pl-85{padding-left: 85px !important;}.m-85{margin:85px !important;}.mt-85{margin-top: 85px !important;}.mr-85{margin-right: 85px !important;}.mb-85{margin-bottom: 85px !important;}.ml-85{margin-left: 85px !important;}
.p-90{padding:90px !important;}.pt-90{padding-top: 90px !important;}.pr-90{padding-right: 90px !important;}.pb-90{padding-bottom: 90px !important;}.pl-90{padding-left: 90px !important;}.m-90{margin:90px !important;}.mt-90{margin-top: 90px !important;}.mr-90{margin-right: 90px !important;}.mb-90{margin-bottom: 90px !important;}.ml-90{margin-left: 90px !important;}
.p-95{padding:95px !important;}.pt-95{padding-top: 95px !important;}.pr-95{padding-right: 95px !important;}.pb-95{padding-bottom: 95px !important;}.pl-95{padding-left: 95px !important;}.m-95{margin:95px !important;}.mt-95{margin-top: 95px !important;}.mr-95{margin-right: 95px !important;}.mb-95{margin-bottom: 95px !important;}.ml-95{margin-left: 95px !important;}
.p-100{padding:100px !important;}.pt-100{padding-top: 100px !important;}.pr-100{padding-right: 100px !important;}.pb-100{padding-bottom: 100px !important;}.pl-100{padding-left: 100px !important;}.m-100{margin:100px !important;}.mt-100{margin-top: 100px !important;}.mr-100{margin-right: 100px !important;}.mb-100{margin-bottom: 100px !important;}.ml-100{margin-left: 100px !important;}
.p-105{padding:105px !important;}.pt-105{padding-top: 105px !important;}.pr-105{padding-right: 105px !important;}.pb-105{padding-bottom: 105px !important;}.pl-105{padding-left: 105px !important;}.m-105{margin:105px !important;}.mt-105{margin-top: 105px !important;}.mr-105{margin-right: 105px !important;}.mb-105{margin-bottom: 105px !important;}.ml-105{margin-left: 105px !important;}
.p-110{padding:110px !important;}.pt-110{padding-top: 110px !important;}.pr-110{padding-right: 110px !important;}.pb-110{padding-bottom: 110px !important;}.pl-110{padding-left: 110px !important;}.m-110{margin:110px !important;}.mt-110{margin-top: 110px !important;}.mr-110{margin-right: 110px !important;}.mb-110{margin-bottom: 110px !important;}.ml-110{margin-left: 110px !important;}
.p-115{padding:115px !important;}.pt-115{padding-top: 115px !important;}.pr-115{padding-right: 115px !important;}.pb-115{padding-bottom: 115px !important;}.pl-115{padding-left: 115px !important;}.m-115{margin:115px !important;}.mt-115{margin-top: 115px !important;}.mr-115{margin-right: 115px !important;}.mb-115{margin-bottom: 115px !important;}.ml-115{margin-left: 115px !important;}
.p-120{padding:120px !important;}.pt-120{padding-top: 120px !important;}.pr-120{padding-right: 120px !important;}.pb-120{padding-bottom: 120px !important;}.pl-120{padding-left: 120px !important;}.m-120{margin:120px !important;}.mt-120{margin-top: 120px !important;}.mr-120{margin-right: 120px !important;}.mb-120{margin-bottom: 120px !important;}.ml-120{margin-left: 120px !important;}
.p-125{padding:125px !important;}.pt-125{padding-top: 125px !important;}.pr-125{padding-right: 125px !important;}.pb-125{padding-bottom: 125px !important;}.pl-125{padding-left: 125px !important;}.m-125{margin:125px !important;}.mt-125{margin-top: 125px !important;}.mr-125{margin-right: 125px !important;}.mb-125{margin-bottom: 125px !important;}.ml-125{margin-left: 125px !important;}
.p-130{padding:130px !important;}.pt-130{padding-top: 130px !important;}.pr-130{padding-right: 130px !important;}.pb-130{padding-bottom: 130px !important;}.pl-130{padding-left: 130px !important;}.m-130{margin:130px !important;}.mt-130{margin-top: 130px !important;}.mr-130{margin-right: 130px !important;}.mb-130{margin-bottom: 130px !important;}.ml-130{margin-left: 130px !important;}
.p-135{padding:135px !important;}.pt-135{padding-top: 135px !important;}.pr-135{padding-right: 135px !important;}.pb-135{padding-bottom: 135px !important;}.pl-135{padding-left: 135px !important;}.m-135{margin:135px !important;}.mt-135{margin-top: 135px !important;}.mr-135{margin-right: 135px !important;}.mb-135{margin-bottom: 135px !important;}.ml-135{margin-left: 135px !important;}
.p-140{padding:140px !important;}.pt-140{padding-top: 140px !important;}.pr-140{padding-right: 140px !important;}.pb-140{padding-bottom: 140px !important;}.pl-140{padding-left: 140px !important;}.m-140{margin:140px !important;}.mt-140{margin-top: 140px !important;}.mr-140{margin-right: 140px !important;}.mb-140{margin-bottom: 140px !important;}.ml-140{margin-left: 140px !important;}
.p-145{padding:145px !important;}.pt-145{padding-top: 145px !important;}.pr-145{padding-right: 145px !important;}.pb-145{padding-bottom: 145px !important;}.pl-145{padding-left: 145px !important;}.m-145{margin:145px !important;}.mt-145{margin-top: 145px !important;}.mr-145{margin-right: 145px !important;}.mb-145{margin-bottom: 145px !important;}.ml-145{margin-left: 145px !important;}
.p-150{padding:150px !important;}.pt-150{padding-top: 150px !important;}.pr-150{padding-right: 150px !important;}.pb-150{padding-bottom: 150px !important;}.pl-150{padding-left: 150px !important;}.m-150{margin:150px !important;}.mt-150{margin-top: 150px !important;}.mr-150{margin-right: 150px !important;}.mb-150{margin-bottom: 150px !important;}.ml-150{margin-left: 150px !important;}
/** MAX WIDTH **/
.mw-0{max-width:0px;}.mw-25{max-width:25px;}.mw-50{max-width:50px;}.mw-75{max-width:75px;}.mw-100{max-width:100px;}.mw-125{max-width:125px;}.mw-150{max-width:150px;}.mw-175{max-width:175px;}.mw-200{max-width:200px;}.mw-225{max-width:225px;}.mw-250{max-width:250px;}.mw-275{max-width:275px;}.mw-300{max-width:300px;}.mw-325{max-width:325px;}.mw-350{max-width:350px;}.mw-375{max-width:375px;}.mw-400{max-width:400px;}.mw-425{max-width:425px;}.mw-450{max-width:450px;}.mw-475{max-width:475px;}.mw-500{max-width:500px;}.mw-525{max-width:525px;}.mw-550{max-width:550px;}.mw-575{max-width:575px;}.mw-600{max-width:600px;}.mw-625{max-width:625px;}.mw-650{max-width:650px;}.mw-675{max-width:675px;}.mw-700{max-width:700px;}.mw-725{max-width:725px;}.mw-750{max-width:750px;}.mw-775{max-width:775px;}.mw-800{max-width:800px;}.mw-825{max-width:825px;}.mw-850{max-width:850px;}.mw-875{max-width:875px;}.mw-900{max-width:900px;}.mw-925{max-width:925px;}.mw-950{max-width:950px;}.mw-975{max-width:975px;}.mw-1000{max-width:1000px;}.mw-1025{max-width:1025px;}.mw-1050{max-width:1050px;}.mw-1075{max-width:1075px;}.mw-1100{max-width:1100px;}.mw-1125{max-width:1125px;}.mw-1150{max-width:1150px;}.mw-1175{max-width:1175px;}.mw-1200{max-width:1200px;}.mw-1225{max-width:1225px;}.mw-1250{max-width:1250px;}.mw-1275{max-width:1275px;}.mw-1300{max-width:1300px;}.mw-1325{max-width:1325px;}.mw-1350{max-width:1350px;}.mw-1375{max-width:1375px;}.mw-1400{max-width:1400px;}.mw-1425{max-width:1425px;}.mw-1450{max-width:1450px;}.mw-1475{max-width:1475px;}.mw-1500{max-width:1500px;}.mw-1525{max-width:1525px;}.mw-1550{max-width:1550px;}.mw-1575{max-width:1575px;}.mw-1600{max-width:1600px;}.mw-1625{max-width:1625px;}.mw-1650{max-width:1650px;}.mw-1675{max-width:1675px;}.mw-1700{max-width:1700px;}.mw-1725{max-width:1725px;}.mw-1750{max-width:1750px;}.mw-1775{max-width:1775px;}.mw-1800{max-width:1800px;}.mw-1825{max-width:1825px;}.mw-1850{max-width:1850px;}.mw-1875{max-width:1875px;}.mw-1900{max-width:1900px;}.mw-1925{max-width:1925px;}.mw-1950{max-width:1950px;}.mw-1975{max-width:1975px;}.mw-2000{max-width:2000px;}.mw-2025{max-width:2025px;}.mw-2050{max-width:2050px;}.mw-2075{max-width:2075px;}.mw-2100{max-width:2100px;}.mw-2125{max-width:2125px;}.mw-2150{max-width:2150px;}.mw-2175{max-width:2175px;}.mw-2200{max-width:2200px;}.mw-2225{max-width:2225px;}.mw-2250{max-width:2250px;}.mw-2275{max-width:2275px;}.mw-2300{max-width:2300px;}.mw-2325{max-width:2325px;}.mw-2350{max-width:2350px;}.mw-2375{max-width:2375px;}.mw-2400{max-width:2400px;}.mw-2425{max-width:2425px;}.mw-2450{max-width:2450px;}.mw-2475{max-width:2475px;}.mw-2500{max-width:2500px;}.mw-2525{max-width:2525px;}.mw-2550{max-width:2550px;}.mw-2575{max-width:2575px;}.mw-2600{max-width:2600px;}.mw-2625{max-width:2625px;}.mw-2650{max-width:2650px;}.mw-2675{max-width:2675px;}.mw-2700{max-width:2700px;}.mw-2725{max-width:2725px;}.mw-2750{max-width:2750px;}.mw-2775{max-width:2775px;}.mw-2800{max-width:2800px;}.mw-2825{max-width:2825px;}.mw-2850{max-width:2850px;}.mw-2875{max-width:2875px;}.mw-2900{max-width:2900px;}.mw-2925{max-width:2925px;}.mw-2950{max-width:2950px;}.mw-2975{max-width:2975px;}.mw-3000{max-width:3000px;}
/** COLORS **/
/** Color: black-1 **/
.clr-black-1 { color: #000 !important}
.bg-black-1 { background-color: #000 !important}
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-1 .plyr--audio .plyr__control:hover,
.clr-media-black-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-1 .plyr__control--overlaid:focus,
.clr-media-black-1 .plyr__control--overlaid:hover,
.clr-media-black-1 .plyr__control--overlaid,
.clr-media-black-1 .plyr--video .plyr__control:hover{background: #000 !important;}
.clr-media-black-1 .plyr--full-ui input[type=range]{color: #000 !important;}/** Color: white-1 **/
.clr-white-1 { color: #fff !important}
.bg-white-1 { background-color: #fff !important}
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-white-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-white-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-white-1 .plyr--audio .plyr__control:hover,
.clr-media-white-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-white-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-white-1 .plyr__control--overlaid:focus,
.clr-media-white-1 .plyr__control--overlaid:hover,
.clr-media-white-1 .plyr__control--overlaid,
.clr-media-white-1 .plyr--video .plyr__control:hover{background: #fff !important;}
.clr-media-white-1 .plyr--full-ui input[type=range]{color: #fff !important;}/** Color: black-2 **/
.clr-black-2 { color: #333 !important}
.bg-black-2 { background-color: #333 !important}
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-2 .plyr--audio .plyr__control:hover,
.clr-media-black-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-2 .plyr__control--overlaid:focus,
.clr-media-black-2 .plyr__control--overlaid:hover,
.clr-media-black-2 .plyr__control--overlaid,
.clr-media-black-2 .plyr--video .plyr__control:hover{background: #333 !important;}
.clr-media-black-2 .plyr--full-ui input[type=range]{color: #333 !important;}/** Color: navy-1 **/
.clr-navy-1 { color: #30485F !important}
.bg-navy-1 { background-color: #30485F !important}
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-navy-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-navy-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-navy-1 .plyr--audio .plyr__control:hover,
.clr-media-navy-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-navy-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-navy-1 .plyr__control--overlaid:focus,
.clr-media-navy-1 .plyr__control--overlaid:hover,
.clr-media-navy-1 .plyr__control--overlaid,
.clr-media-navy-1 .plyr--video .plyr__control:hover{background: #30485F !important;}
.clr-media-navy-1 .plyr--full-ui input[type=range]{color: #30485F !important;}/** Color: orange-1 **/
.clr-orange-1 { color: #FF5000 !important}
.bg-orange-1 { background-color: #FF5000 !important}
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-orange-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-orange-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-orange-1 .plyr--audio .plyr__control:hover,
.clr-media-orange-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-orange-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-orange-1 .plyr__control--overlaid:focus,
.clr-media-orange-1 .plyr__control--overlaid:hover,
.clr-media-orange-1 .plyr__control--overlaid,
.clr-media-orange-1 .plyr--video .plyr__control:hover{background: #FF5000 !important;}
.clr-media-orange-1 .plyr--full-ui input[type=range]{color: #FF5000 !important;}/** Color: black-3 **/
.clr-black-3 { color: #1A1A20 !important}
.bg-black-3 { background-color: #1A1A20 !important}
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-black-3 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-black-3 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-black-3 .plyr--audio .plyr__control:hover,
.clr-media-black-3 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-black-3 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-black-3 .plyr__control--overlaid:focus,
.clr-media-black-3 .plyr__control--overlaid:hover,
.clr-media-black-3 .plyr__control--overlaid,
.clr-media-black-3 .plyr--video .plyr__control:hover{background: #1A1A20 !important;}
.clr-media-black-3 .plyr--full-ui input[type=range]{color: #1A1A20 !important;}/** Color: gray-1 **/
.clr-gray-1 { color: #d9f1fe !important}
.bg-gray-1 { background-color: #d9f1fe !important}
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-gray-1 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-gray-1 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-gray-1 .plyr--audio .plyr__control:hover,
.clr-media-gray-1 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-gray-1 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-gray-1 .plyr__control--overlaid:focus,
.clr-media-gray-1 .plyr__control--overlaid:hover,
.clr-media-gray-1 .plyr__control--overlaid,
.clr-media-gray-1 .plyr--video .plyr__control:hover{background: #d9f1fe !important;}
.clr-media-gray-1 .plyr--full-ui input[type=range]{color: #d9f1fe !important;}/** Color: white-2 **/
.clr-white-2 { color: #EEEAE8 !important}
.bg-white-2 { background-color: #EEEAE8 !important}
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-white-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-white-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-white-2 .plyr--audio .plyr__control:hover,
.clr-media-white-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-white-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-white-2 .plyr__control--overlaid:focus,
.clr-media-white-2 .plyr__control--overlaid:hover,
.clr-media-white-2 .plyr__control--overlaid,
.clr-media-white-2 .plyr--video .plyr__control:hover{background: #EEEAE8 !important;}
.clr-media-white-2 .plyr--full-ui input[type=range]{color: #EEEAE8 !important;}/** Color: gray-2 **/
.clr-gray-2 { color: #EAE6DA !important}
.bg-gray-2 { background-color: #EAE6DA !important}
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control.plyr__tab-focus,
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control:hover,
.clr-media-gray-2 .plyr--video .plyr__controls .plyr__control[aria-expanded=true],
.clr-media-gray-2 .plyr--audio .plyr__control.plyr__tab-focus,
.clr-media-gray-2 .plyr--audio .plyr__control:hover,
.clr-media-gray-2 .plyr--audio .plyr__control[aria-expanded=true],
.clr-media-gray-2 .plyr__menu__container label.plyr__control input[type=radio]:checked+span,
.clr-media-gray-2 .plyr__control--overlaid:focus,
.clr-media-gray-2 .plyr__control--overlaid:hover,
.clr-media-gray-2 .plyr__control--overlaid,
.clr-media-gray-2 .plyr--video .plyr__control:hover{background: #EAE6DA !important;}
.clr-media-gray-2 .plyr--full-ui input[type=range]{color: #EAE6DA !important;}
.block,
.brick {
position: relative;
overflow:hidden;
z-index: 0;
}
.background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: -1;
}
.background-in,
.background-overlay {
height: 100%;
width: 100%;
}
.background-overlay {
position: absolute;
top: 0px;
left: 0px;
}
.background-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.columns,
.form-row {
display:table;
table-layout:fixed;
width: 100%;
height: 100%;
}
.column,
.form-column {
display:table-cell;
vertical-align:top;
height: 100%;
position:relative;
}
.column-in,
.form-column-in {
position: relative;
height: 100%;
}
.visual, img.visual {
position:absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
inset: 0;
}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.no-space {padding: 0px !important;}
.no-space-top {padding-top: 0px !important; margin-top: 0px !important;}
.no-space-bottom {padding-bottom: 0px !important; margin-bottom: 0px !important;}
.item {display:block;float: left;}
.es-slider-items .item {float:none;}
.column {
display:table-cell;
vertical-align:top;
}
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}
.fs-italic {font-style:italic;}
.tt-uppercase {text-transform:uppercase;}
.op-0 {opacity:0}
.op-5 {opacity:0.05}
.op-10 {opacity:0.10}
.op-15 {opacity:0.15}
.op-20 {opacity:0.20}
.op-25 {opacity:0.25}
.op-30 {opacity:0.30}
.op-35 {opacity:0.35}
.op-40 {opacity:0.40}
.op-45 {opacity:0.45}
.op-50 {opacity:0.50}
.op-55 {opacity:0.55}
.op-60 {opacity:0.60}
.op-65 {opacity:0.65}
.op-70 {opacity:0.70}
.op-75 {opacity:0.75}
.op-80 {opacity:0.80}
.op-85 {opacity:0.85}
.op-90 {opacity:0.90}
.op-95 {opacity:0.95}
.op-100 {opacity:1}
.mobile-show {
display:none;
}
.mobile-hide {
display:block;
}
.component p {
margin-bottom: 1em;
}
.component p:last-child {
margin-bottom: 0px !important;
}
.text-2 {
font-family: 'nunito-sans';
}
.component h1 a,
.component h2 a,
.component h3 a,
.component h4 a,
.component h5 a,
.component h6 a,
.component div a,
.component p a {
text-decoration: none;
position: relative;
display: inline-block;
-webkit-transition: color 250ms ease-in-out;
-moz-transition: color 250ms ease-in-out;
-ms-transition: color 250ms ease-in-out;
-o-transition: color 250ms ease-in-out;
transition: color 250ms ease-in-out;
}
.component .clr-black-1 h1 a::after,
.component .clr-black-1 h2 a::after,
.component .clr-black-1 h3 a::after,
.component .clr-black-1 h4 a::after,
.component .clr-black-1 h5 a::after,
.component .clr-black-1 h6 a::after,
.component .clr-black-1 h1 a::before,
.component .clr-black-1 h2 a::before,
.component .clr-black-1 h3 a::before,
.component .clr-black-1 h4 a::before,
.component .clr-black-1 .clr-black-1 h5 a::before,
.component .clr-black-1 h6 a::before,
.component .clr-black-1 div a::before,
.component .clr-black-1 p a::before,
.component .clr-black-1 div a::after,
.component .clr-black-1 p a::after {
background: #000;
}
.component h1 a::after,
.component h2 a::after,
.component h3 a::after,
.component h4 a::after,
.component h5 a::after,
.component h6 a::after,
.component h1 a::before,
.component h2 a::before,
.component h3 a::before,
.component h4 a::before,
.component h5 a::before,
.component h6 a::before,
.component div a::before,
.component p a::before,
.component div a::after,
.component p a::after {
content: "";
position: absolute;
right: 0;
width: 0;
bottom: 3px;
background: #FFF;
height: 4px;
transition-property: width;
transition-duration: 0.3s;
transition-timing-function: ease-out;
pointer-events: none;
}
.component h1 a::before,
.component h2 a::before,
.component h3 a::before,
.component h4 a::before,
.component h5 a::before,
.component h6 a::before,
.component div a::before,
.component p a::before {
width: 100%;
}
.component h1 a::after,
.component h2 a::after,
.component h3 a::after,
.component h4 a::after,
.component h5 a::after,
.component h6 a::after,
.component div a::after,
.component p a::after {
background: #FF5000;
}
.component h1 a:hover::after,
.component h2 a:hover::after,
.component h3 a:hover::after,
.component h4 a:hover::after,
.component h5 a:hover::after,
.component h6 a:hover::after,
.component div a:hover::after,
.component p a:hover::after {
left: 0;
right: auto;
width: 100%;
}
.component h1 a:hover,
.component h2 a:hover,
.component h3 a:hover,
.component h4 a:hover,
.component h5 a:hover,
.component h6 a:hover,
.component div a:hover,
.component p a:hover {
color: #FF5000 !important;
}
.component .clr-orange-1 h1 a:hover,
.component .clr-orange-1 h2 a:hover,
.component .clr-orange-1 h3 a:hover,
.component .clr-orange-1 h4 a:hover,
.component .clr-orange-1 h5 a:hover,
.component .clr-orange-1 h6 a:hover,
.component .clr-orange-1 div a:hover,
.component .clr-orange-1 p a:hover {
color: #1A1A20 !important;
}
.force-light-colors {
color: #FFFFFF !important;
}
.force-dark-colors .button-1 .button-arrow svg > g > g {
stroke: #FFF;
}
.force-dark-colors {
color: #000000 !important;
}
.force-dark-colors .button-2 .button-arrow svg > g > g {
stroke: #000;
}
/** TRANSITIONS **/
.nav-toggle,
.nav-toggle-in-content::before,
.input-row,
.input-row label,
.item-cases-selected-1 .item-image .visual,
.component-gallery .visual {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.slider-arrow,
.header-nav-item a {
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.header-content-bottom a {
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
transition: color 200ms ease;
}
.iso-filter-item-fake,
.iso-filter-item,
.header-content {
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.header-out .button-in {
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.header-out {
-webkit-transition: background-color 300ms ease-in-out;
-moz-transition: background-color 300ms ease-in-out;
-ms-transition: background-color 300ms ease-in-out;
-o-transition: background-color 300ms ease-in-out;
transition: background-color 300ms ease-in-out;
}
.header-out .button-mobile svg > g > g,
.header-out .button-2 .button-arrow svg > g > g {
-webkit-transition: stroke 300ms ease;
-moz-transition: stroke 300ms ease;
-ms-transition: stroke 300ms ease;
-o-transition: stroke 300ms ease;
transition: stroke 300ms ease;
}
.iso-filter-item-fake::after,
.iso-filter-item::after {
-webkit-transition: width 300ms ease;
-moz-transition: width 300ms ease;
-ms-transition: width 300ms ease;
-o-transition: width 300ms ease;
transition: width 300ms ease;
}
/** COMPONENTS **/
.title-1 {
font-size: 4em;line-height: 1em; }
.title-2 {
font-size: 2.5em;line-height: 1.32em; }
.text-1 {
font-size: 1.5em;line-height: 1.533em; }
.text-2 {
font-size: 1em;line-height: 2.300em; }
.text-3 {
font-size: 1.5em;line-height: 2.2em; }
.button-in {
display: flex;
align-items: center;
}
.button-arrow {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #FF5000;
border-radius: 50%;
flex-shrink: 0;
margin-left: 10px;
}
.button-arrow-left {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #FF5000;
border-radius: 50%;
flex-shrink: 0;
margin-right: 10px;
}
.button-arrow-hover {
width: 0;
height: 0;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.button-arrow svg,
.button-arrow-left svg{
display: block;
position: relative;
z-index: 1;
}
.button:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.button-content {
position: relative;
z-index: 1;
line-height: 1.4em;
}.form-text-in input,
.form-password-in input,
.form-select-in select,
.form-textarea-in textarea {
background: #fff;
border: 2px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
padding: 10px;
padding-top: 12px;
width: 100%;
font-size: 1em;
line-height: 1.25em;
outline:none;
font-weight: 500;
color: #212529;
-webkit-appearance: none;
}
.form-text-in.focus input,
.form-password-in.focus input,
.form-textarea-in.focus textarea {
background: #fff;
border-color: #4285F4 !important;
}
.form-select-select {
position:relative;
z-index: 1;
background: #fff;
}
.form-select-select .icon-select {
position:absolute;
right: 20px;
top: 50%;
z-index: -1;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
margin-top: 3px;
color: #000;
}
.form-select-in select {
background: transparent !important;
height: auto;
padding: 12px;
padding-top: 13px;
width: 100%;
font-size: 1em;
line-height: 1em;
cursor:pointer;
}.form-textarea-in textarea {
max-width: 100%;
min-width: 100%;
min-height: 150px;
}
.form-file-in input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.form-file-in label {
display: block;
color: #FFF;
padding: 11px;
text-align: center;
cursor: pointer;
}
.form-file-in label:hover {
background: #333;
}
.form-file-in label i {
position: relative;
top: 2px;
padding-left: 7px;
}
.form-file-in .form-uploaded-file {
position: relative;
padding: 0 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
border: 1px solid #333;
color: #333;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 46px;
line-height: 46px;
}
.form-file-in .form-uploaded-file i {
position: absolute;
right: 0px;
font-size: 1.250em;
top: 0;
cursor: pointer;
width: 44px;
height: 44px;
}
.form-file-in .form-uploaded-file i:before {
position: relative;
top: 2px;
}
.form-file-in .form-uploaded-file i:hover {
color: #333;
background: #333;
border-left: 1px solid #333;
}.form-check,
.form-radio {
display: block;
position: relative;
padding-left: 34px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 18px;
padding-top: 5px;
line-height: 1em;
margin-bottom: 5px;
}
.form-check input,
.form-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.form-checkmark {
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
background-color: #eee;
}
.form-radio .form-checkmark {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.form-check:hover input ~ .form-checkmark,
.form-radio:hover input ~ .form-checkmark {
background-color: #ddd;
}
.form-check input:checked ~ .form-checkmark,
.form-radio input:checked ~ .form-checkmark {
background-color: #4285F4;
}
.form-check input:checked ~ .value,
.form-radio input:checked ~ .value{
font-weight: 500;
}
.form-checkmark:after {
content: "";
position: absolute;
display: none;
}
.form-check input:checked ~ .form-checkmark:after,
.form-radio input:checked ~ .form-checkmark:after {
display: block;
}
.form-check .form-checkmark:after,
.form-radio .form-checkmark:after {
left: 8px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}.socials-in {
display: flex;
flex-wrap: wrap;
}
.footer-in .socials-in {
margin-bottom: -20px;
}
.social-item {
display: flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 20px 20px 0;
-webkit-transition: background-color 250ms ease-in-out;
-moz-transition: background-color 250ms ease-in-out;
-ms-transition: background-color 250ms ease-in-out;
-o-transition: background-color 250ms ease-in-out;
transition: background-color 250ms ease-in-out;
}
.social-item svg > g > g {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.social-item svg > g > g[fill="#1A1A20"] {
fill: #FFF;
}
.social-item:hover {
background: #FFF;
}
.social-item:hover svg > g > g[fill] {
fill: #FF5000 !important;
}
.social-item:hover svg > g > g[stroke] {
stroke: #FF5000 !important;
}
.social-item svg > g > g[stroke="#1A1A20"] {
stroke: #FFF;
}.newsletter-in {
display: flex;
align-items: center;
border: 1px solid #FFF;
border-radius: 35px;
}
.newsletter-icon,
.newsletter-button {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 60px;
height: 58px;
}
.newsletter-button {
margin: 0;
padding: 0 5px 0 0;
background: transparent;
outline: none;
border: none;
}
.newsletter-in input {
display: block;
flex-grow: 1;
background: transparent;
width: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
-webkit-appearance: none;
font-family: 'nunito-sans';
font-size: 20px;
font-weight: 300;
height: 58px;
color: #FFF;
}
::placeholder {
color: #FFF;
opacity: 1;
}
:-ms-input-placeholder {
color: #FFF;
}
::-ms-input-placeholder {
color: #FFF;
}
/** LOOPS **/
.item-cases-selected-1 {
}
.item-awards-1 {
}
.item-awards-1 {
/*font-size: 20px;*/
/*display: inline-block;*/
float: none;
padding-bottom: 21px;
vertical-align: top !important;
}
.item-awards-1 .item-in {
margin-right: 100px;
}
.item-awards-1 .item-counter {
text-align: center;
margin-bottom: 45px;
}
.item-awards-1 .item-image {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin-bottom: 30px
}
.item-awards-1 .item-image img {
max-height: 50px;
}
.item-awards-1 .button-in {
justify-content: center;
}
.item-cases-1 {
}
.iso-grid {
margin: 0 -25px;
}
.item-cases-1 {
float: none;
width: 50%;
display: block;
padding: 50px 25px;
}
.item-cases-1 .item-in {
display: block;
}
.item-cases-1 .item-image {
position: relative;
padding-top: 72%;
margin-bottom: 30px;
}
.item-cases-1 .title-2 {
line-height: 1em;
}
.item-cases-1.item-wide,
.not-filtered .item-cases-1:nth-child(3n+3) {
width: 100%;
}
.item-cases-1.item-wide .item-image,
.not-filtered .item-cases-1:nth-child(3n+3) .item-image {
padding-top: 42.31%;
}
.archive-top {
position: relative;
z-index: 2;
padding: 20px 0;
}
.iso-filter {
overflow-x: auto;
overflow-y: hidden;
}
.iso-filter-in {
/*display: flex;*/
/*align-items: center;*/
/*flex-wrap: wrap;*/
white-space: nowrap;
font-size: 0;
}
.iso-filter-item-text {
margin-right: 55px;
display: inline-block;
vertical-align: middle;
font-size: 30px;
}
.iso-filter-item-fake,
.iso-filter-item {
font-size: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
margin-right: 40px;
opacity: 0.5;
}
.iso-filter-item-fake::after,
.iso-filter-item::after {
content: '';
position: absolute;
left: 0;
bottom: 6px;
width: 0;
height: 1px;
background: #FF5000;
}
.iso-filter-item-fake.active::after,
.iso-filter-item.active::after {
width: 100%;
}
.iso-filter-item-fake:hover,
.iso-filter-item:hover,
.iso-filter-item-fake.dropdown-is-open,
.iso-filter-item-fake.active,
.iso-filter-item.active {
opacity: 1;
}
.archive-top-in {
margin-bottom: 30px;
}
.item-cases-1 .text-1 {
margin-bottom: 15px;
}
.iso-filter-dropdown {
display: none;
padding-top: 45px;
}
.iso-filter-dropdown-in {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: 930px;
}
.iso-filter-dropdown .iso-filter-item {
display: inline-block;
font-size: 20px;
margin: 0;
line-height: 1em;
padding: 10px 0;
}
.iso-filter-dropdown .iso-filter-item-container {
display: block;
width: 33.333%;
padding-right: 30px;
}
.item-client-logos-1 .item-in {
display: flex;
align-items: center;
justify-content: center;
}
.item-client-logos-1 .item-in img{
max-height: 70px;
}
.item-news-1 {
width: 100%;
}
.news-archive-item .news-archive-item-data {
font-size: 20px;
}
.news-archive-item{
opacity: 50%;
border-top: #FFFFFF solid 1px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.news-archive-item:hover {
opacity: 100% !important;
}
.news-archive-item-data {
margin-top: 30px;
}
.news-archive-columns .loop-news-1 {
border-bottom: #FFFFFF7F solid 1px;
}
.news-archive-columns .loop-news-1 a {
display: block;
}
.item-news-1 {
float: none;
}
.item-jobs-1 {
width: 100%;
}
.item-jobs-1 {
width: 100%;
float: none;
}
.item-jobs-1 .item-content {
padding-right: 20px;
}
.item-jobs-1 .item-in {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0px;
border-top: 1px solid rgba(26,26,32,0.5);
}
.item-jobs-1:last-child .item-in {
border-bottom: 1px solid rgba(26,26,32,0.5);
}
.cases-single-bottom a:hover .item-content-right .button-arrow-hover,
.item-cases-selected-1 .arrow-right:hover .button-arrow-hover,
.item-jobs-1 a.item-in:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
@media screen and (min-width: 768px){
.cases-single-bottom a:hover .item-content-right .button-arrow-hover {
width: 140px;
height: 140px;
}
.item-jobs-1 .button-arrow {
width: 100px;
height: 100px;
}
.item-jobs-1 a.item-in:hover .button-arrow-hover {
width: 140px;
height: 140px;
}
.item-jobs-1 .button-arrow svg {
width: 28px;
height: 28px;
}
.item-cases-selected-1 .arrow-right:hover .button-arrow-hover {
width: 140px;
height: 140px;
}
}
/** PARTS **/
/** SECTIONS **/
/** SECTION: TOP **/
header {
color: #FFF;
}
[data-scroll-container] {
padding-top: 160px;
overflow: hidden;
}
.header-out {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
}
.header-in {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 55px 0;
/*position: fixed;*/
/*z-index: 1;*/
/*height: 60px;*/
/*width: 100%;*/
}
.header-middle {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header-logo {
display: block;
}
.header-logo img {
max-height: 60px;
}
.header-content {
position: fixed;
top: 160px;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
opacity: 0;
pointer-events: none;
background: rgba(26,26,32,0.95);
}
.header-content-inner,
.header-content .wrapper {
height: 100%;
}
.header-content-in {
position: relative;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding-top: 85px;
-webkit-overflow-scrolling: touch;
}
.nav-open .header-content {
pointer-events: all;
opacity: 1;
}
.header-nav-item {
margin-bottom: 10px;
}
.header-nav-item:last-child {
margin-bottom: 0;
}
.header-nav-item a {
display: flex;
align-items: center;
opacity: 0.5;
}
.header-nav-item a:hover {
opacity: 1;
}
.header-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 80px;
padding-bottom: 70px;
}
.brick-form-1 .column-2 .component p a::before,
.brick-form-1 .column-2 .component p a::after,
.social-item::before,
.social-item::after,
.footer-column-in .component p a::before,
.footer-column-in .component p a::after,
.header-content-bottom a::before,
.header-content-bottom a::after {
display: none !important;
content: normal;
}
.header-content-bottom a {
text-decoration: none !important;
}
.header-content-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.header-content-bottom-left {
padding-right: 20px;
}
.lang-switch a {
display: block;
text-decoration: none !important;
}
.lang-switch a.active {
text-decoration: underline !important;
}
.header-content-bottom .text-1 {
font-size: 30px;
line-height: 50px;
}
.button-mobile {
display: none;
}
.header-content-bottom-right {
text-align: right;
}
.header-nav-item a span {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #FFF;
font-size: 20px;
font-weight: 400;
border-radius: 50%;
border: 1px solid #FF5000;
margin-left: 20px;
box-sizing: border-box;
padding-top: 3px;
}
.header-content-bottom a:hover {
color: #FF5000;
}
.nav-toggle {
cursor:pointer;
margin: 0;
overflow: visible;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.nav-toggle-in {
height: 17px;
width: 50px;
position: relative;
}
.nav-toggle-in-content,
.nav-toggle-in-content::after {
width: 50px;
height: 1px;
background-color: #FFF;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.nav-toggle-in-content::after {
content: "";
display: block;
}
.nav-toggle-in-content::after {
top: 15px;
}
.nav-open .nav-toggle-in-content {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.nav-open .nav-toggle-in-content::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
top: 19px;
}
.nav-open .header-out,
.force-dark-colors .nav-toggle-in-content,
.force-dark-colors .nav-toggle-in-content::after {
background-color: #1A1A20 !important;
}
.nav-open .force-dark-colors .nav-toggle-in-content,
.nav-open .force-dark-colors .nav-toggle-in-content::after {
background-color: #FFF !important;
}
.nav-open .header-out .force-dark-colors {
color: #FFF !important;
}
.header-out.force-dark-colors .button-mobile svg > g > g {
stroke: #1A1A20 !important;
}
.nav-open .header-out.force-dark-colors .button-mobile svg > g > g,
.nav-open .header-out.force-dark-colors .button-2 .button-arrow svg > g > g {
stroke: #FFF !important;
}
/** SECTION: BRICKS **/
.brick-featured-1 {
overflow: visible;
}
.brick-featured-1 video {
width: 100%;
height: 100%;
object-fit: cover;
}
.brick-featured-1 .wrapper {
/*position: sticky;*/
/*top: 160px;*/
/*z-index: 1;*/
}
.brick-featured-1 .brick-in {
padding-bottom: 100px;
}
.featured-bottom img {
width: 100%;
}
.featured-bottom > a {
position: relative;
}
.media-block {
position: relative;
display: block;
height: 100vh;
overflow: hidden;
}
.media-block > .component {
position: absolute;
height: 100%;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.description-media {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 0;
/*width: 100%;*/
}
.brick-featured-half-1 .brick-top {
margin-bottom: 50px;
}
.brick-featured-half-1 .column-1 {
padding-right: 117px;
}
.component-gallery .column-in {
height: auto;
padding-top: 141%;
overflow: hidden;
}
.component-gallery .columns {
display: table;
}
.component-gallery .column {
display: table-cell;
}
.component-gallery .visual {
filter: grayscale(100%);
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
/*-webkit-transform: scale(1.01);*/
/*-moz-transform: scale(1.01);*/
/*-ms-transform: scale(1.01);*/
/*-o-transform: scale(1.01);*/
/*transform: scale(1.01);*/
}
.component-gallery .visual:hover {
filter: grayscale(0);
/*-webkit-transform: scale(1.05);*/
/*-moz-transform: scale(1.05);*/
/*-ms-transform: scale(1.05);*/
/*-o-transform: scale(1.05);*/
/*transform: scale(1.05);*/
}
.component-list ul {
list-style: none;
}
.component-list li {
position: relative;
padding-left: 63px;
margin-bottom: 30px;
}
.component-list li:last-child {
margin-bottom: 0;
}
.component-list li::before {
content: "";
background-color: #FF5000;
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: 0;
top: 21px;
}
.component.component-is-small {
max-width: 1000px;
}
.impressions-items-container {
margin: 0 -50px;
}
.impressions-items {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.impression-item {
width: 50%;
padding: 50px;
}
.impression-item-in {
position: relative;
padding-top: 100%;
}
.impression-item-large .impression-item-in {
padding-top: 38.46%;
}
.impression-item-large {
width: 100%;
}
.brick-client-logos-1 .brick-in {
margin-bottom: 100px;
}
.tickercontainer {
width: 100%;
min-height: 50px;
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.tickercontainer .mask {
position: relative;
width: 100%;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0 50px;
padding: 0;
}
.brick-cta-1 .column-1 {
width: 600px;
}
.brick-cta-1 .column-2 {
padding-left: 50px;
}
.brick-cta-1 .swipe-left {
display: none;
}
.cta-slider,
.cta-slider-item-image {
position: relative;
padding-top: 80%;
}
.cta-slider-item-in {
margin-right: 30px;
}
.cta-slider-in {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
cursor: none;
}
.cta-slider-item {
width: 100%;
max-width: 650px;
}
.slider-arrow {
position: absolute;
opacity: 0;
pointer-events: none !important;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider-arrow.visible {
opacity: 1;
}
.slider-arrow-in {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.slider-arrow.arrow-left {
display: none;
}
.slider-arrow.arrow-left svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider-arrow svg {
display: block;
width: 19px;
height: 19px;
margin: 0;
}
.brick-awards-1 .brick-top {
margin-bottom: 150px;
}
.brick-cases-selected-1 .brick-in {
margin-bottom: 55px;
}
.item-cases-selected-1 {
width: 83.33%;
display: block;
float: none;
}
.item-cases-selected-1 .item-image {
max-height: 65vh;
overflow: hidden;
}
.item-cases-selected-1 .item-image-in {
position: relative;
padding-top: 66.67%;
}
.item-cases-selected-1.active .item-image .visual {
filter: grayscale(0);
}
.item-cases-selected-1 .item-image .visual {
filter: grayscale(1);
}
.cases-single-bottom {
position: relative;
background: #FFF;
}
.cases-single-bottom .item-content,
.item-cases-selected-1 .item-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 50px 50px 40px 70px;
}
.cases-single-bottom .item-content-bottom,
.cases-single-bottom .item-content-in,
.item-cases-selected-1 .item-content-bottom,
.item-cases-selected-1 .item-content-in {
display: flex;
align-items: center;
}
.cases-single-bottom .item-content-in,
.item-cases-selected-1 .item-content-in {
width: 100%;
}
.cases-single-bottom .item-content-bottom,
.item-cases-selected-1 .item-content-bottom {
margin-top: 5px;
}
.cases-single-bottom .item-content-bottom > div:first-child,
.item-cases-selected-1 .item-content-bottom > div:first-child {
margin-right: 30px;
}
.cases-single-bottom .item-content-left,
.item-cases-selected-1 .item-content-left {
flex-grow: 1;
margin-right: 20px;
}
.cases-single-bottom .item-content-right,
.item-cases-selected-1 .item-content-right {
flex-shrink: 0;
}
.tags-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tag {
font-size: 16px;
padding: 16px 15px 12px;
border: 1px solid #FF5000;
border-radius: 30px;
line-height: 1.2em;
margin: 0 30px 20px 0;
}
.cases-single-bottom .item-content-right .button-arrow,
.item-cases-selected-1 .item-content-right .button-arrow {
width: 100px;
height: 100px;
}
.cases-single-bottom .item-content-right .button-arrow svg,
.item-cases-selected-1 .item-content-right .button-arrow svg {
width: 28px;
height: 28px;
}
.cases-single-bottom .item-mobile-content,
.item-cases-selected-1 .item-mobile-content {
display: none;
}
.cases-single-bottom .item-content.check-colors.force-light-colors .item-content-right .button-arrow,
.item-cases-selected-1 .item-content.check-colors.force-light-colors .item-content-right .button-arrow {
border-color: #FFF;
}
.cases-single-bottom .item-content.check-colors.force-light-colors .item-content-right .button-arrow svg > g > g,
.item-cases-selected-1 .item-content.check-colors.force-light-colors .item-content-right .button-arrow svg > g > g {
stroke: #FFF;
}
.cases-single-bottom .item-content.check-colors.force-dark-colors .item-content-right .button-arrow,
.item-cases-selected-1 .item-content.check-colors.force-dark-colors .item-content-right .button-arrow {
border-color: #000;
}
.cases-single-bottom .item-content.check-colors.force-dark-colors .item-content-right .button-arrow svg > g > g,
.item-cases-selected-1 .item-content.check-colors.force-dark-colors .item-content-right .button-arrow svg > g > g {
stroke: #000;
}
.cursor {
pointer-events: none;
/*opacity: 1;*/
opacity: 0;
z-index: 99;
border-radius: 50%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
position: fixed;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
/*transition-duration: 150ms;*/
/*transition-timing-function: ease-out;*/
}
.cursor svg {
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 14px;
height: 14px;
}
.cursor svg > g > g {
stroke: #FFF;
}
.cursor.active {
opacity: 1;
}
.cursor-toggle,
.cursor-toggle * {
cursor: none;
}
.cases-single-bottom .item-in:hover .button .button-arrow-hover,
.item-cases-selected-1 .item-in:hover .button .button-arrow-hover {
width: 90px;
height: 90px;
}
.brick-cases-single-1 .brick-top-in {
display: flex;
align-items: flex-start;
}
.brick-cases-single-1 .brick-top-left,
.brick-cases-single-1 .brick-top-right {
width: 50%;
}
.brick-cases-single-1 .brick-top-left {
padding-right: 100px;
}
.button.force-dark-colors svg > g > g {
stroke: #1A1A20 !important;
}
.button.force-light-colors svg > g > g {
stroke: #FFF;
}
.cases-single-bottom .item-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.scroll-into-view {
margin-top: 55px;
padding-bottom: 100vh;
}
.scroll-into-view-in {
position: relative;
-webkit-transition: width 10ms linear;
-moz-transition: width 10ms linear;
-ms-transition: width 10ms linear;
-o-transition: width 10ms linear;
transition: width 10ms linear;
}
.scroll-into-view-in img {
width: 100%;
}
.video-is-full-width .scroll-into-view-in .component {
top: -80px;
background: black;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.scroll-into-view-in video,
.scroll-into-view-in {
width: 100%;
}
.video-is-full-width [data-scroll-container]{
z-index: 11;
}
.scroll-into-view-in .component {
position: absolute;
top: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
transition-property: top, background, height;
transition-duration: 250ms;
transition-timing-function: ease-in-out;
}
.video-onload {
position: relative;
height: auto !important;
padding-top: 56.25%;
}
.video-onload > .plyr {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.brick-jobs-archive-1 .brick-top {
margin-bottom: 50px;
}
.brick-jobs-single-1 .brick-content {
padding: 50px 0 150px;
}
.brick-jobs-single-1 .brick-content .tags-container {
margin-bottom: 30px;
}
.brick-news-archive-1 {
background-color: #1A1A20;
color: #FFFFFF;
overflow: visible!important;
}
.news-archive-image {
top: 180px;
position: sticky;
}
.news-archive-image .item-in {
position: absolute;
top: 0;
left: 0;
opacity: 0;
max-width: 100%;
display: block;
-webkit-transition: opacity 250ms ease-in-out;
-moz-transition: opacity 250ms ease-in-out;
-ms-transition: opacity 250ms ease-in-out;
-o-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
.news-archive-image.hovered .item-in:first-child {
opacity: 0;
}
.news-archive-image.hovered .item-in:first-child.active,
.news-archive-image .item-in.active,
.news-archive-image .item-in:first-child {
opacity: 1;
}
.news-archive-buttons {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 50px;
}
.news-archive-columns {
display: grid;
grid-template-columns: 1fr 1fr;
}
.news-archive-columns .column-1 {
margin-right: 50px;
}
.news-archive-columns .column {
display: block;
}
.news-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 50px;
}
.image-date-left {
margin: 0 0 30px 30px;
}
.image-date-left .text-2,
.image-date-right .text-2 {
font-family: 'articulat-cf';
}
.image-date-right .text-2 {
float: right;
margin: 0 30px 30px 0;
}
.news-columns .column-right-all .item-in,
.news-columns .column-left-all .item-in{
margin-bottom: 30px;
filter: grayscale(1);
transition: ease-in-out 300ms;
background: rgb(0,0,0);
background: -moz-linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
background: -webkit-linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
background: linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
}
.news-columns .column-right-all:hover .item-in,
.news-columns .column-left-all:hover .item-in{
filter: grayscale(0);
}
.news-columns .column-1 .text-1 {
position: absolute;
left: 25px;
bottom: 15px
}
.news-columns .column-2 .text-1 {
position: absolute;
right: 25px;
bottom: 15px
}
.brick-jobs-single-1 .img-full-width,
.brick-news-single-1 .img-full-width {
position: relative;
padding-top: 53.82%;
}
.brick-share {
position: relative;
}
.brick-share-in {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: -30px;
}
.brick-share-in > .component {
margin-bottom: 30px !important;
}
.brick-share-in > .component:first-child {
margin-right: 50px;
}
.brick-share .social-item {
border-color: #FF5000;
}
.brick-share .social-item svg > g > g[fill="#1A1A20"],
.brick-share .social-item svg > g > g[fill="#FFFFFF"] {
fill: #000000;
}
.brick-share .social-item svg > g > g[stroke="#1A1A20"],
.brick-share .social-item svg > g > g[stroke="#FFFFFF"] {
stroke: #000000;
}
.brick-share .social-item:hover {
background: #FF5000;
}
.brick-share .social-item:hover svg > g > g[fill] {
fill: #FFF !important;
}
.brick-share .social-item:hover svg > g > g[stroke] {
stroke: #FFF !important;
}
.brick-share .socials-in {
margin-bottom: -20px;
}
.brick-team-archive-1 .brick-in {
margin-bottom: 50px;
}
.brick-team-archive-1 .brick-bottom {
cursor: none;
}
.team-member .button {
color: #fff;
}
.team-member {
padding: 0 35px;
box-sizing: content-box;
}
.job-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.job-content .title-2 {
line-height: 1em;
}
.team-member-name {
margin-right: 20px;
}
.item-team-1 {
vertical-align: top !important;
}
.item-team-1 .item-image {
position: relative;
padding-top: 80.06%;
margin-bottom: 30px;
}
.brick-form-1 .column-1 {
padding-right: 100px;
}
.brick-form-1 .column-2 {
width: 190px;
vertical-align: middle;
}
.brick-form-1 .column-2 .column-in {
height: auto;
}
.brick-form-1 .column-2 .text-2 {
line-height: 1.8em;
/*font-size: 20px;*/
}
.brick-form-1 .column-2 .component p a {
text-decoration: none;
}
.brick-form-1 .column-1 .title-1 {
max-width: 784px
}
/** SECTION: BOTTOM **/
.footer-columns {
display: flex;
align-items: flex-start;
padding: 80px 0;
}
.footer-column-1,
.footer-column-2 {
flex-shrink: 0;
}
.footer-column-1 {
width: 257px;
}
.footer-column-2 .component p {
margin-bottom: 2em;
}
.footer-column-3 {
flex-grow: 1;
align-self: stretch;
}
.footer-column-3 .footer-column-in {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-column {
margin-right: 150px;
}
.footer-bottom-column:last-child,
.footer-column:last-child {
margin-right: 0;
}
.footer-columns .text-1 {
line-height: 1em;
}
.footer-column-1 .text-1 {
margin-bottom: 60px;
}
.footer-logo {
display: block;
margin-bottom: 45px;
}
.footer-logo img {
max-height: 60px;
}
.footer-column .text-2 {
line-height: 1.8em;
font-size: 20px;
}
.footer-column-3 .text-1 {
margin-bottom: 37px;
}
.footer-bottom {
margin-top: 20px;
}
.footer-bottom-in {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom: -20px;
}
.footer-bottom-column {
margin-right: 20px;
margin-bottom: 20px;
}
.footer-bottom a {
display: block;
}
.lang-switch {
text-align: right;
}
.footer-column-in .component p a {
text-decoration: none;
}
.footer-bottom a:hover,
.footer-column-in .component p a:hover {
text-decoration: underline;
color: #FFF !important;
}
.ginput_container_checkbox label {
display: flex !important;
align-items: center;
position: relative;
max-width: none !important;
font-weight: 500;
cursor: pointer;
border-radius: 31px;
font-size: 20px;
color: rgba(255,255,255,0.50);
}
.ginput_container_checkbox label::before {
content: '';
display: block;
width: 44px;
height: 44px;
border-radius: 50%;
margin-right: 10px;
flex-shrink: 0;
border: 1px solid #FFF;
}
.ginput_container_checkbox label::after {
content: '';
display: none;
width: 8px;
height: 16px;
position: absolute;
border-bottom: 2px solid #FF5000;
border-right: 2px solid #FF5000;
left: 18px;
top: 50%;
margin-top: -11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ginput_container_checkbox input:checked + label {
color: #98D4CA;
text-decoration: none;
}
.ginput_container_checkbox input:checked + label::after {
display: block;
}
.ginput_container_radio input,
.ginput_container_checkbox input {
position: absolute;
opacity: 0;
top: auto !important;
width: 0;
height: 0;
overflow: hidden;
}
.footer-in .ginput_container_email,
.ginput_container_text.ginput_container,
.ginput_container_email.ginput_container {
display: flex;
align-items: center;
border: 1px solid #FFF !important;
border-radius: 35px !important;
}
.gfield_icon_container {
width: 40px;
flex-shrink: 0;
padding-left: 20px;
}
.gfield_icon_container svg {
display: block;
}
.ginput_container_email input,
.ginput_container_text input {
flex-grow: 1;
}
.ginput_container_textarea textarea,
.ginput_container_email input,
.ginput_container_text input {
-webkit-appearance: none;
background: transparent;
font-family: 'nunito-sans';
font-size: 20px !important;
font-weight: 400;
height: 60px;
color: #FFF;
padding: 0 20px !important;
margin: 0;
outline: none !important;
border: none !important;
border-radius: 0 !important;
}
.gfield_contains_required .ginput_container_email,
.gfield_contains_required .ginput_container_text {
border-color: #FF5000 !important;
}
.ginput_container_textarea textarea {
height: 350px !important;
resize: none;
padding-top: 15px !important;
border: 1px solid !important;
border-radius: 35px !important;
border-color: #FF5000 !important;
}
.brick-form-1 .gform-body {
position: relative;
padding-right: 50%;
}
.brick-form-1 .gform_wrapper .gform_fields {
display: block !important;
padding-right: 85px;
}
.gform-body .align-right-container {
position: absolute;
top: 0;
right: 0;
width: 50%;
padding-left: 15px;
}
::placeholder {
color: #FFF;
opacity: 0.4;
}
:-ms-input-placeholder {
color: #FFF;
opacity: 0.4;
}
::-ms-input-placeholder {
color: #FFF;
opacity: 0.4;
}
.gform_wrapper .gform_required_legend{
display: none;
}
.gform_wrapper legend,
.gfield label {
display: block !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
margin: 0 0 20px 0 !important;
font-family: 'nunito-sans';
line-height: 1.800em;
}
.ginput_container_checkbox label {
display: flex !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.gform_wrapper .gfield_required {
font-size: 50px !important;
color: #FF5000 !important;
padding: 0 !important;
display: inline;
vertical-align: sub;
font-family: 'articulat-cf';
font-weight: 400;
padding-left: 10px;
position: relative;
top: 2px;
}
.ginput_container_radio label {
display: block !important;
margin: 0 20px 20px 0 !important;
background: #FFF !important;
border-radius: 23.5px !important;
border-bottom-right-radius: 3px !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #002E6E !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 12px 20px !important;
max-width: none !important;
cursor: pointer !important;
opacity: 0.5;
}
.ginput_container_radio .gchoice:last-child label {
margin-right: 0 !important;
}
.ginput_container_radio input:checked + label {
opacity: 1;
}
.ginput_container_radio .gfield_radio {
display: flex;
flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 0;
}
.gfield {
margin-bottom: 30px !important;
}
body img.gform_ajax_spinner {
display: none !important;
}
.footer-in .ginput_container_email,
.footer-in .ginput_container_email input,
.footer-in .gfield_contains_required .ginput_container_email input {
border-color: #FFF !important;
}
.footer-in form {
position: relative;
}
.footer-in .submit_button {
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
/*font-size: 0;*/
background: transparent;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0 !important;
padding: 0;
color: #FFF;
cursor: pointer;
}
.footer-in .submit_button .button-content {
display: none;
}
.footer-in .submit_button .button-arrow {
margin: 0;
}
.footer-in .gform_validation_errors {
display: none;
}
.footer-in .gfield {
margin-bottom: 0 !important;
}
.gform_footer {
padding: 0 !important;
margin: 0 !important;
}
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
background: transparent;
padding: 0 !important;
border: none;
margin: 0 !important;
}
.footer-in .gform_confirmation_message,
.gform_wrapper .gform_validation_errors > h2,
.gform_wrapper .gform_validation_errors,
.footer-in .gform_wrapper .validation_message {
font-size: 30px;
line-height: 1em;
font-weight: 700;
margin-top: 30px !important;
color: #FFF !important;
}
.gform_wrapper .gform_validation_errors > .gform_validation_errors {
margin-top: 0 !important;
}
.brick-form-1 .gform_confirmation_message {
font-size: 80px;
font-weight: 700;
color: #FF5000;
line-height: 1em;
max-width: 785px;
}
.gform-icon {
display: none !important;
}
.gform_validation_error {
display: flex !important;
flex-direction: column-reverse;
}
.brick-form-1 .gfield_validation_message {
display: none !important;
}
.popup-essential .popup-essential-close:hover .button-arrow-hover,
.popup-essential .popup-essential-arrow:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.popup-essential .popup-essential-arrow .button-arrow {
margin: 0;
}
.popup-essential .popup-essential-arrow, .popup-essential .popup-essential-close {
width: auto;
height: auto;
border: none;
display: block;
background: transparent !important;
/*width: 40px;*/
/*height: 40px;*/
/*border-radius: 50%;*/
/*background: #ff5000;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*font-family: 'nunito-sans';*/
}
.popup-essential .arrow-left {
left: 20px;
}
.popup-essential .arrow-right {
right: 20px;
}
.popup-essential .arrow-left svg {
transform: rotate(180deg);
}
.popup-essential .popup-essential-close {
top: 20px;
right: 20px;
font-size: 20px;
}
.load_more_cases .button-arrow svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.brick-form-1 .submit_button {
margin-left: auto;
}
.brick-form-1 .submit_button:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.brick-top-left .title {
line-height: 1em;
}
.brick-news-selected-1 a.cursor-toggle .item-in {
display: block;
position: relative;
padding-top: 82.15%;
}
.copy-link {
position: relative;
}
.copy-message {
position: absolute;
opacity: 0;
pointer-events: none;
top: 100%;
left: 50%;
white-space: nowrap;
line-height: normal;
text-decoration: none;
margin-top: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #ff5000;
color: #FFF;
font-weight: 500;
font-size: 12px;
padding: 8px 10px;
font-family: 'nunito-sans';
border-radius: 3px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.copy-message.visible {
opacity: 1;
}
.video-play.active,
.video-pause.active {
border-color: #ff5000;
}
.video-play-button-mobile {
}
.video-controls {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
}
.video-play-pause {
display: flex;
align-items: center;
background: rgba(0,0,0,0.3);
padding: 9px 10px;
border: 1px solid #EBECF0;
border-radius: 30px;
font-size: 16px;
font-weight: 400;
}
.video-play,
.video-pause {
cursor: pointer;
height: 40px;
padding: 0 15px;
border-radius: 30px;
box-sizing: content-box;
border: 1px solid transparent;
line-height: 40px;
}
.video-sound {
position: relative;
display: flex;
align-items: center;
background: rgba(0,0,0,0.3);
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
margin-left: 30px;
cursor: pointer;
}
.video-sound::after {
content: '';
background: #FF5000;
position: absolute;
width: 20px;
height: 2px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-sound.muted::after {
display: none;
}
.mobile-cta {
display: none;
}
footer {
position: relative;
}
.brick-featured-1 .video-controls {
opacity: 0;
}
.brick-cases-selected-1 .dots {
display: none;
}
.bg-orange-1::selection {
background: #30485F;
}
.bg-orange-1::-moz-selection {
background: #30485F;
}
.clr-orange-1::selection {
background: #30485F;
}
.clr-orange-1::-moz-selection {
background: #30485F;
}
::selection {
background: #ff5000;
}
::-moz-selection {
background: #ff5000;
}
.brick-form-1 .real_submit_button {
height: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
transition-delay: 5000s;
}
input:-webkit-autofill{
-webkit-text-fill-color: #FFF !important;
}
.component-image {
position: relative;
}
.description-media .wrapper .component {
padding: 0;
}
.cta-slider-item-image .description-media,
.item-image-in .description-media,
.impression-item-in .description-media,
.component-image .description-media {
padding: 20px 0;
}
.description-media .component {
padding: 0 20px;
}
.component-group .content-video{
position: relative;
}
}
.column-in,
.form-column-in {
position: relative;
height: 100%;
}
.visual {
position:absolute;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
inset: 0;
}
img.visual {
position:absolute;
width: 100%;
height: 100%;
object-fit: cover;
inset: 0;
}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.no-space {padding: 0px !important;}
.no-space-top {padding-top: 0px !important; margin-top: 0px !important;}
.no-space-bottom {padding-bottom: 0px !important; margin-bottom: 0px !important;}
.item {display:block;float: left;}
.es-slider-items .item {float:none;}
.column {
display:table-cell;
vertical-align:top;
}
.fw-100 {font-weight: 100;}
.fw-200 {font-weight: 200;}
.fw-300 {font-weight: 300;}
.fw-400 {font-weight: 400;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.fw-800 {font-weight: 800;}
.fw-900 {font-weight: 900;}
.fs-italic {font-style:italic;}
.tt-uppercase {text-transform:uppercase;}
.op-0 {opacity:0}
.op-5 {opacity:0.05}
.op-10 {opacity:0.10}
.op-15 {opacity:0.15}
.op-20 {opacity:0.20}
.op-25 {opacity:0.25}
.op-30 {opacity:0.30}
.op-35 {opacity:0.35}
.op-40 {opacity:0.40}
.op-45 {opacity:0.45}
.op-50 {opacity:0.50}
.op-55 {opacity:0.55}
.op-60 {opacity:0.60}
.op-65 {opacity:0.65}
.op-70 {opacity:0.70}
.op-75 {opacity:0.75}
.op-80 {opacity:0.80}
.op-85 {opacity:0.85}
.op-90 {opacity:0.90}
.op-95 {opacity:0.95}
.op-100 {opacity:1}
.mobile-show {
display:none;
}
.mobile-hide {
display:block;
}
.component p {
margin-bottom: 1em;
}
.component p:last-child {
margin-bottom: 0px !important;
}
.text-2 {
font-family: 'nunito-sans';
}
.component h1 a,
.component h2 a,
.component h3 a,
.component h4 a,
.component h5 a,
.component h6 a,
.component div a,
.component p a {
text-decoration: none;
position: relative;
display: inline-block;
-webkit-transition: color 250ms ease-in-out;
-moz-transition: color 250ms ease-in-out;
-ms-transition: color 250ms ease-in-out;
-o-transition: color 250ms ease-in-out;
transition: color 250ms ease-in-out;
}
.component .clr-black-1 h1 a::after,
.component .clr-black-1 h2 a::after,
.component .clr-black-1 h3 a::after,
.component .clr-black-1 h4 a::after,
.component .clr-black-1 h5 a::after,
.component .clr-black-1 h6 a::after,
.component .clr-black-1 h1 a::before,
.component .clr-black-1 h2 a::before,
.component .clr-black-1 h3 a::before,
.component .clr-black-1 h4 a::before,
.component .clr-black-1 .clr-black-1 h5 a::before,
.component .clr-black-1 h6 a::before,
.component .clr-black-1 div a::before,
.component .clr-black-1 p a::before,
.component .clr-black-1 div a::after,
.component .clr-black-1 p a::after {
background: #000;
}
.component h1 a::after,
.component h2 a::after,
.component h3 a::after,
.component h4 a::after,
.component h5 a::after,
.component h6 a::after,
.component h1 a::before,
.component h2 a::before,
.component h3 a::before,
.component h4 a::before,
.component h5 a::before,
.component h6 a::before,
.component div a::before,
.component p a::before,
.component div a::after,
.component p a::after {
content: "";
position: absolute;
right: 0;
width: 0;
bottom: 3px;
background: #FFF;
height: 4px;
transition-property: width;
transition-duration: 0.3s;
transition-timing-function: ease-out;
pointer-events: none;
}
.component h1 a::before,
.component h2 a::before,
.component h3 a::before,
.component h4 a::before,
.component h5 a::before,
.component h6 a::before,
.component div a::before,
.component p a::before {
width: 100%;
}
.component h1 a::after,
.component h2 a::after,
.component h3 a::after,
.component h4 a::after,
.component h5 a::after,
.component h6 a::after,
.component div a::after,
.component p a::after {
background: #FF5000;
}
.component h1 a:hover::after,
.component h2 a:hover::after,
.component h3 a:hover::after,
.component h4 a:hover::after,
.component h5 a:hover::after,
.component h6 a:hover::after,
.component div a:hover::after,
.component p a:hover::after {
left: 0;
right: auto;
width: 100%;
}
.component h1 a:hover,
.component h2 a:hover,
.component h3 a:hover,
.component h4 a:hover,
.component h5 a:hover,
.component h6 a:hover,
.component div a:hover,
.component p a:hover {
color: #FF5000 !important;
}
.component .clr-orange-1 h1 a:hover,
.component .clr-orange-1 h2 a:hover,
.component .clr-orange-1 h3 a:hover,
.component .clr-orange-1 h4 a:hover,
.component .clr-orange-1 h5 a:hover,
.component .clr-orange-1 h6 a:hover,
.component .clr-orange-1 div a:hover,
.component .clr-orange-1 p a:hover {
color: #1A1A20 !important;
}
.force-light-colors {
color: #FFFFFF !important;
}
.force-dark-colors .button-1 .button-arrow svg > g > g {
stroke: #FFF;
}
.force-dark-colors {
color: #000000 !important;
}
.force-dark-colors .button-2 .button-arrow svg > g > g {
stroke: #000;
}
/** TRANSITIONS **/
.nav-toggle,
.nav-toggle-in-content::before,
.input-row,
.input-row label,
.item-cases-selected-1 .item-image .visual,
.component-gallery .visual {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.slider-arrow,
.header-nav-item a {
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.header-content-bottom a {
-webkit-transition: color 200ms ease;
-moz-transition: color 200ms ease;
-ms-transition: color 200ms ease;
-o-transition: color 200ms ease;
transition: color 200ms ease;
}
.iso-filter-item-fake,
.iso-filter-item,
.header-content {
-webkit-transition: opacity 300ms ease-in-out;
-moz-transition: opacity 300ms ease-in-out;
-ms-transition: opacity 300ms ease-in-out;
-o-transition: opacity 300ms ease-in-out;
transition: opacity 300ms ease-in-out;
}
.header-out .button-in {
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease;
}
.header-out {
-webkit-transition: background-color 300ms ease-in-out;
-moz-transition: background-color 300ms ease-in-out;
-ms-transition: background-color 300ms ease-in-out;
-o-transition: background-color 300ms ease-in-out;
transition: background-color 300ms ease-in-out;
}
.header-out .button-mobile svg > g > g,
.header-out .button-2 .button-arrow svg > g > g {
-webkit-transition: stroke 300ms ease;
-moz-transition: stroke 300ms ease;
-ms-transition: stroke 300ms ease;
-o-transition: stroke 300ms ease;
transition: stroke 300ms ease;
}
.iso-filter-item-fake::after,
.iso-filter-item::after {
-webkit-transition: width 300ms ease;
-moz-transition: width 300ms ease;
-ms-transition: width 300ms ease;
-o-transition: width 300ms ease;
transition: width 300ms ease;
}
/** COMPONENTS **/
.title-1 {
font-size: 4em;line-height: 1em; }
.title-2 {
font-size: 2.5em;line-height: 1.32em; }
.text-1 {
font-size: 1.5em;line-height: 1.533em; }
.text-2 {
font-size: 1em;line-height: 2.300em; }
.text-3 {
font-size: 1.5em;line-height: 2.2em; }
.button-in {
display: flex;
align-items: center;
}
.button-arrow {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #FF5000;
border-radius: 50%;
flex-shrink: 0;
margin-left: 10px;
}
.button-arrow-left {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
border: 1px solid #FF5000;
border-radius: 50%;
flex-shrink: 0;
margin-right: 10px;
}
.button-arrow-hover {
width: 0;
height: 0;
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.button-arrow svg,
.button-arrow-left svg{
display: block;
position: relative;
z-index: 1;
}
.button:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.button-content {
position: relative;
z-index: 1;
line-height: 1.4em;
}.form-text-in input,
.form-password-in input,
.form-select-in select,
.form-textarea-in textarea {
background: #fff;
border: 2px solid #ddd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:block;
padding: 10px;
padding-top: 12px;
width: 100%;
font-size: 1em;
line-height: 1.25em;
outline:none;
font-weight: 500;
color: #212529;
-webkit-appearance: none;
}
.form-text-in.focus input,
.form-password-in.focus input,
.form-textarea-in.focus textarea {
background: #fff;
border-color: #4285F4 !important;
}
.form-select-select {
position:relative;
z-index: 1;
background: #fff;
}
.form-select-select .icon-select {
position:absolute;
right: 20px;
top: 50%;
z-index: -1;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
margin-top: 3px;
color: #000;
}
.form-select-in select {
background: transparent !important;
height: auto;
padding: 12px;
padding-top: 13px;
width: 100%;
font-size: 1em;
line-height: 1em;
cursor:pointer;
}.form-textarea-in textarea {
max-width: 100%;
min-width: 100%;
min-height: 150px;
}
.form-file-in input {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.form-file-in label {
display: block;
color: #FFF;
padding: 11px;
text-align: center;
cursor: pointer;
}
.form-file-in label:hover {
background: #333;
}
.form-file-in label i {
position: relative;
top: 2px;
padding-left: 7px;
}
.form-file-in .form-uploaded-file {
position: relative;
padding: 0 50px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-align: center;
border: 1px solid #333;
color: #333;
margin-bottom: 10px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 46px;
line-height: 46px;
}
.form-file-in .form-uploaded-file i {
position: absolute;
right: 0px;
font-size: 1.250em;
top: 0;
cursor: pointer;
width: 44px;
height: 44px;
}
.form-file-in .form-uploaded-file i:before {
position: relative;
top: 2px;
}
.form-file-in .form-uploaded-file i:hover {
color: #333;
background: #333;
border-left: 1px solid #333;
}.form-check,
.form-radio {
display: block;
position: relative;
padding-left: 34px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 18px;
padding-top: 5px;
line-height: 1em;
margin-bottom: 5px;
}
.form-check input,
.form-radio input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.form-checkmark {
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
background-color: #eee;
}
.form-radio .form-checkmark {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.form-check:hover input ~ .form-checkmark,
.form-radio:hover input ~ .form-checkmark {
background-color: #ddd;
}
.form-check input:checked ~ .form-checkmark,
.form-radio input:checked ~ .form-checkmark {
background-color: #4285F4;
}
.form-check input:checked ~ .value,
.form-radio input:checked ~ .value{
font-weight: 500;
}
.form-checkmark:after {
content: "";
position: absolute;
display: none;
}
.form-check input:checked ~ .form-checkmark:after,
.form-radio input:checked ~ .form-checkmark:after {
display: block;
}
.form-check .form-checkmark:after,
.form-radio .form-checkmark:after {
left: 8px;
top: 4px;
width: 5px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}.socials-in {
display: flex;
flex-wrap: wrap;
}
.footer-in .socials-in {
margin-bottom: -20px;
}
.social-item {
display: flex !important;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border: 1px solid #fff;
border-radius: 50%;
margin: 0 20px 20px 0;
-webkit-transition: background-color 250ms ease-in-out;
-moz-transition: background-color 250ms ease-in-out;
-ms-transition: background-color 250ms ease-in-out;
-o-transition: background-color 250ms ease-in-out;
transition: background-color 250ms ease-in-out;
}
.social-item svg > g > g {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.social-item svg > g > g[fill="#1A1A20"] {
fill: #FFF;
}
.social-item:hover {
background: #FFF;
}
.social-item:hover svg > g > g[fill] {
fill: #FF5000 !important;
}
.social-item:hover svg > g > g[stroke] {
stroke: #FF5000 !important;
}
.social-item svg > g > g[stroke="#1A1A20"] {
stroke: #FFF;
}.newsletter-in {
display: flex;
align-items: center;
border: 1px solid #FFF;
border-radius: 35px;
}
.newsletter-icon,
.newsletter-button {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 60px;
height: 58px;
}
.newsletter-button {
margin: 0;
padding: 0 5px 0 0;
background: transparent;
outline: none;
border: none;
}
.newsletter-in input {
display: block;
flex-grow: 1;
background: transparent;
width: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
-webkit-appearance: none;
font-family: 'nunito-sans';
font-size: 20px;
font-weight: 300;
height: 58px;
color: #FFF;
}
::placeholder {
color: #FFF;
opacity: 1;
}
:-ms-input-placeholder {
color: #FFF;
}
::-ms-input-placeholder {
color: #FFF;
}
/** LOOPS **/
.item-cases-selected-1 {
}
.item-awards-1 {
}
.item-awards-1 {
/*font-size: 20px;*/
/*display: inline-block;*/
float: none;
padding-bottom: 21px;
vertical-align: top !important;
}
.item-awards-1 .item-in {
margin-right: 100px;
}
.item-awards-1 .item-counter {
text-align: center;
margin-bottom: 45px;
}
.item-awards-1 .item-image {
display: flex;
align-items: center;
justify-content: center;
height: 50px;
margin-bottom: 30px
}
.item-awards-1 .item-image img {
max-height: 50px;
}
.item-awards-1 .button-in {
justify-content: center;
}
.item-cases-1 {
}
.iso-grid {
margin: 0 -25px;
}
.item-cases-1 {
float: none;
width: 50%;
display: block;
padding: 50px 25px;
}
.item-cases-1 .item-in {
display: block;
}
.item-cases-1 .item-image {
position: relative;
padding-top: 72%;
margin-bottom: 30px;
}
.item-cases-1 .title-2 {
line-height: 1em;
}
.item-cases-1.item-wide,
.not-filtered .item-cases-1:nth-child(3n+3) {
width: 100%;
}
.item-cases-1.item-wide .item-image,
.not-filtered .item-cases-1:nth-child(3n+3) .item-image {
padding-top: 42.31%;
}
.archive-top {
position: relative;
z-index: 2;
padding: 20px 0;
}
.iso-filter {
overflow-x: auto;
overflow-y: hidden;
}
.iso-filter-in {
/*display: flex;*/
/*align-items: center;*/
/*flex-wrap: wrap;*/
white-space: nowrap;
font-size: 0;
}
.iso-filter-item-text {
margin-right: 55px;
display: inline-block;
vertical-align: middle;
font-size: 30px;
}
.iso-filter-item-fake,
.iso-filter-item {
font-size: 30px;
display: inline-block;
vertical-align: middle;
position: relative;
cursor: pointer;
margin-right: 40px;
opacity: 0.5;
}
.iso-filter-item-fake::after,
.iso-filter-item::after {
content: '';
position: absolute;
left: 0;
bottom: 6px;
width: 0;
height: 1px;
background: #FF5000;
}
.iso-filter-item-fake.active::after,
.iso-filter-item.active::after {
width: 100%;
}
.iso-filter-item-fake:hover,
.iso-filter-item:hover,
.iso-filter-item-fake.dropdown-is-open,
.iso-filter-item-fake.active,
.iso-filter-item.active {
opacity: 1;
}
.archive-top-in {
margin-bottom: 30px;
}
.item-cases-1 .text-1 {
margin-bottom: 15px;
}
.iso-filter-dropdown {
display: none;
padding-top: 45px;
}
.iso-filter-dropdown-in {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
max-width: 930px;
}
.iso-filter-dropdown .iso-filter-item {
display: inline-block;
font-size: 20px;
margin: 0;
line-height: 1em;
padding: 10px 0;
}
.iso-filter-dropdown .iso-filter-item-container {
display: block;
width: 33.333%;
padding-right: 30px;
}
.item-client-logos-1 .item-in {
display: flex;
align-items: center;
justify-content: center;
}
.item-client-logos-1 .item-in img{
max-height: 70px;
}
.item-news-1 {
width: 100%;
}
.news-archive-item .news-archive-item-data {
font-size: 20px;
}
.news-archive-item{
opacity: 50%;
border-top: #FFFFFF solid 1px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.news-archive-item:hover {
opacity: 100% !important;
}
.news-archive-item-data {
margin-top: 30px;
}
.news-archive-columns .loop-news-1 {
border-bottom: #FFFFFF7F solid 1px;
}
.news-archive-columns .loop-news-1 a {
display: block;
}
.item-news-1 {
float: none;
}
.item-jobs-1 {
width: 100%;
}
.item-jobs-1 {
width: 100%;
float: none;
}
.item-jobs-1 .item-content {
padding-right: 20px;
}
.item-jobs-1 .item-in {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30px 0px;
border-top: 1px solid rgba(26,26,32,0.5);
}
.item-jobs-1:last-child .item-in {
border-bottom: 1px solid rgba(26,26,32,0.5);
}
.cases-single-bottom a:hover .item-content-right .button-arrow-hover,
.item-cases-selected-1 .arrow-right:hover .button-arrow-hover,
.item-jobs-1 a.item-in:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
@media screen and (min-width: 768px){
.cases-single-bottom a:hover .item-content-right .button-arrow-hover {
width: 140px;
height: 140px;
}
.item-jobs-1 .button-arrow {
width: 100px;
height: 100px;
}
.item-jobs-1 a.item-in:hover .button-arrow-hover {
width: 140px;
height: 140px;
}
.item-jobs-1 .button-arrow svg {
width: 28px;
height: 28px;
}
.item-cases-selected-1 .arrow-right:hover .button-arrow-hover {
width: 140px;
height: 140px;
}
}
/** PARTS **/
/** SECTIONS **/
/** SECTION: TOP **/
header {
color: #FFF;
}
[data-scroll-container] {
padding-top: 160px;
overflow: hidden;
}
.header-out {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
}
.header-in {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
padding: 55px 0;
/*position: fixed;*/
/*z-index: 1;*/
/*height: 60px;*/
/*width: 100%;*/
}
.header-middle {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.header-logo {
display: block;
}
.header-logo img {
max-height: 60px;
}
.header-content {
position: fixed;
top: 160px;
bottom: 0;
left: 0;
z-index: 10;
width: 100%;
opacity: 0;
pointer-events: none;
background: rgba(26,26,32,0.95);
}
.header-content-inner,
.header-content .wrapper {
height: 100%;
}
.header-content-in {
position: relative;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding-top: 85px;
-webkit-overflow-scrolling: touch;
}
.nav-open .header-content {
pointer-events: all;
opacity: 1;
}
.header-nav-item {
margin-bottom: 10px;
}
.header-nav-item:last-child {
margin-bottom: 0;
}
.header-nav-item a {
display: flex;
align-items: center;
opacity: 0.5;
}
.header-nav-item a:hover {
opacity: 1;
}
.header-content-bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 80px;
padding-bottom: 70px;
}
.brick-form-1 .column-2 .component p a::before,
.brick-form-1 .column-2 .component p a::after,
.social-item::before,
.social-item::after,
.footer-column-in .component p a::before,
.footer-column-in .component p a::after,
.header-content-bottom a::before,
.header-content-bottom a::after {
display: none !important;
content: normal;
}
.header-content-bottom a {
text-decoration: none !important;
}
.header-content-inner {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.header-content-bottom-left {
padding-right: 20px;
}
.lang-switch a {
display: block;
text-decoration: none !important;
}
.lang-switch a.active {
text-decoration: underline !important;
}
.header-content-bottom .text-1 {
font-size: 30px;
line-height: 50px;
}
.button-mobile {
display: none;
}
.header-content-bottom-right {
text-align: right;
}
.header-nav-item a span {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #FFF;
font-size: 20px;
font-weight: 400;
border-radius: 50%;
border: 1px solid #FF5000;
margin-left: 20px;
box-sizing: border-box;
padding-top: 3px;
}
.header-content-bottom a:hover {
color: #FF5000;
}
.nav-toggle {
cursor:pointer;
margin: 0;
overflow: visible;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.nav-toggle-in {
height: 17px;
width: 50px;
position: relative;
}
.nav-toggle-in-content,
.nav-toggle-in-content::after {
width: 50px;
height: 1px;
background-color: #FFF;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.nav-toggle-in-content::after {
content: "";
display: block;
}
.nav-toggle-in-content::after {
top: 15px;
}
.nav-open .nav-toggle-in-content {
transform: translate3d(0, 10px, 0) rotate(45deg);
}
.nav-open .nav-toggle-in-content::after {
transform: translate3d(0, -20px, 0) rotate(-90deg);
top: 19px;
}
.nav-open .header-out,
.force-dark-colors .nav-toggle-in-content,
.force-dark-colors .nav-toggle-in-content::after {
background-color: #1A1A20 !important;
}
.nav-open .force-dark-colors .nav-toggle-in-content,
.nav-open .force-dark-colors .nav-toggle-in-content::after {
background-color: #FFF !important;
}
.nav-open .header-out .force-dark-colors {
color: #FFF !important;
}
.header-out.force-dark-colors .button-mobile svg > g > g {
stroke: #1A1A20 !important;
}
.nav-open .header-out.force-dark-colors .button-mobile svg > g > g,
.nav-open .header-out.force-dark-colors .button-2 .button-arrow svg > g > g {
stroke: #FFF !important;
}
/** SECTION: BRICKS **/
.brick-featured-1 {
overflow: visible;
}
.brick-featured-1 video {
width: 100%;
height: 100%;
object-fit: cover;
}
.brick-featured-1 .wrapper {
/*position: sticky;*/
/*top: 160px;*/
/*z-index: 1;*/
}
.brick-featured-1 .brick-in {
padding-bottom: 100px;
}
.featured-bottom img {
width: 100%;
}
.featured-bottom > a {
position: relative;
}
.media-block {
position: relative;
display: block;
height: 100vh;
overflow: hidden;
}
.media-block > .component {
position: absolute;
height: 100%;
left: 0;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.description-media {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 30px 0;
/*width: 100%;*/
}
.brick-featured-half-1 .brick-top {
margin-bottom: 50px;
}
.brick-featured-half-1 .column-1 {
padding-right: 117px;
}
.component-gallery .column-in {
height: auto;
padding-top: 141%;
overflow: hidden;
}
.component-gallery .columns {
display: table;
}
.component-gallery .column {
display: table-cell;
}
.component-gallery .visual {
filter: grayscale(100%);
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
/*-webkit-transform: scale(1.01);*/
/*-moz-transform: scale(1.01);*/
/*-ms-transform: scale(1.01);*/
/*-o-transform: scale(1.01);*/
/*transform: scale(1.01);*/
}
.component-gallery .visual:hover {
filter: grayscale(0);
/*-webkit-transform: scale(1.05);*/
/*-moz-transform: scale(1.05);*/
/*-ms-transform: scale(1.05);*/
/*-o-transform: scale(1.05);*/
/*transform: scale(1.05);*/
}
.component-list ul {
list-style: none;
}
.component-list li {
position: relative;
padding-left: 63px;
margin-bottom: 30px;
}
.component-list li:last-child {
margin-bottom: 0;
}
.component-list li::before {
content: "";
background-color: #FF5000;
display: block;
width: 20px;
height: 20px;
border-radius: 50%;
position: absolute;
left: 0;
top: 21px;
}
.component.component-is-small {
max-width: 1000px;
}
.impressions-items-container {
margin: 0 -50px;
}
.impressions-items {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.impression-item {
width: 50%;
padding: 50px;
}
.impression-item-in {
position: relative;
padding-top: 100%;
}
.impression-item-large .impression-item-in {
padding-top: 38.46%;
}
.impression-item-large {
width: 100%;
}
.brick-client-logos-1 .brick-in {
margin-bottom: 100px;
}
.tickercontainer {
width: 100%;
min-height: 50px;
margin: 0;
padding: 0;
overflow: hidden;
text-align: center;
}
.tickercontainer .mask {
position: relative;
width: 100%;
overflow: hidden;
}
ul.newsticker {
position: relative;
list-style-type: none;
margin: 0;
padding: 0;
}
ul.newsticker li {
float: left;
margin: 0 50px;
padding: 0;
}
.brick-cta-1 .column-1 {
width: 600px;
}
.brick-cta-1 .column-2 {
padding-left: 50px;
}
.brick-cta-1 .swipe-left {
display: none;
}
.cta-slider,
.cta-slider-item-image {
position: relative;
padding-top: 80%;
}
.cta-slider-item-in {
margin-right: 30px;
}
.cta-slider-in {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
cursor: none;
}
.cta-slider-item {
width: 100%;
max-width: 650px;
}
.slider-arrow {
position: absolute;
opacity: 0;
pointer-events: none !important;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.slider-arrow.visible {
opacity: 1;
}
.slider-arrow-in {
width: 70px;
height: 70px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.slider-arrow.arrow-left {
display: none;
}
.slider-arrow.arrow-left svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.slider-arrow svg {
display: block;
width: 19px;
height: 19px;
margin: 0;
}
.brick-awards-1 .brick-top {
margin-bottom: 150px;
}
.brick-cases-selected-1 .brick-in {
margin-bottom: 55px;
}
.item-cases-selected-1 {
width: 83.33%;
display: block;
float: none;
}
.item-cases-selected-1 .item-image {
max-height: 65vh;
overflow: hidden;
}
.item-cases-selected-1 .item-image-in {
position: relative;
padding-top: 66.67%;
}
.item-cases-selected-1.active .item-image .visual {
filter: grayscale(0);
}
.item-cases-selected-1 .item-image .visual {
filter: grayscale(1);
}
.cases-single-bottom {
position: relative;
background: #FFF;
}
.cases-single-bottom .item-content,
.item-cases-selected-1 .item-content {
display: flex;
align-items: center;
justify-content: flex-start;
padding: 50px 50px 40px 70px;
}
.cases-single-bottom .item-content-bottom,
.cases-single-bottom .item-content-in,
.item-cases-selected-1 .item-content-bottom,
.item-cases-selected-1 .item-content-in {
display: flex;
align-items: center;
}
.cases-single-bottom .item-content-in,
.item-cases-selected-1 .item-content-in {
width: 100%;
}
.cases-single-bottom .item-content-bottom,
.item-cases-selected-1 .item-content-bottom {
margin-top: 5px;
}
.cases-single-bottom .item-content-bottom > div:first-child,
.item-cases-selected-1 .item-content-bottom > div:first-child {
margin-right: 30px;
}
.cases-single-bottom .item-content-left,
.item-cases-selected-1 .item-content-left {
flex-grow: 1;
margin-right: 20px;
}
.cases-single-bottom .item-content-right,
.item-cases-selected-1 .item-content-right {
flex-shrink: 0;
}
.tags-container {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.tag {
font-size: 16px;
padding: 16px 15px 12px;
border: 1px solid #FF5000;
border-radius: 30px;
line-height: 1.2em;
margin: 0 30px 20px 0;
}
.cases-single-bottom .item-content-right .button-arrow,
.item-cases-selected-1 .item-content-right .button-arrow {
width: 100px;
height: 100px;
}
.cases-single-bottom .item-content-right .button-arrow svg,
.item-cases-selected-1 .item-content-right .button-arrow svg {
width: 28px;
height: 28px;
}
.cases-single-bottom .item-mobile-content,
.item-cases-selected-1 .item-mobile-content {
display: none;
}
.cases-single-bottom .item-content.check-colors.force-light-colors .item-content-right .button-arrow,
.item-cases-selected-1 .item-content.check-colors.force-light-colors .item-content-right .button-arrow {
border-color: #FFF;
}
.cases-single-bottom .item-content.check-colors.force-light-colors .item-content-right .button-arrow svg > g > g,
.item-cases-selected-1 .item-content.check-colors.force-light-colors .item-content-right .button-arrow svg > g > g {
stroke: #FFF;
}
.cases-single-bottom .item-content.check-colors.force-dark-colors .item-content-right .button-arrow,
.item-cases-selected-1 .item-content.check-colors.force-dark-colors .item-content-right .button-arrow {
border-color: #000;
}
.cases-single-bottom .item-content.check-colors.force-dark-colors .item-content-right .button-arrow svg > g > g,
.item-cases-selected-1 .item-content.check-colors.force-dark-colors .item-content-right .button-arrow svg > g > g {
stroke: #000;
}
.cursor {
pointer-events: none;
/*opacity: 1;*/
opacity: 0;
z-index: 99;
border-radius: 50%;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
position: fixed;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
/*transition-duration: 150ms;*/
/*transition-timing-function: ease-out;*/
}
.cursor svg {
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 14px;
height: 14px;
}
.cursor svg > g > g {
stroke: #FFF;
}
.cursor.active {
opacity: 1;
}
.cursor-toggle,
.cursor-toggle * {
cursor: none;
}
.cases-single-bottom .item-in:hover .button .button-arrow-hover,
.item-cases-selected-1 .item-in:hover .button .button-arrow-hover {
width: 90px;
height: 90px;
}
.brick-cases-single-1 .brick-top-in {
display: flex;
align-items: flex-start;
}
.brick-cases-single-1 .brick-top-left,
.brick-cases-single-1 .brick-top-right {
width: 50%;
}
.brick-cases-single-1 .brick-top-left {
padding-right: 100px;
}
.button.force-dark-colors svg > g > g {
stroke: #1A1A20 !important;
}
.button.force-light-colors svg > g > g {
stroke: #FFF;
}
.cases-single-bottom .item-content {
padding-left: 0 !important;
padding-right: 0 !important;
}
.scroll-into-view {
margin-top: 55px;
padding-bottom: 100vh;
}
.scroll-into-view-in {
position: relative;
-webkit-transition: width 10ms linear;
-moz-transition: width 10ms linear;
-ms-transition: width 10ms linear;
-o-transition: width 10ms linear;
transition: width 10ms linear;
}
.scroll-into-view-in img {
width: 100%;
}
.video-is-full-width .scroll-into-view-in .component {
top: -80px;
background: black;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
.scroll-into-view-in video,
.scroll-into-view-in {
width: 100%;
}
.video-is-full-width [data-scroll-container]{
z-index: 11;
}
.scroll-into-view-in .component {
position: absolute;
top: 0;
left: 50%;
width: 100%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
transition-property: top, background, height;
transition-duration: 250ms;
transition-timing-function: ease-in-out;
}
.video-onload {
position: relative;
height: auto !important;
padding-top: 56.25%;
}
.video-onload > .plyr {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.brick-jobs-archive-1 .brick-top {
margin-bottom: 50px;
}
.brick-jobs-single-1 .brick-content {
padding: 50px 0 150px;
}
.brick-jobs-single-1 .brick-content .tags-container {
margin-bottom: 30px;
}
.brick-news-archive-1 {
background-color: #1A1A20;
color: #FFFFFF;
overflow: visible!important;
}
.news-archive-image {
top: 180px;
position: sticky;
}
.news-archive-image .item-in {
position: absolute;
top: 0;
left: 0;
opacity: 0;
max-width: 100%;
display: block;
-webkit-transition: opacity 250ms ease-in-out;
-moz-transition: opacity 250ms ease-in-out;
-ms-transition: opacity 250ms ease-in-out;
-o-transition: opacity 250ms ease-in-out;
transition: opacity 250ms ease-in-out;
}
.news-archive-image.hovered .item-in:first-child {
opacity: 0;
}
.news-archive-image.hovered .item-in:first-child.active,
.news-archive-image .item-in.active,
.news-archive-image .item-in:first-child {
opacity: 1;
}
.news-archive-buttons {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-top: 50px;
}
.news-archive-columns {
display: grid;
grid-template-columns: 1fr 1fr;
}
.news-archive-columns .column-1 {
margin-right: 50px;
}
.news-archive-columns .column {
display: block;
}
.news-title {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 50px;
}
.image-date-left {
margin: 0 0 30px 30px;
}
.image-date-left .text-2,
.image-date-right .text-2 {
font-family: 'articulat-cf';
}
.image-date-right .text-2 {
float: right;
margin: 0 30px 30px 0;
}
.news-columns .column-right-all .item-in,
.news-columns .column-left-all .item-in{
margin-bottom: 30px;
filter: grayscale(1);
transition: ease-in-out 300ms;
background: rgb(0,0,0);
background: -moz-linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
background: -webkit-linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
background: linear-gradient(183deg, rgba(0,0,0,0) 0%, rgba(238,238,238,0) 28%, rgba(0,0,0,0.3) 46%, rgba(0,0,0,0.5) 91%);
}
.news-columns .column-right-all:hover .item-in,
.news-columns .column-left-all:hover .item-in{
filter: grayscale(0);
}
.news-columns .column-1 .text-1 {
position: absolute;
left: 25px;
bottom: 15px
}
.news-columns .column-2 .text-1 {
position: absolute;
right: 25px;
bottom: 15px
}
.brick-jobs-single-1 .img-full-width,
.brick-news-single-1 .img-full-width {
position: relative;
padding-top: 53.82%;
}
.brick-share {
position: relative;
}
.brick-share-in {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: -30px;
}
.brick-share-in > .component {
margin-bottom: 30px !important;
}
.brick-share-in > .component:first-child {
margin-right: 50px;
}
.brick-share .social-item {
border-color: #FF5000;
}
.brick-share .social-item svg > g > g[fill="#1A1A20"],
.brick-share .social-item svg > g > g[fill="#FFFFFF"] {
fill: #000000;
}
.brick-share .social-item svg > g > g[stroke="#1A1A20"],
.brick-share .social-item svg > g > g[stroke="#FFFFFF"] {
stroke: #000000;
}
.brick-share .social-item:hover {
background: #FF5000;
}
.brick-share .social-item:hover svg > g > g[fill] {
fill: #FFF !important;
}
.brick-share .social-item:hover svg > g > g[stroke] {
stroke: #FFF !important;
}
.brick-share .socials-in {
margin-bottom: -20px;
}
.brick-team-archive-1 .brick-in {
margin-bottom: 50px;
}
.brick-team-archive-1 .brick-bottom {
cursor: none;
}
.team-member .button {
color: #fff;
}
.team-member {
padding: 0 35px;
box-sizing: content-box;
}
.job-content {
display: flex;
align-items: center;
justify-content: space-between;
}
.job-content .title-2 {
line-height: 1em;
}
.team-member-name {
margin-right: 20px;
}
.item-team-1 {
vertical-align: top !important;
}
.item-team-1 .item-image {
position: relative;
padding-top: 80.06%;
margin-bottom: 30px;
}
.brick-form-1 .column-1 {
padding-right: 100px;
}
.brick-form-1 .column-2 {
width: 190px;
vertical-align: middle;
}
.brick-form-1 .column-2 .column-in {
height: auto;
}
.brick-form-1 .column-2 .text-2 {
line-height: 1.8em;
/*font-size: 20px;*/
}
.brick-form-1 .column-2 .component p a {
text-decoration: none;
}
.brick-form-1 .column-1 .title-1 {
max-width: 784px
}
/** SECTION: BOTTOM **/
.footer-columns {
display: flex;
align-items: flex-start;
padding: 80px 0;
}
.footer-column-1,
.footer-column-2 {
flex-shrink: 0;
}
.footer-column-1 {
width: 257px;
}
.footer-column-2 .component p {
margin-bottom: 2em;
}
.footer-column-3 {
flex-grow: 1;
align-self: stretch;
}
.footer-column-3 .footer-column-in {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.footer-column {
margin-right: 150px;
}
.footer-bottom-column:last-child,
.footer-column:last-child {
margin-right: 0;
}
.footer-columns .text-1 {
line-height: 1em;
}
.footer-column-1 .text-1 {
margin-bottom: 60px;
}
.footer-logo {
display: block;
margin-bottom: 45px;
}
.footer-logo img {
max-height: 60px;
}
.footer-column .text-2 {
line-height: 1.8em;
font-size: 20px;
}
.footer-column-3 .text-1 {
margin-bottom: 37px;
}
.footer-bottom {
margin-top: 20px;
}
.footer-bottom-in {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
margin-bottom: -20px;
}
.footer-bottom-column {
margin-right: 20px;
margin-bottom: 20px;
}
.footer-bottom a {
display: block;
}
.lang-switch {
text-align: right;
}
.footer-column-in .component p a {
text-decoration: none;
}
.footer-bottom a:hover,
.footer-column-in .component p a:hover {
text-decoration: underline;
color: #FFF !important;
}
.ginput_container_checkbox label {
display: flex !important;
align-items: center;
position: relative;
max-width: none !important;
font-weight: 500;
cursor: pointer;
border-radius: 31px;
font-size: 20px;
color: rgba(255,255,255,0.50);
}
.ginput_container_checkbox label::before {
content: '';
display: block;
width: 44px;
height: 44px;
border-radius: 50%;
margin-right: 10px;
flex-shrink: 0;
border: 1px solid #FFF;
}
.ginput_container_checkbox label::after {
content: '';
display: none;
width: 8px;
height: 16px;
position: absolute;
border-bottom: 2px solid #FF5000;
border-right: 2px solid #FF5000;
left: 18px;
top: 50%;
margin-top: -11px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ginput_container_checkbox input:checked + label {
color: #98D4CA;
text-decoration: none;
}
.ginput_container_checkbox input:checked + label::after {
display: block;
}
.ginput_container_radio input,
.ginput_container_checkbox input {
position: absolute;
opacity: 0;
top: auto !important;
width: 0;
height: 0;
overflow: hidden;
}
.footer-in .ginput_container_email,
.ginput_container_text.ginput_container,
.ginput_container_email.ginput_container {
display: flex;
align-items: center;
border: 1px solid #FFF !important;
border-radius: 35px !important;
}
.gfield_icon_container {
width: 40px;
flex-shrink: 0;
padding-left: 20px;
}
.gfield_icon_container svg {
display: block;
}
.ginput_container_email input,
.ginput_container_text input {
flex-grow: 1;
}
.ginput_container_textarea textarea,
.ginput_container_email input,
.ginput_container_text input {
-webkit-appearance: none;
background: transparent;
font-family: 'nunito-sans';
font-size: 20px !important;
font-weight: 400;
height: 60px;
color: #FFF;
padding: 0 20px !important;
margin: 0;
outline: none !important;
border: none !important;
border-radius: 0 !important;
}
.gfield_contains_required .ginput_container_email,
.gfield_contains_required .ginput_container_text {
border-color: #FF5000 !important;
}
.ginput_container_textarea textarea {
height: 350px !important;
resize: none;
padding-top: 15px !important;
border: 1px solid !important;
border-radius: 35px !important;
border-color: #FF5000 !important;
}
.brick-form-1 .gform-body {
position: relative;
padding-right: 50%;
}
.brick-form-1 .gform_wrapper .gform_fields {
display: block !important;
padding-right: 85px;
}
.gform-body .align-right-container {
position: absolute;
top: 0;
right: 0;
width: 50%;
padding-left: 15px;
}
::placeholder {
color: #FFF;
opacity: 0.4;
}
:-ms-input-placeholder {
color: #FFF;
opacity: 0.4;
}
::-ms-input-placeholder {
color: #FFF;
opacity: 0.4;
}
.gform_wrapper .gform_required_legend{
display: none;
}
.gform_wrapper legend,
.gfield label {
display: block !important;
font-size: 20px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
margin: 0 0 20px 0 !important;
font-family: 'nunito-sans';
line-height: 1.800em;
}
.ginput_container_checkbox label {
display: flex !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.gform_wrapper .gfield_required {
font-size: 50px !important;
color: #FF5000 !important;
padding: 0 !important;
display: inline;
vertical-align: sub;
font-family: 'articulat-cf';
font-weight: 400;
padding-left: 10px;
position: relative;
top: 2px;
}
.ginput_container_radio label {
display: block !important;
margin: 0 20px 20px 0 !important;
background: #FFF !important;
border-radius: 23.5px !important;
border-bottom-right-radius: 3px !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #002E6E !important;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
padding: 12px 20px !important;
max-width: none !important;
cursor: pointer !important;
opacity: 0.5;
}
.ginput_container_radio .gchoice:last-child label {
margin-right: 0 !important;
}
.ginput_container_radio input:checked + label {
opacity: 1;
}
.ginput_container_radio .gfield_radio {
display: flex;
flex-wrap: wrap;
}
.gform_wrapper.gravity-theme .gform_fields {
grid-row-gap: 0;
}
.gfield {
margin-bottom: 30px !important;
}
body img.gform_ajax_spinner {
display: none !important;
}
.footer-in .ginput_container_email,
.footer-in .ginput_container_email input,
.footer-in .gfield_contains_required .ginput_container_email input {
border-color: #FFF !important;
}
.footer-in form {
position: relative;
}
.footer-in .submit_button {
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
/*font-size: 0;*/
background: transparent;
border: none;
outline: none;
-webkit-appearance: none;
margin: 0 !important;
padding: 0;
color: #FFF;
cursor: pointer;
}
.footer-in .submit_button .button-content {
display: none;
}
.footer-in .submit_button .button-arrow {
margin: 0;
}
.footer-in .gform_validation_errors {
display: none;
}
.footer-in .gfield {
margin-bottom: 0 !important;
}
.gform_footer {
padding: 0 !important;
margin: 0 !important;
}
.gform_wrapper .gform_validation_errors,
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
background: transparent;
padding: 0 !important;
border: none;
margin: 0 !important;
}
.footer-in .gform_confirmation_message,
.gform_wrapper .gform_validation_errors > h2,
.gform_wrapper .gform_validation_errors,
.footer-in .gform_wrapper .validation_message {
font-size: 30px;
line-height: 1em;
font-weight: 700;
margin-top: 30px !important;
color: #FFF !important;
}
.gform_wrapper .gform_validation_errors > .gform_validation_errors {
margin-top: 0 !important;
}
.brick-form-1 .gform_confirmation_message {
font-size: 80px;
font-weight: 700;
color: #FF5000;
line-height: 1em;
max-width: 785px;
}
.gform-icon {
display: none !important;
}
.gform_validation_error {
display: flex !important;
flex-direction: column-reverse;
}
.brick-form-1 .gfield_validation_message {
display: none !important;
}
.popup-essential .popup-essential-close:hover .button-arrow-hover,
.popup-essential .popup-essential-arrow:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.popup-essential .popup-essential-arrow .button-arrow {
margin: 0;
}
.popup-essential .popup-essential-arrow, .popup-essential .popup-essential-close {
width: auto;
height: auto;
border: none;
display: block;
background: transparent !important;
/*width: 40px;*/
/*height: 40px;*/
/*border-radius: 50%;*/
/*background: #ff5000;*/
/*display: flex;*/
/*align-items: center;*/
/*justify-content: center;*/
/*font-family: 'nunito-sans';*/
}
.popup-essential .arrow-left {
left: 20px;
}
.popup-essential .arrow-right {
right: 20px;
}
.popup-essential .arrow-left svg {
transform: rotate(180deg);
}
.popup-essential .popup-essential-close {
top: 20px;
right: 20px;
font-size: 20px;
}
.load_more_cases .button-arrow svg {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.brick-form-1 .submit_button {
margin-left: auto;
}
.brick-form-1 .submit_button:hover .button-arrow-hover {
width: 90px;
height: 90px;
}
.brick-top-left .title {
line-height: 1em;
}
.brick-news-selected-1 a.cursor-toggle .item-in {
display: block;
position: relative;
padding-top: 82.15%;
}
.copy-link {
position: relative;
}
.copy-message {
position: absolute;
opacity: 0;
pointer-events: none;
top: 100%;
left: 50%;
white-space: nowrap;
line-height: normal;
text-decoration: none;
margin-top: 10px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: #ff5000;
color: #FFF;
font-weight: 500;
font-size: 12px;
padding: 8px 10px;
font-family: 'nunito-sans';
border-radius: 3px;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
}
.copy-message.visible {
opacity: 1;
}
.video-play.active,
.video-pause.active {
border-color: #ff5000;
}
.video-play-button-mobile {
}
.video-controls {
display: flex;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 30px;
}
.video-play-pause {
display: flex;
align-items: center;
background: rgba(0,0,0,0.3);
padding: 9px 10px;
border: 1px solid #EBECF0;
border-radius: 30px;
font-size: 16px;
font-weight: 400;
}
.video-play,
.video-pause {
cursor: pointer;
height: 40px;
padding: 0 15px;
border-radius: 30px;
box-sizing: content-box;
border: 1px solid transparent;
line-height: 40px;
}
.video-sound {
position: relative;
display: flex;
align-items: center;
background: rgba(0,0,0,0.3);
justify-content: center;
width: 60px;
height: 60px;
border-radius: 50%;
line-height: 60px;
margin-left: 30px;
cursor: pointer;
}
.video-sound::after {
content: '';
background: #FF5000;
position: absolute;
width: 20px;
height: 2px;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.video-sound.muted::after {
display: none;
}
.mobile-cta {
display: none;
}
footer {
position: relative;
}
.brick-featured-1 .video-controls {
opacity: 0;
}
.brick-cases-selected-1 .dots {
display: none;
}
.bg-orange-1::selection {
background: #30485F;
}
.bg-orange-1::-moz-selection {
background: #30485F;
}
.clr-orange-1::selection {
background: #30485F;
}
.clr-orange-1::-moz-selection {
background: #30485F;
}
::selection {
background: #ff5000;
}
::-moz-selection {
background: #ff5000;
}
.brick-form-1 .real_submit_button {
height: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
transition-delay: 5000s;
}
input:-webkit-autofill{
-webkit-text-fill-color: #FFF !important;
}
.component-image {
position: relative;
}
.description-media .wrapper .component {
padding: 0;
}
.cta-slider-item-image .description-media,
.item-image-in .description-media,
.impression-item-in .description-media,
.component-image .description-media {
padding: 20px 0;
}
.description-media .component {
padding: 0 20px;
}
.component-group .content-video{
position: relative;
}
.pll-lang-switcher{
position: absolute;
right: 0;
z-index: 2;
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
gap: 10px;
bottom: 0;
top: 0;
}
.pll-lang-switcher li{
display: flex;
align-items: center;
justify-content: center;
order: 2;
}
.pll-lang-switcher .current-lang a {
color: #FF5000;
}
.pll-lang-switcher li:first-child {
order: 0;
}
.pll-lang-switcher li a {
display: block;
}
header .scrolled .pll-lang-switcher {
top: 0;
bottom: 0;
}
.pll-lang-switcher:before {
content: '|';
display: block;
order: 1;
}
/*.pll-lang-switcher li a img{*/
/* display: block;*/
/* width: 100% !important;*/
/* height: 100% !important;*/
/* object-fit: cover;*/
/*}*/