.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}@font-face {
font-family: 'Coolvetica Compressed Hv';
src: url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCompressedHv-Regular.woff2) format('woff2'), url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCompressedHv-Regular.woff) format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Coolvetica Rg';
src: url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaRg-Italic.woff2) format('woff2'), url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaRg-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Coolvetica Condensed Rg';
src: url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCondensedRg-Regular.woff2) format('woff2'), url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCondensedRg-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Coolvetica Rg';
src: url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaRg-Regular.woff2) format('woff2'), url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaRg-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Coolvetica Crammed Rg';
src: url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCrammedRg-Regular.woff2) format('woff2'), url(//logistiekeroadshow.meesverberne.com/wp-content/themes/logistiekeroadshow/assets/fonts/CoolveticaCrammedRg-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
html.touch body .text p a:hover {
opacity: 1;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
border-collapse: inherit;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: transparent;
}
*:focus {
outline: none;
}
::-moz-selection { background: rgba(0, 0, 0, 0.3);
color: #fff;
}
::selection {
background: rgba(0, 0, 0, 0.3);
color: #fff;
}
.visuallyHidden {
border: 0;
padding: 0;
margin: 0;
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
input,
textarea {
border-radius: 0 !important;
-webkit-appearance: none !important;
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 30px #2D2F33 inset;
-webkit-text-fill-color: #fff !important;
}
img.lazy {
visibility: hidden;
opacity: 0;
}
.lazyBackground.lazy {
background-image: none !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
overscroll-behavior: contain;
}
.lenis.lenis-scrolling iframe {
pointer-events: none;
}
html {
scroll-behavior: initial;
}
html.stopScroll {
overflow: hidden;
}
html.stopScroll body {
overflow: hidden;
}
html.is-changing {
pointer-events: none;
}
html,
body {
font-family: 'Coolvetica Rg';
width: 100vw;
min-height: 100vh;
height: auto;
font-weight: 400;
background: #F4F4F4;
color: #2D2F33;
font-size: 1.25vw;
line-height: 1.875vw;
overflow-x: hidden;
}
html.overflow,
body.overflow {
overflow: hidden;
}
html [data-scroll-inview],
body [data-scroll-inview] {
opacity: 0;
-webkit-transform: translateY(3.125vw);
-moz-transform: translateY(3.125vw);
-o-transform: translateY(3.125vw);
-ms-transform: translateY(3.125vw);
transform: translateY(3.125vw);
-webkit-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s;
-moz-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s;
-ms-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s;
-o-transition: opacity 0.45s 0.3s, transform 0.45s 0.3s;
transition: opacity 0.45s 0.3s, transform 0.45s 0.3s;
}
html [data-scroll-inview].is-inview,
body [data-scroll-inview].is-inview {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
html .blocks section,
body .blocks section {
margin: 5vw 0;
}
html .blocks section:first-child,
body .blocks section:first-child {
margin-top: 0;
}
html body,
body body {
opacity: 1;
pointer-events: inherit;
-webkit-transition: opacity 0.3s, pointer-events 0.3s;
-moz-transition: opacity 0.3s, pointer-events 0.3s;
-ms-transition: opacity 0.3s, pointer-events 0.3s;
-o-transition: opacity 0.3s, pointer-events 0.3s;
transition: opacity 0.3s, pointer-events 0.3s;
}
html body.fadeOut,
body body.fadeOut {
opacity: 0;
pointer-events: none;
}
html .text p,
body .text p {
font-size: 1.25vw;
line-height: 1.875vw;
margin-bottom: 1.875vw;
}
html .text p:last-child,
body .text p:last-child {
margin-bottom: 0;
}
html .text p a,
body .text p a {
color: #2D2F33;
opacity: 1;
text-decoration: none;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
html .text p a:hover,
body .text p a:hover {
opacity: 0.4;
}
html.is-changing #pageContainer.transition-fade,
html.fade #pageContainer.transition-fade {
opacity: 0;
}
#pageContainer.transition-fade {
opacity: 1;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
.contentWrapper {
margin: 0 auto;
padding: 0 6.25vw;
}
.contentWrapper.small {
width: 54vw;
}
.normalTitle {
font-size: 3.75vw;
line-height: 3.625vw;
font-weight: 700;
}
.normalTitle .smaller {
font-size: 0.875vw;
line-height: 1.125vw;
display: block;
}
.textTitle {
font-size: 1.625vw;
line-height: 2.125vw;
font-weight: 600;
}
form.submitting .submitField input {
opacity: 0.2;
pointer-events: none;
}
form .field.half {
display: inline-block;
vertical-align: top;
width: calc(50% - 0.5vw);
}
form .field.half.left {
padding-right: 0.5vw;
}
form .field.half.right {
padding-left: 0.5vw;
}
form .field.invalid .select2-container .select2-selection--single {
border-bottom: 2px solid #93316F;
}
form .field.checkbox {
color: #fff;
}
form .field.checkbox label {
color: #fff;
cursor: pointer;
}
form .field.checkbox a {
color: #fff;
opacity: 1;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
form .field.checkbox a:hover {
opacity: 0.6;
}
form .field.checkbox .wpcf7-list-item {
margin-left: 0;
}
form .field.checkbox input[type=checkbox] {
position: relative;
visibility: hidden;
}
form .field.checkbox input[type=checkbox] + span {
padding-left: 1.625vw;
font-size: 1.25vw;
white-space: nowrap;
}
form .field.checkbox input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
border-radius: 0;
height: 0.75vw;
width: 0.75vw;
top: 0.125vw;
left: 0;
border: 2px solid #fff;
}
form .field.checkbox input[type=checkbox] + span:after {
content: "";
display: block;
position: absolute;
background: #fff;
height: 0.5vw;
width: 0.5vw;
top: calc(2px + 0.25vw);
left: calc(2px + 0.125vw);
visibility: hidden;
}
form .field.checkbox input[type=checkbox]:checked + span:before {
background: transparent;
}
form .field.checkbox input[type=checkbox]:checked + span:after {
visibility: visible;
}
form .field .label {
color: #fff;
font-weight: 700;
display: block;
margin-bottom: 0.3125vw;
}
form .field .select2-container {
width: 100% !important;
margin-bottom: 1.25vw;
}
form .field .select2-container .select2-selection--single {
height: auto;
margin-bottom: 0 !important;
border-radius: 0;
}
form .field .select2-container .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0;
right: 0.625vw;
}
form .field .select2-container .select2-selection__rendered {
height: auto;
line-height: 3.125vw;
padding: 0;
padding-right: 1.25vw;
color: #000000;
}
form .field input[type="text"],
form .field input[type="email"],
form .field input[type="tel"],
form .field textarea,
form .field .select2-selection--single {
color: #000000;
padding: 0 1.25vw;
display: block;
width: 100%;
border: none;
margin-bottom: 1vw;
border-radius: 0.625vw !important;
background: transparent;
font-size: 1.25vw;
line-height: 3.125vw;
background: #fff;
font-family: 'Coolvetica Rg';
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
form .field input[type="text"].wpcf7-not-valid,
form .field input[type="email"].wpcf7-not-valid,
form .field input[type="tel"].wpcf7-not-valid,
form .field textarea.wpcf7-not-valid,
form .field .select2-selection--single.wpcf7-not-valid {
background: #fab5b5;
}
form .field input[type="text"]::-webkit-input-placeholder,
form .field input[type="email"]::-webkit-input-placeholder,
form .field input[type="tel"]::-webkit-input-placeholder,
form .field textarea::-webkit-input-placeholder,
form .field .select2-selection--single::-webkit-input-placeholder {
color: rgba(29, 29, 29, 0.4);
}
form .field input[type="text"]::-moz-placeholder,
form .field input[type="email"]::-moz-placeholder,
form .field input[type="tel"]::-moz-placeholder,
form .field textarea::-moz-placeholder,
form .field .select2-selection--single::-moz-placeholder {
color: rgba(29, 29, 29, 0.4);
}
form .field input[type="text"]:-ms-input-placeholder,
form .field input[type="email"]:-ms-input-placeholder,
form .field input[type="tel"]:-ms-input-placeholder,
form .field textarea:-ms-input-placeholder,
form .field .select2-selection--single:-ms-input-placeholder {
color: rgba(29, 29, 29, 0.4);
}
form .field input[type="text"]:-moz-placeholder,
form .field input[type="email"]:-moz-placeholder,
form .field input[type="tel"]:-moz-placeholder,
form .field textarea:-moz-placeholder,
form .field .select2-selection--single:-moz-placeholder {
color: rgba(29, 29, 29, 0.4);
}
form .field textarea {
height: 9.375vw;
resize: none;
padding: 1.25vw;
line-height: 1.5vw;
background: rgba(0, 0, 0, 0.1);
}
form .field .wpcf7-not-valid-tip {
display: none !important;
}
form.sent .wpcf7-response-output {
background: #bad9b5;
}
form .terms {
margin-bottom: 1.25vw;
}
form .terms p {
font-size: 1.25vw;
line-height: 1.875vw;
max-width: 25vw;
width: 100%;
}
form .terms a {
color: #2D2F33;
opacity: 0.6;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
form .terms a:hover {
opacity: 1;
}
form .wpcf7-response-output {
margin: 1vw 0 !important;
padding: 1.25vw !important;
background: rgba(0, 0, 0, 0.1);
font-weight: 600;
color: #2D2F33 !important;
border: none !important;
font-size: 0.875vw;
}
form .submitField {
margin-top: 1.25vw;
}
form .submitField .wpcf7-spinner {
float: right;
margin-right: 0.625vw;
margin-top: -2.5vw;
}
form .submitField input {
font-family: 'Coolvetica Rg';
height: 3.125vw;
background: #93316F;
color: #fff;
font-weight: 700;
border: none;
font-size: 1.25vw;
line-height: 3.125vw;
display: block;
border-radius: 0.625vw !important;
width: 100%;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
form .submitField input:hover {
background: #5c1040;
}
form .submitField input[disabled] {
pointer-events: none;
opacity: 0.2;
cursor: none;
}
.select2-container .select2-dropdown {
margin-top: 0.625vw;
border: none;
border-radius: 0.625vw;
overflow: hidden;
}
.select2-container .select2-dropdown .select2-results__option {
padding: 0.625vw 1.25vw;
background: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.select2-container .select2-dropdown .select2-results__option[aria-selected="true"] {
background: #93316F;
color: #fff;
}
.select2-container .select2-dropdown .select2-results__option.select2-results__option--highlighted {
background: #2D2F33;
color: #fff;
}
.overlay {
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100vw;
z-index: 999999999;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.3s, pointer-events 0.3s;
-moz-transition: opacity 0.3s, pointer-events 0.3s;
-ms-transition: opacity 0.3s, pointer-events 0.3s;
-o-transition: opacity 0.3s, pointer-events 0.3s;
transition: opacity 0.3s, pointer-events 0.3s;
}
.overlay.active {
opacity: 1;
pointer-events: inherit;
}
.overlay .background {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000000;
opacity: 0.4;
}
.overlay .innerContainer {
border-radius: 1.25vw;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: 43.75vw;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #F4F4F4;
text-align: center;
max-width: 100%;
padding: 3.125vw 1.875vw;
max-height: 100vh;
overflow: auto;
}
.overlay .innerContainer .close {
height: 1.875vw;
left: auto;
position: absolute;
top: 1.25vw;
width: 1.875vw;
right: 1.25vw;
cursor: pointer;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: transform 0.3s 0s ease-out;
-moz-transition: transform 0.3s 0s ease-out;
-o-transition: transform 0.3s 0s ease-out;
transition: transform 0.3s 0s ease-out;
}
.overlay .innerContainer .close:hover {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.overlay .innerContainer .close:before,
.overlay .innerContainer .close:after {
content: "";
height: 1px;
left: 50%;
position: absolute;
top: 50%;
width: 100%;
-webkit-transform: translate(-50%, -50%) rotate(45deg);
-moz-transform: translate(-50%, -50%) rotate(45deg);
-o-transform: translate(-50%, -50%) rotate(45deg);
-ms-transform: translate(-50%, -50%) rotate(45deg);
transform: translate(-50%, -50%) rotate(45deg);
background: #000000;
}
.overlay .innerContainer .close:after {
-webkit-transform: translate(-50%, -50%) rotate(-45deg);
-moz-transform: translate(-50%, -50%) rotate(-45deg);
-o-transform: translate(-50%, -50%) rotate(-45deg);
-ms-transform: translate(-50%, -50%) rotate(-45deg);
transform: translate(-50%, -50%) rotate(-45deg);
}
.grecaptcha-badge {
visibility: hidden;
}
@media all and (max-width: 1080px) {
html,
body {
font-size: 1.852vw;
line-height: 2.778vw;
}
html [data-scroll-inview],
body [data-scroll-inview] {
-webkit-transform: translateY(4.63vw);
-moz-transform: translateY(4.63vw);
-o-transform: translateY(4.63vw);
-ms-transform: translateY(4.63vw);
transform: translateY(4.63vw);
}
html .blocks section,
body .blocks section {
margin: 7.407vw 0;
}
html .blocks section:first-child,
body .blocks section:first-child {
margin-top: 0;
}
html .text p,
body .text p {
font-size: 1.852vw;
line-height: 2.778vw;
margin-bottom: 2.778vw;
}
.contentWrapper {
padding: 0 5.556vw;
}
.contentWrapper.small {
width: 100%;
}
.normalTitle {
font-size: 5.556vw;
line-height: 5.37074074vw;
}
.textTitle {
font-size: 2.407vw;
line-height: 3.14814815vw;
}
form .field.half {
width: calc(50% - calc(0.7405vw));
}
form .field.half.left {
padding-right: 0.7405vw;
}
form .field.half.right {
padding-left: 0.7405vw;
}
form .field.checkbox input[type=checkbox] + span {
padding-left: 2.407vw;
font-size: 1.296vw;
}
form .field.checkbox input[type=checkbox] + span:before {
height: 1.111vw;
width: 1.111vw;
top: 0.185vw;
}
form .field.checkbox input[type=checkbox] + span:after {
height: 0.74074074vw;
width: 0.74074074vw;
top: calc(2px + 0.37vw);
left: calc(2px + 0.185vw);
}
form .field .select2-container {
margin-bottom: 1.852vw;
}
form .field .select2-container .select2-selection--single .select2-selection__arrow {
right: 0.926vw;
}
form .field .select2-container .select2-selection__rendered {
line-height: 4.63vw;
padding-right: 1.852vw;
}
form .field input[type="text"],
form .field input[type="email"],
form .field input[type="tel"],
form .field textarea,
form .field .select2-selection--single {
padding: 0 1.852vw;
margin-bottom: 1.481vw;
border-radius: 0.926vw !important;
font-size: 1.852vw;
line-height: 4.63vw;
}
form .field textarea {
height: 13.889vw;
padding: 1.852vw;
line-height: 2.222vw;
}
form .terms {
margin-bottom: 1.852vw;
}
form .terms p {
font-size: 1.852vw;
line-height: 2.778vw;
max-width: 37.036vw;
}
form .wpcf7-response-output {
margin: 1.481vw 0 !important;
padding: 1.852vw !important;
font-size: 1.296vw;
}
form .submitField {
margin-top: 1.852vw;
}
form .submitField .wpcf7-spinner {
margin-right: 0.926vw;
margin-top: -3.704vw;
}
form .submitField input {
height: 4.63vw;
font-size: 1.852vw;
line-height: 4.63vw;
border-radius: 0.926vw !important;
}
.select2-container .select2-dropdown {
margin-top: 0.926vw;
border-radius: 0.926vw;
}
.select2-container .select2-dropdown .select2-results__option {
padding: 0.926vw 1.852vw;
}
.overlay .innerContainer {
border-radius: 1.852vw;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: 64.813vw;
padding: 4.63vw 2.778vw;
}
.overlay .innerContainer .close {
height: 2.778vw;
left: auto;
position: absolute;
top: 1.852vw;
width: 2.778vw;
right: 1.852vw;
}
}
@media all and (max-width: 580px) {
html,
body {
font-size: 3.448vw;
line-height: 5.172vw;
}
html [data-scroll-inview],
body [data-scroll-inview] {
-webkit-transform: translateY(8.621vw);
-moz-transform: translateY(8.621vw);
-o-transform: translateY(8.621vw);
-ms-transform: translateY(8.621vw);
transform: translateY(8.621vw);
}
html .blocks section,
body .blocks section {
margin: 13.793vw 0;
}
html .blocks section:first-child,
body .blocks section:first-child {
margin-top: 0;
}
html .text p,
body .text p {
font-size: 3.448vw;
line-height: 5.172vw;
margin-bottom: 5.172vw;
}
.contentWrapper {
padding: 0 6.897vw;
}
.contentWrapper.small {
width: 100%;
}
.normalTitle {
font-size: 6.897vw;
line-height: 8.27631034vw;
}
.textTitle {
font-size: 4.483vw;
line-height: 5.86206897vw;
}
form .field.half {
width: calc(100% - 1.3795vw);
}
form .field.half.left {
padding-right: 0;
}
form .field.half.right {
padding-left: 0;
}
form .field.checkbox input[type=checkbox] + span {
padding-left: 4.483vw;
font-size: 3.448vw;
}
form .field.checkbox input[type=checkbox] + span:before {
height: 2.069vw;
width: 2.069vw;
top: 0.345vw;
}
form .field.checkbox input[type=checkbox] + span:after {
height: 1.37931034vw;
width: 1.37931034vw;
top: calc(2px + 0.69vw);
left: calc(2px + 0.345vw);
}
form .field .select2-container {
margin-bottom: 3.448vw;
}
form .field .select2-container .select2-selection--single .select2-selection__arrow {
right: 1.724vw;
}
form .field .select2-container .select2-selection__rendered {
line-height: 10.345vw;
padding-right: 3.448vw;
}
form .field input[type="text"],
form .field input[type="email"],
form .field input[type="tel"],
form .field textarea,
form .field .select2-selection--single {
padding: 0 3.448vw;
margin-bottom: 2.759vw;
border-radius: 1.724vw !important;
font-size: 3.448vw;
line-height: 10.345vw;
}
form .field textarea {
height: 25.862vw;
padding: 3.448vw;
line-height: 4.138vw;
}
form .terms {
margin-bottom: 3.448vw;
}
form .terms p {
font-size: 2.759vw;
line-height: 4.138vw;
max-width: 68.964vw;
}
form .wpcf7-response-output {
margin: 3.448vw 0 !important;
padding: 3.448vw !important;
font-size: 2.414vw;
}
form .submitField {
margin-top: 3.448vw;
}
form .submitField .wpcf7-spinner {
margin-right: 1.724vw;
margin-top: -6.897vw;
}
form .submitField input {
height: 10.345vw;
font-size: 3.448vw;
line-height: 10.345vw;
border-radius: 1.724vw !important;
}
.select2-container .select2-dropdown {
margin-top: 1.724vw;
border-radius: 1.724vw;
}
.select2-container .select2-dropdown .select2-results__option {
padding: 1.724vw 3.448vw;
}
.overlay .innerContainer {
border-radius: 3.448vw;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: calc(100% - 6.897vw);
padding: 8.621vw 5.172vw;
}
.overlay .innerContainer .close {
height: 5.172vw;
left: auto;
position: absolute;
top: 3.448vw;
width: 5.172vw;
right: 3.448vw;
}
}
footer {
text-align: right;
margin-bottom: 5vw;
padding: 0 7.5vw;
margin-top: -3.75vw;
}
footer p {
display: inline;
}
footer p a {
color: #000000;
opacity: 1;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
footer p a:hover {
opacity: 0.6;
}
@media all and (max-width: 1080px) {
footer {
text-align: right;
margin-bottom: 7.407vw;
padding: 0 11.111vw;
margin-top: -5.556vw;
}
}
@media all and (max-width: 580px) {
footer {
text-align: left;
margin-bottom: 13.793vw;
padding: 0;
margin-top: 17.241vw;
}
footer p {
font-size: 2.759vw;
}
}
.headerBlock {
padding: 3.125vw 0 0 0;
position: relative;
}
.headerBlock:before {
content: "";
height: calc(100% - 11.25vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000000;
}
.headerBlock.inview .background {
opacity: 1;
}
.headerBlock.inview .actionTrigger {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: inherit;
}
.headerBlock.inview .contentWrapper .logo,
.headerBlock.inview .contentWrapper .text,
.headerBlock.inview .contentWrapper .logosSection .innerContent .textTitle,
.headerBlock.inview .contentWrapper .logosSection .innerContent .logos {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: inherit;
}
.headerBlock .background {
height: calc(100% - 11.25vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
-webkit-transition: opacity 0.9s 0.3s ease-out;
-moz-transition: opacity 0.9s 0.3s ease-out;
-o-transition: opacity 0.9s 0.3s ease-out;
transition: opacity 0.9s 0.3s ease-out;
}
.headerBlock .background:after {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background: #000000;
opacity: 0.6;
}
.headerBlock .actionTrigger {
height: 12.5vw;
left: 8.75vw;
position: absolute;
top: 12.8125vw;
width: 12.5vw;
cursor: pointer;
z-index: 2;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-moz-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-ms-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-o-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.headerBlock .actionTrigger:hover .circle {
background: #93316F;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.headerBlock .actionTrigger .circle {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
border-radius: 50%;
background: #4980C8;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: background 0.3s, transform 0.3s;
-moz-transition: background 0.3s, transform 0.3s;
-ms-transition: background 0.3s, transform 0.3s;
-o-transition: background 0.3s, transform 0.3s;
transition: background 0.3s, transform 0.3s;
}
.headerBlock .actionTrigger .innerContent {
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
margin-top: -1.25vw;
}
.headerBlock .actionTrigger .innerContent .image {
width: 12.5vw;
margin: 0 auto;
}
.headerBlock .actionTrigger .innerContent .image img {
display: inline-block;
width: 100%;
height: auto;
}
.headerBlock .actionTrigger .innerContent .smallTitle {
color: #fff;
font-size: 1.875vw;
white-space: nowrap;
display: block;
line-height: 2.125vw;
}
.headerBlock .actionTrigger .innerContent .smallTitle .bigger {
display: block;
font-size: 2.5625vw;
}
.headerBlock .contentWrapper {
position: relative;
z-index: 1;
}
.headerBlock .contentWrapper .logo {
width: 19.375vw;
margin: 0 auto;
margin-bottom: 5vw;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-moz-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-ms-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-o-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.headerBlock .contentWrapper .logo img {
display: block;
height: auto;
width: 100%;
}
.headerBlock .contentWrapper .text {
text-align: center;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-moz-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-ms-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-o-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.headerBlock .contentWrapper .text p {
color: #fff;
}
.headerBlock .contentWrapper .logosSection {
margin-top: 5vw;
background: #93316F;
padding: 5vw 7.5vw;
border-radius: 1.25vw;
color: #fff;
text-align: center;
}
.headerBlock .contentWrapper .logosSection .innerContent {
margin: 0 auto;
}
.headerBlock .contentWrapper .logosSection .innerContent .textTitle {
margin-bottom: 2.5vw;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-moz-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-ms-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-o-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
}
.headerBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 1vw);
margin-left: -0.5vw;
margin-bottom: -1vw;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-moz-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-ms-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-o-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
}
.headerBlock .contentWrapper .logosSection .innerContent .logos .logo {
display: inline-block;
vertical-align: top;
width: calc(25% - 1vw);
margin: 0 0.5vw;
height: 0;
padding-bottom: calc(15% - 1vw);
background: #fff;
border-radius: 1.25vw;
margin-bottom: 1vw;
position: relative;
opacity: 1;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
.headerBlock .contentWrapper .logosSection .innerContent .logos .logo:hover {
opacity: 0.6;
}
.headerBlock .contentWrapper .logosSection .innerContent .logos .logo img {
display: block;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 70%;
max-height: 60%;
}
@media all and (max-width: 1080px) {
.headerBlock {
padding: 4.63vw 0 0 0;
}
.headerBlock:before {
height: calc(100% - 16.666vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.headerBlock .background {
height: calc(100% - 16.666vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.headerBlock .actionTrigger {
height: 18.519vw;
left: 4.63vw;
position: absolute;
top: 12.037vw;
width: 18.519vw;
}
.headerBlock .actionTrigger .innerContent {
margin-top: -1.852vw;
}
.headerBlock .actionTrigger .innerContent .image {
width: 18.519vw;
}
.headerBlock .actionTrigger .innerContent .smallTitle {
font-size: 2.778vw;
line-height: 3.14814815vw;
}
.headerBlock .actionTrigger .innerContent .smallTitle .bigger {
font-size: 3.796vw;
}
.headerBlock .contentWrapper .logo {
width: 28.703vw;
margin-bottom: 7.407vw;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.headerBlock .contentWrapper .text {
max-width: 64.813vw;
margin: 0 auto;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.headerBlock .contentWrapper .logosSection {
margin-top: 7.407vw;
padding: 7.407vw 11.111vw;
border-radius: 1.852vw;
}
.headerBlock .contentWrapper .logosSection .innerContent .textTitle {
margin-bottom: 3.704vw;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.headerBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 1.481vw);
margin-left: -0.7405vw;
margin-bottom: -1.481vw;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.headerBlock .contentWrapper .logosSection .innerContent .logos .logo {
width: calc(25% - 1.481vw);
margin: 0 0.7405vw;
padding-bottom: calc(15% - 1.481vw);
border-radius: 1.852vw;
margin-bottom: 1.481vw;
}
}
@media all and (max-width: 580px) {
.headerBlock {
padding: 8.621vw 0 0 0;
}
.headerBlock:before {
height: calc(100% - 31.034vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.headerBlock .background {
height: calc(100% - 31.034vw);
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.headerBlock .actionTrigger {
height: 20.69vw;
left: 10.345vw;
position: absolute;
top: 41.379vw;
width: 20.69vw;
}
.headerBlock .actionTrigger .innerContent {
margin-top: -3.448vw;
}
.headerBlock .actionTrigger .innerContent .image {
width: 17.241vw;
}
.headerBlock .actionTrigger .innerContent .smallTitle {
font-size: 3.448vw;
line-height: 4.138vw;
}
.headerBlock .actionTrigger .innerContent .smallTitle .bigger {
font-size: 5.345vw;
}
.headerBlock .contentWrapper .logo {
width: 60%;
margin-bottom: 17.241vw;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.headerBlock .contentWrapper .text {
max-width: 100%;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.headerBlock .contentWrapper .logosSection {
margin-top: 17.241vw;
padding: 6.897vw 6.897vw;
border-radius: 3.448vw;
}
.headerBlock .contentWrapper .logosSection .innerContent .textTitle {
margin-bottom: 6.897vw;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.headerBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 2.759vw);
margin-left: -1.3795vw;
margin-bottom: -2.759vw;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.headerBlock .contentWrapper .logosSection .innerContent .logos .logo {
width: calc(50% - 2.759vw);
margin: 0 1.3795vw;
padding-bottom: calc(30% - 2.759vw);
border-radius: 3.448vw;
margin-bottom: 2.759vw;
}
}
.logosBlock {
text-align: center;
}
.logosBlock.inview .contentWrapper .logosSection .innerContent .textTitle,
.logosBlock.inview .contentWrapper .logosSection .innerContent .logos {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: inherit;
}
.logosBlock .contentWrapper .logosSection {
margin-top: 5vw;
}
.logosBlock .contentWrapper .logosSection .innerContent {
margin: 0 auto;
}
.logosBlock .contentWrapper .logosSection .innerContent .textTitle {
max-width: 43.75vw;
margin: 0 auto;
margin-bottom: 2.5vw;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-moz-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-ms-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-o-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.logosBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 1vw);
margin-left: -0.5vw;
margin-bottom: -1vw;
padding: 0 12.5%;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-moz-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-ms-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-o-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.logosBlock .contentWrapper .logosSection .innerContent .logos .logo {
cursor: pointer;
display: inline-block;
vertical-align: top;
width: calc(12.5% - 1vw);
margin: 0 0.5vw;
height: 0;
padding-bottom: calc(9% - 1vw);
background: #fff;
border-radius: 1.25vw;
margin-bottom: 1vw;
position: relative;
opacity: 1;
-webkit-transition: opacity 0.3s 0s ease-out;
-moz-transition: opacity 0.3s 0s ease-out;
-o-transition: opacity 0.3s 0s ease-out;
transition: opacity 0.3s 0s ease-out;
}
.logosBlock .contentWrapper .logosSection .innerContent .logos .logo:hover {
opacity: 0.6;
}
.logosBlock .contentWrapper .logosSection .innerContent .logos .logo img {
display: block;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 70%;
max-height: 60%;
}
.logosBlock .overlay .logo {
display: inline-block;
vertical-align: top;
width: 12.5vw;
height: 6.25vw;
background: #fff;
border-radius: 1.25vw;
position: relative;
}
.logosBlock .overlay .logo img {
display: block;
height: auto;
left: 50%;
position: absolute;
top: 50%;
width: auto;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 70%;
max-height: 60%;
}
.logosBlock .overlay .cols {
margin-top: 1.875vw;
}
.logosBlock .overlay .cols .col {
display: inline-block;
vertical-align: top;
padding: 1.25vw;
width: 50%;
text-align: center;
}
.logosBlock .overlay .cols .col:first-child {
padding-left: 0;
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.logosBlock .overlay .cols .col:last-child {
padding-right: 0;
}
.logosBlock .overlay .cols .col:last-child .button {
background: #4980C8;
}
.logosBlock .overlay .cols .col .button {
display: block;
width: 100%;
background: #93316F;
color: #fff;
text-decoration: none;
padding: 0.625vw 1.25vw;
border-radius: 1.25vw;
-webkit-transition: background 0.3s 0s ease-out;
-moz-transition: background 0.3s 0s ease-out;
-o-transition: background 0.3s 0s ease-out;
transition: background 0.3s 0s ease-out;
}
.logosBlock .overlay .cols .col .button:hover {
background: #2D2F33;
}
@media all and (max-width: 1080px) {
.logosBlock .contentWrapper .logosSection {
margin-top: 7.407vw;
}
.logosBlock .contentWrapper .logosSection .innerContent .textTitle {
max-width: 64.813vw;
margin-bottom: 3.704vw;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.logosBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 1.481vw);
margin-left: -0.7405vw;
margin-bottom: -1.481vw;
padding: 0;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.logosBlock .contentWrapper .logosSection .innerContent .logos .logo {
width: calc(12.5% - 1.481vw);
margin: 0 0.7405vw;
padding-bottom: calc(9% - 1.481vw);
border-radius: 1.852vw;
margin-bottom: 1.481vw;
}
.logosBlock .overlay .logo {
width: 18.519vw;
height: 9.259vw;
border-radius: 1.852vw;
}
.logosBlock .overlay .cols {
margin-top: 2.778vw;
}
.logosBlock .overlay .cols .col {
padding: 1.852vw;
}
.logosBlock .overlay .cols .col .button {
padding: 0.926vw 1.852vw;
border-radius: 1.852vw;
}
}
@media all and (max-width: 580px) {
.logosBlock .contentWrapper .logosSection {
margin-top: 13.793vw;
}
.logosBlock .contentWrapper .logosSection .innerContent .textTitle {
max-width: 100%;
margin-bottom: 6.897vw;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.logosBlock .contentWrapper .logosSection .innerContent .logos {
width: calc(100% + 2.759vw);
margin-left: -1.3795vw;
margin-bottom: -2.759vw;
padding: 0;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.logosBlock .contentWrapper .logosSection .innerContent .logos .logo {
width: calc(33.3333% - 2.759vw);
margin: 0 1.3795vw;
padding-bottom: calc(20% - 2.759vw);
border-radius: 3.448vw;
margin-bottom: 2.759vw;
}
.logosBlock .overlay .logo {
width: 34.483vw;
height: 17.241vw;
border-radius: 3.448vw;
}
.logosBlock .overlay .cols {
margin-top: 5.172vw;
}
.logosBlock .overlay .cols .col {
width: 100% !important;
padding: 1.724vw 0;
}
.logosBlock .overlay .cols .col .button {
padding: 1.724vw 3.448vw;
border-radius: 3.448vw;
}
}
.formBlock.inview .contentWrapper .formSection .normalTitle,
.formBlock.inview .contentWrapper .formSection .cols .col,
.formBlock.inview .contentWrapper .formSection .logo {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
pointer-events: inherit;
}
.formBlock .contentWrapper {
position: relative;
z-index: 1;
}
.formBlock .contentWrapper .formSection {
margin-top: 5vw;
background: #4980C8;
padding: 5vw 7.5vw;
border-radius: 1.25vw;
color: #fff;
text-align: left;
position: relative;
}
.formBlock .contentWrapper .formSection .normalTitle {
width: 80%;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-moz-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-ms-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
-o-transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
transition: transform 0.45s 0.15s, opacity 0.45s 0.15s, pointer-events 0.45s 0.15s;
}
.formBlock .contentWrapper .formSection .cols {
margin-top: 2.5vw;
}
.formBlock .contentWrapper .formSection .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-moz-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-ms-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
-o-transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
transition: transform 0.45s 0.3s, opacity 0.45s 0.3s, pointer-events 0.45s 0.3s;
}
.formBlock .contentWrapper .formSection .cols .col:first-child {
padding-right: 6.25vw;
padding-bottom: 6.25vw;
}
.formBlock .contentWrapper .formSection .cols .col:last-child {
-webkit-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-moz-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-ms-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
-o-transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
transition: transform 0.45s 0.45s, opacity 0.45s 0.45s, pointer-events 0.45s 0.45s;
}
.formBlock .contentWrapper .formSection .cols .col .message {
padding: 1.25vw;
background: rgba(0, 0, 0, 0.2);
border-radius: 0.625vw;
}
.formBlock .contentWrapper .formSection .cols .col .text p a {
color: #fff;
text-decoration: underline;
}
.formBlock .contentWrapper .formSection .logo {
height: auto;
left: -1.5vw;
position: absolute;
top: auto;
width: 16.25vw;
bottom: -5vw;
-webkit-transform: translateY(1.25vw);
-moz-transform: translateY(1.25vw);
-o-transform: translateY(1.25vw);
-ms-transform: translateY(1.25vw);
transform: translateY(1.25vw);
opacity: 0;
pointer-events: none;
-webkit-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-moz-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-ms-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
-o-transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
transition: transform 0.45s 0.6s, opacity 0.45s 0.6s, pointer-events 0.45s 0.6s;
}
.formBlock .contentWrapper .formSection .logo img {
display: block;
width: 100%;
height: auto;
}
@media all and (max-width: 1080px) {
.formBlock .contentWrapper .formSection {
margin-top: 7.407vw;
padding: 7.407vw 5.556vw;
border-radius: 1.852vw;
}
.formBlock .contentWrapper .formSection .normalTitle {
width: 70%;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.formBlock .contentWrapper .formSection .cols {
margin-top: 3.704vw;
}
.formBlock .contentWrapper .formSection .cols .col {
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
.formBlock .contentWrapper .formSection .cols .col:first-child {
padding-right: 4.63vw;
padding-bottom: 9.259vw;
}
.formBlock .contentWrapper .formSection .cols .col .message {
padding: 1.852vw;
border-radius: 0.926vw;
}
.formBlock .contentWrapper .formSection .logo {
height: auto;
left: -2.222vw;
position: absolute;
top: auto;
width: 24.074vw;
bottom: -7.407vw;
-webkit-transform: translateY(1.852vw);
-moz-transform: translateY(1.852vw);
-o-transform: translateY(1.852vw);
-ms-transform: translateY(1.852vw);
transform: translateY(1.852vw);
}
}
@media all and (max-width: 580px) {
.formBlock .contentWrapper .formSection {
margin-top: 13.793vw;
padding: 13.793vw 6.897vw;
border-radius: 3.448vw;
}
.formBlock .contentWrapper .formSection .normalTitle {
width: 100%;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.formBlock .contentWrapper .formSection .cols {
margin-top: 6.897vw;
}
.formBlock .contentWrapper .formSection .cols .col {
width: 100%;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
.formBlock .contentWrapper .formSection .cols .col:first-child {
padding-right: 0;
padding-bottom: 13.793vw;
}
.formBlock .contentWrapper .formSection .cols .col:last-child {
padding-bottom: 13.793vw;
}
.formBlock .contentWrapper .formSection .cols .col .message {
padding: 3.448vw;
border-radius: 1.724vw;
}
.formBlock .contentWrapper .formSection .logo {
height: auto;
left: -4.138vw;
position: absolute;
top: auto;
width: 44.827vw;
bottom: -13.793vw;
-webkit-transform: translateY(3.448vw);
-moz-transform: translateY(3.448vw);
-o-transform: translateY(3.448vw);
-ms-transform: translateY(3.448vw);
transform: translateY(3.448vw);
}
}