@import url("https://use.typekit.net/pio0egy.css");
.font-1,
.tk-freight-sans-pro {
font-family: 'Libre Baskerville', serif;
}
/*font-family: 'Libre Baskerville', serif;*/
.font-2,
.tk-fatfrank {
font-family: 'Libre Baskerville', serif;
}
.font-3,
.tk-canada-type-gibson {
font-family: 'Libre Baskerville', serif;
}
.form {
color: #363636;
font-size: 1em;
position: relative;
z-index: 1;
}
.form fieldset {
border: none;
margin: 0 0 15px 0;
padding: 0;
}
.form label {
color: inherit;
display: block;
font-family: inherit;
padding-bottom: 0;
text-transform: none;
}
.form input[type="text"],
.form input[type="password"],
.form input[type="tel"],
.form input[type="number"],
.form input[type="color"],
.form input[type="email"],
.form input[type="search"],
.form input[type="datetime"],
.form input[type="datetime-local"],
.form input[type="date"],
.form input[type="month"],
.form input[type="time"],
.form input[type="week"],
.form input[type="number"],
.form input[type="url"],
.form select,
.form textarea {
appearance: none;
box-sizing: border-box;
color: #363636;
background-color: transparent;
background-image: none;
border: 1px solid #363636;
border-radius: 5px;
box-shadow: none;
display: block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
height: auto;
line-height: 1.3;
padding: 0.75em 1em;
margin: 0;
outline: none;
text-transform: none;
width: 100%;
}
.form input[type="text"]:focus,
.form input[type="password"]:focus,
.form input[type="tel"]:focus,
.form input[type="number"]:focus,
.form input[type="color"]:focus,
.form input[type="email"]:focus,
.form input[type="search"]:focus,
.form input[type="datetime"]:focus,
.form input[type="datetime-local"]:focus,
.form input[type="date"]:focus,
.form input[type="month"]:focus,
.form input[type="time"]:focus,
.form input[type="week"]:focus,
.form input[type="number"]:focus,
.form input[type="url"]:focus,
.form select:focus,
.form textarea:focus {
border-color: #767676;
}
.form textarea {
min-height: 100px;
}
.form--rounded-corners input[type="text"],
.form--rounded-corners input[type="password"],
.form--rounded-corners input[type="tel"],
.form--rounded-corners input[type="number"],
.form--rounded-corners input[type="color"],
.form--rounded-corners input[type="email"],
.form--rounded-corners input[type="search"],
.form--rounded-corners input[type="datetime"],
.form--rounded-corners input[type="datetime-local"],
.form--rounded-corners input[type="date"],
.form--rounded-corners input[type="month"],
.form--rounded-corners input[type="time"],
.form--rounded-corners input[type="week"],
.form--rounded-corners input[type="number"],
.form--rounded-corners input[type="url"],
.form--rounded-corners select,
.form--rounded-corners textarea {
border-radius: 50px;
}
.form__styled-select {
position: relative;
}
.form__styled-select select::-ms-expand {
display: none;
}
.form__styled-select:before,
.form__styled-select:after {
content: "";
height: 1px;
width: 10px;
background-color: #363636;
position: absolute;
pointer-events: none;
right: 15px;
top: 20px;
}
.form__styled-select:before {
transform: rotate(-45deg);
transform-origin: top right;
}
.form__styled-select:after {
transform: rotate(45deg);
transform-origin: top left;
right: 19px;
}
.theme--light .form__styled-select:before,
.theme--light .form__styled-select:after {
background-color: #FFFFFF;
}
.form__styled-checkbox {
display: inline-block;
position: relative;
}
.form__styled-checkbox input[type="checkbox"] {
display: none;
}
.form__styled-checkbox input[type="checkbox"] ~ label {
color: #363636;
cursor: pointer;
font-weight: normal;
font-size: 1em;
padding: 0 0 0 25px;
position: relative;
}
.form__styled-checkbox input[type="checkbox"] ~ label:before {
background-color: transparent;
border: 1px solid #363636;
content: "";
cursor: pointer;
display: inline-block;
width: 16px;
height: 16px;
vertical-align: middle;
position: absolute;
top: 2px;
left: 0;
border-radius: 3px;
}
.form__styled-checkbox input[type="checkbox"]:checked ~ label:before {
background-color: #363636;
}
.theme--light .form__styled-checkbox input[type="checkbox"] ~ label {
color: white;
}
.theme--light .form__styled-checkbox input[type="checkbox"] ~ label:before {
background-color: transparent;
border-color: #FFFFFF;
}
.theme--light .form__styled-checkbox input[type="checkbox"]:checked ~ label:before {
background-color: #FFFFFF;
border-color: #FFFFFF;
}
.theme--gray .form__styled-checkbox input[type="checkbox"] ~ label {
color: #f4f4f4;
}
.theme--gray .form__styled-checkbox input[type="checkbox"] ~ label:before {
background-color: #454545;
border-color: #454545;
}
.theme--gray .form__styled-checkbox input[type="checkbox"]:checked ~ label:before {
background-color: #fcc73a;
border-color: #fcc73a;
}
.form__styled-radio {
display: inline-block;
position: relative;
}
.form__styled-radio input[type="radio"] {
display: none;
}
.form__styled-radio input[type="radio"] + label {
color: inherit;
cursor: pointer;
font-weight: normal;
font-size: 1em;
padding: 6px 15px 0 40px;
position: relative;
}
.form__styled-radio input[type="radio"] + label:before {
background-color: transparent;
border: 1px solid #363636;
border-radius: 100%;
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
height: 30px;
width: 30px;
}
.form__styled-radio input[type="radio"] + label:after {
background-color: #363636;
border-radius: 100%;
content: "";
display: inline-block;
width: 15px;
height: 15px;
position: absolute;
left: 7.5px;
top: 7.5px;
opacity: 0;
}
.form__styled-radio input[type="radio"]:checked + label:after {
opacity: 1;
}
.form ::-webkit-input-placeholder {
color: inherit;
opacity: 1;
}
.form ::-moz-placeholder {
color: inherit;
opacity: 1;
}
.form :-ms-input-placeholder {
color: inherit;
opacity: 1;
}
.form :-moz-placeholder {
color: inherit;
opacity: 1;
}
.form.theme--light,
.theme--light .form {
color: #FFFFFF;
}
.form.theme--light input[type="text"],
.theme--light .form input[type="text"],
.form.theme--light input[type="password"],
.theme--light .form input[type="password"],
.form.theme--light input[type="tel"],
.theme--light .form input[type="tel"],
.form.theme--light input[type="number"],
.theme--light .form input[type="number"],
.form.theme--light input[type="color"],
.theme--light .form input[type="color"],
.form.theme--light input[type="email"],
.theme--light .form input[type="email"],
.form.theme--light input[type="search"],
.theme--light .form input[type="search"],
.form.theme--light input[type="datetime"],
.theme--light .form input[type="datetime"],
.form.theme--light input[type="datetime-local"],
.theme--light .form input[type="datetime-local"],
.form.theme--light input[type="date"],
.theme--light .form input[type="date"],
.form.theme--light input[type="month"],
.theme--light .form input[type="month"],
.form.theme--light input[type="time"],
.theme--light .form input[type="time"],
.form.theme--light input[type="week"],
.theme--light .form input[type="week"],
.form.theme--light input[type="number"],
.theme--light .form input[type="number"],
.form.theme--light input[type="url"],
.theme--light .form input[type="url"],
.form.theme--light select,
.theme--light .form select,
.form.theme--light textarea,
.theme--light .form textarea {
border-color: #FFFFFF;
color: #FFFFFF;
}
.form.theme--light input[type="text"]:focus,
.theme--light .form input[type="text"]:focus,
.form.theme--light input[type="password"]:focus,
.theme--light .form input[type="password"]:focus,
.form.theme--light input[type="tel"]:focus,
.theme--light .form input[type="tel"]:focus,
.form.theme--light input[type="number"]:focus,
.theme--light .form input[type="number"]:focus,
.form.theme--light input[type="color"]:focus,
.theme--light .form input[type="color"]:focus,
.form.theme--light input[type="email"]:focus,
.theme--light .form input[type="email"]:focus,
.form.theme--light input[type="search"]:focus,
.theme--light .form input[type="search"]:focus,
.form.theme--light input[type="datetime"]:focus,
.theme--light .form input[type="datetime"]:focus,
.form.theme--light input[type="datetime-local"]:focus,
.theme--light .form input[type="datetime-local"]:focus,
.form.theme--light input[type="date"]:focus,
.theme--light .form input[type="date"]:focus,
.form.theme--light input[type="month"]:focus,
.theme--light .form input[type="month"]:focus,
.form.theme--light input[type="time"]:focus,
.theme--light .form input[type="time"]:focus,
.form.theme--light input[type="week"]:focus,
.theme--light .form input[type="week"]:focus,
.form.theme--light input[type="number"]:focus,
.theme--light .form input[type="number"]:focus,
.form.theme--light input[type="url"]:focus,
.theme--light .form input[type="url"]:focus,
.form.theme--light select:focus,
.theme--light .form select:focus,
.form.theme--light textarea:focus,
.theme--light .form textarea:focus {
border-color: #f4f4f4;
}
.form.theme--gray {
color: #FFFFFF;
}
.form.theme--gray input[type="text"],
.form.theme--gray input[type="password"],
.form.theme--gray input[type="tel"],
.form.theme--gray input[type="number"],
.form.theme--gray input[type="color"],
.form.theme--gray input[type="email"],
.form.theme--gray input[type="search"],
.form.theme--gray input[type="datetime"],
.form.theme--gray input[type="datetime-local"],
.form.theme--gray input[type="date"],
.form.theme--gray input[type="month"],
.form.theme--gray input[type="time"],
.form.theme--gray input[type="week"],
.form.theme--gray input[type="number"],
.form.theme--gray input[type="url"],
.form.theme--gray select,
.form.theme--gray textarea {
border-color: #454545;
background-color: #454545;
color: #f4f4f4;
}
.form.theme--gray input[type="text"]:focus,
.form.theme--gray input[type="password"]:focus,
.form.theme--gray input[type="tel"]:focus,
.form.theme--gray input[type="number"]:focus,
.form.theme--gray input[type="color"]:focus,
.form.theme--gray input[type="email"]:focus,
.form.theme--gray input[type="search"]:focus,
.form.theme--gray input[type="datetime"]:focus,
.form.theme--gray input[type="datetime-local"]:focus,
.form.theme--gray input[type="date"]:focus,
.form.theme--gray input[type="month"]:focus,
.form.theme--gray input[type="time"]:focus,
.form.theme--gray input[type="week"]:focus,
.form.theme--gray input[type="number"]:focus,
.form.theme--gray input[type="url"]:focus,
.form.theme--gray select:focus,
.form.theme--gray textarea:focus {
border-color: #f4f4f4;
}
.form .col-sm-6,
.form .col-sm-12 {
padding-left: 5px;
padding-right: 5px;
}
.form .row {
margin-left: -5px;
margin-right: -5px;
}
/* ---Custom Select START--- */
.custom-select {
position: relative;
font-family: inherit;
}
.custom-select select {
display: none;
}
.custom-select__selected {
background-color: transparent;
color: #363636;
padding: .75em 1em;
border: 1px solid #363636;
border-radius: 5px;
cursor: pointer;
}
.theme--light .custom-select__selected {
border-color: white;
color: #ffffff;
}
.custom-select__selected:after {
position: absolute;
content: "";
top: 22px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #363636 transparent transparent transparent;
}
.theme--light .custom-select__selected:after {
border-color: white transparent transparent transparent;
}
.custom-select__selected.custom-select__arrow-active:after {
border-color: transparent transparent #363636 transparent;
top: 16px;
}
.theme--light .custom-select__selected.custom-select__arrow-active:after {
border-color: transparent transparent #fff transparent;
}
.custom-select__items {
position: absolute;
background-color: white;
border-radius: 5px;
color: #363636;
top: 110%;
left: 0;
right: 0;
z-index: 99;
height: 180px;
overflow: auto;
}
.custom-select__items div {
color: inherit;
padding: .75em 1em;
cursor: pointer;
}
.custom-select--hide {
display: none;
}
.custom-select__items div:hover,
.custom-select__same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
/* ---Custom Select END--- */
.color--green,
.rte-color--green {
color: #038d58;
}
.color--green.dash:before,
.rte-color--green.dash:before,
.color--green.dash:after,
.rte-color--green.dash:after {
background-color: #038d58;
}
.color--light-green,
.rte-color--light-green {
color: #51af3d;
}
.color--light-green.dash:before,
.rte-color--light-green.dash:before,
.color--light-green.dash:after,
.rte-color--light-green.dash:after {
background-color: #51af3d;
}
.color--blue,
.rte-color--blue {
color: #006292;
}
.color--blue.dash:before,
.rte-color--blue.dash:before,
.color--blue.dash:after,
.rte-color--blue.dash:after {
background-color: #006292;
}
.color--light-blue,
.rte-color--light-blue {
color: #13b6c8;
}
.color--light-blue.dash:before,
.rte-color--light-blue.dash:before,
.color--light-blue.dash:after,
.rte-color--light-blue.dash:after {
background-color: #13b6c8;
}
.color--pink,
.rte-color--pink {
color: #e83364;
}
.color--pink.dash:before,
.rte-color--pink.dash:before,
.color--pink.dash:after,
.rte-color--pink.dash:after {
background-color: #e83364;
}
.color--purple,
.rte-color--purple {
color: #73144b;
}
.color--purple.dash:before,
.rte-color--purple.dash:before,
.color--purple.dash:after,
.rte-color--purple.dash:after {
background-color: #73144b;
}
.color--orange,
.rte-color--orange {
color: #d1681a;
}
.color--orange.dash:before,
.rte-color--orange.dash:before,
.color--orange.dash:after,
.rte-color--orange.dash:after {
background-color: #d1681a;
}
.color--yellow,
.rte-color--yellow {
color: #fcc73a;
}
.color--yellow.dash:before,
.rte-color--yellow.dash:before,
.color--yellow.dash:after,
.rte-color--yellow.dash:after {
background-color: #fcc73a;
}
/* Animations
*******************************************************************
This small libary is meant to give a start to use of animations.
It works hand in hand with "heyday.visible.js" and will trigger small animations when the element
comes into view. Alternatively the animation can be forces to run regardless, as shown below.
Eksamples:
Will trigger 250ms after the element becomes visible
Will trigger 250ms after the element is added to the DOM
*/
/*
Fade in
*/
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade-in {
opacity: 0;
}
.fade-in.loaded,
.fade-in--force {
animation: fadein 0.5s ease-out 0s 1 forwards;
}
.fade-in.loaded.delay-125,
.fade-in--force.delay-125 {
animation-delay: 0.125s;
}
.fade-in.loaded.delay-250,
.fade-in--force.delay-250 {
animation-delay: 0.25s;
}
.fade-in.loaded.delay-375,
.fade-in--force.delay-375 {
animation-delay: 0.375s;
}
.fade-in.loaded.delay-500,
.fade-in--force.delay-500 {
animation-delay: 0.5s;
}
.fade-in.loaded.delay-625,
.fade-in--force.delay-625 {
animation-delay: 0.625s;
}
.fade-in.loaded.delay-750,
.fade-in--force.delay-750 {
animation-delay: 0.75s;
}
.fade-in.loaded.delay-875,
.fade-in--force.delay-875 {
animation-delay: 0.875s;
}
.fade-in.loaded.delay-1000,
.fade-in--force.delay-1000 {
animation-delay: 1s;
}
.fade-in.loaded.delay-1125,
.fade-in--force.delay-1125 {
animation-delay: 1.125s;
}
.fade-in.loaded.delay-1250,
.fade-in--force.delay-1250 {
animation-delay: 1.25s;
}
.fade-in.loaded.delay-1375,
.fade-in--force.delay-1375 {
animation-delay: 1.375s;
}
.fade-in.loaded.delay-1500,
.fade-in--force.delay-1500 {
animation-delay: 1.5s;
}
.fade-in.loaded.delay-1625,
.fade-in--force.delay-1625 {
animation-delay: 1.625s;
}
.fade-in.loaded.delay-1750,
.fade-in--force.delay-1750 {
animation-delay: 1.75s;
}
.fade-in.loaded.delay-1875,
.fade-in--force.delay-1875 {
animation-delay: 1.875s;
}
.fade-in.loaded.delay-2000,
.fade-in--force.delay-2000 {
animation-delay: 2s;
}
.bg-overlay {
position: relative;
z-index: 2;
background-position: center center;
background-size: cover; }
.bg-overlay::after {
background-color: rgba(17, 17, 17, 0.5);
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ""; }
.alazea-video-area {
position: relative;
z-index: 1;
border-radius: 6px;
box-shadow: 0 1px 20px 0 rgba(0, 0, 0, 0.15); }
.alazea-video-area.bg-overlay:after {
border-radius: 6px; }
.alazea-video-area img {
position: relative;
z-index: -21;
border-radius: 6px; }
.alazea-video-area .video-icon {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
width: 70px;
height: 70px;
background-color: #FFC300 ;
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
z-index: 100;
border-radius: 50%;
line-height: 72px;
text-align: center;
cursor: pointer;
opacity: 0.9; }
.alazea-video-area .video-icon i {
color: #ffffff;
font-size: 24px; }
.alazea-video-area .video-icon:hover {
opacity: 1;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }
.alazea-video-area .video-icon {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
width: 70px;
height: 70px;
background-color: #FFC300 ;
position: absolute;
top: 50%;
left: 50%;
margin-top: -35px;
margin-left: -35px;
z-index: 100;
border-radius: 50%;
line-height: 72px;
text-align: center;
cursor: pointer;
opacity: 0.9; }
.alazea-video-area .video-icon i {
color: #ffffff;
font-size: 24px; }
.alazea-video-area .video-icon:hover {
opacity: 1;
box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.15); }
.mb-100 {
margin-bottom: 100px !important; }
/*
Fade in up
*/
@keyframes fadeInUp {
from {
opacity: 0;
transform: translate3d(0, 33%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fade-in-up {
opacity: 0;
}
.fade-in-up.loaded,
.fade-in-up--force {
animation: fadeInUp 0.5s ease-out 0s 1 forwards;
}
.fade-in-up.loaded.delay-125,
.fade-in-up--force.delay-125 {
animation-delay: 0.125s;
}
.fade-in-up.loaded.delay-250,
.fade-in-up--force.delay-250 {
animation-delay: 0.25s;
}
.fade-in-up.loaded.delay-375,
.fade-in-up--force.delay-375 {
animation-delay: 0.375s;
}
.fade-in-up.loaded.delay-500,
.fade-in-up--force.delay-500 {
animation-delay: 0.5s;
}
.fade-in-up.loaded.delay-625,
.fade-in-up--force.delay-625 {
animation-delay: 0.625s;
}
.fade-in-up.loaded.delay-750,
.fade-in-up--force.delay-750 {
animation-delay: 0.75s;
}
.fade-in-up.loaded.delay-875,
.fade-in-up--force.delay-875 {
animation-delay: 0.875s;
}
.fade-in-up.loaded.delay-1000,
.fade-in-up--force.delay-1000 {
animation-delay: 1s;
}
.fade-in-up.loaded.delay-1125,
.fade-in-up--force.delay-1125 {
animation-delay: 1.125s;
}
.fade-in-up.loaded.delay-1250,
.fade-in-up--force.delay-1250 {
animation-delay: 1.25s;
}
.fade-in-up.loaded.delay-1375,
.fade-in-up--force.delay-1375 {
animation-delay: 1.375s;
}
.fade-in-up.loaded.delay-1500,
.fade-in-up--force.delay-1500 {
animation-delay: 1.5s;
}
.fade-in-up.loaded.delay-1625,
.fade-in-up--force.delay-1625 {
animation-delay: 1.625s;
}
.fade-in-up.loaded.delay-1750,
.fade-in-up--force.delay-1750 {
animation-delay: 1.75s;
}
.fade-in-up.loaded.delay-1875,
.fade-in-up--force.delay-1875 {
animation-delay: 1.875s;
}
.fade-in-up.loaded.delay-2000,
.fade-in-up--force.delay-2000 {
animation-delay: 2s;
}
/*
Fade in down
*/
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -50%, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fade-in-down {
opacity: 0;
}
.fade-in-down.loaded,
.fade-in-down--force {
animation: fadeInDown 0.5s ease-out 0s 1 forwards;
}
.fade-in-down.loaded.delay-125,
.fade-in-down--force.delay-125 {
animation-delay: 0.125s;
}
.fade-in-down.loaded.delay-250,
.fade-in-down--force.delay-250 {
animation-delay: 0.25s;
}
.fade-in-down.loaded.delay-375,
.fade-in-down--force.delay-375 {
animation-delay: 0.375s;
}
.fade-in-down.loaded.delay-500,
.fade-in-down--force.delay-500 {
animation-delay: 0.5s;
}
.fade-in-down.loaded.delay-625,
.fade-in-down--force.delay-625 {
animation-delay: 0.625s;
}
.fade-in-down.loaded.delay-750,
.fade-in-down--force.delay-750 {
animation-delay: 0.75s;
}
.fade-in-down.loaded.delay-875,
.fade-in-down--force.delay-875 {
animation-delay: 0.875s;
}
.fade-in-down.loaded.delay-1000,
.fade-in-down--force.delay-1000 {
animation-delay: 1s;
}
.fade-in-down.loaded.delay-1125,
.fade-in-down--force.delay-1125 {
animation-delay: 1.125s;
}
.fade-in-down.loaded.delay-1250,
.fade-in-down--force.delay-1250 {
animation-delay: 1.25s;
}
.fade-in-down.loaded.delay-1375,
.fade-in-down--force.delay-1375 {
animation-delay: 1.375s;
}
.fade-in-down.loaded.delay-1500,
.fade-in-down--force.delay-1500 {
animation-delay: 1.5s;
}
.fade-in-down.loaded.delay-1625,
.fade-in-down--force.delay-1625 {
animation-delay: 1.625s;
}
.fade-in-down.loaded.delay-1750,
.fade-in-down--force.delay-1750 {
animation-delay: 1.75s;
}
.fade-in-down.loaded.delay-1875,
.fade-in-down--force.delay-1875 {
animation-delay: 1.875s;
}
.fade-in-down.loaded.delay-2000,
.fade-in-down--force.delay-2000 {
animation-delay: 2s;
}
/*
Fade in right
*/
@keyframes fadeInRight {
from {
opacity: 0;
transform: translate3d(25%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fade-in-right {
opacity: 0;
}
.fade-in-right.loaded,
.fade-in-right--force {
animation: fadeInRight 0.5s ease-out 0s 1 forwards;
}
.fade-in-right.loaded.delay-125,
.fade-in-right--force.delay-125 {
animation-delay: 0.125s;
}
.fade-in-right.loaded.delay-250,
.fade-in-right--force.delay-250 {
animation-delay: 0.25s;
}
.fade-in-right.loaded.delay-375,
.fade-in-right--force.delay-375 {
animation-delay: 0.375s;
}
.fade-in-right.loaded.delay-500,
.fade-in-right--force.delay-500 {
animation-delay: 0.5s;
}
.fade-in-right.loaded.delay-625,
.fade-in-right--force.delay-625 {
animation-delay: 0.625s;
}
.fade-in-right.loaded.delay-750,
.fade-in-right--force.delay-750 {
animation-delay: 0.75s;
}
.fade-in-right.loaded.delay-875,
.fade-in-right--force.delay-875 {
animation-delay: 0.875s;
}
.fade-in-right.loaded.delay-1000,
.fade-in-right--force.delay-1000 {
animation-delay: 1s;
}
.fade-in-right.loaded.delay-1125,
.fade-in-right--force.delay-1125 {
animation-delay: 1.125s;
}
.fade-in-right.loaded.delay-1250,
.fade-in-right--force.delay-1250 {
animation-delay: 1.25s;
}
.fade-in-right.loaded.delay-1375,
.fade-in-right--force.delay-1375 {
animation-delay: 1.375s;
}
.fade-in-right.loaded.delay-1500,
.fade-in-right--force.delay-1500 {
animation-delay: 1.5s;
}
.fade-in-right.loaded.delay-1625,
.fade-in-right--force.delay-1625 {
animation-delay: 1.625s;
}
.fade-in-right.loaded.delay-1750,
.fade-in-right--force.delay-1750 {
animation-delay: 1.75s;
}
.fade-in-right.loaded.delay-1875,
.fade-in-right--force.delay-1875 {
animation-delay: 1.875s;
}
.fade-in-right.loaded.delay-2000,
.fade-in-right--force.delay-2000 {
animation-delay: 2s;
}
/*
Fade in left
*/
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translate3d(-25%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.fade-in-left {
opacity: 0;
}
.fade-in-left.loaded,
.fade-in-left--force {
animation: fadeInLeft 0.5s ease-out 0s 1 forwards;
}
.fade-in-left.loaded.delay-125,
.fade-in-left--force.delay-125 {
animation-delay: 0.125s;
}
.fade-in-left.loaded.delay-250,
.fade-in-left--force.delay-250 {
animation-delay: 0.25s;
}
.fade-in-left.loaded.delay-375,
.fade-in-left--force.delay-375 {
animation-delay: 0.375s;
}
.fade-in-left.loaded.delay-500,
.fade-in-left--force.delay-500 {
animation-delay: 0.5s;
}
.fade-in-left.loaded.delay-625,
.fade-in-left--force.delay-625 {
animation-delay: 0.625s;
}
.fade-in-left.loaded.delay-750,
.fade-in-left--force.delay-750 {
animation-delay: 0.75s;
}
.fade-in-left.loaded.delay-875,
.fade-in-left--force.delay-875 {
animation-delay: 0.875s;
}
.fade-in-left.loaded.delay-1000,
.fade-in-left--force.delay-1000 {
animation-delay: 1s;
}
.fade-in-left.loaded.delay-1125,
.fade-in-left--force.delay-1125 {
animation-delay: 1.125s;
}
.fade-in-left.loaded.delay-1250,
.fade-in-left--force.delay-1250 {
animation-delay: 1.25s;
}
.fade-in-left.loaded.delay-1375,
.fade-in-left--force.delay-1375 {
animation-delay: 1.375s;
}
.fade-in-left.loaded.delay-1500,
.fade-in-left--force.delay-1500 {
animation-delay: 1.5s;
}
.fade-in-left.loaded.delay-1625,
.fade-in-left--force.delay-1625 {
animation-delay: 1.625s;
}
.fade-in-left.loaded.delay-1750,
.fade-in-left--force.delay-1750 {
animation-delay: 1.75s;
}
.fade-in-left.loaded.delay-1875,
.fade-in-left--force.delay-1875 {
animation-delay: 1.875s;
}
.fade-in-left.loaded.delay-2000,
.fade-in-left--force.delay-2000 {
animation-delay: 2s;
}
/* Buttons
********************************************************************/
.btn {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
}
.btn:hover {
background-color: #363636;
color: #fff;
}
.btn:hover .btn__text {
background: transparent;
}
.btn__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.btn__text:before,
.btn__text:after {
content: "";
width: 50px;
}
.btn--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.btn--blue .btn__text {
background-color: #FFFFFF;
}
.btn--blue:hover {
color: #fff;
}
.btn--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.btn--orange .btn__text {
background-color: #FFFFFF;
}
.btn--orange:hover {
color: #fff;
}
.btn--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.btn--green .btn__text {
background-color: #FFFFFF;
}
.btn--green:hover {
color: #fff;
}
.btn--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.btn--pink .btn__text {
background-color: #FFFFFF;
}
.btn--pink:hover {
color: #fff;
}
.btn--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.btn--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.btn-close {
background: transparent;
border: none;
display: inline-block;
cursor: pointer;
outline: none;
transition: opacity 0.5s ease-out;
width: 50px;
height: 50px;
padding: 0;
}
.btn-close:hover {
opacity: .75;
}
.btn-close.theme-light .icon {
fill: white;
}
.btn-play {
height: 100px;
width: 100px;
border-radius: 100%;
background: rgba(255, 255, 255, 0.35);
border: solid 3px #363636;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.75s ease-in-out;
}
.btn-play .icon {
fill: #363636;
height: 30px;
width: 30px;
}
.btn-play:hover {
transform: scale(1.15);
}
.btn-scroll {
background: transparent;
border: none;
position: absolute;
left: 50%;
bottom: 15px;
margin: auto;
transform: translateX(-50%);
cursor: pointer;
text-align: center;
pointer-events: none;
user-select: none;
outline: none !important;
-webkit-tap-highlight-color: transparent;
transition: opacity 0.3s ease-in-out;
}
@media (min-width: 768px) {
.btn-scroll {
bottom: 20px;
}
}
.btn-scroll__text {
text-transform: uppercase;
margin-bottom: 10px;
letter-spacing: 1px;
font-size: 13px;
display: block;
transform: translate3d(0, 0, 0);
transition: transform .4s;
}
@media (min-width: 768px) {
.btn-scroll__text {
font-size: 14px;
}
}
.btn-scroll .vertical-dash {
transform: translate3d(0, 0, 0);
transition: transform .4s;
}
.btn-scroll:hover {
opacity: 1;
}
.btn-scroll:hover .btn-scroll__text {
transform: translate3d(0, 55px, 15px);
}
.btn-scroll:hover .vertical-dash {
transform: translate3d(0, -30px, 0);
transition: transform .4s;
}
.module-banner--full .btn-scroll,
.btn-scroll--visible {
opacity: .66;
pointer-events: all;
}
.module-banner--full .btn-scroll:hover,
.btn-scroll--visible:hover {
opacity: 1;
}
.module-banner--case .btn-scroll {
opacity: .66;
pointer-events: all;
bottom: 65px;
}
@media (min-width: 768px) {
.module-banner--case .btn-scroll {
bottom: 65px;
}
}
.module-banner--case .btn-scroll:hover {
opacity: 1;
}
.rte-btn > a {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: .5em 1.5em;
opacity: 1 !important;
text-decoration: none !important;
transition: all .4s !important;
}
.rte-btn > a:hover {
background-color: #363636;
color: #fff;
}
.rte-btn > a:hover .btn__text {
background: transparent;
}
.rte-btn > a__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn > a__text:before,
.rte-btn > a__text:after {
content: "";
width: 50px;
}
.rte-btn > a--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn > a--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn > a--blue:hover {
color: #fff;
}
.rte-btn > a--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn > a--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn > a--orange:hover {
color: #fff;
}
.rte-btn > a--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn > a--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn > a--green:hover {
color: #fff;
}
.rte-btn > a--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn > a--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn > a--pink:hover {
color: #fff;
}
.rte-btn > a--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn > a--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn > a:after {
display: none;
}
.rte-btn > a:hover {
background-color: #363636 !important;
color: #fff !important;
}
.rte-btn.rte-color--green {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: 2px !important;
margin: 0 !important;
opacity: 1 !important;
text-decoration: none !important;
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none !important;
color: white !important;
transition: all .4s !important;
}
.rte-btn.rte-color--green:hover {
background-color: #363636;
color: #fff;
}
.rte-btn.rte-color--green:hover .btn__text {
background: transparent;
}
.rte-btn.rte-color--green__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn.rte-color--green__text:before,
.rte-btn.rte-color--green__text:after {
content: "";
width: 50px;
}
.rte-btn.rte-color--green--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn.rte-color--green--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--green--blue:hover {
color: #fff;
}
.rte-btn.rte-color--green--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn.rte-color--green--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--green--orange:hover {
color: #fff;
}
.rte-btn.rte-color--green--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn.rte-color--green--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--green--green:hover {
color: #fff;
}
.rte-btn.rte-color--green--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn.rte-color--green--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--green--pink:hover {
color: #fff;
}
.rte-btn.rte-color--green--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn.rte-color--green--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn.rte-color--green:after {
display: none !important;
}
.rte-btn.rte-color--green > a {
background-color: #FFFFFF;
border: none !important;
margin: 0 !important;
color: #038d58 !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.rte-btn.rte-color--green > a:hover {
background-color: transparent !important;
color: white !important;
}
.rte-btn.rte-color--orange {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: 2px !important;
margin: 0 !important;
opacity: 1 !important;
text-decoration: none !important;
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none !important;
color: white !important;
transition: all .4s !important;
}
.rte-btn.rte-color--orange:hover {
background-color: #363636;
color: #fff;
}
.rte-btn.rte-color--orange:hover .btn__text {
background: transparent;
}
.rte-btn.rte-color--orange__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn.rte-color--orange__text:before,
.rte-btn.rte-color--orange__text:after {
content: "";
width: 50px;
}
.rte-btn.rte-color--orange--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn.rte-color--orange--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--orange--blue:hover {
color: #fff;
}
.rte-btn.rte-color--orange--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn.rte-color--orange--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--orange--orange:hover {
color: #fff;
}
.rte-btn.rte-color--orange--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn.rte-color--orange--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--orange--green:hover {
color: #fff;
}
.rte-btn.rte-color--orange--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn.rte-color--orange--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--orange--pink:hover {
color: #fff;
}
.rte-btn.rte-color--orange--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn.rte-color--orange--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn.rte-color--orange:after {
display: none !important;
}
.rte-btn.rte-color--orange > a {
background-color: #FFFFFF;
border: none !important;
margin: 0 !important;
color: #d1681a !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.rte-btn.rte-color--orange > a:hover {
background-color: transparent !important;
color: white !important;
}
.rte-btn.rte-color--pink {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: 2px !important;
margin: 0 !important;
opacity: 1 !important;
text-decoration: none !important;
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none !important;
color: white !important;
transition: all .4s !important;
}
.rte-btn.rte-color--pink:hover {
background-color: #363636;
color: #fff;
}
.rte-btn.rte-color--pink:hover .btn__text {
background: transparent;
}
.rte-btn.rte-color--pink__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn.rte-color--pink__text:before,
.rte-btn.rte-color--pink__text:after {
content: "";
width: 50px;
}
.rte-btn.rte-color--pink--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn.rte-color--pink--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--pink--blue:hover {
color: #fff;
}
.rte-btn.rte-color--pink--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn.rte-color--pink--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--pink--orange:hover {
color: #fff;
}
.rte-btn.rte-color--pink--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn.rte-color--pink--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--pink--green:hover {
color: #fff;
}
.rte-btn.rte-color--pink--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn.rte-color--pink--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--pink--pink:hover {
color: #fff;
}
.rte-btn.rte-color--pink--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn.rte-color--pink--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn.rte-color--pink:after {
display: none !important;
}
.rte-btn.rte-color--pink > a {
background-color: #FFFFFF;
border: none !important;
margin: 0 !important;
color: #73144b !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.rte-btn.rte-color--pink > a:hover {
background-color: transparent !important;
color: white !important;
}
.rte-btn.rte-color--blue {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: 2px !important;
margin: 0 !important;
opacity: 1 !important;
text-decoration: none !important;
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none !important;
color: white !important;
transition: all .4s !important;
}
.rte-btn.rte-color--blue:hover {
background-color: #363636;
color: #fff;
}
.rte-btn.rte-color--blue:hover .btn__text {
background: transparent;
}
.rte-btn.rte-color--blue__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn.rte-color--blue__text:before,
.rte-btn.rte-color--blue__text:after {
content: "";
width: 50px;
}
.rte-btn.rte-color--blue--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn.rte-color--blue--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--blue--blue:hover {
color: #fff;
}
.rte-btn.rte-color--blue--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn.rte-color--blue--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--blue--orange:hover {
color: #fff;
}
.rte-btn.rte-color--blue--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn.rte-color--blue--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--blue--green:hover {
color: #fff;
}
.rte-btn.rte-color--blue--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn.rte-color--blue--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn.rte-color--blue--pink:hover {
color: #fff;
}
.rte-btn.rte-color--blue--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn.rte-color--blue--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn.rte-color--blue:after {
display: none !important;
}
.rte-btn.rte-color--blue > a {
background-color: #FFFFFF;
border: none !important;
margin: 0 !important;
color: #006292 !important;
text-decoration: none !important;
font-weight: 500 !important;
}
.rte-btn.rte-color--blue > a:hover {
background-color: transparent !important;
color: white !important;
}
.rte-btn--light > a {
background: transparent;
border: 2px solid #363636;
border-radius: 50px;
box-sizing: border-box;
color: #363636;
display: inline-block;
font-size: 18px;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
height: 50px;
letter-spacing: .8px;
margin: 7px 0;
padding: 2px;
position: relative;
text-decoration: none;
text-transform: uppercase;
outline: none;
z-index: 2;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: background .5s ease;
height: auto;
padding: .5em 1.5em;
opacity: 1 !important;
text-decoration: none !important;
border-color: white !important;
color: white !important;
background: transparent !important;
transition: all .4s !important;
}
.rte-btn--light > a:hover {
background-color: #363636;
color: #fff;
}
.rte-btn--light > a:hover .btn__text {
background: transparent;
}
.rte-btn--light > a__text {
align-items: center;
background: transparent;
border-radius: 50px;
display: flex;
justify-content: center;
height: 100%;
width: 100%;
transition: background .5s ease;
}
.rte-btn--light > a__text:before,
.rte-btn--light > a__text:after {
content: "";
width: 50px;
}
.rte-btn--light > a--blue {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
border: none;
color: #006292;
}
.rte-btn--light > a--blue .btn__text {
background-color: #FFFFFF;
}
.rte-btn--light > a--blue:hover {
color: #fff;
}
.rte-btn--light > a--orange {
background-image: linear-gradient(to right, #d1681a 0%, #fcc73a 100%);
border: none;
color: #d1681a;
}
.rte-btn--light > a--orange .btn__text {
background-color: #FFFFFF;
}
.rte-btn--light > a--orange:hover {
color: #fff;
}
.rte-btn--light > a--green {
background-image: linear-gradient(to right, #038d58 0%, #51af3d 100%);
border: none;
color: #038d58;
}
.rte-btn--light > a--green .btn__text {
background-color: #FFFFFF;
}
.rte-btn--light > a--green:hover {
color: #fff;
}
.rte-btn--light > a--pink {
background-image: linear-gradient(to right, #73144b 0%, #e83364 100%);
border: none;
color: #73144b;
}
.rte-btn--light > a--pink .btn__text {
background-color: #FFFFFF;
}
.rte-btn--light > a--pink:hover {
color: #fff;
}
.rte-btn--light > a--white {
color: #FFFFFF;
border-color: #FFFFFF;
}
.rte-btn--light > a--white:hover {
background-color: #FFFFFF;
color: #363636;
}
.rte-btn--light > a:after {
display: none;
}
.rte-btn--light > a:hover {
background-color: #FFF !important;
border-color: #FFF !important;
color: #363636 !important;
}
/* icons
*******************************************************************
*/
.icon {
display: inline-block;
fill: #363636;
height: 30px;
width: 30px;
pointer-events: none;
}
.theme--light .icon {
fill: #FFFFFF;
}
.icon--small {
height: 20px;
width: 20px;
}
.icon--large {
height: 50px;
width: 50px;
}
/* Facts
================================================== */
.facts-wrapper {
text-align: center;
}
.facts-wrapper .ts-facts {
color: #fff;
}
.ts-facts .ts-facts-icon i {
font-size: 42px;
color: #ffb600;
}
.ts-facts .ts-facts-content .ts-facts-num {
color: #000;
font-size: 44px;
margin: 30px 0 20px;
}
.ts-facts .ts-facts-content .ts-facts-title {
font-size: 16px;
color: #ffb600;
margin: 0;
}
/* Typography
*******************************************************************
*/
body {
color: #363636;
font-size: 100%;
line-height: 1.3;
font-family: 'Libre Baskerville', serif;
font-weight: 500;
background-color: #f9f9f9;
}
.headline {
font-size: 1em;
font-weight: bold;
line-height: 1.15;
text-rendering: optimizeLegibility;
word-wrap: break-word;
margin: 7px 0;
letter-spacing: 1px;
position: relative;
}
.headline--x-large {
font-family: 'Libre Baskerville', serif;
font-size: 175px;
line-height: 0.75;
text-transform: uppercase;
margin: 10px 0;
}
@media (min-width: 1200px) {
.headline--x-large {
font-size: 250px;
}
}
@media (min-width: 1600px) {
.headline--x-large {
font-size: 300px;
}
}
.headline--hero {
font-family: 'Libre Baskerville', serif;
font-size: 38px;
text-transform: uppercase;
margin: 10px 0;
line-height: 1;
}
@media (min-width: 768px) {
.headline--hero {
font-size: 44px;
}
}
@media (min-width: 1200px) {
.headline--hero {
font-size: 60px;
}
}
.headline--large {
font-family: 'Libre Baskerville', serif;
font-size: 30px;
text-transform: uppercase;
margin: 10px 0;
}
@media (min-width: 768px) {
.headline--large {
font-size: 34px;
}
}
@media (min-width: 1200px) {
.headline--large {
font-size: 40px;
}
}
.headline--medium {
font-size: 25px;
}
@media (min-width: 768px) {
.headline--medium {
font-size: 28px;
}
}
@media (min-width: 1200px) {
.headline--medium {
font-size: 30px;
}
}
.headline--small {
font-size: 15px;
}
@media (min-width: 768px) {
.headline--small {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.headline--small {
font-size: 20px;
}
}
.headline--uppercase {
text-transform: uppercase;
}
.text-area a:not(.btn) {
color: inherit;
font-weight: 600;
text-decoration: none;
position: relative;
transition: opacity .3s;
}
.text-area a:not(.btn):after {
content: "";
position: absolute;
left: 0;
bottom: 0px;
height: 2px;
width: 100%;
background-color: #363636;
}
.text-area a:not(.btn):hover {
opacity: .75;
}
.theme--light .text-area a:not(.btn):after,
.text-area.theme--light a:not(.btn):after {
background-color: #FFFFFF;
}
.text-area p {
margin-top: 0;
}
.text-area ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 15px 0;
}
@media (min-width: 768px) {
.text-area ul {
margin: 30px 0;
}
}
.text-area ul--custom li {
padding-left: 60px;
padding-bottom: 20px;
}
.text-area ul--custom li:before {
display: none;
}
.text-area ul--custom li > .icon,
.text-area ul--custom li > img {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 40px;
}
.text-area ul--custom-two-col {
columns: 2;
padding-right: 0 !important;
}
.text-area ul--custom-two-col > li {
padding: 0 !important;
margin-bottom: 15px !important;
}
.text-area__list-item,
.text-area li {
position: relative;
padding-left: 35px;
padding-bottom: 10px;
}
.text-area__list-item:before,
.text-area li:before {
background: #363636;
content: '';
height: 2px;
position: absolute;
width: 20px;
left: 0;
top: 11px;
}
.theme--light .text-area__list-item:before,
.theme--light .text-area li:before {
background: #FFFFFF;
}
.text-area__headline-plus-number {
position: relative;
text-align: right;
margin-bottom: 30px;
}
@media (min-width: 1200px) {
.text-area__headline-plus-number {
margin-bottom: 45px;
padding-right: 15px;
}
}
.text-area__headline-plus-number .headline--hero {
position: absolute;
left: 0;
bottom: 5px;
text-align: left;
margin: 0;
}
.text-area__headline-plus-number .headline--x-large {
opacity: .25;
margin: 0;
}
/* Utilities
********************************************************************/
html {
overflow: hidden;
overflow-y: scroll;
}
.uppercase {
text-transform: uppercase;
}
.container--100-pct {
padding: 0 15px !important;
width: 100% !important;
}
.body--overlay-opened {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
}
.unstyled-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.module-padding {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.module-padding {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}
.no-padding--top {
padding-top: 0 !important;
}
.no-padding--bottom {
padding-bottom: 0 !important;
}
.no-margin--top {
margin-top: 0 !important;
}
.no-margin--bottom {
margin-bottom: 0 !important;
}
@keyframes draw-line {
0% {
width: 0px;
opacity: 0;
}
100% {
width: 20px;
opacity: 1;
}
}
@keyframes draw-line-lg {
0% {
width: 0px;
opacity: 0;
}
100% {
width: 30px;
opacity: 1;
}
}
@keyframes draw-vertical-line {
0% {
height: 0px;
opacity: 0;
}
100% {
height: 50px;
opacity: .75;
}
}
.dash {
position: relative;
}
.dash:before,
.dash:after {
background: #363636;
content: '';
height: 2px;
position: absolute;
width: 0;
}
.theme--light .dash:before,
.theme--light .dash:after {
background: #FFFFFF;
}
.dash:after {
display: none;
}
.dash--inset {
padding-left: 40px;
}
@media (max-width: 767px) {
.dash--inset {
padding-left: 35px;
}
}
.dash--inset:before,
.dash--inset:after {
top: 10px;
left: 0;
}
.dash--after {
display: block;
padding-bottom: 30px;
}
.dash--after:before {
bottom: 15px;
left: 0;
}
.dash--after.text-align--right:before {
left: auto;
right: 0;
}
.dash--after-center {
padding-bottom: 30px;
}
.dash--after-center:before {
bottom: 29px;
left: 50%;
margin-left: -12px;
}
.dash--orange:before {
background-color: #d1681a !important;
}
.dash--yellow:before {
background-color: #fcc73a !important;
}
.dash--blue:before {
background-color: #006292 !important;
}
.dash--green:before {
background-color: #038d58 !important;
}
.dash.loaded:before {
animation: draw-line 0.3s ease-in 0s 1 forwards;
}
.big-dash {
position: relative;
}
.big-dash:before,
.big-dash:after {
background: #363636;
content: '';
height: 4px;
position: absolute;
width: 0;
}
.theme--light .big-dash:before,
.theme--light .big-dash:after {
background: #FFFFFF;
}
.big-dash:after {
display: none;
}
.big-dash--inset {
padding-left: 45px;
}
@media (max-width: 767px) {
.big-dash--inset {
padding-left: 40px;
}
}
.big-dash--inset:before,
.big-dash--inset:after {
top: 5px;
left: 0;
}
.big-dash--after {
padding-bottom: 25px;
}
@media (min-width: 992px) {
.big-dash--after {
padding-bottom: 30px;
}
}
.big-dash--after:before {
bottom: 0;
left: 0;
}
.big-dash--after-center {
padding-bottom: 30px;
}
.big-dash--after-center:before {
bottom: 29px;
left: 50%;
margin-left: -12px;
}
.big-dash--orange:before {
background-color: #d1681a !important;
}
.big-dash--yellow:before {
background-color: #fcc73a !important;
}
.big-dash--blue:before {
background-color: #006292 !important;
}
.big-dash--green:before {
background-color: #038d58 !important;
}
.big-dash.loaded:before {
animation: draw-line-lg 0.3s ease-in 0s 1 forwards;
}
.vertical-dash {
position: relative;
height: 45px;
display: inline-block;
}
.vertical-dash:before,
.vertical-dash:after {
background: #363636;
content: '';
height: 0;
position: absolute;
width: 1px;
}
.theme--light .vertical-dash:before,
.theme--light .vertical-dash:after {
background: #FFFFFF;
}
.vertical-dash.loaded:before {
animation: draw-vertical-line 0.3s ease-in 0s 1 forwards;
}
.vertical-dash.loaded:hover:before {
display: none;
}
.vertical-dash.loaded:hover:after {
animation: draw-vertical-line 0.3s ease-in 0s 1 forwards;
}
.social {
margin-top: 30px;
}
.social__anchor {
display: inline-block;
text-decoration: none;
margin: 0 7px 0 0;
transition: all .3s;
border: 2px solid white;
border-radius: 100%;
padding: 5px 0;
width: 40px;
height: 40px;
text-align: center;
}
.social__anchor .icon {
width: 20px;
height: 20px;
}
.social__anchor:hover {
opacity: .75;
}
.social__anchor--white-blue {
background-color: white;
color: #13b6c8;
}
.social__anchor--white-blue .icon {
position: relative;
top: 1px;
fill: currentColor;
}
.social__anchor--white-blue:hover {
opacity: 1;
color: #006292;
}
.contact {
text-align: left;
position: relative;
}
.contact__list {
margin: 0;
padding: 0;
list-style-type: none;
}
.contact__list-item {
padding-bottom: 10px;
}
.contact__list-item a {
color: inherit;
text-decoration: none;
opacity: .66;
transition: opacity 0.4s ease-out;
}
.contact__list-item a:hover {
opacity: 1;
}
.contact__list-item .icon {
height: 22px;
width: 22px;
margin-right: 15px;
}
.contact__list-item:last-child {
padding-bottom: 0;
}
.theme--light {
color: #FFFFFF;
}
.no-background-grey {
background-color: #fff !important;
}
.no-background-grey:before {
background-color: #fff !important;
}
.figure {
position: relative;
text-align: center;
}
.figure__image {
display: block;
margin: 0 auto;
max-width: 100%;
position: relative;
}
.figure__newContent {
display: inline-block;
position: relative;
max-width: 100%;
}
.figure__newContent:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #fff;
opacity: 0;
}
@media (min-width: 768px) {
.figure__newContent:before {
right: -15px;
top: -15px;
}
}
.figure__anchor {
display: block;
position: relative;
text-decoration: none;
color: inherit;
}
.figure__content {
display: inline-block;
position: relative;
max-width: 100%;
}
.figure__content:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #f4f4f4;
opacity: 0;
}
@media (min-width: 768px) {
.figure__content:before {
right: -15px;
top: -15px;
}
}
.figure--add-bg .figure__content:before {
opacity: 1;
}
.figure--remove-bg .figure__content:before {
opacity: 0 !important;
background-color: #fff !important;
}
.figure--ratio-16-9 {
position: relative;
}
.figure--ratio-16-9:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.figure--ratio-16-9 > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@keyframes animateGradient45deg {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
.abs-fill {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
.abs-fill-gradient-45--orange {
background: #fcc73a linear-gradient(45deg, #d1681a, #fcc73a);
}
.abs-fill-gradient-45--orange.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.abs-fill-gradient-45--blue {
background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8);
}
.abs-fill-gradient-45--blue.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.abs-fill-gradient-45--pink {
background: #e83364 linear-gradient(45deg, #73144b, #e83364);
}
.abs-fill-gradient-45--pink.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.abs-fill-gradient-45--green {
background: #51af3d linear-gradient(45deg, #038d58, #51af3d);
}
.abs-fill-gradient-45--green.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.gradient--orange {
background: #fcc73a linear-gradient(45deg, #d1681a, #fcc73a);
}
.gradient--orange.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.gradient--pink {
background: #e83364 linear-gradient(45deg, #73144b, #e83364);
}
.gradient--pink.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.gradient--blue {
background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8);
}
.gradient--blue.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.gradient--green {
background: #51af3d linear-gradient(45deg, #038d58, #51af3d);
}
.gradient--green.animated-bg {
background-size: 400% 400%;
animation: animateGradient45deg 30s ease infinite;
}
.bg-color--light-gray {
background-color: #f4f4f4;
}
.flex {
display: flex;
}
.flex--ver-center {
align-items: center;
}
.flex--hor-center {
justify-content: center;
}
.flex--dir-column {
flex-direction: column;
}
.flex--wrap {
flex-wrap: wrap;
}
.flex--space-between {
justify-content: space-between;
}
.ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 15px 0;
}
@media (min-width: 768px) {
.ul {
margin: 30px 0;
}
}
.ul--custom li {
padding-left: 60px;
padding-bottom: 20px;
}
.ul--custom li:before {
display: none;
}
.ul--custom li > .icon,
.ul--custom li > img {
position: absolute;
left: 0;
top: 0;
height: 40px;
width: 40px;
}
.ul--custom-two-col {
columns: 2;
padding-right: 0 !important;
}
.ul--custom-two-col > li {
padding: 0 !important;
margin-bottom: 15px !important;
}
.progress-bar {
display: inline-block;
margin: 35px 0;
position: relative;
width: 100%;
height: 5px;
}
.progress-bar__headline {
position: absolute;
left: 0;
top: -20px;
font-size: 13px;
font-weight: bold;
}
.progressbar-text {
font-family: 'Libre Baskerville', serif;
}
.card {
line-height: 2.15;
margin-bottom: 1rem;
}
.card__image {
display: block;
margin-bottom: 1rem;
background-color: #f4f4f4;
}
.card__name {
font-size: 1rem;
font-weight: bold;
margin: 0;
text-transform: uppercase;
color: #006292;
}
.card__title {
margin: 0 0 10px 0;
font-weight: normal;
font-size: 13px;
}
.card__phone,
.card__email {
margin: 0;
max-width: 250px;
}
.card__phone > a,
.card__email > a {
display: block;
color: inherit;
text-decoration: none;
transition: all .4s;
}
.card__phone > a:hover,
.card__email > a:hover {
color: #006292;
}
.card__text {
min-height: 4rem;
text-align: center;
text-transform: uppercase;
}
.card__description {
text-transform: none;
}
.search-form {
position: relative;
font-size: 12px;
}
@media (min-width: 768px) {
.search-form {
font-size: 13px;
}
}
.search-form__input {
padding-right: 45px !important;
margin: 0 !important;
text-transform: uppercase !important;
width: 200px !important;
}
@media (min-width: 1200px) {
.search-form__input {
width: 300px !important;
padding-left: 25px !important;
padding-right: 60px !important;
}
}
.search-form__button {
position: absolute;
right: 0;
top: 0;
width: 45px;
height: 100%;
border: none;
background: transparent;
cursor: pointer;
outline: none !important;
}
@media (min-width: 1200px) {
.search-form__button {
width: 60px;
}
}
.search-form__button > .icon {
height: 24px;
width: 24px;
transform: scale(0.9);
transition: all .3s ease;
}
.search-form__button:hover > .icon {
transform: scale(0.8);
fill: #006292;
}
@media (min-width: 992px) {
.grid-section .col-md-6:first-child {
padding-right: 45px;
}
}
@media (min-width: 992px) {
.grid-section__flex-row--vertical {
display: flex;
align-items: center;
}
}
@media (max-width: 767px) {
.grid-section > div:not(.gradient--blue):not(.gradient--green):not(.gradient--pink):not(.gradient--orange) {
background-image: none !important;
}
}
.position--initial {
position: initial !important;
}
.opacity-025 {
opacity: .25;
}
.opacity-050 {
opacity: .50;
}
.opacity-075 {
opacity: .75;
}
.opacity-100 {
opacity: 1;
}
/*
Positioning of text within banners
*/
.text-align--left {
text-align: left;
}
.text-align--center {
text-align: center;
}
.text-align--right {
text-align: right;
}
.position-horizontal--left .text-position {
float: left;
}
.position-horizontal--center .text-position {
margin: 0 auto;
float: none;
}
.position-horizontal--right .text-position {
float: right;
}
.position-vertical {
/*
&--top-mobile {
@media (max-width: @mobile) {
display: flex;
align-items: flex-start;
}
}
*/
}
.position-vertical--top {
display: flex;
align-items: flex-start;
}
.position-vertical--center {
display: flex;
align-items: center;
}
.position-vertical--bottom {
display: flex;
align-items: flex-end;
}
/*
* Container style
*/
.ps {
overflow: hidden !important;
overflow-anchor: none;
-ms-overflow-style: none;
touch-action: auto;
-ms-touch-action: auto;
}
/*
* Scrollbar rail styles
*/
.ps__rail-x {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
height: 15px;
/* there must be 'bottom' or 'top' for ps__rail-x */
bottom: 0px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-y {
display: none;
opacity: 0;
transition: background-color 0.2s linear, opacity 0.2s linear;
-webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
width: 15px;
/* there must be 'right' or 'left' for ps__rail-y */
right: 0;
/* please don't change 'position' */
position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
display: block;
background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
opacity: 0.6;
}
.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
background-color: #eee;
opacity: 0.9;
}
/*
* Scrollbar thumb styles
*/
.ps__thumb-x {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, height 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
height: 6px;
/* there must be 'bottom' for ps__thumb-x */
bottom: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__thumb-y {
background-color: #aaa;
border-radius: 6px;
transition: background-color 0.2s linear, width 0.2s ease-in-out;
-webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
width: 6px;
/* there must be 'right' for ps__thumb-y */
right: 2px;
/* please don't change 'position' */
position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
background-color: #999;
height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #999;
width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
.ps {
overflow: auto !important;
}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps {
overflow: auto !important;
}
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel,
.owl-carousel--4 {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage,
.owl-carousel--4 .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after,
.owl-carousel--4 .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer,
.owl-carousel--4 .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel--4 .owl-wrapper,
.owl-carousel .owl-item,
.owl-carousel--4 .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel--4 .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img,
.owl-carousel--4 .owl-item img {
display: block;
width: 100%;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel--4 .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.owl-carousel--4 .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel--4 .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel--4 .owl-nav .owl-next,
.owl-carousel .owl-dot,
.owl-carousel--4 .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel--4 .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel--4 .owl-nav button.owl-next,
.owl-carousel button.owl-dot,
.owl-carousel--4 button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded,
.owl-carousel--4.owl-loaded {
display: block;
}
.owl-carousel.owl-loading,
.owl-carousel--4.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden,
.owl-carousel--4.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item,
.owl-carousel--4.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item,
.owl-carousel--4.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab,
.owl-carousel--4.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl,
.owl-carousel--4.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item,
.owl-carousel--4.owl-rtl .owl-item {
float: right;
}
.owl-carousel--4 .owl-prev {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
outline: none !important;
}
@media (min-width: 1200px) {
.owl-carousel--4 .owl-prev {
left: -50px;
}
}
.owl-carousel--4 .owl-prev > span {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
padding-left: 50px;
overflow: hidden;
outline: none !important;
opacity: .5;
transition: opacity .4s;
}
.owl-carousel--4 .owl-prev > span:before,
.owl-carousel--4 .owl-prev > span:after {
content: "";
width: 30px;
height: 2px;
background-color: white;
display: inline-block;
position: absolute;
top: 50%;
left: 15px;
transform-origin: top left;
}
.owl-carousel--4 .owl-prev > span:before {
transform: rotate(-45deg);
}
.owl-carousel--4 .owl-prev > span:after {
transform: rotate(45deg);
}
.owl-carousel--4 .owl-prev:hover > span {
opacity: 1;
}
.owl-carousel--4 .owl-next {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
outline: none !important;
}
@media (min-width: 1200px) {
.owl-carousel--4 .owl-next {
right: -50px;
}
}
.owl-carousel--4 .owl-next > span {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
padding-left: 50px;
overflow: hidden;
outline: none !important;
opacity: .5;
transition: opacity .4s;
}
.owl-carousel--4 .owl-next > span:before,
.owl-carousel--4 .owl-next > span:after {
content: "";
width: 30px;
height: 2px;
background-color: white;
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
transform-origin: top right;
}
.owl-carousel--4 .owl-next > span:before {
transform: rotate(-45deg);
}
.owl-carousel--4 .owl-next > span:after {
transform: rotate(45deg);
}
.owl-carousel--4 .owl-next:hover > span {
opacity: 1;
}
.owl-carousel--4 .owl-dots {
margin: 0 auto;
display: block;
text-align: center;
}
.owl-carousel--4 .owl-dot > span {
background-color: transparent;
border: 1px solid white;
width: 7px;
height: 7px;
border-radius: 100%;
overflow: hidden;
margin: 5px;
display: inline-block;
opacity: .5;
transition: all .3s;
}
.owl-carousel--4 .owl-dot:hover > span,
.owl-carousel--4 .owl-dot.active > span {
background-color: white;
opacity: 1;
box-shadow: 0 0 3px 0 #FFFFFF;
}
/* No Js */
.no-js .owl-carousel,
.no-js .owl-carousel--4 {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
/* Document (https://html.spec.whatwg.org/multipage/semantics.html#semantics)
========================================================================== */
/**
* 1. Remove repeating backgrounds in all browsers (opinionated).
* 2. Add box sizing inheritence in all browsers (opinionated).
*/
*,
::before,
::after {
background-repeat: no-repeat;
/* 1 */
box-sizing: inherit;
/* 2 */
}
/**
* 1. Add text decoration inheritance in all browsers (opinionated).
* 2. Add vertical alignment inheritence in all browsers (opinionated).
*/
::before,
::after {
text-decoration: inherit;
/* 1 */
vertical-align: inherit;
/* 2 */
}
/**
* 1. Add border box sizing in all browsers (opinionated).
* 2. Add the default cursor in all browsers (opinionated).
* 3. Prevent font size adjustments after orientation changes in IE and iOS.
*/
html {
box-sizing: border-box;
/* 1 */
cursor: default;
/* 2 */
-ms-text-size-adjust: 100%;
/* 3 */
-webkit-text-size-adjust: 100%;
/* 3 */
}
/* Sections (https://html.spec.whatwg.org/multipage/semantics.html#sections)
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: .67em 0;
}
/* Grouping content (https://html.spec.whatwg.org/multipage/semantics.html#grouping-content)
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/
figcaption,
figure,
main {
/* 1 */
display: block;
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 0;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/**
* Remove the list style on navigation lists in all browsers (opinionated).
*/
nav ol,
nav ul {
list-style: none;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics (https://html.spec.whatwg.org/multipage/semantics.html#text-level-semantics)
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ffff00;
color: #000000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/*
* Remove the text shadow on text selections (opinionated).
* 1. Restore the coloring undone by defining the text shadow (opinionated).
*/
::-moz-selection {
background-color: #b3d4fc;
/* 1 */
color: #000000;
/* 1 */
text-shadow: none;
}
::selection {
background-color: #b3d4fc;
/* 1 */
color: #000000;
/* 1 */
text-shadow: none;
}
/* Embedded content (https://html.spec.whatwg.org/multipage/embedded-content.html#embedded-content)
========================================================================== */
/*
* Change the alignment on media elements in all browers (opinionated).
*/
audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}
/**
* Add the correct display in IE 9-.
*/
audio,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Change the fill color to match the text color in all browsers (opinionated).
*/
svg {
fill: currentColor;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Tabular data (https://html.spec.whatwg.org/multipage/tables.html#tables)
========================================================================== */
/**
* Collapse border spacing
*/
table {
border-collapse: collapse;
}
/* Forms (https://html.spec.whatwg.org/multipage/forms.html#forms)
========================================================================== */
/**
* Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
margin: 0;
}
/**
* Inherit styling in all browsers (opinionated).
*/
button,
input,
select,
textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
/* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
/* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* 1. Remove the default vertical scrollbar in IE.
* 2. Change the resize direction on textareas in all browsers (opinionated).
*/
textarea {
overflow: auto;
/* 1 */
resize: vertical;
/* 2 */
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive elements (https://html.spec.whatwg.org/multipage/forms.html#interactive-elements)
========================================================================== */
/*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/
details,
menu {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Scripting (https://html.spec.whatwg.org/multipage/scripting.html#scripting-3)
========================================================================== */
/**
* Add the correct display in IE 9-.
*/
canvas {
display: inline-block;
}
/**
* Add the correct display in IE.
*/
template {
display: none;
}
/* User interaction (https://html.spec.whatwg.org/multipage/interaction.html#editing)
========================================================================== */
/*
* Remove the tapping delay on clickable elements (opinionated).
* 1. Remove the tapping delay in IE 10.
*/
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
-ms-touch-action: manipulation;
/* 1 */
touch-action: manipulation;
}
/**
* Add the correct display in IE 10-.
*/
[hidden] {
display: none;
}
/* ARIA (https://w3c.github.io/html-aria/)
========================================================================== */
/**
* Change the cursor on busy elements (opinionated).
*/
[aria-busy="true"] {
cursor: progress;
}
/*
* Change the cursor on control elements (opinionated).
*/
[aria-controls] {
cursor: pointer;
}
/*
* Change the display on visually hidden accessible elements (opinionated).
*/
[aria-hidden="false"][hidden]:not(:focus) {
clip: rect(0, 0, 0, 0);
display: inherit;
position: absolute;
}
/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements (opinionated).
*/
[aria-disabled] {
cursor: default;
}
/* Grid System
05/2017 - Mads Rode
Based on Bootstrap Grid 3.0.2 and modified for simplicity and to
reduce bloat.
********************************************************************/
/* Grid Framework
05/2017 - Mads Rode
Based on Bootstrap Grid 3.0.2 and modified for simplicity and to
reduce bloat.
********************************************************************/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
}
@media (min-width: 1600px) {
.container {
width: 1400px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col, .col-xs-1, .col-ms-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-1, .col-xs-2, .col-ms-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-2, .col-xs-3, .col-ms-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-3, .col-xs-4, .col-ms-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-4, .col-xs-5, .col-ms-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-5, .col-xs-6, .col-ms-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-6, .col-xs-7, .col-ms-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-7, .col-xs-8, .col-ms-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-8, .col-xs-9, .col-ms-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-9, .col-xs-10, .col-ms-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-10, .col-xs-11, .col-ms-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-11, .col-xs-12, .col-ms-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 480px) {
.col, .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12 {
float: left;
}
.col-ms-12 {
width: 100%;
}
.col-ms-11 {
width: 91.66666667%;
}
.col-ms-10 {
width: 83.33333333%;
}
.col-ms-9 {
width: 75%;
}
.col-ms-8 {
width: 66.66666667%;
}
.col-ms-7 {
width: 58.33333333%;
}
.col-ms-6 {
width: 50%;
}
.col-ms-5 {
width: 41.66666667%;
}
.col-ms-4 {
width: 33.33333333%;
}
.col-ms-3 {
width: 25%;
}
.col-ms-2 {
width: 16.66666667%;
}
.col-ms-1 {
width: 8.33333333%;
}
.col-ms-pull-12 {
right: 100%;
}
.col-ms-pull-11 {
right: 91.66666667%;
}
.col-ms-pull-10 {
right: 83.33333333%;
}
.col-ms-pull-9 {
right: 75%;
}
.col-ms-pull-8 {
right: 66.66666667%;
}
.col-ms-pull-7 {
right: 58.33333333%;
}
.col-ms-pull-6 {
right: 50%;
}
.col-ms-pull-5 {
right: 41.66666667%;
}
.col-ms-pull-4 {
right: 33.33333333%;
}
.col-ms-pull-3 {
right: 25%;
}
.col-ms-pull-2 {
right: 16.66666667%;
}
.col-ms-pull-1 {
right: 8.33333333%;
}
.col-ms-pull-0 {
right: auto;
}
.col-ms-push-12 {
left: 100%;
}
.col-ms-push-11 {
left: 91.66666667%;
}
.col-ms-push-10 {
left: 83.33333333%;
}
.col-ms-push-9 {
left: 75%;
}
.col-ms-push-8 {
left: 66.66666667%;
}
.col-ms-push-7 {
left: 58.33333333%;
}
.col-ms-push-6 {
left: 50%;
}
.col-ms-push-5 {
left: 41.66666667%;
}
.col-ms-push-4 {
left: 33.33333333%;
}
.col-ms-push-3 {
left: 25%;
}
.col-ms-push-2 {
left: 16.66666667%;
}
.col-ms-push-1 {
left: 8.33333333%;
}
.col-ms-push-0 {
left: auto;
}
.col-ms-offset-12 {
margin-left: 100%;
}
.col-ms-offset-11 {
margin-left: 91.66666667%;
}
.col-ms-offset-10 {
margin-left: 83.33333333%;
}
.col-ms-offset-9 {
margin-left: 75%;
}
.col-ms-offset-8 {
margin-left: 66.66666667%;
}
.col-ms-offset-7 {
margin-left: 58.33333333%;
}
.col-ms-offset-6 {
margin-left: 50%;
}
.col-ms-offset-5 {
margin-left: 41.66666667%;
}
.col-ms-offset-4 {
margin-left: 33.33333333%;
}
.col-ms-offset-3 {
margin-left: 25%;
}
.col-ms-offset-2 {
margin-left: 16.66666667%;
}
.col-ms-offset-1 {
margin-left: 8.33333333%;
}
.col-ms-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 768px) {
.col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1600px) {
.col, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
float: left;
}
.col-xl-12 {
width: 100%;
}
.col-xl-11 {
width: 91.66666667%;
}
.col-xl-10 {
width: 83.33333333%;
}
.col-xl-9 {
width: 75%;
}
.col-xl-8 {
width: 66.66666667%;
}
.col-xl-7 {
width: 58.33333333%;
}
.col-xl-6 {
width: 50%;
}
.col-xl-5 {
width: 41.66666667%;
}
.col-xl-4 {
width: 33.33333333%;
}
.col-xl-3 {
width: 25%;
}
.col-xl-2 {
width: 16.66666667%;
}
.col-xl-1 {
width: 8.33333333%;
}
.col-xl-pull-12 {
right: 100%;
}
.col-xl-pull-11 {
right: 91.66666667%;
}
.col-xl-pull-10 {
right: 83.33333333%;
}
.col-xl-pull-9 {
right: 75%;
}
.col-xl-pull-8 {
right: 66.66666667%;
}
.col-xl-pull-7 {
right: 58.33333333%;
}
.col-xl-pull-6 {
right: 50%;
}
.col-xl-pull-5 {
right: 41.66666667%;
}
.col-xl-pull-4 {
right: 33.33333333%;
}
.col-xl-pull-3 {
right: 25%;
}
.col-xl-pull-2 {
right: 16.66666667%;
}
.col-xl-pull-1 {
right: 8.33333333%;
}
.col-xl-pull-0 {
right: auto;
}
.col-xl-push-12 {
left: 100%;
}
.col-xl-push-11 {
left: 91.66666667%;
}
.col-xl-push-10 {
left: 83.33333333%;
}
.col-xl-push-9 {
left: 75%;
}
.col-xl-push-8 {
left: 66.66666667%;
}
.col-xl-push-7 {
left: 58.33333333%;
}
.col-xl-push-6 {
left: 50%;
}
.col-xl-push-5 {
left: 41.66666667%;
}
.col-xl-push-4 {
left: 33.33333333%;
}
.col-xl-push-3 {
left: 25%;
}
.col-xl-push-2 {
left: 16.66666667%;
}
.col-xl-push-1 {
left: 8.33333333%;
}
.col-xl-push-0 {
left: auto;
}
.col-xl-offset-12 {
margin-left: 100%;
}
.col-xl-offset-11 {
margin-left: 91.66666667%;
}
.col-xl-offset-10 {
margin-left: 83.33333333%;
}
.col-xl-offset-9 {
margin-left: 75%;
}
.col-xl-offset-8 {
margin-left: 66.66666667%;
}
.col-xl-offset-7 {
margin-left: 58.33333333%;
}
.col-xl-offset-6 {
margin-left: 50%;
}
.col-xl-offset-5 {
margin-left: 41.66666667%;
}
.col-xl-offset-4 {
margin-left: 33.33333333%;
}
.col-xl-offset-3 {
margin-left: 25%;
}
.col-xl-offset-2 {
margin-left: 16.66666667%;
}
.col-xl-offset-1 {
margin-left: 8.33333333%;
}
.col-xl-offset-0 {
margin-left: 0%;
}
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Grid Constructor
05/2017 - Mads Rode
Based on Bootstrap Grid 3.0.2 and modified for simplicity and to
reduce bloat.
Added functionality for breakpoints MS & XL
********************************************************************/
/* Variables
********************************************************************/
/* Mixins & in-less helper classes
********************************************************************/
/*
The mixin loops through the @n children and adds the animation and
an animation-delay, adding 50ms for each child.
*/
@keyframes navFadeInLeft {
from {
opacity: 0;
transform: translate3d(-33%, 0, 0);
}
to {
opacity: 1;
transform: none;
}
}
.noselect {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-focus-ring-color: rgba(0, 0, 0, 0) !important;
-webkit-tap-highlight-color: transparent;
outline: none !important;
outline-style: none;
}
header {
padding-top: 15px;
padding-bottom: 15px;
position: absolute;
left: 0;
top: 0;
width: 100%;
z-index: 101;
user-select: none;
}
@media (min-width: 768px) {
header {
padding-top: 20px;
padding-bottom: 20px;
}
}
@media (min-width: 1200px) {
header {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 1600px) {
header {
padding-top: 45px;
padding-bottom: 45px;
}
}
#nav-main--trigger:checked ~ header {
position: fixed;
}
.nav-burger {
background-color: transparent;
cursor: pointer;
display: inline-block;
height: 52px;
width: 60px;
margin: 0;
padding: 0;
position: relative;
right: -15px;
top: 3px;
outline: none !important;
user-select: none;
z-index: 101;
-webkit-tap-highlight-color: transparent;
}
.nav-burger .nav-burger__line {
max-width: 0;
}
.nav-burger.burger--loaded .nav-burger__line:first-child {
max-width: 36%;
}
.nav-burger.burger--loaded .nav-burger__line:nth-child(2) {
max-width: 25%;
}
.nav-burger.burger--loaded .nav-burger__line:nth-child(3) {
max-width: 50%;
}
@media (min-width: 768px) {
.nav-burger {
top: 10px;
}
}
@media (min-width: 1200px) {
.nav-burger {
top: 17px;
}
}
.nav-burger__line {
background: #FFFFFF;
position: absolute;
height: 2px;
width: 50%;
top: 50%;
left: 25%;
margin-top: -1px;
}
.nav-burger__line:nth-child(1) {
top: 16px;
margin-top: 0;
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
transition: all .5s 0s;
}
.nav-burger__line:nth-child(2) {
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
transition: all .5s .25s;
}
.nav-burger__line:nth-child(3) {
top: auto;
bottom: 16px;
box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.25);
transition: all .5s .5s;
}
.nav-burger:hover .nav-burger__line:nth-child(1) {
max-width: 25%;
transition: all .25s 0s;
}
.nav-burger:hover .nav-burger__line:nth-child(2) {
max-width: 50%;
transition: all .25s 0s;
}
.nav-burger:hover .nav-burger__line:nth-child(3) {
max-width: 37%;
transition: all .25s 0s;
}
#nav-main--trigger:checked ~ .header .nav-burger__line:nth-child(1) {
transform: rotate(-45deg);
top: 45%;
max-width: 50%;
}
#nav-main--trigger:checked ~ .header .nav-burger__line:nth-child(2) {
opacity: 0;
max-width: 50%;
}
#nav-main--trigger:checked ~ .header .nav-burger__line:nth-child(3) {
transform: rotate(45deg);
bottom: 50%;
max-width: 50%;
}
.logo {
display: inline-block;
user-select: none;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 101;
}
.logo__image {
height: 54px;
}
@media (min-width: 768px) {
.logo__image {
height: 69px;
}
}
@media (min-width: 1200px) {
.logo__image {
height: 84px;
}
}
.main-nav {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: #363636;
color: #FFFFFF;
font-size: 32px;
display: flex;
align-items: center;
justify-content: flex-start;
line-height: 1.5;
opacity: 0;
pointer-events: none;
transition: all 0.4s ease-out;
}
@media (max-width: 767px) {
.main-nav .container {
width: 100%;
}
}
.main-nav__list {
display: inline-block;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
right: -6px;
line-height: 1.1;
max-height: 75vh;
overflow: auto;
transition: opacity 0.4s ease-out;
}
@media (min-width: 768px) {
.main-nav__list {
overflow: initial;
}
}
.main-nav__sublist {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
max-height: 0;
overflow: hidden;
transition: max-height 0.7s ease-out;
}
.main-nav__list-item--parent-active .main-nav__sublist {
max-height: 400px;
}
.main-nav__list-item {
position: relative;
}
.main-nav__list-item:after {
content: "";
display: inline-block;
height: 100%;
width: 1px;
background-color: #FFFFFF;
position: absolute;
right: 7px;
top: 0px;
}
.main-nav__list-item:first-child:after {
top: 28px;
}
.main-nav__list-item:last-child:after {
top: -30px;
}
.main-nav__sublist-item > .main-nav__anchor {
font-size: 16px;
padding: 0 45px 15px 0;
}
.main-nav__sublist-item > .main-nav__anchor:after {
display: none;
}
.main-nav__anchor {
color: #FFFFFF;
display: block;
text-decoration: none;
text-transform: uppercase;
padding: 15px 45px 15px 0;
letter-spacing: 1.5px;
font-size: 1em;
position: relative;
z-index: 1;
user-select: none;
-webkit-tap-highlight-color: transparent;
transition: all 0.2s ease-out;
}
.main-nav__anchor-text {
display: block;
}
.main-nav__anchor:hover:not(.main-nav__anchor--active) {
padding-right: 60px;
}
.main-nav__anchor:hover:not(.main-nav__anchor--active):after {
background-color: #FFFFFF;
box-shadow: 0px 0px 5px 0px #ffffff;
}
.main-nav__anchor:after {
content: "";
display: inline-block;
height: 9px;
width: 9px;
border: 1px solid #FFFFFF;
border-radius: 100%;
position: absolute;
right: 3px;
top: 27px;
background-color: #fcc73a;
transition: all 0.4s ease-out;
}
.main-nav__anchor--active {
font-weight: bold;
}
.main-nav__anchor--active:after {
background-color: #FFFFFF;
box-shadow: 0px 0px 5px 0px #ffffff;
}
.main-nav__contact {
font-size: 16px;
text-align: left;
position: absolute;
left: 50%;
top: 50%;
transform: translate3d(-360px, -50%, 0);
opacity: 0;
pointer-events: none;
transition: opacity 0.7s ease-in-out 0.4s;
}
@media (min-width: 992px) {
.main-nav__contact {
transform: translate3d(-470px, -50%, 0);
}
}
@media (min-width: 1200px) {
.main-nav__contact {
transform: translate3d(-585px, -50%, 0);
}
}
@media (min-width: 1600px) {
.main-nav__contact {
transform: translate3d(-685px, -50%, 0);
}
}
.main-nav__contact-list {
margin: 0;
padding: 0;
list-style-type: none;
}
.main-nav__contact-list-item {
padding-bottom: 7px;
}
.main-nav__contact-list-item a {
display: inline-block;
color: inherit;
opacity: .75;
text-decoration: none;
transform: translateX(0);
transition: all 0.3s ease-out;
}
.main-nav__contact-list-item a:hover {
opacity: 1;
transform: translateX(10px);
}
.main-nav__contact-list-item .icon {
height: 22px;
width: 22px;
margin-right: 15px;
}
.main-nav__contact-list-item:last-child {
padding-bottom: 0;
}
.main-nav__contact .headline {
letter-spacing: 1px;
text-transform: uppercase;
}
.main-nav__copyright {
font-size: 16px;
margin-top: 60px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-top: 45px;
padding-bottom: 45px;
opacity: 0;
pointer-events: none;
transition: opacity 0.7s ease-in-out 0.4s;
}
.main-nav__search {
position: fixed;
left: 10%;
top: 50%;
width: 80% !important;
display: inline-block;
border-radius: 50px;
overflow: hidden;
transform: translateY(-50%);
min-width: 265px;
opacity: 0;
pointer-events: none;
transition: opacity 0.7s ease-out;
}
@media (min-width: 768px) {
.main-nav__search {
position: relative;
left: 15px;
top: 21px;
width: auto !important;
}
}
@media (min-width: 1200px) {
.main-nav__search {
top: 29px;
}
}
.main-nav__search-input {
padding: 15px 50px 15px 30px !important;
text-transform: uppercase !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .5px;
}
@media (min-width: 768px) {
.main-nav__search-input {
font-size: 13px !important;
padding: 10px 50px 10px 30px !important;
}
}
.main-nav__search-btn {
position: absolute;
right: 0;
top: 0;
width: 70px;
height: 100%;
border: none;
background: transparent;
outline: none !important;
}
@media (min-width: 768px) {
.main-nav__search-btn {
width: 54px;
}
}
.main-nav__search-btn .icon {
width: 25px;
height: 25px;
}
@media (min-width: 768px) {
.main-nav__search-btn .icon {
width: 21px;
height: 21px;
}
}
.main-nav__search-icon {
width: 50px;
height: 50px;
position: absolute;
right: 65px;
z-index: 101;
opacity: 0;
pointer-events: none;
outline: none !important;
transition: opacity 0.7s ease-out;
}
.main-nav__search-icon .icon {
width: 24px;
height: 24px;
position: relative;
top: 14px;
right: 10px;
}
#nav-main--trigger {
display: none;
}
#nav-main--trigger:checked ~ .header .main-nav {
opacity: 1;
pointer-events: auto;
}
@media (min-width: 768px) {
#nav-main--trigger:checked ~ .header .main-nav__search {
opacity: 1;
pointer-events: all;
}
}
@media (max-width: 767px) {
#nav-main--trigger:checked ~ .header .main-nav__search-icon {
opacity: 1;
pointer-events: all;
}
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(1) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 100ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(2) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 150ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(3) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 200ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(4) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 250ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(5) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 300ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(6) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 350ms;
}
#nav-main--trigger:checked ~ .header .main-nav__list-item:nth-child(7) .main-nav__anchor-text {
animation: navFadeInLeft 0.5s ease-out 0s 1 forwards;
animation-delay: 400ms;
}
#nav-main--trigger:checked ~ .header .main-nav__anchor-text {
opacity: 0;
transform: none;
}
@media (min-width: 768px) {
#nav-main--trigger:checked ~ .header .main-nav__contact {
opacity: 1;
pointer-events: all;
}
}
@media (min-width: 768px) {
#nav-main--trigger:checked ~ .header .main-nav__copyright {
opacity: .75;
pointer-events: all;
}
}
#nav-main--search-trigger {
display: none;
}
#nav-main--search-trigger:checked ~ .header .navigation {
opacity: 0;
pointer-events: none;
}
#nav-main--search-trigger:checked ~ .header .main-nav__search {
opacity: 1;
pointer-events: all;
}
.nav-burger-text {
font-weight: 600;
position: absolute;
right: 55px;
top: 17px;
pointer-events: none;
}
@media (min-width: 768px) {
.nav-burger-text {
top: 24px;
}
}
@media (min-width: 1200px) {
.nav-burger-text {
top: 31px;
}
}
.footer {
background-color: #08024d /*#363636*/;
color: #FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.footer {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.footer {
padding-top: 60px;
padding-bottom: 60px;
}
}
.footer .headline {
letter-spacing: 1px;
}
.footer p {
opacity: .33;
margin-top: 0;
}
.footer .dash--after {
padding-bottom: 30px;
}
.footer .dash--after:before {
bottom: 15px;
}
.footer__contact-info {
margin-bottom: 45px;
}
@media (min-width: 768px) {
.footer__contact-info {
margin-bottom: 0;
}
}
.footer__contact-locations .col-sm-4:first-child .headline {
font-weight: bold;
}
.footer__contact-locations .col-sm-4:first-child p {
font-weight: 600;
opacity: .5;
}
.footer__location {
padding-bottom: 15px;
}
@media (min-width: 768px) {
.footer__location {
padding-bottom: 0;
}
}
.footer__location > .headline {
margin: 0;
font-weight: 500;
}
.footer__cookies-anchor {
color: #FFFFFF;
display: inline-block;
opacity: .66;
text-decoration: none;
transition: opacity .3s;
}
.footer__cookies-anchor > .icon {
height: 8px;
width: 8px;
stroke-width: 5px;
stroke: white;
}
.footer__cookies-anchor:hover {
opacity: 1;
}
.footer__site-copyright {
float: right;
opacity: .33;
}
.footer__legal-row hr {
border: none;
margin: 30px 0;
padding: 0;
height: 1px;
width: 100%;
background-color: #454545;
}
@media (min-width: 768px) {
.footer .main-nav__contact-press {
display: none;
}
}
.module-banner {
position: relative;
width: 100%;
overflow: hidden;
}
.module-banner__figure {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.module-banner__video {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.module-banner__content {
top: 0;
left: 0;
width: 100%;
z-index: 2;
padding: 5% 0;
overflow: hidden;
height: 50vh;
}
@media (max-width: 767px) {
.module-banner__content {
min-height: 50vh;
height: auto;
}
}
.module-banner__content .btn {
margin: 0 20px 0 0;
min-width: 185px;
}
@media (max-width: 767px) {
.module-banner__content .btn {
clear: left;
float: left;
margin: 0 0 20px 0;
min-width: 185px;
}
}
.module-banner__content .btn:last-child {
margin: 0;
}
.module-banner--full .module-banner__content {
height: 100vh;
}
@media (max-width: 767px) {
.module-banner--full .module-banner__content {
min-height: 100vh;
height: auto;
}
}
.module-banner--sm .module-banner__content {
min-height: 300px;
height: auto;
}
@media (min-width: 1280px) {
.module-banner--sm .module-banner__content {
min-height: 400px;
}
}
.module-banner__list,
.module-banner ul {
margin: 0;
padding: 0;
list-style-type: none;
width: 100%;
margin-bottom: 15px;
}
.module-banner .container--100-pct {
max-width: 1600px;
}
.module-banner .headline--case-study {
font-weight: 300;
letter-spacing: 2px;
}
.module-banner .headline--case-study .icon {
margin-right: 5px;
}
.module-banner__welcome-text {
padding: 15px;
}
@media (min-width: 768px) {
.module-banner__welcome-text {
margin: 0 auto;
display: flex;
justify-content: center;
}
}
.module-banner__welcome-text .banner-content__big-white-logo {
max-width: 150px;
margin-bottom: 5px;
}
@media (min-width: 768px) {
.module-banner__welcome-text .banner-content__big-white-logo {
max-width: 160px;
margin-right: 20px;
position: relative;
top: -9px;
margin-bottom: 0;
}
}
@media (min-width: 1200px) {
.module-banner__welcome-text .banner-content__big-white-logo {
max-width: 208px;
top: -9px;
}
}
.news-banner-wrapper .module-banner--sm .module-banner__content {
min-height: 350px;
height: auto;
}
@media (min-width: 1280px) {
.news-banner-wrapper .module-banner--sm .module-banner__content {
min-height: 450px;
}
}
.banner-2-col {
position: relative;
overflow: hidden;
}
.banner-2-col__bg {
padding: 0;
}
@media (min-width: 992px) {
.banner-2-col__bg {
position: initial;
}
}
.banner-2-col__bg-inner {
overflow: hidden;
position: relative;
}
@media (min-width: 992px) {
.banner-2-col__bg-inner--width-2-3 {
position: absolute;
left: 0;
top: 0;
margin: 0;
bottom: 0;
width: 60%;
}
}
@media (min-width: 1800px) {
.banner-2-col__bg-inner--width-2-3 {
width: 57%;
}
}
.banner-2-col__figure {
height: 250px;
background-position: left center;
background-repeat: no-repeat;
background-size: cover;
margin: 0 -15px;
overflow: hidden;
}
@media (min-width: 992px) {
.banner-2-col__figure {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
transform: scale(1.1);
}
}
.banner-2-col__figure--foreground {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
}
.banner-2-col__content {
height: 100%;
}
@media (max-width: 991px) {
.banner-2-col__content > .container {
width: 100%;
}
}
.banner-2-col__text {
overflow-x: hidden;
overflow-y: auto;
padding: 45px 30px;
position: relative;
}
@media (min-width: 768px) {
.banner-2-col__text {
padding: 60px 45px;
}
}
@media (min-width: 992px) {
.banner-2-col__text {
position: static;
}
}
@media (min-width: 1600px) {
.banner-2-col__text {
padding-left: 60px;
}
}
@media (min-width: 992px) {
.banner-2-col__textarea-content {
position: relative;
padding-left: 30%;
overflow-x: hidden;
overflow-y: auto;
}
}
@media (min-width: 1600px) {
.banner-2-col__textarea-content {
padding-left: 33%;
}
}
.banner-2-col__bg-gradient {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
@media (min-width: 992px) {
.banner-2-col__bg-gradient--width-1-3 {
width: 40%;
position: absolute;
right: 0;
left: auto;
top: 0;
bottom: 0;
}
}
@media (min-width: 1800px) {
.banner-2-col__bg-gradient--width-1-3 {
width: 43%;
}
}
@media (min-width: 992px) {
.banner-2-col__left-transition {
height: 100%;
width: 60%;
position: absolute;
left: 0;
bottom: 0;
display: block;
transform: translate3d(0, 100%, 100px);
transition: transform 0.5s cubic-bezier(0.5, 0.2, 0.2, 1.1);
}
.banner-2-col__left-transition--blue {
background-color: #006292;
}
.banner-2-col__left-transition--pink {
background-color: #73144b;
}
.banner-2-col__left-transition--green {
background-color: #038d58;
}
.banner-2-col__left-transition--orange {
background-color: #d1681a;
}
.one-pager__section--visible .banner-2-col__left-transition {
transform: translate3d(0, -100%, 0);
}
}
.navigation {
color: #363636;
position: relative;
}
.navigation__ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.navigation__li {
display: block;
position: relative;
}
.navigation__li:first-child > .navigation__anchor:before {
display: none;
}
.navigation__li:last-child > .navigation__anchor:after {
display: none;
}
.navigation__li--parent:last-child.active .navigation__sub-ul:before {
display: none;
}
.navigation__anchor {
color: inherit;
display: block;
margin: 0;
padding: 10px;
font-weight: 700;
position: relative;
text-decoration: none;
user-select: none;
outline: none !important;
overflow: hidden;
letter-spacing: 1px;
line-height: 1.15;
-webkit-tap-highlight-color: transparent;
transition: all .3s;
}
video.scale2{
-moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-o-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
}
.navigation__anchor-circle {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 7px;
height: 7px;
border: 1px solid #363636;
border-radius: 100%;
overflow: hidden;
transform: translateY(-3.5px);
}
.navigation__anchor-text {
display: block;
transform: translate3d(0, 0, 0);
transition: all .3s;
}
:hover:not(.navigation__anchor--active) > .navigation__anchor-text {
transform: translate3d(10px, 0, 1em);
}
.navigation__anchor--active {
font-weight: 700;
}
.navigation__anchor:before,
.navigation__anchor:after {
content: "";
width: 1px;
height: 50%;
position: absolute;
left: 3px;
background-color: #363636;
}
.navigation__anchor:before {
top: -3px;
}
.navigation__anchor:after {
bottom: -3px;
}
.navigation__active-dot {
border: 1px solid #363636;
background-color: #363636;
border-radius: 100%;
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 7px;
height: 7px;
overflow: hidden;
box-shadow: 0 0 3px 0 #363636;
transform: translateY(0px);
transition: all .3s;
}
.navigation__sub-ul {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
max-height: 0;
overflow: hidden;
transition: max-height 0.6s ease-in-out;
}
.navigation__sub-ul:before {
content: "";
width: 1px;
height: 100%;
background-color: #363636;
position: absolute;
left: 3px;
top: 0;
}
.active > .navigation__sub-ul {
max-height: 300px;
}
.navigation__sub-li {
overflow: hidden;
}
.navigation__sub-li a {
font-size: 15px;
letter-spacing: 0;
padding: 3px 25px 3px 0;
line-height: 22.5px;
}
.navigation__sub-li a:hover {
transform: translate3d(7px, 0, 1em);
}
.navigation__sub-li a:before,
.navigation__sub-li a:after {
display: none;
}
.navigation__sub-anchor {
display: block;
overflow: hidden;
color: inherit;
padding: 3px 0 3px 40px;
text-decoration: none;
transform: translate3d(0, 0, 0);
transition: transform .3s;
}
.navigation__sub-anchor:hover {
transform: translate3d(7px, 0, 1em);
}
.navigation--left .navigation__anchor {
padding-left: 30px;
text-transform: uppercase;
}
.navigation--right .navigation__anchor {
padding-right: 25px;
}
.navigation--right .navigation__anchor.navigation__anchor--active {
font-weight: normal;
}
.navigation--right .navigation__active-dot,
.navigation--right .navigation__anchor-circle {
left: auto;
right: 0;
}
.navigation--right .navigation__anchor:after,
.navigation--right .navigation__anchor:before {
left: auto;
right: 3px;
}
.navigation--right.navigation--large .navigation__anchor {
padding-right: 50px;
}
.navigation--right.navigation--large .navigation__anchor:before,
.navigation--right.navigation--large .navigation__anchor:after {
left: auto;
right: 5px;
}
.navigation--right.navigation--large .navigation__anchor:before {
top: -5px;
}
.navigation--right.navigation--large .navigation__anchor:after {
bottom: -5px;
}
.navigation--right.navigation--large .navigation__anchor:hover:not(.navigation__anchor--active) > .navigation__anchor-text {
transform: translate3d(10px, 0, 1em);
}
.navigation--right.navigation--large .navigation__sub-ul:before {
right: 5px;
}
.navigation--right.navigation--large .navigation__sub-anchor {
padding: 3px 50px 3px 0;
}
.navigation--right .navigation__sub-ul:before {
position: absolute;
left: auto;
right: 3px;
}
.navigation--theme-light {
color: #FFFFFF;
}
.navigation--theme-light .navigation__active-dot {
border-color: #FFFFFF;
background-color: #FFFFFF;
box-shadow: 0 0 3px 0 #FFFFFF;
}
.navigation--theme-light .navigation__anchor:after,
.navigation--theme-light .navigation__anchor:before {
background-color: #FFFFFF;
opacity: .5;
}
.navigation--theme-light .navigation__anchor-circle {
border: 1px solid #FFFFFF;
}
.navigation--theme-light .navigation__sub-ul:before {
background-color: #FFFFFF;
opacity: .5;
}
.navigation--small {
font-size: 14px;
}
.navigation--large {
font-size: 40px;
font-family: fatfrank;
max-width: 500px;
display: inline-block;
}
.navigation--large .navigation__active-dot {
width: 10px;
height: 10px;
}
.navigation--large .navigation__anchor {
padding-top: 10px;
padding-bottom: 10px;
}
.navigation--large .navigation__anchor-circle {
width: 10px;
height: 10px;
transform: translateY(-5px);
}
.navigation--large .navigation__sub-ul {
font-size: 15px;
}
.grid-section .navigation-simple {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.grid-section .navigation-simple {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.grid-section .navigation-simple {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.body--frontpage {
position: relative;
overflow: hidden;
height: 100vh;
width: 100vw;
}
}
.one-pager {
position: relative;
overflow: hidden;
z-index: 0;
}
@media (min-width: 992px) {
.one-pager {
height: 100vh;
}
}
@media (min-width: 992px) {
.one-pager__section {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
}
}
@media (min-width: 992px) {
.one-pager__section .animated-box__hide-up {
transform-style: flat;
transform: translate3d(0, -100%, 0);
transition: transform 0.5s ease-out;
}
}
@media (min-width: 992px) {
.one-pager__section .animated-box__hide-down {
transform-style: flat;
clip-path: inset(100% 0 0 0);
transition: clip-path 0.5s ease-out;
}
}
.one-pager__section .text-area {
position: relative;
display: block;
}
@media (min-width: 992px) {
.one-pager__section .text-area {
opacity: 0;
transform-style: flat;
transform: translate3d(0, -100%, 0);
transition: opacity .5s, transform .5s;
}
}
@media (min-width: 992px) {
.one-pager__section .headline--hero {
opacity: 0;
transform-style: flat;
transform: translate3d(-30px, 0, 0);
transition: opacity .4s .6s, transform .4s .6s;
}
}
@media (min-width: 992px) {
.one-pager__section .info-wheel {
opacity: 0;
transition: opacity .5s .5s;
}
}
@media (min-width: 992px) {
.one-pager__section--visible .headline--hero {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.one-pager__section--visible .text-area {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.one-pager__section--visible .animated-box__hide-up {
transform: translate3d(0, 0, 0);
}
}
@media (min-width: 992px) {
.one-pager__section--visible .animated-box__hide-down {
clip-path: inset(0 0 0 0);
}
}
@media (min-width: 992px) {
.one-pager__section--visible .ul--custom li {
opacity: 1 !important;
transform: translateX(0px) !important;
}
}
@media (min-width: 992px) {
.one-pager__section--visible .banner-content__big-white-logo {
opacity: 1;
}
}
@media (min-width: 992px) {
.one-pager__section--visible .info-wheel {
opacity: 1;
}
}
.one-pager__navigation {
position: absolute;
z-index: 100;
}
@media (max-width: 991px) {
.one-pager__navigation {
display: none !important;
}
}
@media (min-width: 992px) {
.one-pager__navigation {
left: 50%;
bottom: 15px;
transform: translateX(-470px);
}
}
@media (min-width: 1200px) {
.one-pager__navigation {
transform: translateX(-585px);
}
}
@media (min-width: 1600px) {
.one-pager__navigation {
transform: translateX(-685px);
bottom: 45px;
}
}
.one-pager__navigation .navigation__anchor-text {
opacity: .66;
}
.one-pager__navigation .navigation__anchor:hover .navigation__anchor-text {
opacity: 1;
}
.one-pager__navigation .navigation__anchor--active {
font-weight: 500;
}
.one-pager__navigation .navigation__anchor--active .navigation__anchor-text {
opacity: 1;
}
.one-pager__btn-next {
z-index: 100;
}
@media (max-width: 991px) {
.one-pager__btn-next {
display: none !important;
}
}
.one-pager .container--100-pct {
max-width: 1600px;
}
.one-pager .ul--custom li {
margin-bottom: 7px;
padding: 9px 0 9px 0px;
}
.one-pager .ul--custom li.icon {
padding: 9px 0 9px 60px;
width: 100%;
}
@media (min-width: 992px) {
.one-pager .ul--custom li {
opacity: 0;
transform: translateX(-15px);
transition: opacity .5s, transform .5s;
}
.one-pager .ul--custom li:first-child {
transition-delay: 0s;
}
.one-pager .ul--custom li:nth-child(2) {
transition-delay: .15s;
}
.one-pager .ul--custom li:nth-child(3) {
transition-delay: .3s;
}
.one-pager .ul--custom li:nth-child(4) {
transition-delay: .45s;
}
.one-pager .ul--custom li:nth-child(5) {
transition-delay: .6s;
}
.one-pager .ul--custom li:nth-child(6) {
transition-delay: .75s;
}
.one-pager .ul--custom li:nth-child(7) {
transition-delay: .9s;
}
.one-pager .ul--custom li:nth-child(8) {
transition-delay: 1.05s;
}
.one-pager .ul--custom li:nth-child(9) {
transition-delay: 1.20s;
}
.one-pager .ul--custom li:nth-child(10) {
transition-delay: 1.35s;
}
}
.one-pager .ul--custom {
margin-bottom: 0;
}
.one-pager .ul--custom > li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
.one-pager .text-area a:not(.btn):after {
display: none !important;
}
.one-pager .text-area__headline-plus-number {
margin-top: 20px;
}
.one-pager .one-pager__navigation .navigation__anchor-text {
text-transform: uppercase;
}
@media (min-width: 768px) {
.banner-content__big-white-logo {
opacity: 0;
transition: opacity .5s .7s;
}
}
.module-text {
padding-top: 30px;
padding-bottom: 30px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) {
.module-text {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-text {
padding-top: 60px;
padding-bottom: 60px;
}
}
.module-text .module-text {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@media (min-width: 1200px) {
.module-text--two-col .col-sm-3 {
padding-right: 45px;
}
}
@media (max-width: 767px) {
.module-text--two-col .col-sm-3 .counter {
display: none;
}
}
@media (max-width: 767px) {
.module-text--two-col__headline {
text-align: left;
}
}
@media (max-width: 767px) {
.module-text--two-col .dash--after.text-align--right:before {
left: 0;
right: auto;
}
}
.module-text--three-col .col-sm-4 {
margin-bottom: 30px;
}
.module-text--three-col .col-sm-4:last-child {
margin-bottom: 0;
}
.module-text .headline > img {
margin-right: 15px;
}
.module-text .headline--case-study .icon {
margin-right: 15px;
}
.module-image {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
z-index: -1;
max-width: 640px;
}
@media (min-width: 768px) {
.module-image {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-image {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.module-image .figure__content:before {
transform: translate3d(0, 45px, 0);
opacity: 0;
transition: all .4s;
}
}
@media (min-width: 992px) {
.module-image .figure__anchor {
transform: translate3d(-30px, 30px, -30px);
transition: transform .4s;
}
}
@media (min-width: 992px) {
.module-image.loaded .figure__anchor,
.module-image.loaded .figure__content:before {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.module-video {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.module-video {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-video {
padding-top: 60px;
padding-bottom: 60px;
}
}
.module-video__figure {
display: block;
margin: 0 auto;
max-width: 960px;
overflow: hidden;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.module-video__figure:before {
display: block;
content: "";
width: 100%;
padding-top: 56.25%;
}
.module-video__figure > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.module-video__video {
background-color: black;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 1;
}
.counter {
padding: 15px 0;
position: relative;
text-align: center;
overflow: hidden;
}
@media (min-width: 768px) {
.counter {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media (min-width: 992px) {
.counter {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.counter {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 1600px) {
.counter {
padding-top: 75px;
padding-bottom: 75px;
}
}
.counter__container {
margin: 0 auto;
position: relative;
max-width: 100%;
overflow-x: auto;
opacity: 0;
transition: opacity .5s;
}
@media (min-width: 480px) {
.counter__container {
max-width: 680px;
}
}
@media (min-width: 768px) {
.counter__container {
max-width: 740px;
}
}
@media (min-width: 1200px) {
.counter__container {
max-width: 1170px;
}
}
.counter__item {
padding: 20px 10px;
margin: 0 auto;
min-width: 100px;
max-width: 250px;
}
@media (min-width: 768px) {
.counter__item {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.counter__item {
padding-left: 30px;
padding-right: 30px;
}
}
.counter__value {
display: inline-block;
font-size: 35px;
font-weight: 300;
line-height: 1;
text-align: right;
text-transform: uppercase;
font-family: 'Libre Baskerville', serif;
transition: all .3s;
}
@media (min-width: 768px) {
.counter__value {
font-size: 42px;
}
}
@media (min-width: 1200px) {
.counter__value {
font-size: 55px;
}
}
.counter__text {
display: inline-block;
font-size: 13px;
line-height: 1;
transition: all .3s;
}
@media (min-width: 1200px) {
.counter__text {
font-size: 15px;
}
}
.counter__text + .counter__text {
display: block;
}
.counter__description {
display: block;
font-size: 13px;
font-weight: bold;
margin-top: 7px;
}
.counter--horizontal .counter__container {
display: flex;
}
.counter--loaded .counter__container {
opacity: 1;
}
.counter--inside-a-banner {
opacity: 1;
margin: 15px 0;
}
.counter--inside-a-banner .counter__container {
text-align: left;
max-width: 100% !important;
}
@media (max-width: 991px) {
.counter--inside-a-banner .counter__container {
opacity: 1;
}
}
.counter--inside-a-banner .counter__value {
text-align: left;
font-size: 27px;
}
@media (min-width: 768px) {
.counter--inside-a-banner .counter__value {
font-size: 35px;
}
}
@media (min-width: 1200px) {
}
.counter--inside-a-banner .counter__item {
display: inline-block !important;
padding-left: 0 !important;
max-width: 100% !important;
min-width: 0;
padding-right: 15px;
}
.counter--inside-a-banner .counter__item:last-child {
padding-right: 0 !important;
}
.counter--animated .counter__text,
.counter--animated .counter__description {
opacity: 0;
transition: opacity .4s 0s;
}
.counter--animated .counter__text--loaded,
.counter--animated .counter__description--loaded {
opacity: 1;
}
.counter--animated .counter__description {
transition-delay: .1s;
}
.module-footer-banners {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.module-footer-banners {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-footer-banners {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 767px) {
.module-footer-banners {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.module-footer-banners .col-sm-6 {
padding-left: 0;
padding-right: 0;
}
.module-footer-banners .col-sm-6:last-child .figure {
margin-top: 0;
}
}
.module-footer-banners__row {
position: relative;
}
@media (min-width: 768px) {
.module-footer-banners__row {
display: flex;
align-items: center;
}
}
@media (min-width: 768px) {
.module-footer-banners__row .col-sm-6 {
width: 53.5%;
}
}
@media (min-width: 768px) {
.module-footer-banners__row .col-sm-6:first-child {
padding-top: 45px;
z-index: 1;
}
}
@media (min-width: 1200px) {
.module-footer-banners__row .col-sm-6:first-child {
padding-top: 85px;
}
}
@media (min-width: 768px) {
.module-footer-banners__row .col-sm-6:last-child {
position: absolute;
right: 0;
top: 15px;
}
}
@media (min-width: 1200px) {
.module-footer-banners__row .col-sm-6:last-child {
top: 30px;
}
}
.module-footer-banners .big-dash--after {
padding-bottom: 15px;
}
.module-footer-banners .figure {
margin-top: 30px;
overflow: hidden;
}
.module-footer-banners .figure__anchor-bg {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
transform: scale(1);
transition: transform 1.5s;
}
.module-footer-banners .figure__anchor:hover > .figure__anchor-bg {
transform: scale(1.05);
}
.module-footer-banners .headline,
.module-footer-banners .text {
position: relative;
}
.module-footer-banners .text {
display: block;
margin-bottom: 10px;
}
@media (min-width: 992px) {
.module-footer-banners__item-left {
transform: translateY(-60px);
transition: transform .4s;
}
.module-footer-banners.loaded .module-footer-banners__item-left {
transform: translateY(0px);
}
}
@media (min-width: 992px) {
.module-footer-banners__item-right {
transform: translateY(60px);
transition: transform .4s;
}
.module-footer-banners.loaded .module-footer-banners__item-right {
transform: translateY(0px);
}
}
.module-footer-banners .btn.btn--orange .btn__text,
.module-footer-banners .btn.btn--blue .btn__text,
.module-footer-banners .btn.btn--green .btn__text,
.module-footer-banners .btn.btn--pink .btn__text {
background-color: #f4f4f4;
}
.module-footer-banners .btn.btn--orange:hover .btn__text,
.module-footer-banners .btn.btn--blue:hover .btn__text,
.module-footer-banners .btn.btn--green:hover .btn__text,
.module-footer-banners .btn.btn--pink:hover .btn__text {
background: transparent;
}
.info-wheel {
display: block;
position: relative;
height: 290px;
width: 290px;
margin: 30px auto;
padding: 0;
z-index: 0;
font-size: 14px;
}
.info-wheel__input {
opacity: 0;
pointer-events: none;
}
.info-wheel__out-circle {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 100%;
}
.info-wheel__in-circle {
position: absolute;
left: 12.5%;
top: 12.5%;
width: 75%;
height: 75%;
background-color: white;
color: #038d58;
text-align: center;
padding: 30px;
border-radius: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
opacity: 0;
pointer-events: none;
transform: rotateY(180deg);
transition: all .4s ease;
}
.info-wheel__in-circle h3 {
margin-bottom: 5px;
font-size: 1.1em;
font-weight: bold;
max-width: 160px;
}
.info-wheel__in-circle a {
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
text-transform: uppercase;
transition: all .4s;
}
.info-wheel__in-circle a:hover {
color: #51af3d;
}
.info-wheel__in-circle a .icon {
height: 9px;
width: 9px;
position: relative;
top: -1px;
}
.info-wheel__in-circle p {
margin-top: 0;
margin-bottom: 10px;
max-width: 160px;
}
.info-wheel__in-circle .icon {
fill: #038d58;
}
.info-wheel__prev-btn {
position: absolute;
left: -50px;
top: 50%;
width: 50px;
height: 50px;
transform: translateY(-50%);
display: none;
cursor: pointer;
background: transparent;
border: none;
outline: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
opacity: .66;
transition: all .4s;
}
@media (min-width: 768px) {
.info-wheel__prev-btn {
display: inline-block;
}
}
.info-wheel__prev-btn:hover {
opacity: 1;
}
.info-wheel__prev-btn .icon {
fill: white;
}
.info-wheel__next-btn {
position: absolute;
right: -50px;
top: 50%;
width: 50px;
height: 50px;
transform: translateY(-50%);
display: none;
cursor: pointer;
background: transparent;
border: none;
outline: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
opacity: .66;
transition: all .4s;
}
@media (min-width: 768px) {
.info-wheel__next-btn {
display: inline-block;
}
}
.info-wheel__next-btn:hover {
opacity: 1;
}
.info-wheel__next-btn .icon {
fill: white;
}
.info-wheel--choice-1 #info-wheel__text-01 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-2 #info-wheel__text-02 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-3 #info-wheel__text-03 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-4 #info-wheel__text-04 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-5 #info-wheel__text-05 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-6 #info-wheel__text-06 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.info-wheel--choice-7 #info-wheel__text-07 {
opacity: 1;
pointer-events: all;
transform: rotateY(0deg);
}
.circle-highlight,
#segment-overlay {
transition: all .3s;
}
.circle-text {
pointer-events: none;
}
.tabs-menu {
position: relative;
margin-top: -48px;
font-size: 13px;
}
@media (min-width: 768px) {
.tabs-menu {
font-size: 14px;
}
}
.tabs-menu .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
@media (min-width: 1200px) {
.tabs-menu .col-sm-12 {
padding-left: 15px;
padding-right: 15px;
}
}
.tabs-menu__ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
overflow-x: auto;
}
@media (min-width: 768px) {
.tabs-menu__ul {
justify-content: space-evenly;
}
}
.tabs-menu__li {
width: 100%;
min-width: 150px;
order: 2;
}
@media (max-width: 767px) {
.tabs-menu__li {
min-width: 150px;
}
}
.tabs-menu__li--active {
order: 1;
}
.tabs-menu__li--active > .tabs-menu__anchor {
background-image: url('/dist/images/nav-1.png');
color: #363636;
cursor: default;
}
.tabs-menu__li--active > .tabs-menu__anchor .tabs-menu__anchor-span {
opacity: 1 !important;
}
.tabs-menu__li:not(.tabs-menu__li--active) {
margin-left: -10px;
}
@media (min-width: 992px) {
.tabs-menu__li:not(.tabs-menu__li--active) {
margin-left: -15px;
}
}
@media (min-width: 1600px) {
.tabs-menu__li:not(.tabs-menu__li--active) {
margin-left: -30px;
}
}
.tabs-menu__anchor {
display: block;
text-decoration: none;
padding: 0 15px;
text-transform: uppercase;
color: #FFFFFF;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
letter-spacing: 1px;
background-image: url('/dist/images/nav-2.png');
background-position: center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.tabs-menu__anchor-span {
opacity: .66;
transition: all .4s;
}
.tabs-menu__anchor:hover .tabs-menu__anchor-span {
opacity: 1;
}
.module-contacts {
padding-top: 30px;
padding-bottom: 30px;
background: #f9f9f9;
}
@media (min-width: 768px) {
.module-contacts {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-contacts {
padding-top: 60px;
padding-bottom: 60px;
}
}
.module-contacts__ul {
display: flex;
flex-wrap: wrap;
margin: 0;
list-style-type: none;
margin: 15px -15px 0 -15px;
padding: 0;
}
.module-contacts__li {
width: 50%;
padding: 15px;
}
@media (min-width: 480px) {
.module-contacts__li {
width: 33.33%;
}
}
@media (min-width: 992px) {
.module-contacts__li {
width: 25%;
padding-bottom: 30px;
}
}
@media (min-width: 1200px) {
.module-contacts__li {
padding: 30px;
}
}
.module-contacts .card {
margin-bottom: 0;
}
.module-contacts .card__text {
height: 5.5rem;
overflow: hidden;
}
.module-news {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.module-news {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-news {
padding-top: 60px;
padding-bottom: 60px;
}
}
.module-news__ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.module-news__ul--search-result {
position: relative;
width: 100%;
max-width: 990px;
height: 54vh;
}
.module-news__ul--search-result .ps__rail-x {
display: none;
}
.module-news__item {
margin-top: 15px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.module-news__item {
margin-top: 30px;
}
}
@media (min-width: 1200px) {
.module-news__item {
margin-bottom: 45px;
}
}
.module-news__item-image {
display: block;
text-decoration: none;
position: relative;
margin-bottom: 15px;
overflow: hidden;
}
.module-news__item-image:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
.module-news__item-image > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 480px) {
.module-news__item-image {
position: relative;
margin-bottom: 0;
}
.module-news__item-image:before {
display: block;
content: "";
width: 100%;
padding-top: 60%;
}
.module-news__item-image > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
.module-news__item-image > .content {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1);
transition: transform .4s;
}
.module-news__item-image:hover > .content {
transform: scale(1.05);
}
.module-news__item-text {
max-width: 48rem;
}
.module-news__item-text .btn {
font-size: 14px;
height: 44px;
}
.module-news__item-text-date {
font-size: 14px;
}
@media (max-width: 767px) {
.module-news .headline--medium {
font-size: 20px !important;
}
}
.module-news-highlights {
background-color: #FFFFFF;
margin-top: -125px;
line-height: 1.15;
}
@media (min-width: 768px) {
.module-news-highlights {
padding: 2px;
}
}
@media (min-width: 1200px) {
.module-news-highlights {
margin-top: -100px;
}
}
@media (min-width: 1600px) {
.module-news-highlights {
margin-top: -150px;
}
}
.module-news-highlights__box {
margin-left: -2px;
margin-right: -2px;
width: 100%;
}
.module-news-highlights__item {
background-color: #FFFFFF;
color: #FFFFFF;
display: block;
width: 100%;
position: relative;
text-decoration: none;
overflow: hidden;
}
@media (min-width: 768px) {
.module-news-highlights__item {
border: 1px solid #FFFFFF;
display: inline-block;
}
}
.module-news-highlights__item-bg {
display: block;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
transform: scale(1);
transition: transform .7s;
}
:hover > .module-news-highlights__item-bg {
transform: scale(1.05);
}
.module-news-highlights__item-text {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
padding: 30px;
display: flex;
align-content: flex-end;
flex-wrap: wrap;
}
.module-news-highlights__item-title {
font-weight: bold;
font-size: 18px;
width: 100%;
}
.module-news-highlights__item-date {
width: 100%;
}
.module-news-highlights__item--sm {
display: none;
}
@media (min-width: 768px) {
.module-news-highlights__item--sm {
display: inline-block;
float: right;
height: 220px;
width: 25%;
}
}
@media (min-width: 1600px) {
.module-news-highlights__item--sm {
height: 250px;
}
}
.module-news-highlights__item--sm .module-news-highlights__item-text {
padding: 20px;
}
.module-news-highlights__item--md {
display: none;
}
@media (min-width: 768px) {
.module-news-highlights__item--md {
display: inline-block;
float: right;
height: 220px;
width: 50%;
}
}
@media (min-width: 1600px) {
.module-news-highlights__item--md {
height: 250px;
}
}
.module-news-highlights__item--md .module-news-highlights__item-title {
font-size: 22px;
}
.module-news-highlights__item--md .module-news-highlights__item-text {
padding: 20px;
}
.module-news-highlights__item--lg {
height: 200px;
}
@media (min-width: 768px) {
.module-news-highlights__item--lg {
float: left;
height: 440px;
width: 50%;
}
}
@media (min-width: 1600px) {
.module-news-highlights__item--lg {
height: 500px;
}
}
@media (min-width: 768px) {
.module-news-highlights__item--lg .module-news-highlights__item-title {
font-size: 25px;
}
}
.module-news-highlights__item--lg .module-news-highlights__item--lg {
border: none;
display: block;
float: none;
width: 100%;
}
.module-news-highlights__carousel .owl-nav {
position: absolute;
top: 10px;
right: 10px;
}
.module-news-highlights__carousel .owl-prev,
.module-news-highlights__carousel .owl-next {
width: 40px;
height: 40px;
position: relative;
outline: none !important;
opacity: .75;
transition: opacity .3s;
}
.module-news-highlights__carousel .owl-prev > span,
.module-news-highlights__carousel .owl-next > span {
display: none;
}
.module-news-highlights__carousel .owl-prev:hover,
.module-news-highlights__carousel .owl-next:hover {
opacity: 1;
}
.module-news-highlights__carousel .owl-prev:before,
.module-news-highlights__carousel .owl-prev:after {
content: "";
width: 15px;
height: 1px;
background-color: white;
display: inline-block;
position: absolute;
top: 50%;
left: 15px;
transform-origin: top left;
}
.module-news-highlights__carousel .owl-prev:before {
transform: rotate(-45deg);
}
.module-news-highlights__carousel .owl-prev:after {
transform: rotate(45deg);
}
.module-news-highlights__carousel .owl-next:before,
.module-news-highlights__carousel .owl-next:after {
content: "";
width: 15px;
height: 1px;
background-color: white;
display: inline-block;
position: absolute;
top: 50%;
right: 15px;
transform-origin: top right;
}
.module-news-highlights__carousel .owl-next:before {
transform: rotate(-45deg);
}
.module-news-highlights__carousel .owl-next:after {
transform: rotate(45deg);
}
.module-news-highlights__carousel .owl-dots {
position: absolute;
left: 20px;
top: 15px;
}
.module-news-highlights__carousel .owl-dot {
display: inline-block;
margin: 5px;
height: 7px;
width: 7px;
background-color: transparent;
border: 1px solid #FFFFFF !important;
border-radius: 100%;
overflow: hidden;
outline: none !important;
opacity: .75;
transition: all .3s;
}
.module-news-highlights__carousel .owl-dot.active {
opacity: 1;
background-color: #FFFFFF;
box-shadow: 0 0 5px 0 #ffffff;
}
.news-banner-wrapper .headline--hero {
font-family: 'Libre Baskerville', serif;
font-size: 30px;
text-transform: uppercase;
margin: 10px 0;
}
@media (min-width: 768px) {
.news-banner-wrapper .headline--hero {
font-size: 34px;
}
}
@media (min-width: 1200px) {
.news-banner-wrapper .headline--hero {
font-size: 40px;
}
}
.news-banner-wrapper .position-vertical--center {
align-items: flex-end;
}
.news-banner-wrapper .module-banner__content {
padding-bottom: 30px;
}
.module-map-contact {
overflow: hidden;
}
.module-map-contact__map-wrapper {
padding: 0;
}
@media (min-width: 768px) {
.module-map-contact__map-wrapper {
height: 100%;
position: relative;
}
}
.module-map-contact__map-wrapper > .headline {
position: absolute;
left: 30px;
top: 30px;
z-index: 1;
}
@media (min-width: 768px) {
.module-map-contact__map-wrapper > .headline {
top: 60px;
}
}
.module-map-contact__form {
max-width: 580px;
}
.module-map-contact__form-wrapper {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
}
@media (min-width: 768px) {
.module-map-contact__form-wrapper {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-map-contact__form-wrapper {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 1200px) {
.module-map-contact__form-wrapper {
padding-left: 90px;
padding-right: 90px;
min-height: 400px;
}
}
.pop-up-box {
position: fixed;
right: 0;
bottom: 0;
width: 320px;
overflow: hidden;
z-index: 100;
opacity: 0;
pointer-events: none;
transform: translateY(0);
line-height: 1.15;
transition: all .3s;
}
.pop-up-box--visible {
opacity: 1;
pointer-events: all;
}
.pop-up-box--closed {
transform: translateY(calc(100% - 32px));
}
@media (min-width: 768px) {
.pop-up-box {
width: 280px;
}
}
@media (min-width: 1600px) {
.pop-up-box {
width: 400px;
}
}
.pop-up-box__list {
background-color: #FFFFFF;
color: #363636;
padding: 0;
margin: 0;
}
.pop-up-box__list-title {
background-color: #363636;
color: #FFFFFF;
padding: 7px 60px 7px 20px;
position: relative;
margin-bottom: 3px;
font-size: 14px;
height: 32px;
}
.pop-up-box__list-title .headline {
text-transform: uppercase;
letter-spacing: 3px;
font-weight: normal;
}
.pop-up-box__list-data {
padding: 0;
margin: 0;
}
.pop-up-box__list-data:last-child {
padding-bottom: 7px;
}
.pop-up-box__anchor {
display: block;
padding: 7px 20px;
text-decoration: none;
font-weight: bold;
color: #363636;
transform: translateX(0);
transition: all .4s;
}
.pop-up-box__anchor:hover {
color: #006292;
transform: translateX(15px);
}
.pop-up-box__toggle-btn,
.pop-up-box__close-btn {
background: transparent;
border: none;
outline: none;
webkit-tap-highlight-color: transparent;
position: absolute;
top: 0;
height: 100%;
width: 30px;
cursor: pointer;
text-align: center;
opacity: .66;
transition: all .3s;
}
.pop-up-box__toggle-btn:hover,
.pop-up-box__close-btn:hover {
opacity: 1;
}
.pop-up-box__toggle-btn .icon,
.pop-up-box__close-btn .icon {
height: 12px;
width: 12px;
fill: #FFFFFF;
transition: all .3s;
}
.pop-up-box__toggle-btn {
right: 40px;
}
@media (min-width: 768px) {
.pop-up-box__toggle-btn {
right: 45px;
}
}
.pop-up-box__toggle-btn .icon {
transform: rotate(0deg);
transform-origin: center;
}
.pop-up-box__toggle-btn:hover .icon,
.pop-up-box--closed .pop-up-box__toggle-btn .icon {
transform: rotate(180deg) translateY(0px);
}
.pop-up-box__close-btn {
right: 5px;
}
@media (min-width: 768px) {
.pop-up-box__close-btn {
right: 10px;
}
}
.search-result {
background-color: #FFFFFF;
color: #363636;
position: relative;
}
.search-result--overlay {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
height: 85vh;
transform: translateY(100%);
opacity: 0;
pointer-events: none;
transition: all 0.5s cubic-bezier(0.5, 0.2, 0.2, 1.1);
}
@media (min-width: 768px) {
.search-result--overlay {
height: 80vh;
}
}
.search-result--overlay.active {
pointer-events: all;
opacity: 1;
transform: translateY(0%);
}
.search-result__container {
position: relative;
padding-top: 30px;
padding-bottom: 30px;
height: 100%;
}
@media (min-width: 768px) {
.search-result__container {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.search-result__container {
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (min-width: 992px) {
.search-result__container:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 30%;
background-color: #f4f4f4;
z-index: 0;
}
}
@media (min-width: 1200px) {
.search-result__container:after {
width: 32.5%;
}
}
@media (min-width: 1600px) {
.search-result__container:after {
width: 35%;
}
}
.search-result__container .container {
position: relative;
z-index: 1;
}
@media (max-width: 991px) {
.search-result__pages-list {
display: none;
}
}
.search-result__ul {
margin: 0;
padding: 0;
list-style-type: none;
margin: 22px 0;
}
.search-result__anchor {
color: inherit;
display: block;
font-size: 14px;
margin: 7px 0;
text-decoration: none;
text-transform: uppercase;
transition: all .4s;
font-weight: 300;
}
.search-result__anchor:hover {
color: #d1681a;
}
.search-result__anchor > strong {
font-weight: bold;
}
.search-result__toggle-btn {
position: absolute;
left: 50%;
top: 0;
transform: translate3d(-50%, -100%, 0);
background: transparent;
border: none;
outline: none !important;
cursor: pointer;
}
.search-result__toggle-btn .icon {
fill: white;
height: 25px;
width: 25px;
transform: rotate(-90deg) translateX(3px);
transition: transform 0.3s ease-in-out;
}
.search-result__toggle-btn:hover > .icon {
transform: rotate(-90deg) translateX(-3px);
}
.module-icons {
padding-top: 30px;
padding-bottom: 30px;
position: relative;
}
@media (min-width: 768px) {
.module-icons {
padding-top: 45px;
padding-bottom: 45px;
}
}
@media (min-width: 1200px) {
.module-icons {
padding-top: 60px;
padding-bottom: 60px;
}
}
.module-icons .container {
position: relative;
}
.module-icons__item {
display: block;
padding: 15px 15px 30px 15px;
text-align: center;
}
@media (min-width: 1200px) {
.module-icons__item {
padding: 15px 30px;
height: 230px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
}
.module-icons__item-icon {
width: 45px;
height: 45px;
}
.module-icons__item-headline {
text-transform: uppercase;
}
.module-icons__item-text {
font-size: 14px;
}
.module-icons__item-text p {
margin: 0;
}
@media (min-width: 1200px) {
.module-icons__item-text {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all .7s;
}
}
@media (min-width: 1200px) {
.module-icons__item:hover .module-icons__item-text {
max-height: 150px;
opacity: 1;
}
}
.cookie-disclaimer {
background-color: #363636;
color: #FFFFFF;
padding-top: 30px;
padding-bottom: 30px;
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
}
.cookie-disclaimer h1,
.cookie-disclaimer h2,
.cookie-disclaimer h3,
.cookie-disclaimer h4 {
margin-top: 0;
margin-bottom: 15px;
}
.cookie-disclaimer p {
margin-top: 0;
margin-bottom: 15px;
opacity: .5;
}
.cookie-disclaimer a:not(.btn) {
color: white;
}
.cookie-disclaimer .btn {
margin: 0;
font-size: 1em !important;
}
.module-contacts-nav {
position: relative;
margin: 30px -0.5px;
background-color: #f4f4f4;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
transition: all .5s;
}
.module-contacts-nav:before {
display: block;
content: "";
width: 100%;
padding-top: 58.33333333%;
}
.module-contacts-nav > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 1200px) {
.module-contacts-nav {
position: relative;
}
.module-contacts-nav:before {
display: block;
content: "";
width: 100%;
padding-top: 41.66666667%;
}
.module-contacts-nav > .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
}
@media (max-width: 767px) {
.module-contacts-nav {
margin-left: -15px;
margin-right: -15px;
overflow: hidden;
overflow-x: auto;
}
.module-contacts-nav:before {
display: none;
}
}
@media (max-width: 767px) {
.module-contacts-nav__inner-wrap {
height: 150px;
width: 2750px;
display: flex;
}
}
.module-contacts-nav__btn {
position: absolute;
left: 0;
top: 0;
width: 25%;
text-align: left;
padding: 15px 60px 0 15px;
overflow: hidden;
background: none;
border: none;
color: white;
cursor: pointer;
outline: none !important;
/* Not in used...
&-extra-content {
font-size: 13px;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all .4s;
@media (min-width: @screen-md) {
.module-contacts-nav__btn:hover & {
max-height: 150px;
opacity: 1;
}
}
}*/
}
@media (min-width: 1200px) {
.module-contacts-nav__btn {
padding: 5px 90px 5px 20px;
}
}
.module-contacts-nav__btn-scroll {
height: 40px;
width: 40px;
line-height: 34px;
border-radius: 40px;
border: 1px solid white;
text-align: center;
position: absolute;
right: 10px;
bottom: 10px;
outline: none !important;
opacity: 0;
transition: all .4s;
pointer-events: none;
}
@media (max-width: 767px) {
.module-contacts-nav__btn-scroll {
display: none;
}
}
@media (min-width: 1200px) {
.module-contacts-nav__btn-scroll {
height: 50px;
width: 50px;
line-height: 44px;
border-radius: 50px;
border: 2px solid white;
right: 15px;
bottom: 15px;
}
}
.module-contacts-nav__btn:hover .module-contacts-nav__btn-scroll {
opacity: 1;
}
.module-contacts-nav__btn-scroll .icon {
fill: white;
height: 15px;
width: 15px;
}
@media (min-width: 1200px) {
.module-contacts-nav__btn-scroll .icon {
height: 20px;
width: 20px;
}
}
.module-contacts-nav__btn-scroll:hover {
opacity: 0.85;
}
.module-contacts-nav__btn-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
pointer-events: none;
opacity: 0;
transition: opacity .4s;
}
@media (max-width: 767px) {
.module-contacts-nav__btn-bg {
opacity: 1;
}
}
.module-contacts-nav__btn-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0.8;
background: #363636 linear-gradient(45deg, #363636, #363636);
pointer-events: none;
border: 0.5px solid rgba(102, 102, 102, 0.75);
}
.module-contacts-nav__btn-content {
position: relative;
z-index: 0;
height: 100%;
display: flex;
align-items: flex-end;
pointer-events: none;
}
@media (max-width: 767px) {
.module-contacts-nav__btn-content {
position: absolute;
top: 0;
}
}
.module-contacts-nav__btn .headline {
margin-bottom: 0;
font-size: 14px;
}
@media (min-width: 1200px) {
.module-contacts-nav__btn .headline {
font-size: 1rem;
}
}
.module-contacts-nav__btn .headline:before {
background-color: #006292;
transition: all .4s;
}
.module-contacts-nav__btn.active .module-contacts-nav__btn-overlay {
background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8);
}
.module-contacts-nav__btn.active .headline:before {
background-color: white;
}
@media (min-width: 1200px) {
.module-contacts-nav__btn:hover .module-contacts-nav__btn-overlay {
background: #13b6c8 linear-gradient(45deg, #006292, #13b6c8);
}
.module-contacts-nav__btn:hover .headline:before {
background-color: white;
}
}
@media (max-width: 767px) {
.module-contacts-nav__btn {
position: relative;
left: 0 !important;
top: 0 !important;
width: 275px;
height: 100% !important;
display: flex;
}
}
.module-contacts-nav__btn--00 {
display: none;
}
@media (max-width: 767px) {
.module-contacts-nav__btn--00 {
display: flex;
}
}
.module-contacts-nav__btn--01 {
height: 60%;
}
.module-contacts-nav__btn--02 {
height: 40%;
top: 60%;
}
.module-contacts-nav__btn--03 {
height: 50%;
left: 25%;
}
.module-contacts-nav__btn--04 {
height: 50%;
top: 50%;
left: 25%;
}
.module-contacts-nav__btn--05 {
height: 30%;
left: 50%;
}
.module-contacts-nav__btn--06 {
height: 40%;
top: 30%;
left: 50%;
}
.module-contacts-nav__btn--07 {
height: 30%;
top: 70%;
left: 50%;
}
.module-contacts-nav__btn--08 {
height: 50%;
left: 75%;
}
.module-contacts-nav__btn--09 {
height: 50%;
top: 50%;
left: 75%;
}
.module-contacts-nav__btn--10,
.module-contacts-nav__btn--11 {
display: none;
}
.module-contacts__grid {
margin: 0 -15px;
}
@media (min-width: 1200px) {
.module-contacts__grid {
margin: 0 -30px;
}
}
.grid-sizer {
display: none;
width: 50%;
}
@media (min-width: 768px) {
.grid-sizer {
width: 33.33%;
}
}
@media (min-width: 1200px) {
.grid-sizer {
width: 25%;
}
}
.module-info-map {
height: auto;
background-color: #fcfcfc;
color: #363636;
position: relative;
display: flex;
align-items: center;
padding-bottom: 50px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 991px) {
.module-info-map > .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.module-info-map {
width: 100%;
}
}
@media (min-width: 992px) {
.module-info-map {
height: 500px;
width: 100%;
background: url("/images/map-parks-bg.jpg") center center no-repeat;
background-size: auto 115%;
padding-bottom: 0;
}
}
@media (min-width: 1200px) {
.module-info-map {
height: 600px;
width: 100%;
background: url("/images/map-parks-bg.jpg") center center no-repeat;
background-size: auto 135%;
}
}
.module-info-map__info-box {
padding: 1rem 1.5rem;
background-color: white;
width: 90%;
height: auto;
box-shadow: 2px 4px 32px #0000000A;
margin: 0 auto;
}
@media (min-width: 768px) {
.module-info-map__info-box {
width: 280px;
height: 455px;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.module-info-map__info-box {
width: 425px;
background-image: none;
margin: unset;
}
}
@media (min-width: 1200px) {
.module-info-map__info-box {
padding: 2rem 3rem;
width: 524px;
min-height: 460px;
margin: unset;
}
}
.module-info-map__info-box-header {
display: flex;
color: #038d58;
align-items: center;
}
.module-info-map__info-box-header img {
display: block;
height: 60px;
width: 60px;
border-radius: 50%;
margin-right: 1rem;
}
.module-info-map__info-box-header h2 {
height: 65px;
}
@media (min-width: 992px) {
.module-info-map__info-box-header h2 {
height: 32px;
}
}
.module-info-map__info-box-images {
display: flex;
}
.module-info-map__info-box-images img {
border-radius: 5px;
width: 48%;
height: 100%;
margin-right: .5rem;
}
@media (min-width: 992px) {
.module-info-map__info-box-images img {
margin-right: 1rem;
}
}
.info-box-seg {
background-position: 100% 0;
background-repeat: no-repeat;
background-size: 75px;
}
.info-box-seg p {
height: 250px;
margin-bottom: 10px;
overflow: hidden;
}
@media (min-width: 992px) {
.info-box-seg p {
height: 165px;
}
}
@media (min-width: 992px) {
.info-box-seg {
background-image: none !important;
}
}
#info-box__text-01 {
background-image: url(/images/map1.png);
}
#info-box__text-02 {
background-image: url(/images/map2.png);
}
#info-box__text-03 {
background-image: url(/images/map3.png);
}
#info-box__text-04 {
background-image: url(/images/map4.png);
}
#info-box__text-05 {
background-image: url(/images/map5.png);
}
#info-box__text-06 {
background-image: url(/images/map6.png);
}
#info-box__text-07 {
background-image: url(/images/map7.png);
}
#info-box__text-08 {
background-image: url(/images/map8.png);
}
#info-box__text-09 {
background-image: url(/images/map9.png);
}
.module-info-map__points {
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
display: none;
}
@media (min-width: 992px) {
.module-info-map__points {
display: block;
}
}
.module-info-map__points > .container {
position: relative;
}
.info-box__point {
position: absolute;
}
.info-box__point-btn {
height: 20px;
width: 20px;
border-radius: 50%;
cursor: pointer;
background: #038d58;
background: linear-gradient(45deg, #038d58 0%, #51af3d 100%);
overflow: hidden;
border: none;
}
.info-box__point-btn:focus {
outline: none;
}
.info-box__point-btn:hover,
.info-box__point-btn.active {
background: linear-gradient(45deg, #038d58 0%, #038d58 100%);
}
.info-box__point:nth-child(4) {
left: 524px;
top: 113px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(4) {
left: 655px;
top: 137px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(4) {
left: 756px;
top: 113px;
}
}
.info-box__point:nth-child(7) {
left: 602px;
top: 128px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(7) {
left: 755px;
top: 149px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(7) {
left: 869px;
top: 128px;
}
}
.info-box__point:nth-child(9) {
left: 653px;
top: 132px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(9) {
left: 843px;
top: 156px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(9) {
left: 940px;
top: 132px;
}
}
.info-box__point:nth-child(1) {
left: 749px;
top: 132px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(1) {
left: 973px;
top: 140px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(1) {
left: 1070px;
top: 141px;
}
}
.info-box__point:nth-child(8) {
left: 662px;
top: 206px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(8) {
left: 849px;
top: 240px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(8) {
left: 947px;
top: 234px;
}
}
.info-box__point:nth-child(2) {
left: 808px;
top: 202px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(2) {
left: 1058px;
top: 242px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(2) {
left: 1151px;
top: 238px;
}
}
.info-box__point:nth-child(3) {
left: 671px;
top: 352px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(3) {
left: 863px;
top: 438px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(3) {
left: 960px;
top: 440px;
}
}
.info-box__point:nth-child(6) {
left: 661px;
top: 207px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(6) {
left: 850px;
top: 236px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(6) {
left: 950px;
top: 229px;
}
}
.info-box__point:nth-child(5) {
left: 593px;
top: 75px;
}
@media (min-width: 1200px) {
.info-box__point:nth-child(5) {
left: 757px;
top: 65px;
}
}
@media (min-width: 1600px) {
.info-box__point:nth-child(5) {
left: 856px;
top: 65px;
}
}
@keyframes pointScaleAnimation {
0% {
transform: scale(0.5);
opacity: 0;
}
100% {
opacity: 1;
transform: scale(1);
}
}
.info-box__point-animation {
height: 40px;
width: 40px;
border-radius: 50%;
background-color: rgba(3, 141, 88, 0.1);
border: 0.5px solid rgba(3, 141, 88, 0.15);
position: absolute;
left: -10px;
top: -10px;
z-index: -1;
animation: pointScaleAnimation 0.8s ease-in-out infinite alternate;
}
.info-box__tooltip {
position: absolute;
left: 10px;
bottom: 36px;
transform: translateX(-25%);
height: auto;
width: 235px;
padding: .3rem .75rem;
display: flex;
align-items: center;
color: #038d58;
font-weight: bold;
font-size: 1.05rem;
background-color: white;
display: none;
box-shadow: 1px 2px 16px #0000000A;
z-index: 1;
}
.info-box__tooltip:after {
content: "";
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
position: absolute;
left: 25%;
transform: translateX(-50%);
bottom: -10px;
}
.info-box__tooltip > img {
display: inline-block;
height: 45px;
width: 45px;
border-radius: 50%;
margin-right: .5rem;
}
.info-box__point-btn:hover + .info-box__tooltip,
.info-box__point-btn.active + .info-box__tooltip {
display: block;
}
.module-info-map__buttons {
right: 0;
bottom: 0;
width: 90%;
display: flex;
box-shadow: 1px 2px 16px #0000000A;
font-weight: 600;
letter-spacing: 2px;
font-size: 18px;
margin: 0 auto;
}
@media (min-width: 992px) {
.module-info-map__buttons {
position: absolute;
box-shadow: none;
width: 40px;
bottom: auto;
top: 4rem;
right: 3rem;
flex-flow: column;
}
}
@media (min-width: 1200px) {
.module-info-map__buttons {
width: 50px;
right: auto;
left: 50%;
transform: translateX(540px);
}
}
@media (min-width: 1600px) {
.module-info-map__buttons {
transform: translateX(635px);
}
}
.module-info-map__buttons > button,
.module-info-map__buttons > div {
width: 33.33%;
height: 50px;
display: inline-flex;
align-items: center;
justify-content: center;
border: none;
}
.module-info-map__btn {
background: #038d58;
background: linear-gradient(45deg, #038d58 0%, #51af3d 100%);
color: white;
cursor: pointer;
}
.module-info-map__btn .icon {
fill: white;
}
.module-info-map__btn:focus {
outline: none;
}
.module-info-map__btn:hover {
background: linear-gradient(45deg, #038d58 0%, #038d58 100%);
}
@media (min-width: 992px) {
.module-info-map__btn {
width: 40px !important;
height: 40px !important;
border-radius: 50%;
margin-bottom: .5rem;
}
}
@media (min-width: 1200px) {
.module-info-map__btn {
width: 50px !important;
height: 50px !important;
}
}
@media (min-width: 992px) {
.module-info-map__btn--left {
position: absolute;
top: 50px;
}
}
@media (min-width: 1200px) {
.module-info-map__btn--left {
top: 60px;
}
}
@media (min-width: 992px) {
.module-info-map__btn--right {
position: absolute;
top: 0;
}
}
@media (min-width: 992px) {
#info-map__counter {
display: none;
}
}
.noshow {
display: none;
}
body img,
body video {
max-width: 100%;
}
.sidebar-box {
background-color: #f4f4f4;
color: #454545;
padding: 1rem;
max-width: 24rem;
text-align: center;
font-weight: 500;
font-size: 14px;
margin-bottom: 1rem;
}
.sidebar-box h2,
.sidebar-box h3,
.sidebar-box h4,
.sidebar-box h5 {
margin: 0;
}
.sidebar-box p {
margin-top: 0;
}
.sidebar-box__header {
text-transform: uppercase;
padding-bottom: .9rem;
border-bottom: 1px solid #e2e8f0;
}
.sidebar-box__content {
padding-top: 2rem;
padding-bottom: 1rem;
}
.sidebar-box__content ul {
list-style: none;
margin: 0;
padding: 0;
}
.sidebar-box__content ul a {
color: currentColor;
display: block;
margin: 0 0 0.25rem 0;
text-decoration: none;
}
.sidebar-box__content ul a:focus {
outline: none;
}
.sidebar-box__content ul a:hover {
color: #006292;
}
.sidebar-box__circle-image {
height: 120px;
width: 120px;
display: inline-block;
object-fit: cover;
border-radius: 50%;
margin-bottom: 1rem;
line-height: 1;
overflow: hidden;
}
.sidebar-box .btn {
width: 130px;
height: 40px;
font-size: 14px;
font-weight: 600;
}
.sidebar-box .btn--blue .btn__text {
background-color: #f4f4f4;
}
.sidebar-box .btn--blue .btn__text:hover {
background-image: linear-gradient(to right, #006292 0%, #13b6c8 100%);
color: white;
}
.sidebar-box .social {
margin: 0;
}
.accordion {
color: currentColor;
max-width: 48rem;
font-size: 1rem;
text-align: left;
border-bottom: 1px solid currentColor;
}
.accordion:first-child {
border-top: 1px solid currentColor;
}
.accordion__header {
padding: .85rem 0;
position: relative;
line-height: 1;
width: 100%;
background: transparent;
border: none;
text-align: inherit;
padding-right: 50px;
cursor: pointer;
transition: all .2s;
}
.accordion__header:hover .icon {
transform: rotate(180deg);
}
.accordion__header strong {
color: #038d58;
}
.accordion__header:focus {
outline: none;
}
.accordion__header .icon {
display: inline-block;
fill: #038d58;
height: 1rem;
width: 1rem;
position: absolute;
right: 0;
top: .85rem;
transform: rotate(0deg);
transition: all .2s;
}
.accordion__panel {
padding: .85rem 0;
display: none;
}
.accordion--active .accordion__header .icon--plus {
opacity: 0;
}
.accordion--active .accordion__panel {
display: block;
}
.accordion:last-child {
margin-bottom: 60px !important;
}
/*
Please note that master.less is meant as an pickup file for all the
various components in the projects. Therefor it is not viable to
style directly in this file.
Whenever creating and importing new .less files, please remember to run
the command "gulp" and if needed re-innitiate live review with "gulp watch"
*/
[data-bullets=Default] .module-text .text-area ul li:before {
background: black;
}
[data-bullets=Blue] .module-text .text-area ul li:before {
background: #006292;
}
[data-bullets=Orange] .module-text .text-area ul li:before {
background: #d1681a;
}
[data-bullets=Green] .module-text .text-area ul li:before {
background: #038d58;
}
[data-bullets=Purple] .module-text .text-area ul li:before {
background: #73144b;
}
[data-bullets=Pink] .module-text .text-area ul li:before {
background: #e83364;
}