@if not-imported("import_once_func") { @import "inc/import_once_func"; }
//@import "inc/normalize.css"; // Normalize browser defaults
@if not-imported("framework") { @import "inc/framework"; } // Load framework
/* ------ COMMON CLASSES ------ */
@if not-imported("common") { @import "inc/common"; }
/* ------ BASE FONT STYLING ------ */
@if not-imported("font") { @import "inc/font"; }
/* ------ BASE FORM STYLING ------ */
@if not-imported("form") { @import "inc/form"; }
/* ------ HEADER ------ */
@if not-imported("header") { @import "inc/header"; }
/* ------ HERO ------ */
@if not-imported("hero") { @import "inc/hero"; }
/* ------ CONTENT ------ */
@if not-imported("content") { @import "inc/content"; }
/* ------ FOOTER ------ */
@if not-imported("footer") { @import "inc/footer"; }
@if not-imported("slick-theme") { @import "inc/slick-theme"; }
@if not-imported("custom-elements") { @import "inc/custom-elements"; }
html {
scroll-behavior: smooth;
}
#wrapper {
padding: 0;
position: relative;
min-height: 100vh;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
@media screen and (max-width: 1120px) {
padding-top: 0;
}
@media screen and (max-width: 900px) {
padding-bottom: 0;
}
}
.-arrow-left,
.-arrow-left-small {
padding-left: 150px;
position: relative;
:not(.-arrow-left)& {
padding-left: 75px;
}
&:not(.ce_text) {
&:before {
content: '';
width: 50px;
height: 100px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: $color-bg-secondary;
//background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23#{str-replace($color-bg-secondary,'#','')};fill-rule:nonzero;'/%3E%3C/svg%3E") 0 0 no-repeat;
position: absolute;
left: 75px;
@include transform(translate(-50%,0));
#footer & {
background: $color-text-footer;
}
:not(.-arrow-left)& {
left: 40px;
width: 25px;
height: 50px;
}
.-arrow-left-top& {
top: 0;
}
.-arrow-left-middle& {
top: 50%;
@include transform(translate(-50%,-50%));
}
.-arrow-left-bottom& {
bottom: 0;
}
}
}
&.ce_text {
.text {
position: relative;
&:before {
content: '';
width: 50px;
height: 100px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
background: $color-bg-secondary;
//background: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23#{str-replace($color-bg-secondary,'#','')};fill-rule:nonzero;'/%3E%3C/svg%3E") 0 0 no-repeat;
position: absolute;
left: -75px;
@include transform(translate(-50%,0));
#footer & {
background: $color-text-footer;
}
:not(.-arrow-left)& {
left: -35px;
width: 25px;
height: 50px;
}
.-arrow-left-top& {
top: 0;
}
.-arrow-left-middle& {
top: 50%;
@include transform(translate(-50%,-50%));
}
.-arrow-left-bottom& {
bottom: 0;
}
}
}
}
}
#scroll-down-indicator {
z-index: 10;
position: fixed;
right: 40px;
bottom: 40px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 123 62' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M57.548,60.943c2.509,1.409 5.581,1.409 8.09,0l54.92,-36.13c2.31,-1.41 3.18,-5.08 1.74,-7.05l-7,-15c-1.39,-2.22 -5.14,-2.78 -7.46,-1.37l-46.24,30.23l-45.67,-29.95c-2.6,-1.69 -6.36,-0.84 -7.52,0.85l-7.22,15.24c-1.45,2.25 -0.29,5.64 1.73,7.05l54.63,36.13Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 123 62' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M57.548,60.943c2.509,1.409 5.581,1.409 8.09,0l54.92,-36.13c2.31,-1.41 3.18,-5.08 1.74,-7.05l-7,-15c-1.39,-2.22 -5.14,-2.78 -7.46,-1.37l-46.24,30.23l-45.67,-29.95c-2.6,-1.69 -6.36,-0.84 -7.52,0.85l-7.22,15.24c-1.45,2.25 -0.29,5.64 1.73,7.05l54.63,36.13Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 40px;
height: 20px;
background-color: rgba($color-bg-tertiary,0.8);
}
.widget p.error {
margin-top: 0.125em;
font-size: font-size(16px);
color: #a00;
}
.mod_login {
.lostPassword {
padding: 0 10px;
clear: left;
a {
font-size: font-size(10px);
text-transform: uppercase;
letter-spacing: 0.1em;
color: $color-text;
font-weight: 600;
}
}
}
.mod_lostPassword,
.mod_changePassword,
.mod_closeAccount {
.widget {
width: 33.333%;
}
@include for-max-size(43em) {
.widget {
float: none;
width: 100% !important;
}
}
}
.mod_changePassword {
.widget:nth-child(2) {
clear: left;
}
}
.messagebox {
position: relative;
min-height: 45px;
padding: 5px 15px 5px 45px;
display: flex;
align-items: center;
background-color: $color-bg-quaternary;
color: $color-text-invert;
font-size: font-size(12px);
font-weight: 600;
line-height: 1.3;
letter-spacing: 0.1em;
text-transform: uppercase;
@include box-sizing(border-box);
&:before {
position: absolute;
left: 5px;
top: 5px;
width: 35px;
height: 35px;
content: '';
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="1.725em" height="1.725em" viewBox="0 0 32 32"%3E%3Cpath d="M16 4.992c-6.075 0-11.008 4.932-11.008 11.008s4.932 11.008 11.008 11.008c6.075 0 11.008-4.933 11.008-11.008s-4.933-11.008-11.008-11.008zM16 6.746c5.108 0 9.254 4.147 9.254 9.254s-4.147 9.254-9.254 9.254c-5.108 0-9.254-4.147-9.254-9.254s4.147-9.254 9.254-9.254z"%3E%3C/path%3E%3Cpath d="M14.636 15.225v7.010c0 0.753 0.611 1.364 1.364 1.364s1.364-0.611 1.364-1.364v-7.010c0-0.753-0.611-1.364-1.364-1.364s-1.364 0.611-1.364 1.364z"%3E%3C/path%3E%3Cpath d="M17.364 10.549v-0.779c0-0.753-0.611-1.364-1.364-1.364s-1.364 0.611-1.364 1.364v0.779c0 0.753 0.611 1.364 1.364 1.364s1.364-0.611 1.364-1.364z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%;
}
&.confirm {
&:before {
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="1.725em" height="1.725em" viewBox="0 0 32 32"%3E%3Cpath d="M12.259 21.696l9.465-15.941c0.437-0.736 1.388-0.978 2.124-0.541s0.978 1.388 0.541 2.124c0 0-9.465 15.941-9.465 15.941l-2.241 3.773c0 0-2.807-3.373-2.807-3.373l-5.509-6.619c-0.547-0.657-0.458-1.635 0.2-2.183s1.635-0.458 2.183 0.2l5.509 6.619z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%;
}
}
&.error {
&:before {
background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="%23ffffff" width="1.725em" height="1.725em" viewBox="0 0 32 32"%3E%3Cpath d="M14.428 6.454c-2.155 3.629-8.034 13.53-10.228 17.226-0.335 0.565-0.342 1.267-0.017 1.838s0.932 0.924 1.589 0.924c4.349 0 16.107 0 20.456 0 0.657 0 1.264-0.353 1.589-0.924s0.319-1.273-0.017-1.838c-2.194-3.696-8.073-13.597-10.228-17.226-0.329-0.555-0.927-0.895-1.572-0.895s-1.243 0.34-1.572 0.895v0zM15.96 7.363c0.008-0.014 0.024-0.023 0.040-0.023s0.032 0.009 0.040 0.023c2.155 3.629 8.034 13.53 10.228 17.226 0.009 0.015 0.009 0.032 0 0.047s-0.024 0.024-0.041 0.024c-4.349 0-16.107 0-20.456 0-0.017 0-0.032-0.009-0.041-0.024s-0.008-0.033 0-0.047l10.228-17.226z"%3E%3C/path%3E%3Cpath d="M15.109 11.113v7.063c0 0.491 0.399 0.891 0.891 0.891s0.891-0.399 0.891-0.891v-7.063c0-0.492-0.399-0.891-0.891-0.891s-0.891 0.399-0.891 0.891z"%3E%3C/path%3E%3Cpath d="M15.109 21.269v1.188c0 0.491 0.399 0.891 0.891 0.891s0.891-0.399 0.891-0.891v-1.188c0-0.492-0.399-0.891-0.891-0.891s-0.891 0.399-0.891 0.891z"%3E%3C/path%3E%3C/svg%3E') no-repeat 50% 50%;
}
}
a {
color: $color-text-invert;
border-bottom: 1px $color-text-invert solid;
@include transition(color 0.2s ease, border-color 0.2s ease);
&:hover,
&:active {
border-bottom-color: $color-bg-secondary;
color: $color-bg-secondary;
}
}
}
.jBox-overlay {
background-color: rgba(#000,0.82);
&.jBox-overlay-Image {
background: $color-bg-secondary;
}
}
.jBox-wrapper {
.jBox-container {
@include border-radius(unset);
}
.jBox-title {
background-color: $color-bg-secondary;
color: $color-text-invert;
@include border-radius(unset);
text-align: center;
h3 {
font-family: $font-family;
color: $color-text-invert;
font-weight: 400;
font-size: font-size(20px);
//text-transform: uppercase;
//letter-spacing: 0.1em;
margin: 0;
text-align: center;
}
.jBox-closeButton-title& {
padding-left: 65px;
}
}
.jBox-closeButton-box& {
.jBox-closeButton {
width: 35px;
height: 35px;
background: $color-bg-secondary;
svg {
width: 20px;
height: 20px;
margin-top: -10px;
margin-right: -10px;
}
path {
fill: #fff;
}
}
}
.jBox-iframe& {
.jBox-content {
@include box-sizing(border-box);
overflow: hidden;
> iframe {
width: 100%;
height: 100%;
}
}
}
.jBox-noPadding& {
.jBox-content {
padding: 0;
}
}
}
.swiper-holder {
&.-full-vh {
.swiper-slide {
min-height: 100vh;
}
}
}
.swiper-button-prev,
.swiper-button-next {
width: 25px;
height: 50px;
margin-top: -25px;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
&:after {
content: '';
//background: url('data:image/svg+xml;utf8,%3Csvg width="100%" height="100%" viewBox="0 0 22 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cpath d="M22,0L20,0L0,40L20,80L22,80L2,40L22,0Z" style="fill:white;"/%3E%3C/svg%3E');
background: $color-white;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M1.678,65.45c-1.409,-2.509 -1.409,-5.581 0,-8.09l36.13,-54.92c1.41,-2.31 5.08,-3.18 7.05,-1.74l15,7c2.22,1.39 2.78,5.14 1.37,7.46l-30.23,46.24l29.95,45.67c1.69,2.6 0.84,6.36 -0.85,7.52l-15.24,7.22c-2.25,1.45 -5.64,0.29 -7.05,-1.73l-36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M1.678,65.45c-1.409,-2.509 -1.409,-5.581 0,-8.09l36.13,-54.92c1.41,-2.31 5.08,-3.18 7.05,-1.74l15,7c2.22,1.39 2.78,5.14 1.37,7.46l-30.23,46.24l29.95,45.67c1.69,2.6 0.84,6.36 -0.85,7.52l-15.24,7.22c-2.25,1.45 -5.64,0.29 -7.05,-1.73l-36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 25px;
height: 50px;
opacity: 0.7;
@include transition(opacity 0.25s ease);
}
&:hover {
&:after {
//background: url('data:image/svg+xml;utf8,%3Csvg width="100%" height="100%" viewBox="0 0 22 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cpath d="M22,0L20,0L0,40L20,80L22,80L2,40L22,0Z" style="fill:%23BA0C2F;"/%3E%3C/svg%3E');
opacity: 1;
}
}
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
&:after {
content: '';
//background: url('data:image/svg+xml;utf8,%3Csvg width="100%" height="100%" viewBox="0 0 22 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cpath d="M0,0L2,0L22,40L2,80L0,80L20,40L0,0Z" style="fill:white;"/%3E%3C/svg%3E');
background: $color-white;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 62 123' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M60.32,65.45c1.409,-2.509 1.409,-5.581 0,-8.09l-36.13,-54.92c-1.41,-2.31 -5.08,-3.18 -7.05,-1.74l-15,7c-2.22,1.39 -2.78,5.14 -1.37,7.46l30.23,46.24l-29.95,45.67c-1.69,2.6 -0.84,6.36 0.85,7.52l15.24,7.22c2.25,1.45 5.64,0.29 7.05,-1.73l36.13,-54.63Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 25px;
height: 50px;
opacity: 0.7;
@include transition(opacity 0.25s ease);
}
&:hover {
&:after {
//background: url('data:image/svg+xml;utf8,%3Csvg width="100%" height="100%" viewBox="0 0 22 80" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cpath d="M0,0L2,0L22,40L2,80L0,80L20,40L0,0Z" style="fill:%23BA0C2F;"/%3E%3C/svg%3E');
opacity: 1;
}
}
}
.mod_cfg_instagram {
.items {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.item {
text-align: center;
font-size: font-size(16px);
line-height: 1.3;
flex: 0 1 25%;
margin: 0;
overflow: hidden;
padding: 0;
//border: 1px solid $color-stroke;
outline: none;
color: $color-text;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
.image_container {
vertical-align: middle;
position: relative;
&:before,
&:after {
@include transition(all 1.5s cubic-bezier(0.45, 0, 0.55, 1));
}
&:before {
z-index: 1;
background: rgba($color-bg-secondary, 0.5);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
content: '';
}
/*&:after {
@include icon('\e912',26px);
z-index: 2;
position: absolute;
left: 50%;
top: 50%;
visibility: hidden;
opacity: 0;
margin: -13px 0 0 -13px;
color: rgba(255, 255, 255, 0.75);
-webkit-transform: scale3d(0.5,0.5,1);
-moz-transform: scale3d(0.5,0.5,1);
-ms-transform: scale3d(0.5,0.5,1);
-o-transform: scale3d(0.5,0.5,1);
transform: scale3d(0.5,0.5,1);
}*/
img {
@include object-fit;
@include transform(translateZ(0));
@include transition(all 1.5s cubic-bezier(0.45, 0, 0.55, 1));
}
}
.show-link {
margin: 0;
span {
@include button($color: $color-text-invert, $border-color: $color-stroke-grey, $background-color: rgba(#000,0.2));
z-index: 2;
position: absolute;
bottom: 1em;
left: 50%;
@include transform(translateX(-50%));
}
}
.close-link,
.show-link span {
cursor: pointer;
}
.meta {
z-index: 2;
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: left;
background-color: rgba($color-bg-tertiary,0.8);
padding: font-size(22px) font-size(27px) font-size(90px);
color: $color-text-invert;
@include transition(all 0.5s ease);
.close-link {
float: right;
font-size: font-size(32px);
line-height: 1;
margin: -10px -10px 5px 10px;
}
ul {
position: absolute;
bottom: 3.5rem;
left: font-size(27px);
right: font-size(27px);
font-size: font-size(14px);
margin: 0;
li {
position: relative;
color: $color-text-invert;
svg {
font-size: 1.5em;
}
&[data-icon] {
padding-left: 17px;
&:before {
line-height: #{font-size(14px) * 1.5};
font-size: font-size(12px);
position: absolute;
left: 0;
top: 0;
}
}
}
}
}
.insta-link {
@include button($color: $color-text-invert, $border-color: $color-stroke-grey, $background-color: rgba(#000,0.2));
position: absolute;
left: 50%;
bottom: 1rem;
z-index: 1;
@include transform(translateX(-50%));
}
&:hover {
.image_container {
&:before,
&:after {
opacity: 1;
visibility: visible;
}
img {
@include transform(scale(1.15,1.15) translateZ(0));
}
&:after {
-webkit-transform: scale3d(1,1,1);
-moz-transform: scale3d(1,1,1);
-ms-transform: scale3d(1,1,1);
-o-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
}
}
&.show {
.meta {
opacity: 1;
visibility: visible;
}
.show-link {
opacity: 0;
visibility: hidden;
}
}
}
@media screen and (max-width: 900px) {
.item {
flex-basis: 50%;
}
}
@media screen and (max-width: 599px) {
.items {
margin-left: 0;
}
.item {
flex-basis: 100%;
margin-left: 0;
}
}
}
.contao-cookiebar.contao-cookiebar {
.cc-btn{
&, &.success {
background: $color-bg-secondary;
border-color: $color-bg-secondary;
color: $color-text-invert;
@include border-radius(0);
}
}
p {
color: $color-text-invert;
}
.cc-inner {
color: $color-text-invert;
font-size: font-size(16px);
@include border-radius(0);
background: rgba(#202533,0.95);
}
.cc-cookies {
background: rgba(#202533,1);
.cc-cookie .cc-cookie-info {
background: #12171d;
color: #fff;
border-color: #363d4f;
}
.cc-cookie .cc-cookie-desc {
h1,h2,h3,h4,h5,h6 {
font-size: 1.15em;
color: $color-text-invert;
}
p {
margin-bottom: 0.75em;
&:last-child {
margin-bottom: 0;
}
}
a {
color: #ff4268;
&:hover {
color: mix(#ff4268,#000,80%);
}
}
}
}
}
.ce_accordion {
position: relative;
padding-bottom: 40px;
margin-bottom: 1.5rem;
/*+ .ce_accordion {
margin-top: 5px;
}*/
.toggler {
cursor: pointer;
display: block;
@include headline($font-size: font-size(22px), $color: $color-bg-primary);
letter-spacing: 0.125em;
text-transform: uppercase;
margin: 0;
line-height: 1.3;
.title {
padding-bottom: 0.3em;
position: relative;
&:after {
position: absolute;
left: 0;
right: 0;
height: 0;
@include border-radius(99em);
border-color: currentColor;
content: "";
bottom: -0.15em;
border-bottom-width: 8px;
border-bottom-style: solid;
}
}
.ui-accordion-header-icon {
position: absolute;
left: 0;
bottom: 0;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 123 62' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M57.548,60.943c2.509,1.409 5.581,1.409 8.09,0l54.92,-36.13c2.31,-1.41 3.18,-5.08 1.74,-7.05l-7,-15c-1.39,-2.22 -5.14,-2.78 -7.46,-1.37l-46.24,30.23l-45.67,-29.95c-2.6,-1.69 -6.36,-0.84 -7.52,0.85l-7.22,15.24c-1.45,2.25 -0.29,5.64 1.73,7.05l54.63,36.13Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 123 62' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cpath d='M57.548,60.943c2.509,1.409 5.581,1.409 8.09,0l54.92,-36.13c2.31,-1.41 3.18,-5.08 1.74,-7.05l-7,-15c-1.39,-2.22 -5.14,-2.78 -7.46,-1.37l-46.24,30.23l-45.67,-29.95c-2.6,-1.69 -6.36,-0.84 -7.52,0.85l-7.22,15.24c-1.45,2.25 -0.29,5.64 1.73,7.05l54.63,36.13Z' style='fill:%23000000;fill-rule:nonzero;'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 40px;
height: 20px;
background-color: $color-bg-secondary;
}
&.ui-state-active {
.ui-accordion-header-icon {
@include transform(rotate(180deg));
}
}
}
.accordion {
padding: 1.75em 0 0;
}
}
.swiper-slide {
.swiper-slide-image {
background-position: 50% 50%;
}
.slide-content {
@include centered;
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
}
.slide-text {
display: inline-block;
max-width: 100%;
text-align: left;
margin: 0;
line-height: 1.3;
font-family: $font-family-alternate;
font-size: font-size(40px);
//text-shadow: $text-shadow-image;
letter-spacing: 0.15em;
font-weight: 700;
text-transform: uppercase;
color: $color-text-invert;
}
}
.hero-wrapper,
.swiper-slide{
.hero-text {
a {
color: inherit;
}
}
&.-color- {
&platin {
.hero-text,
.slide-text {
color: $color-bg-secondary;
> *:last-child:after {
border-color: $color-bg-secondary;
}
}
}
&white {
.hero-text,
.slide-text {
color: $color-white;
> *:last-child:after {
border-color: $color-white;
}
}
}
&brown {
.hero-text,
.slide-text {
color: $color-bg-primary;
> *:last-child:after {
border-color: $color-bg-primary;
}
}
}
}
&.-underline-bottom,
&.-underline-top {
.hero-text,
.slide-text {
> * {
//display: inline;
position: relative;
&:last-child {
@supports (-moz-appearance:none) {
:not(.-underline-bottom)& {
&:after {
position: absolute;
left: 0;
width: 100%;
height: 0;
@include border-radius(99em);
border-color: inherit;
content: "";
.is-animated& {
@include transition(width 1.25s 0.25s cubic-bezier(0.45, 0, 0.55, 1));
width: 0;
.-show-underline.-in-view&,
.swiper-slide-duplicate& {
width: 100%;
}
}
}
}
:not(.-underline-top)& {
overflow: hidden;
&:after {
content: '';
display: inline-block;
vertical-align: -0.7em;
height: 10px;
box-shadow: -100vw 100vw 0 100vw;
@include border-radius(99em);
overflow: hidden;
}
}
}
@supports not (-moz-appearance:none) {
display: inline;
&:after {
position: absolute;
left: 0;
width: 100%;
height: 0;
@include border-radius(99em);
border-color: inherit;
content: "";
.is-animated& {
@include transition(width 1.25s 0.25s cubic-bezier(0.45, 0, 0.55, 1));
width: 0;
.-show-underline.-in-view&,
.hero-wrapper.-in-view&,
.swiper-slide-duplicate& {
width: 100%;
}
}
}
}
}
}
}
}
&.-underline-bottom {
.hero-text,
.slide-text {
> * {
&:last-child {
@supports not (-moz-appearance:none) {
padding-bottom: 0.3em;
&:after {
bottom: -0.15em;
border-bottom-width: 10px;
border-bottom-style: solid;
}
}
}
}
}
}
&.-underline-top {
.hero-text,
.slide-text {
> * {
display: inline-block;
&:last-child {
padding-top: 0.3em;
&:after {
top: -0.15em;
right: 0;
border-top-width: 10px;
border-top-style: solid;
}
}
}
}
}
.hero-text,
.slide-text {
margin-top: 150px;
margin-bottom: 150px;
}
&.-text-pos-left-top {
.hero-content,
.slide-content{
@include text-position-wrapper(left,top);
}
}
&.-text-pos-left-topmiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(left,topmiddle);
}
}
&.-text-pos-left-middle {
.hero-content,
.slide-content {
@include text-position-wrapper(left,middle);
}
}
&.-text-pos-left-bottommiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(left,bottommiddle);
}
}
&.-text-pos-left-bottom {
.hero-content,
.slide-content {
@include text-position-wrapper(left,bottom);
}
}
&.-text-pos-center-top {
.hero-content,
.slide-content {
@include text-position-wrapper(center,top);
}
}
&.-text-pos-center-topmiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(center,topmiddle);
}
}
&.-text-pos-center-middle {
.hero-content,
.slide-content {
@include text-position-wrapper(center,middle);
}
}
&.-text-pos-center-bottommiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(center,bottommiddle);
}
}
&.-text-pos-center-bottom {
.hero-content,
.slide-content {
@include text-position-wrapper(center,bottom);
}
}
&.-text-pos-right-top {
.hero-content,
.slide-content {
@include text-position-wrapper(right,top);
}
}
&.-text-pos-right-topmiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(right,topmiddle);
}
}
&.-text-pos-right-middle {
.hero-content,
.slide-content {
@include text-position-wrapper(right,middle);
}
}
&.-text-pos-right-bottommiddle {
.hero-content,
.slide-content {
@include text-position-wrapper(right,bottommiddle);
}
}
&.-text-pos-right-bottom {
.hero-content,
.slide-content {
@include text-position-wrapper(right,bottom);
}
}
}
.mod_team_list {
.nav-holder {
position: absolute;
top: 50%;
width: 100%;
}
.swiper-button-prev,
.swiper-button-next {
&:after {
background: $color-bg-secondary;
}
&.swiper-button-disabled {
cursor: not-allowed;
pointer-events: unset;
}
&:not(.swiper-button-disabled) {
&.swiper-button-next {
&:after {
-webkit-animation: swiperNextAnimation 4s linear infinite;
animation: swiperNextAnimation 4s linear infinite;
//content: 'next';
}
}
&.swiper-button-prev {
&:after {
-webkit-animation: swiperNextAnimation 4s linear infinite;
animation: swiperNextAnimation 4s linear infinite;
//content: 'prev';
}
}
}
}
.swiper-container {
margin-bottom: -50px;
.swiper-slide {
height: auto;
}
.content {
height: 100%;
}
}
ul {
margin: 0;
padding: 0;
li {
@include box-sizing(border-box);
padding: 130px 75px 50px 0;
}
.content {
@include box-sizing(border-box);
background-color: $color-bg-tertiary;
padding: 205px 15px 10px;
max-width: 250px;
margin: 0 ;
position: relative;
line-height: 1.3;
font-size: font-size(16px);
}
figure {
width: 275px;
height: 275px;
position: absolute;
right:-25%;
top: -33.333%;
a,
img {
@include border-radius(999em);
overflow: hidden;
}
img {
@include box-sizing(border-box);
width: 275px;
border: 10px $color-white solid;
}
}
.name,
.position {
font-family: $font-family-alternate;
font-size: font-size(16px);
font-weight: 700;
letter-spacing: 0.125em;
}
.name {
color: $color-text-invert
}
.comment {
margin-top: 0.25em;
}
}
@include for-max-size(989px) {
.nav-holder {
position: relative;
top: auto;
height: 50px;
}
}
}
.positional-text {
height: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
.positional-text-content {
z-index: 1;
margin-top: 150px;
margin-bottom: 150px;
display: inline-block;
max-width: 100%;
text-align: left;
line-height: 1.3;
font-family: $font-family-alternate;
font-size: font-size(40px);
//text-shadow: $text-shadow-image;
letter-spacing: 0.15em;
font-weight: 700;
text-transform: uppercase;
color: $color-text-invert;
&.-fs-medium {
font-size: font-size(32px);
}
&.-fs-small {
font-size: font-size(27px);
}
}
&.-text-pos-left-top {
@include text-position-wrapper(left,top);
}
&.-text-pos-left-topmiddle {
@include text-position-wrapper(left,topmiddle);
}
&.-text-pos-left-middle {
@include text-position-wrapper(left,middle);
}
&.-text-pos-left-bottommiddle {
@include text-position-wrapper(left,bottommiddle);
}
&.-text-pos-left-bottom {
@include text-position-wrapper(left,bottom);
}
&.-text-pos-center-top {
@include text-position-wrapper(center,top);
}
&.-text-pos-center-topmiddle {
@include text-position-wrapper(center,topmiddle);
}
&.-text-pos-center-middle {
@include text-position-wrapper(center,middle);
}
&.-text-pos-center-bottommiddle {
@include text-position-wrapper(center,bottommiddle);
}
&.-text-pos-center-bottom {
@include text-position-wrapper(center,bottom);
}
&.-text-pos-right-top {
@include text-position-wrapper(right,top);
}
&.-text-pos-right-topmiddle {
@include text-position-wrapper(right,topmiddle);
}
&.-text-pos-right-middle {
@include text-position-wrapper(right,middle);
}
&.-text-pos-right-bottommiddle {
@include text-position-wrapper(right,bottommiddle);
}
&.-text-pos-right-bottom {
@include text-position-wrapper(right,bottom);
}
}