/* ex-definitions */
/**
* Definitions
* Breakpoints: 1440, 1280, 1024, 768, 360
*/
/**
* Content
* - Colors
* - Body
* - Headings
* - Paragraphs
* - List
* - Subcripts / Supercripts
* - Margins
* - Buttons
*/
:root {
--Black: #101008;
--Neutrals-Black: #282819;
--Neutrals-Dark-Grey: #4E4E3E;
--Neutrals-Grey: #70705F;
--Neutrals-Medium-Grey: #8A8A7E;
--Neutrals-Light-Grey: #929283;
--Neutrals-Dark-Sand: #B4B4A2;
--Neutrals-Sand: #C6C6B3;
--Neutrals-Medium-Sand: #DADAC8;
--Neutrals-Light-Sand: #E6E6D7;
--Neutrals-White-Sand: #F7F6F2;
--Neutrals-White: #FFFFFF;
--Primary-Dark-Green: #003C19;
--Primary-Green: #006432;
--Primary-Green-40: rgba(0, 100, 50, 0.4);
--Primary-Middle-Green: #0F9129;
--Primary-Light-Green: #19AF23;
--Primary-Soft-Green: #9ADF9F;
--Primary-White-Green: #D1EFD3;
--Secondary-Dark-Electro: #00413C;
--Secondary-Middle-Electro: #00544D;
--Secondary-Electro: #00786E;
--Secondary-Light-Electro: #BFDDDB;
--Primary-Gradient: linear-gradient(290deg, #006432 0%, #267D9E 100%);
--Gradient-Sand: linear-gradient(135deg, #F7F6F2 5%, #E6E6D7 100%);
--Gradient-Green: linear-gradient(139deg, #19AF23 0%, #006432 130%);
--Gradient-Electro: linear-gradient(320deg, #006432 0%, #3882A6 100%);
--Gradient-Black: linear-gradient(123deg, #4E4E3E 0%, #282819 100%);
--Gradient-Product-Real: linear-gradient(90deg, #F7F6F2 0%, #E6E6D7 100%);
--Gradient-Product: linear-gradient(180deg, #F7F6F2 0%, #E6E6D7 100%);
--Shadow-White: box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
--Shadow-Dark: box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.15);
--Shadow-Up: box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.05);
--Secondary-Dark-Blue: #206985;
--Secondary-Blue: #267D9E;
--Secondary-Light-Blue: #3882A6;
--Secondary-Red: #B90523;
--Hover-on-Green: #5AD062;
}
/* Colors */
.color--black { color: var(--Neutrals-Black) }
.color--dark-grey { color: var(--Neutrals-Dark-Grey) }
.color--grey { color: var(--Neutrals-Grey) }
.color--light-grey { color: var(--Neutrals-Light-Grey) }
.color--dark-sand { color: var(--Neutrals-Dark-Sand) }
.color--sand { color: var(--Neutrals-Sand) }
.color--light-sand { color: var(--Neutrals-Light-Sand) }
.color--white-sand { color: var(--Neutrals-White-Sand) }
.color--white { color: var(--Neutrals-White) }
.color--green { color: var(--Primary-Green) }
.color--light-green { color: var(--Primary-Light-Green) }
.color--electronics { color: var(--Secondary-Electronics) }
/* Body styles */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
}
html {
min-height: 100%;
height: 100%;
}
body {
position: relative;
width: 100%;
min-width: 360px;
min-height: 100vh;
padding: 64px 0 0 0;
margin: 0;
background-color: var(--Neutrals-White);
font-family: "open-sans", "Open Sans", sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.5;
color: var(--Neutrals-Dark-Grey);
overflow-anchor: none;
overflow-y: scroll;
overflow-x: clip;
}
body.no_scroll {
position: fixed;
left: 0;
right: 0;
width: 100%;
}
/* Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-style: normal;
font-weight: 300;
color: var(--Neutrals-Black);
}
h1 {
font-size: 56px;
line-height: 1.15;
letter-spacing: -0.05em;
}
h2 {
font-size: 48px;
line-height: 1.17;
letter-spacing: -0.04em;
}
h3 {
font-size: 32px;
line-height: 1.25;
letter-spacing: -0.03em;
}
h4 {
font-size: 24px;
line-height: 1.33;
letter-spacing: -0.02em;
}
h5 {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.01em;
}
h6 {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
}
.h1 {
font-size: 56px;
line-height: 1.15;
letter-spacing: -0.05em;
}
.h2 {
font-size: 48px;
line-height: 1.17;
letter-spacing: -0.04em;
}
.h3 {
font-size: 32px;
line-height: 1.25;
letter-spacing: -0.03em;
}
.h4 {
font-size: 24px;
line-height: 1.33;
letter-spacing: -0.02em;
}
.h5 {
font-size: 20px;
line-height: 1.4;
letter-spacing: -0.01em;
}
.h6 {
font-size: 16px;
line-height: 1.5;
letter-spacing: 0;
}
@media (max-width: 768px) {
h1 { font-size: 52px; }
h2 { font-size: 44px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.h1 { font-size: 52px; }
.h2 { font-size: 44px; }
.h3 { font-size: 32px; }
.h4 { font-size: 24px; }
.h5 { font-size: 20px; }
.h6 { font-size: 16px; }
}
@media (max-width: 450px) {
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
.h1 { font-size: 48px; }
.h2 { font-size: 40px; }
.h3 { font-size: 32px; }
.h4 { font-size: 24px; }
.h5 { font-size: 20px; }
.h6 { font-size: 16px; }
}
/* Paragraphs */
p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.5em;
color: var(--Neutrals-Dark-Grey);
}
p.large, p.has-medium-font-size {
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 1.5em;
letter-spacing: -0.01em;
color: var(--Neutrals-Dark-Grey);
}
p.small, p.has-small-font-size {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.5em;
/* color: var(--Neutrals-Grey); */
color: var(--Neutrals-Dark-Grey);
}
p.indent {
padding-left: 36px;
}
/** List/Unordered */
ul {
padding: 0;
margin: 0;
list-style: none;
}
ul li {
position: relative;
padding-left: 24px;
margin-bottom: 0.25em;
}
ul li::before {
content: "";
height: 7px;
width: 7px;
position: absolute;
left: 0;
top: 0.6em;
border-radius: 4px;
background-color: var(--Neutrals-Light-Grey);
}
/* Link/Regular */
a {
outline: none;
text-decoration: none;
font-weight: 600;
color: inherit;
transition: color 0.2s ease;
}
@media (hover: hover) and (pointer: fine) {
a:hover {
text-decoration: none;
color: var(--Primary-Light-Green);
}
}
a:focus {
outline: none !important;
box-shadow: none !important;
}
body.touch_device {
-webkit-tap-highlight-color: rgba(25, 175, 35, 0.4);
}
/* Subcripts / Supercripts */
sup {
vertical-align: baseline;
position: relative;
font-size: 0.7em;
font-weight: 600;
top: -0.4em;
}
sub {
vertical-align: baseline;
position: relative;
font-size: 0.7em;
font-weight: 600;
bottom: -0.3em;
}
strong sup, strong sub, sup strong, sub strong {
font-weight: 700;
}
p.large sup, p.has-medium-font-size sup {
font-weight: 300;
}
:is(h1, h2, h3, .h1, .h2, .h3) sup,
:is(h1, h2, h3, .h1, .h2, .h3) sub {
font-weight: 300;
}
:is(h4, h5, h6, .h4, .h5, .h6) sup,
:is(h4, h5, h6, .h4, .h5, .h6) sub {
font-weight: 400;
}
/* Layout helpers */
.clear--float::after {
content: "";
clear: both;
display: table;
}
.flex--fit {
display: block;
flex: 10 0 auto;
}
.text--no_break {
white-space: nowrap;
}
/** Margins */
.bottom--0em {
margin-bottom: 0 !important;
}
.bottom--0p5em {
margin-bottom: 0.5em !important;
}
.bottom--1em {
margin-bottom: 1em !important;
}
.bottom--1p5em {
margin-bottom: 1.5em !important;
}
.bottom--2em {
margin-bottom: 2em !important;
}
.bottom--2p5em {
margin-bottom: 2.5em !important;
}
.bottom--3em {
margin-bottom: 3em !important;
}
.bottom--4em {
margin-bottom: 4em !important;
}
.bottom--5em {
margin-bottom: 5em !important;
}
.top--0em {
margin-top: 1em !important;
}
.top--0p5em {
margin-top: 0 !important;
}
.top--1em {
margin-top: 1em !important;
}
.top--1p5em {
margin-top: 1.5em !important;
}
.top--2em {
margin-top: 2em !important;
}
.top--2p5em {
margin-top: 2.5em !important;
}
.top--3em {
margin-top: 3em !important;
}
.top--4em {
margin-top: 4em !important;
}
.top--5em {
margin-top: 5em !important;
}
/** Buttons */
.button--text {
display: inline-block;
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 22px;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: color 0.2s ease;
}
.button--text.button--white {
color: var(--Neutrals-White);
}
@media (hover: hover) and (pointer: fine) {
.button--text.button--white:hover {
color: var(--Hover-on-Green);
}
}
/** Button Round. Default color: --Neutrals-White
* button--round button--green button--arrow button--arrow_down
*/
.button--round {
display: inline-block;
height: 40px;
width: 40px;
border: none;
border-radius: 20px;
cursor: pointer;
outline: none;
background-color: var(--Neutrals-White);
background-position: center;
background-repeat: no-repeat;
}
.button--small {
height: 32px;
width: 32px;
border-radius: 16px;
}
.button--round.button--arrow,
.button--round.button--arrow_down,
.button--round.button--arrow_up {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23282819;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%23282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.button--round.button--arrow_down {
transform: rotate(90deg);
}
.button--round.button--arrow_up {
transform: rotate(-90deg);
}
.button--round.button--arrow_left {
transform: rotate(180deg);
}
.button--round.button--close {
/*
*/
background-size: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23282819;stroke-width:1.1;stroke-linecap:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cline class='line' x1='2.4' y1='9.7' x2='9.6' y2='2.3'/%3E%3Cline class='line' x1='2.4' y1='2.3' x2='9.6' y2='9.7'/%3E%3C/svg%3E");
}
.button--round.button--green {
background-color: var(--Primary-Light-Green);
}
.button--round.button--green.button--arrow,
.button--round.button--green.button--arrow_down,
.button--round.button--green.button--arrow_up {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.button--round.button--green.button--close {
/*
*/
background-size: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cline class='line' x1='2.4' y1='9.7' x2='9.6' y2='2.3'/%3E%3Cline class='line' x1='2.4' y1='2.3' x2='9.6' y2='9.7'/%3E%3C/svg%3E");
}
/** Buttons. Default color: --Primary-Light-Green
* button--item button--white button--arrow button--arrow_down button--arrow_up
*/
.buttons--container .button--item:not(:last-child) {
margin-right: 16px;
}
.button--item {
display: inline-block;
position: relative;
height: 48px;
padding: 18px 32px 18px 32px;
font-family: "open-sans", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: 0.08em;
text-transform: uppercase;
text-align: center;
white-space: nowrap;
border: none;
border-radius: 24px;
cursor: pointer;
outline: none;
background: var(--Primary-Light-Green);
}
.button--item span {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
color: var(--Neutrals-White);
}
.button--item.button--icon {
padding-right: 58px;
}
.button--item.button--icon::after {
position: absolute;
content: "";
top: 9px;
right: 9px;
width: 30px;
height: 30px;
border: none;
border-radius: 15px;
background-color: var(--Primary-Green-40);
background-position: center;
background-repeat: no-repeat;
}
.button--item.button_icon--arrow::after {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.button--item.button_icon--arrow_down::after {
transform: rotate(90deg);
}
.button--item.button_icon--arrow_up::after {
transform: rotate(-90deg);
}
.button--item.button_icon--close::after {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cline class='line' x1='2.4' y1='9.7' x2='9.6' y2='2.3'/%3E%3Cline class='line' x1='2.4' y1='2.3' x2='9.6' y2='9.7'/%3E%3C/svg%3E");
}
.button--item.button_icon--load_more::after {
transform: rotate(45deg);
}
.button--item.button--white {
background: var(--Neutrals-White);
}
.button--item.button--white span {
color: var(--Neutrals-Black);
}
.button--item.button--white.button--icon::after {
background-color: var(--Neutrals-White-Sand);
}
.button--item.button--white.button_icon--arrow::after {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23282819;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%23282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.button--item.button--white.button_icon--close::after {
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .line%7Bfill:none;stroke:%23282819;stroke-width:1.2;stroke-linecap:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cline class='line' x1='2.4' y1='9.7' x2='9.6' y2='2.3'/%3E%3Cline class='line' x1='2.4' y1='2.3' x2='9.6' y2='9.7'/%3E%3C/svg%3E");
}
.button--item.button--grey {
background: var(--Neutrals-Light-Sand);
}
.button--item.button--grey span {
color: var(--Neutrals-Light-Grey);
}
.button--item.button--grey.button--icon::after {
background-color: var(--Neutrals-Dark-Sand);
}
.button--send_request {
padding-right: 58px;
}
.button--send_request::after {
position: absolute;
content: "";
top: 9px;
right: 9px;
width: 30px;
height: 30px;
border: none;
border-radius: 15px;
background-color: var(--Primary-Green-40);
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.button--send_request.button--action_button {
position: fixed;
display: none;
right: 50px;
bottom: 24px;
z-index: 500;
transition: top 1s, bottom 1s;
}
.button--send_request.button--action_button.button--show_action {
display: block;
z-index: 1500;
}
.button--send_request.button--action_button.button--footer_fix {
position: absolute;
top: -72px;
bottom: unset;
z-index: 500;
}
@media (max-width: 1024px) {
.button--send_request.button--action_button {
right: 34px;
}
}
@media (max-width: 768px) {
.button--send_request.button--action_button {
right: 18px;
}
}
@media (max-width: 450px) {
.button--send_request.button--action_button {
right: 10px;
bottom: 16px;
}
}
@media (hover: hover) and (pointer: fine) {
.button--item.button--icon:hover::after,
.button--send_request:hover::after {
background-color: var(--Primary-Green);
}
.button--item.button--white.button--icon:hover::after {
background-color: var(--Neutrals-Medium-Sand);
}
.button--item.button--grey:hover span {
color: var(--Neutrals-Black);
}
.button--item.button--grey.button--icon:hover::after {
background-color: var(--Neutrals-Light-Grey);
}
}
/* ex-layout */
/* 1512 1280 1024 768 450 */
/* 1150 630 */
:root {
--Mobile-Padding: 24px;
}
/** Section */
.section--viewport {
width: 1290px;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
.section--small,
.section--viewport_small {
width: 850px;
max-width: 100%;
}
.section--screen,
.section--full_width {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.section--viewport_fixed {
width: 1072px;
max-width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: auto;
margin-right: auto;
}
.section--viewport .section--screen,
.section--viewport .section--full_width {
width: calc(100vw - var(--Scroll-Width));
margin-left: calc((100% - 100vw + var(--Scroll-Width)) / 2);
margin-right: calc((100% - 100vw + var(--Scroll-Width)) / 2);
}
.section--window_height {
min-height: 100vh;
}
@media (max-width: 1512px) {
.section--viewport {
width: calc(100% - 128px);
}
.section--viewport_fixed {
width: 1072px;
}
.section--viewport .section--screen {
width: calc(100vw - var(--Scroll-Width));
}
}
@media (max-width: 1200px) {
.section--viewport_fixed {
width: calc(100% - 128px);
}
}
@media (max-width: 1024px) {
.section--viewport, .section--viewport_fixed {
width: calc(100% - 96px);
}
}
@media (max-width: 768px) {
.section--viewport, .section--viewport_fixed {
width: calc(100% - 64px);
}
}
@media (max-width: 450px) {
.section--viewport, .section--viewport_fixed {
width: calc(100% - 48px);
}
}
/** Header block */
.header {
position: fixed;
z-index: 1000;
top: 0;
width: 100%;
}
.header--dropped .header {
z-index: 1600;
}
.header--menu_container {
background: var(--Neutrals-White);
position: relative;
z-index: 10;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
/* */
--SVG-Black-Arrow: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9L7.5 6L4.5 3' stroke='%23282819' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
/* */
--SVG-Light-Green-Arrow: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9L7.5 6L4.5 3' stroke='%2319AF23' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.compensate-for-scrollbar .header--menu_container {
margin-right: var(--Scroll-Width);
}
.header--menu_wrap {
display: flex;
flex-wrap: nowrap;
}
/** Header Logo */
.header--logo {
display: block;
flex: 0 0 auto;
margin-right: 100px;
padding: 16px 0;
}
.header--logo img {
display: block;
height: 32px;
width: auto;
}
@media (max-width: 768px) {
.header--logo {
margin-right: 70px;
}
}
@media (max-width: 450px) {
.header--logo {
margin-right: 40px;
}
}
/** Header Top Menu */
.header--top_menu {
flex: 1 0 auto;
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
.menu--item_lvl0 .menu--top_handler {
display: block;
padding: 26px 12px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
color: var(--Neutrals-Black);
}
.menu--item_lvl0.menu--has_children .menu--top_handler {
padding-right: 29px;
}
.menu--item_lvl0 .menu--top_handler span {
display: block;
position: relative;
transition: color .1s ease;
}
.menu--item_lvl0.menu--has_children .menu--top_handler span::after {
position: absolute;
content: "";
top: 0;
right: -17px;
width: 12px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
background-image: var(--SVG-Black-Arrow);
transform: rotate(90deg);
transition: transform .3s ease-in-out 0s, top 0.3s ease-in-out 0s;
}
@media (hover: hover) and (pointer: fine) {
.menu--item_lvl0 .menu--top_handler:hover span {
color: var(--Primary-Light-Green);
}
.menu--item_lvl0.menu--has_children .menu--top_handler:hover span::after {
background-image: var(--SVG-Light-Green-Arrow);
}
}
.menu--item_lvl0.menu--has_children.menu--item_dropped .menu--top_handler span::after {
top: -1px;
transform: rotate(-90deg);
}
.menu--item_lvl0.menu--current_item .menu--top_handler,
.menu--item_lvl0.menu--current_ancestor .menu--top_handler {
color: var(--Primary-Light-Green);
}
.menu--item_lvl0.menu--has_children.menu--current_item .menu--top_handler span::after,
.menu--item_lvl0.menu--has_children.menu--current_ancestor .menu--top_handler span::after {
background-image: var(--SVG-Light-Green-Arrow);
}
/** Divider Item */
.menu--divider {
flex: 1 1 auto;
margin-right: 18px;
}
/** Search Item */
.menu--search .menu--top_handler {
padding: 22px 12px;
font-size: 0;
}
.menu--search .menu--top_handler span {
width: 20px;
height: 20px;
}
.menu--search.menu--item_dropped .menu--search_closed,
.menu--search:not(.menu--item_dropped) .menu--search_open {
display: none;
}
.menu--search .svg-close,
.menu--search .svg-search {
stroke:var(--Neutrals-Black);
stroke-linecap:round;
}
@media (hover: hover) and (pointer: fine) {
.menu--search .menu--top_handler:hover .svg-search,
.menu--search .menu--top_handler:hover .svg-close {
stroke: var(--Primary-Light-Green);
}
}
/** Burger handler */
.menu--burger {
display: none;
}
.menu--burger button {
border: none;
cursor: pointer;
outline: none;
background-color: transparent;
}
.menu--burger .menu--top_handler {
padding: 22px 20px 22px 12px;
font-size: 0;
height: 100%;
width: 52px;
position: relative;
}
.menu--burger .menu--top_handler span {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 1.2px;
background: var(--Neutrals-Black);
transform: translateX(-50%) translateY(-50%);
}
.menu--burger .menu--top_handler span:before,
.menu--burger .menu--top_handler span:after {
content: "";
position: absolute;
right: 0;
margin: auto;
height: 1.2px;
background: var(--Neutrals-Black);
opacity: 1;
transition-property: transform, width;
transition-duration: 0.1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.menu--burger .menu--top_handler span:before {
top: -8px;
width: 17px;
}
.menu--burger .menu--top_handler span:after {
bottom: -8px;
width: 12px;
}
.menu--burger.menu--item_dropped .menu--top_handler span {
background-color: transparent;
}
.menu--burger.menu--item_dropped .menu--top_handler span:before {
transform: rotate(-45deg);
top: 0;
width: 20px;
}
.menu--burger.menu--item_dropped .menu--top_handler span:after {
transform: rotate(45deg);
bottom: 0;
width: 20px;
}
@media (hover: hover) and (pointer: fine) {
.menu--burger .menu--top_handler:hover span:before,
.menu--burger .menu--top_handler:hover span:after {
background: var(--Primary-Light-Green);
}
.menu--burger:not(.menu--item_dropped) .menu--top_handler:hover span {
background: var(--Primary-Light-Green);
}
}
/** Drop Container */
.menu--drop_container {
display: none;
background: var(--Neutrals-White-Sand);
box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.15);
padding-left: 40px;
padding-right: 40px;
margin-left: -28px;
}
.menu--drop_container.menu--drop_open {
display: block;
position: absolute;
top: 64px;
overflow-y: auto;
overflow-x: clip;
}
.menu--drop_container .simplebar-track.simplebar-vertical {
width: 4px;
right: 4px;
top: 4px;
bottom: 8px;
background-color: var(--Neutrals-Light-Sand);
}
.menu--drop_container .simplebar-scrollbar {
background-color: var(--Neutrals-Dark-Sand);
}
.menu--drop_container .simplebar-scrollbar:before {
display: none;
}
.menu--drop_category .menu--drop_container,
.menu--drop_full_width .menu--drop_container {
left: 0;
right: 0;
padding-left: 0;
padding-right: 0;
margin-left: 0;
}
.menu--content_container {
position: relative;
display: inline-block;
opacity: 0;
padding: 28px 0;
transition: opacity 0.2s ease;
}
.menu--drop_category .menu--content_container,
.menu--drop_full_width .menu--content_container {
padding-bottom: 48px;
}
.menu--drop_full_width.menu--drop_fixed .menu--content_container::after {
position: absolute;
content: "";
top: 28px;
bottom: 48px;
left: -28px;
width: 1px;
background: var(--Neutrals-Medium-Sand);
}
.no_scroll .menu--drop_category .menu--content_container {
padding-bottom: 32px;
}
.menu--content_container .button--text {
display: block;
font-weight: 700;
padding-top: 6px;
padding-bottom: 6px;
color: var(--Neutrals-Grey);
}
.menu--drop_category .menu--content_container .button--text {
padding-top: 10px;
padding-bottom: 10px;
}
.menu--drop_category .menu--content_container .menu--category_bottom {
padding-bottom: 12px;
}
.menu--content_container .menu--item_lvl1.menu--current_item,
.menu--content_container .menu--item_lvl1.menu--current_ancestor,
.menu--content_container .menu_drop--content .menu--item_lvl1.menu--current_item,
.menu--content_container .menu_drop--content .menu--item_lvl1.menu--current_ancestor,
.menu--content_container .menu--item_lvl3.menu--current_item .menu--title {
color: var(--Primary-Light-Green);
}
@media (max-width: 768px) {
.menu--drop_category .menu--content_container .button--text {
line-height: 18px;
}
.menu--drop_category .menu--content_container .menu--category_bottom {
padding-bottom: 14px;
}
}
/** Drop with Content */
.menu--drop_category .menu--content_container {
display: flex;
}
.menu_drop--content {
position: relative;
flex: 0 0 auto;
width: 25%;
min-height: 200px;
padding-right: 42px;
padding-bottom: 0;
display: flex;
flex-direction: column;
}
.menu--drop_category .menu--category_space {
flex-grow: 1;
min-height: 54px;
}
.menu--drop_category .menu--item_lvl1 {
padding-top: 12px;
padding-bottom: 12px;
transition: color .1s ease;
}
.menu_drop--content .button--text.button--content {
position: absolute;
bottom: 0;
left: 0;
padding-top: 13px;
padding-bottom: 13px;
}
.menu_drop--content .button--item {
position: absolute;
bottom: 0;
left: -10px;
}
.menu_drop--content .button--item.button--white span {
color: var(--Neutrals-Grey);
}
.menu_drop--content .menu--item_lvl1.menu--item_selected {
color: var(--Neutrals-Black);
}
@media (hover: hover) and (pointer: fine) {
.menu_drop--content .button--item.button--white:hover span {
color: var(--Neutrals-Black);
}
.menu--content_container .menu_drop--content .menu--item_lvl1:hover {
color: var(--Primary-Light-Green);
}
}
.menu_drop--items {
flex-grow: 1;
position: relative;
padding-left: 80px;
padding-bottom: 54px;
}
.menu_drop--items::before {
position: absolute;
content: "";
top: -36px;
bottom: -48px;
left: 0;
width: 100vw;
background: rgba(255, 255, 255, 0.70);
border-top: 1px solid var(--Neutrals-White-Sand);
}
.no_scroll .menu--content_container .menu_drop--items::before {
bottom: -32px;
}
.menu_drop--item {
position: relative;
display: none;
height: 100%;
}
.menu_drop--item.menu--target_selected {
display: block;
}
.menu_drop--item .button--item {
position: absolute;
bottom: -54px;
left: 0;
}
.menu_drop--category {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
margin-left: -16px;
margin-right: -16px;
margin-bottom: 24px;
}
.menu_drop--category:last-child {
margin-bottom: 0;
}
.menu_drop--category_title {
display: block;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 24px;
letter-spacing: -0.02em;
margin-bottom: 24px;
color: var(--Neutrals-Grey);
transition: color .15s ease;
}
.menu_drop--item .menu--item_lvl3 {
width: 33.3333%;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 16px;
}
.menu_drop--item .menu--item_lvl3 .menu--title {
font-size: 16px;
font-style: normal;
line-height: 1.5;
font-weight: 600;
color: var(--Neutrals-Black);
margin-bottom: 4px;
transition: color .15s ease;
}
.menu_drop--item .menu--item_lvl3 .small {
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 1.5em;
color: var(--Neutrals-Grey);
}
@media (hover: hover) and (pointer: fine) {
.menu_drop--item .menu--item_lvl3:hover p {
color: var(--Neutrals-Black);
}
.menu_drop--item .menu--item_lvl3:hover .menu--title {
color: var(--Primary-Light-Green);
}
}
@media (max-width: 1024px) {
.menu_drop--content {
width: 28%;
}
.menu_drop--item .menu--item_lvl3 {
width: 50%;
}
}
@media (max-width: 768px) {
.menu_drop--content {
width: 32%;
}
.menu_drop--items {
padding-left: 48px;
}
}
/** Search Drop Container */
.menu--search .menu--content_container {
display: block;
padding-bottom: 64px;
}
.menu--search_form {
display: flex;
flex-wrap: nowrap;
margin-top: 24px;
}
.menu--search_form .menu--search_input {
flex-grow: 1;
margin-right: 42px;
}
.menu--search_input {
height: 48px;
width: 100%;
padding: 16px 0 16px;
font-family: "open-sans", sans-serif;
font-size: 16px;
line-height: 1;
font-weight: 400;
color: var(--Neutrals-Grey);
background-color: var(--Neutrals-White-Sand);
border: none;
border-bottom: 1px solid var(--Neutrals-Light-Grey);
outline: none;
}
.menu--search_input::placeholder {
color: var(--Neutrals-Light-Grey);
opacity: 0.7;
}
.menu--search_input::-webkit-input-placeholder {
color: var(--Neutrals-Light-Grey);
opacity: 0.7;
}
.menu--search_input::-moz-placeholder {
color: var(--Neutrals-Light-Grey);
opacity: 0.7;
}
.menu--search_input::-ms-input-placeholder {
color: var(--Neutrals-Light-Grey);
opacity: 0.7;
}
/* Autofill partial tuning */
.menu--search_input:autofill,
.menu--search_input:autofill::first-line,
.menu--search_input:autofill:hover,
.menu--search_input:autofill:focus,
.menu--search_input:autofill:active,
.menu--search_input:-webkit-autofill,
.menu--search_input:-webkit-autofill::first-line,
.menu--search_input:-webkit-autofill:hover,
.menu--search_input:-webkit-autofill:focus,
.menu--search_input:-webkit-autofill:active {
box-shadow: 0 0 0 50px var(--Neutrals-White-Sand) inset !important;
-webkit-box-shadow: 0 0 0 50px var(--Neutrals-White-Sand) inset !important;
color: var(--Neutrals-Grey) !important;
-webkit-text-fill-color: var(--Neutrals-Grey) !important;
font-family: "open-sans", sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
}
.menu--search_form .button--item {
flex-grow: 0;
}
@media (max-width: 530px){
.menu--search .menu--content_container {
padding-bottom: 48px;
}
.menu--search_form {
flex-wrap: wrap;
margin-top: 16px;
}
.menu--search_form .menu--search_input {
width: 100%;
margin-right: 0;
}
.menu--search_form .button--item {
width: 100%;
margin-top: 32px;
}
}
/** Burger menu dropdown */
.burger--menu {
display: block;
padding: 0;
width: 100%;
}
.menu--burger .menu--drop_container {
right: 0;
padding-left: 0;
padding-right: 0;
margin-left: 0;
background: var(--Neutrals-Medium-Sand);
}
.menu--burger .menu--drop_container .simplebar-track.simplebar-vertical {
width: 4px;
right: 2px;
top: 2px;
bottom: 2px;
background-color: var(--Neutrals-Light-Sand);
}
.menu--burger .burger--handler {
display: block;
padding: 0;
border-top: 1px solid var(--Neutrals-Light-Sand);
}
.menu--burger .burger--handler.burger_item--has_childs,
.menu--burger .burger--handler.burger--language {
display: flex;
flex-wrap: nowrap;
}
.menu--burger .burger--handler.burger--complex_handler .menu--handler {
display: flex;
flex-wrap: nowrap;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.burger--complex_left {
flex: 1 1 auto;
padding-top: 12px;
padding-bottom: 12px;
}
.burger--complex_right {
display: block;
width: 86px;
flex: 0 0 auto;
position: relative;
cursor: pointer;
}
.burger--complex_right img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.menu--item_lvl0 > .burger--handler,
.burger--handler.burger--language {
background: var(--Neutrals-White-Sand);
}
.menu--burger .burger--item {
padding: 0;
}
.burger--handler .menu--handler {
display: block;
padding: 22px 24px;
flex: 1 1 auto;
}
.burger--handler.menu--item_lvl3 .menu--handler {
padding-top: 12px;
padding-bottom: 12px;
padding-right: 72px;
}
.burger--handler .menu--handler span {
display: block;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 1;
letter-spacing: 0.06em;
text-transform: uppercase;
white-space: nowrap;
color: var(--Neutrals-Black);
transition: color .1s ease;
}
.burger--handler .menu--handler p {
font-size: 15px;
line-height: 1.2;
color: var(--Neutrals-Grey);
margin-top: 0.5em;
}
.burger--handler .burger--expand {
display: none;
width: 100px;
padding-right: 64px;
flex: 0 0 auto;
border-left: 1px solid var(--Neutrals-Light-Sand);
cursor: pointer;
}
.burger--handler.burger_item--has_childs .burger--expand {
display: block;
}
.burger--expand span {
display: block;
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-image: var(--SVG-Black-Arrow);
transform: rotate(90deg);
transition: transform .3s ease-in-out 0s;
}
.burger--item_expanded > .burger--handler .burger--expand span {
transform: rotate(-90deg);
}
.burger--item_expanded.menu--item_lvl0 > .burger--handler {
background: var(--Neutrals-Light-Sand);
}
.burger--item_expanded.menu--item_lvl0 > .burger--handler .burger--expand {
border-left-color: var(--Neutrals-White);
}
.burger--children_container {
display: none;
background: var(--Neutrals-White);
}
.burger--item.menu--item_lvl1 > .burger--children_container {
margin-left: 24px;
}
@media (hover: hover) and (pointer: fine) {
.burger--menu .menu--handler:hover span {
color: var(--Primary-Light-Green);
}
.burger--menu .burger--expand:hover span {
background-image: var(--SVG-Light-Green-Arrow);
}
}
.burger--language {
border-bottom: 1px solid var(--Neutrals-Light-Sand);
}
.burger--language .menu--handler:not(:last-child) {
border-right: 1px solid var(--Neutrals-Light-Sand);
}
.burger--divider {
height: 52px;
background: var(--Neutrals-Medium-Sand);
border-top: 1px solid var(--Neutrals-Light-Sand);
}
.burger--item.menu--current_item > .burger--handler .menu--handler span,
.burger--item.menu--current_ancestor > .burger--handler .menu--handler span,
.burger--handler.menu--current_item > .menu--handler span,
.burger--language .menu--current_item span {
color: var(--Primary-Light-Green);
}
/* Move items to burger */
.burger--menu .menu--item_lvl0 {
display: none;
}
.header--menu_wrap {
margin-right: -12px;
}
@media (max-width: 1200px) {
.header--top_menu {
justify-content: flex-end;
}
.menu--divider {
display: none;
}
}
@media (max-width: 1100px) {
.header--menu_wrap {
margin-right: -12px;
}
.menu--company,
.menu--contacts,
.menu--language {
display: none;
}
.menu--burger {
display: block;
}
.burger--menu .menu--company,
.burger--menu .menu--contacts {
display: block;
}
.menu--burger .menu--drop_container {
width: 50vw;
}
}
@media (max-width: 1024px) {
.burger--handler .burger--expand {
width: 84px;
padding-right: 48px;
}
}
@media (max-width: 850px) {
.menu--support {
display: none;
}
.burger--menu .menu--support {
display: block;
}
}
@media (max-width: 768px) {
.burger--handler .burger--expand {
width: 70px;
padding-right: 28px;
}
.burger--complex_right {
width: 92px;
}
}
@media (max-width: 700px) {
.menu--products,
.menu--applications {
display: none;
}
.burger--menu .menu--products,
.burger--menu .menu--applications {
display: block;
}
.menu--burger .menu--drop_container {
width: 100%;
}
.burger--handler > .menu--handler {
padding-left: 32px;
}
}
@media (max-width: 450px){
.burger--handler .burger--expand {
width: 64px;
padding-right: 20px;
}
.burger--complex_right {
width: 78px;
}
.burger--handler > .menu--handler {
padding-left: var(--Mobile-Padding);
}
}
/** Content block */
.content {
width: 100%;
min-height: 100vh;
position: relative;
}
/** Content heading section */
.section--heading {
background-color: var(--Primary-Dark-Green);
background-size: cover;
background-repeat: no-repeat;
background-position-x: right;
}
.content_heading--container {
padding: 72px 0;
}
.content_heading--content {
display: inline-block;
max-width: 50%;
padding: 48px;
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(60px);
backdrop-filter: blur(60px);
}
.content_heading--content h1 {
color: var(--Neutrals-White-Sand);
line-height: 1.1;
}
.content_heading--content p {
margin-top: 32px;
color: var(--Neutrals-White-Sand);
}
.content_heading--content .buttons--container {
margin-top: 48px;
}
@media (max-width: 1280px) {
.content_heading--content {
max-width: 70%;
}
}
@media (max-width: 1024px) {
.content_heading--container {
padding: 48px 0;
}
.content_heading--content h1 {
font-size: 48px;
}
}
@media (max-width: 768px) {
.content_heading--container {
padding: 32px 0;
}
.content_heading--content {
padding: 32px;
max-width: 100%;
}
}
@media (max-width: 450px) {
.content_heading--content h1 {
font-size: 42px;
}
.content_heading--content .buttons--container {
margin-top: 32px;
}
.content_heading--content .button--item {
width: 100%;
}
}
.section--container {
width: 100%;
}
/** Footer block */
.footer {
position: relative;
width: 100%;
background: var(--Gradient-Electro);
padding-top: 64px;
padding-bottom: 24px;
}
.footer--container {
position: relative;
}
.footer--anchor {
position: absolute;
top: -40px;
right: -6px;
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
justify-content: flex-end;
column-gap: 16px;
min-height: 40px;
min-width: 40px;
}
.footer--logo {
display: inline-block;
}
.footer--logo img {
display: block;
height: 32px;
width: auto;
}
.footer--menu {
margin-top: 52px;
display: flex;
flex-wrap: nowrap;
margin-left: -32px;
margin-right: -32px;
}
.footer_menu--column {
flex: 1 1 auto;
padding-left: 32px;
padding-right: 32px;
}
.footer_menu--column .button--text {
display: block;
line-height: 22px;
margin-top: 8px;
padding-top: 4px;
padding-bottom: 4px;
transition: color .1s ease;
}
.footer_menu--column .button--text.menu--item_lvl0 {
font-size: 16px;
font-weight: 400;
line-height: 26px;
text-transform: none;
letter-spacing: 0.06em;
margin-bottom: 22px;
margin-top: 0;
}
.footer--address {
font-size: 16px;
font-weight: 300;
line-height: 26px;
letter-spacing: 0.04em;
white-space: nowrap;
color: var(--Neutrals-White);
display: block;
margin-top: 12px;
}
.footer--address.menu--item_lvl0 {
margin-top: 0;
padding-top: 4px;
}
.footer--social_block {
white-space: nowrap;
margin-top: 46px;
}
.footer--social {
display: inline-block;
width: 24px;
margin-right: 18px;
}
.footer--social:last-child {
margin-right: 0;
}
.footer--social_icon {
fill: var(--Neutrals-White);
}
@media (hover: hover) and (pointer: fine) {
.footer--anchor:hover .button--text { color: var(--Hover-on-Green); }
.footer--anchor:hover .button--round {
background-color: var(--Hover-on-Green);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.footer--address.footer--email:hover { color: var(--Hover-on-Green); }
.footer--social:hover .footer--social_icon { fill: var(--Hover-on-Green); }
}
.footer_column--bottom {
display: none;
}
.footer--bottom {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
margin-top: 56px;
}
.footer--copyright {
flex-grow: 1;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1;
letter-spacing: 0.01em;
color: var(--Neutrals-White);
opacity: 0.8;
}
.footer--bottom_links {
flex-grow: 0;
margin-left: 32px;
}
@media (max-width: 1280px) {
.footer--menu {
margin-left: -24px;
margin-right: -24px;
}
.footer_menu--column {
padding-left: 24px;
padding-right: 24px;
}
}
@media (max-width: 1100px) {
.footer--anchor { right: -3px; }
}
@media (max-width: 1024px) {
.footer--menu { flex-wrap: wrap; }
.footer_menu--column { width: 33.33333%; }
.footer_column--1 {
order: 1;
margin-bottom: 64px;
}
.footer_column--3 {
order: 2;
margin-bottom: 64px;
}
.footer_column--address {
order: 3;
margin-bottom: 64px;
}
.footer_column--2 { order: 4; }
.footer_column--4 { order: 5; }
.footer_column--bottom {
order: 6;
display: block;
}
.footer_column--bottom .button--text:first-child { margin-top: 0; }
.footer--bottom_links { display: none; }
}
@media (max-width: 768px) {
.footer_column--3, .footer_column--4 { width: 20%; }
}
@media (max-width: 650px) {
.footer_menu--column {
width: 50%;
margin-bottom: 64px;
}
.footer_column--1 { order: 1; }
.footer_column--2 { order: 2; }
.footer_column--3 { order: 4; }
.footer_column--4 { order: 3; }
.footer_column--address {
order: 5;
margin-bottom: 0;
}
.footer_column--bottom { order: 6; }
.footer_menu--column .button--text { line-height: 20px; }
.footer_menu--column .button--text.menu--item_lvl0 { margin-bottom: 16px; }
}
@media (max-width: 450px) {
.footer { padding-top: 46px; }
.footer--anchor { top: -5px; }
.footer--anchor_text { display: none; }
.footer_menu--column .button--text.menu--item_lvl0 {
margin-bottom: 10px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
}
.footer_menu--column .button--text.menu--item_lvl1 { display: none; }
.footer_menu--column { margin-bottom: 0; }
.footer_menu--column.footer_column--address {
width: 100%;
margin-top: 32px;
margin-bottom: 46px;
}
.footer--fax { margin-top: 0; }
.footer_menu--column.footer_column--bottom { width: 100%; }
.footer--bottom { margin-top: 36px; }
}
/**
* FancyBox
*/
.fancybox-caption__body > * {
font-size: 14px;
color: #FFFFFF;
}
.fancybox-caption__body h4 {
margin-bottom: 3px;
}
.fancybox-caption__body .fancy_pop--description {
font-size: 12px;
font-style: italic;
margin-top: 2px;
}
@media (max-width: 785px) {
.fancybox-caption__body > * {
font-size: 13px;
}
.fancybox-caption__body .fancy_pop--description {
font-size: 11px;
}
}
/* FancyBox: Remove background from all buttons */
.fancybox-navigation .fancybox-button {
background: transparent;
}
/* FancyBox: Navigation arrows */
.fancybox-navigation .fancybox-button div {
padding: 6px;
background: transparient;
border-radius: 16px;
transition: opacity .2s;
border: 1px solid var(--Neutrals-Medium-Grey);
opacity: .7;
}
.fancybox-navigation .fancybox-button:not([disabled]):hover div {
opacity: .9;
background: var(--Neutrals-White-Sand);
border-color: var(--Neutrals-White-Sand);
}
.fancybox-navigation .fancybox-button[disabled] {
color: var(--Neutrals-Dark-Grey);
}
.fancybox-navigation .fancybox-button:not([disabled]) {
color: var(--Neutrals-Sand);
}
.fancybox-navigation .fancybox-button:not([disabled]):hover {
color: var(--Primary-Green);
}
/* .h4 {
font-size: 24px;
font-weight: normal;
line-height: 32px;
letter-spacing: -0.02em;
color: var(--Neutrals-Black);
}
@media screen and (max-width: 767px) {
.h4 {
font-size: 20px;
line-height: 28px;
}
} */
.disabled,
[disabled]:not(.brlbs-cmpnt-list-item) {
pointer-events: none;
opacity: .3;
}
.section--page-heading {
padding-top: 72px;
padding-bottom: 72px;
background: var(--Gradient-Sand);
}
body:not(.single-news) .section--page-heading {
background: var(--Gradient-Electro);
position: relative;
}
body:not(.single-news) .section--page-heading:after {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
background: url("data:image/svg+xml;utf8,") no-repeat 0% 50%;
bottom: 0;
background-size: 75% 100%;
}
body:not(.single-news) .section--page-heading h1 {
color: var(--Neutrals-White);
position: relative;
z-index: 1;
}
/** Header */
.section--page_header {
background-color: var(--Neutrals-Black);
background-size: cover;
background-repeat: no-repeat;
min-height: 432px;
background-position: 50% 70%;
}
.page--header_container {
padding: 72px 0;
}
.page--header_content {
max-width: 550px;
padding: 48px;
border: 1px solid rgba(255, 255, 255, 0.06);
background: rgba(255, 255, 255, 0.05);
-webkit-backdrop-filter: blur(120px);
backdrop-filter: blur(120px);
}
.page--header_content h1 {
color: var(--Neutrals-White);
}
.page--header_content p {
margin-top: 24px;
color: var(--Neutrals-Light-Sand);
}
@media screen and (max-width: 767px) {
.page--header_container {
padding: 0;
min-height: 338px;
}
.section--page_header .section--viewport {
padding: 0;
}
.page--header_content {
padding: 36px 24px 42px;
border: 0;
max-width: none;
}
.section--page-heading {
padding-top: 32px;
padding-bottom: 32px;
}
}
/** Debug screen */
.debug--screen {
position: fixed;
top: 0;
left: 0;
padding: 5px 10px;
background-color: var(--Neutrals-White-Sand);
font-size: 13px;
font-weight: 400;
color: var(--Neutrals-Dark-Grey);
z-index: 50000;
}
pre {
font-size: 15px;
line-height: 1.2;
}
/** WP Columns */
.wp-block-columns {
box-sizing: border-box;
display: flex;
flex-wrap: nowrap;
gap: 80px;
}
.wp-block-columns {
align-items: normal
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column {
flex-basis: 30% !important;
flex-grow: 1;
min-width: 0;
overflow-wrap: break-word;
word-break: break-word;
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-stretch {
align-self: stretch
}
.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
width: 100%
}
@media (max-width: 1024px) {
.wp-block-columns.columns--text_image,
.wp-block-columns.columns--image_text {
flex-wrap: wrap !important;
gap: 48px;
}
.wp-block-columns.columns--text_table,
.wp-block-columns.columns--table_table {
flex-wrap: wrap !important;
gap: 24px;
}
.columns--text_image .wp-block-column,
.columns--image_text .wp-block-column,
.columns--text_table .wp-block-column,
.columns--table_table .wp-block-column {
flex-basis: 100% !important;
}
.wp-block-columns.columns--swap .wp-block-column:last-child {
order: 1;
}
.wp-block-columns.columns--swap .wp-block-column:first-child {
order: 2;
}
}
@media (max-width: 768px) {
.wp-block-columns {
flex-wrap: wrap !important;
}
.wp-block-columns .wp-block-column {
flex-basis: 100% !important;
}
.wp-block-columns.columns--list_list {
gap: 54px;
}
.wp-block-columns.columns--text_image,
.wp-block-columns.columns--image_text {
gap: 32px;
}
.wp-block-columns.columns--double_list,
.wp-block-columns.columns--text_text {
gap: 0;
}
.wp-block-columns.columns--double_list .wp-block-column:last-child {
padding-top: 0;
}
}
@media (max-width: 450px) {
.wp-block-columns.columns--text_image,
.wp-block-columns.columns--image_text {
gap: 24px;
}
}
/** WP Video */
.wp-block-video {
box-sizing: border-box
}
.wp-block-video video {
height: auto;
vertical-align: middle;
width: 100%
}
@supports (position: sticky) {
.wp-block-video [poster] {
object-fit:cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video :where(figcaption) {
margin-bottom: 1em;
margin-top: .5em
}
/** WP Spacer */
.wp-block-spacer{clear:both}
/** WP Math */
.wp-block-math {
font-size: 20px;
}
/* ex-gbstyles */
/** Headings */
.gb--styles h2 {
color: var(--Neutrals-Dark-Grey);
margin-bottom: 42px;
}
.gb--styles h3 {
margin-bottom: 24px;
}
.gb--styles h4 {
margin-bottom: 16px;
}
.gb--styles h5 {
margin-bottom: 8px;
}
@media (max-width: 768px) {
.gb--styles h2 {
margin-bottom: 36px;
}
}
/** Paragraphs */
.gb--styles p {
margin-bottom: 1em;
}
.gb--styles p.p--limited {
max-width: 1024px;
}
/** Margins for blocks */
.gb--styles .margin--1em {
margin-bottom: 1em;
}
.gb--styles .margin--1p5em {
margin-bottom: 1.5em;
}
.gb--styles .margin--2em {
margin-bottom: 2em;
}
.gb--styles .margin--3em {
margin-bottom: 3em;
}
.gb--styles .margin--4em {
margin-bottom: 4em;
}
/**
* WP BLOCKS
*/
/**
* wp-block-columns
*
* X.columns--text_text - two separate texts side by side
* .columns--table_table - two tables side by side
* .columns--list_list - two lists side by side
* .columns--text_image, .columns--image_text - text & image
* .columns--text_table, .columns--table_text - text & table
* X.columns--text_list, .columns--list_text - text & list
* .columns--double_text - continuous text in two columns
* .columns--double_list - continuous list in two columns
* .columns--swap - swap columns on mobile
*/
.gb--styles .wp-block-columns {
gap: 80px;
}
.gb--styles .wp-block-columns.columns--text_image,
.gb--styles .wp-block-columns.columns--image_text {
gap: 50px;
}
.gb--styles .wp-block-columns > .wp-block-column {
flex-basis: 30% !important;
}
@media (max-width: 1024px) {
.gb--styles .wp-block-columns.columns--text_image,
.gb--styles .wp-block-columns.columns--image_text {
flex-wrap: wrap !important;
gap: 48px;
}
.gb--styles .wp-block-columns.columns--text_table,
.gb--styles .wp-block-columns.columns--table_text,
.gb--styles .wp-block-columns.columns--table_table {
flex-wrap: wrap !important;
gap: 24px;
}
.gb--styles .columns--text_image .wp-block-column,
.gb--styles .columns--image_text .wp-block-column,
.gb--styles .columns--text_table .wp-block-column,
.gb--styles .columns--table_text .wp-block-column,
.gb--styles .columns--table_table .wp-block-column {
flex-basis: 100% !important;
}
.gb--styles .wp-block-columns.columns--text_image.columns--swap {
gap: 24px;
}
.gb--styles .wp-block-columns.columns--swap .wp-block-column:last-child {
order: 1;
}
.gb--styles .wp-block-columns.columns--swap .wp-block-column:first-child {
order: 2;
}
}
@media (max-width: 768px) {
.gb--styles .wp-block-columns {
flex-wrap: wrap !important;
gap: 0;
}
.gb--styles .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.gb--styles .wp-block-columns.columns--list_list,
.gb--styles .wp-block-columns.columns--table_table {
gap: 54px;
}
.gb--styles .wp-block-columns.columns--text_image,
.gb--styles .wp-block-columns.columns--image_text {
gap: 32px;
}
.gb--styles .wp-block-columns.columns--double_list,
.gb--styles .wp-block-columns.columns--double_text {
gap: 0;
}
.gb--styles .wp-block-columns.columns--double_list .wp-block-column:last-child,
.gb--styles .wp-block-columns.columns--double_text .wp-block-column:last-child {
padding-top: 0;
}
}
@media (max-width: 450px) {
.gb--styles .wp-block-columns.columns--text_image,
.gb--styles .wp-block-columns.columns--image_text {
gap: 24px;
}
}
/**
* SECTION HEADER WITH PHOTO
* default - gradient background
* .section_header--has_image - header has image
* .section_header--m_object - image with object, horizontal and vertical, reveal on mobile
* .section_header--m_abstract - abstact image, cover with filter on mobile
* .section_header--m_gradient - use gradient on mobile
*/
.section--header {
position: relative;
background-image: linear-gradient(320deg, #006432 0%, #3882A6 100%);
background-size: cover;
background-repeat: no-repeat;
background-position: top right;
min-height: 200px;
}
.section--header::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
width: 70%;
background-image: url("data:image/svg+xml,%3Csvg width='259' height='198' viewBox='0 0 259 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M0 1.18017e-05L259 0L213.505 198L0 198V1.18017e-05Z' fill='%23282819'/%3E%3C/svg%3E");
background-size: cover;
background-repeat: no-repeat;
background-position: center right;
}
.section_header--container {
padding: 56px 0;
}
.section_header--content {
width: 70%;
}
.section_header--content h1 {
color: var(--Neutrals-White-Sand);
line-height: 1.1;
}
.section_header--content p {
margin-top: 28px;
color: var(--Neutrals-White-Sand);
}
.section_header--content .buttons--container {
margin-top: 42px;
}
.section--header.section_header--has_image::before {
display: none;
}
.section_header--has_image .section_header--content {
display: block;
width: 50%;
padding: 32px 46px 42px;
background: rgba(255, 255, 255, 0.05);
backdrop-filter: blur(60px);
}
@media (max-width: 1280px) {
.section_header--content {
width: 100%;
}
.section_header--has_image .section_header--content {
width: 75%;
}
.section_header--m_object .section_header--content {
width: 50%;
}
}
@media (max-width: 1024px) {
.section_header--container {
padding: 56px 0;
}
.section_header--has_image .section_header--content {
width: 100%;
padding: 28px 36px 36px;
}
.section_header--m_object .section_header--content {
width: 50%;
}
}
@media (max-width: 768px) {
.section--header .section--viewport {
padding-left: 0;
padding-right: 0;
}
.section_header--container {
padding-top: 0;
padding-bottom: 0;
}
.section_header--content,
.section_header--has_image .section_header--content {
padding: 42px 32px;
}
.section_header--content h1 {
font-size: 52px;
}
.section_header--content .buttons--container {
margin-top: 36px;
}
.section--header.section_header--m_gradient {
background-image: linear-gradient(320deg, #006432 0%, #3882A6 100%);
}
.section--header.section_header--m_gradient::before {
display: block;
}
.section--header.section_header--m_gradient .section_header--content {
background: none;
backdrop-filter: none;
}
.section_header--m_object.section--header {
background-position: center bottom;
}
.section_header--m_object .section_header--container {
padding-bottom: 320px;
}
.section_header--m_object .section_header--content {
width: 100%;
padding-bottom: 36px;
}
}
@media (max-width: 450px) {
.section_header--content,
.section_header--has_image .section_header--content {
padding: 36px 24px 42px;
}
.section_header--content h1 {
font-size: 46px;
}
.section_header--content p {
font-size: 14px;
line-height: 1.7em;
}
.section_header--m_object .section_header--container {
padding-bottom: 280px;
}
.section_header--m_object .section_header--content {
padding-bottom: 32px;
}
}
/**
* Warranty Terms
*/
.gb--warranty h3,
.gb--sale_conditions h3 {
margin-top: 1.7em;
}
.gb--warranty .wp-block-group__inner-container,
.gb--sale_conditions .wp-block-group__inner-container {
max-width: 1024px;
}
.gb--sale_conditions .group--shift {
margin-left: 2em;
}
.gb--sale_conditions ul.list--none li::before {
display: none;
}
li ul {
margin-top: 0.4em;
margin-bottom: 1em;
}
li ul li {
padding-left: 48px;
}
li ul li::before {
height: 2px;
width: 10px;
left: 24px;
top: 0.75em;
border-radius: 1px;
}
/* ex-search */
.section--search_summary {
margin-top: 56px;
margin-bottom: 48px;
}
.section--search_summary h4 strong {
font-weight: 600;
}
.search--load_more {
text-align: center;
padding-bottom: 24px;
}
.search--load_more .button--item {
margin-top: 12px;
}
.section--search_results {
margin-top: 48px;
margin-bottom: 72px;
}
.section--search_results h2 {
padding-bottom: 48px;
}
.section--search_results h2 span {
font-size: 32px;
white-space: nowrap;
}
.search--item {
padding-bottom: 42px;
}
.search--item a {
display: inline-block;
}
.search--item h4 {
padding-bottom: 12px;
}
.search--item h4 strong {
font-weight: 400;
}
@media (hover: hover) {
.search--item a:hover h4 {
text-decoration: none;
color: var(--Primary-Light-Green);
}
}
.search--score {
margin-top: 12px;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
}
.search--score_node {
margin-right: 8px;
width: 16px;
height: 3px;
background: var(--Primary-Light-Green);
}
/* ag-tabs-control */
/** Scroll control */
.ag_ctrl--scroll_content {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.ag_ctrl--scroll_content::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
.ag_ctrl--scroll_arrow {
position: absolute;
display: none;
width: 40px;
top: 0;
bottom: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
background: var(--Neutrals-Light-Sand);
}
.ag_ctrl--scroll_mode .ag_ctrl--scroll_arrow {
display: block;
}
.ag_ctrl--scroll_arrow::after {
position: absolute;
content: "";
top: 15px;
right: 0;
width: 32px;
height: 32px;
border: none;
border-radius: 16px;
background-color: var(--Neutrals-Sand);
background-position: center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, background-color 0.2s ease;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23282819;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%23282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.ag_ctrl--scroll_arrow.ag_ctrl--scroll_visible::after {
opacity: 1;
visibility: visible;
}
.ag_ctrl--scroll_arrow div {
content: "";
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
}
.ag_ctrl--scroll_arrow.ag_ctrl--scroll_visible > div {
opacity: 1;
visibility: visible;
}
.ag_ctrl--scroll_arrow > div {
left: -100%;
background: linear-gradient(to right, rgba(230,230,215,0), rgba(230,230,215,1));
}
.ag_ctrl--scroll_right {
right: 0;
}
.ag_ctrl--scroll_left {
left: 0;
transform: scaleX(-1);
}
@media (hover: hover) and (pointer: fine) {
.ag_ctrl--scroll_arrow.ag_ctrl--scroll_visible:hover::after {
background-color: var(--Neutrals-White);
}
}
/** AG Tabs Controller */
.ag_ctrl--block {
position: sticky;
width: 100%;
padding-top: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
z-index: 1500;
}
/* Disable all transitions during layout changes (orientation/resize) */
/* Don't disable display property changes for burger menu */
.ag_ctrl--no_transition *:not(.ag_ctrl--tabs_container),
.ag_ctrl--no_transition *::before,
.ag_ctrl--no_transition *::after {
transition: none !important;
}
.ag_ctrl--block.ag_ctrl--on_poster:not(.ag_ctrl--burger_mode ) {
margin-top: -64px;
}
.ag_ctrl--sticked .ag_ctrl--block {
padding-top: 64px;
}
.ag_ctrl--sticked .ag_ctrl--block.ag_ctrl--title_top {
padding-top: 107px;
}
.ag_ctrl--shadow {
position: fixed;
top: 117px;
width: 100%;
height: 10px;
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.4);
display: none;
z-index: 1400;
}
.ag_ctrl--title_top .ag_ctrl--shadow {
top: 160px;
}
.ag_ctrl--sticked:not(.ag_table--sticked) .ag_ctrl--shadow {
display: block;
}
.ag_ctrl--container {
background: var(--Neutrals-Light-Sand);
z-index: 1500;
overflow: hidden;
width: 100%;
max-width: calc(100vw - var(--Scroll-Width, 0px));
top: 64px;
height: 64px;
}
/* Allow burger dropdown to be visible */
.ag_ctrl--burger_mode .ag_ctrl--container {
overflow: visible;
}
/* Prevent overflow on very narrow screens */
@media (max-width: 500px) {
.ag_ctrl--container {
max-width: 100%;
overflow: hidden;
}
.ag_ctrl--burger_mode .ag_ctrl--container {
overflow: visible;
}
}
.ag_ctrl--block.ag_ctrl--title_top .ag_ctrl--container {
height: 107px;
}
.ag_ctrl--sticked .ag_ctrl--container {
position: fixed;
}
body:not(.ag_ctrl--sticked) .ag_ctrl--ribbon_white .ag_ctrl--container {
background: var(--Neutrals-White);
}
/* Tabs controller sections */
.ag_ctrl--content {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
position: relative;
max-width: 100%;
/* overflow: hidden; */
}
.ag_ctrl--title_top .ag_ctrl--content {
flex-wrap: wrap;
}
/* Allow burger dropdown overflow on narrow screens */
@media (max-width: 500px) {
.ag_ctrl--burger_mode .ag_ctrl--content {
overflow: visible;
}
}
/* Title section */
.ag_ctrl--title {
display: none;
flex: 0 0 auto;
padding: 17px 44px 21px 0;
font-size: 26px;
font-weight: 300;
font-style: normal;
line-height: 26px;
letter-spacing: -0.02em;
white-space: nowrap;
color: var(--Neutrals-Black);
visibility: hidden;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
.ag_ctrl--title_ribbon .ag_ctrl--title {
display: block;
}
.ag_ctrl--title_ribbon.ag_ctrl--ready .ag_ctrl--title {
visibility: visible;
opacity: 1;
}
.ag_ctrl--title_top .ag_ctrl--title {
padding-bottom: 0;
width: 100%;
}
/* Tabs section, scrolled */
.ag_ctrl--tabs_container {
display: none;
flex: 1 1 auto;
position: relative;
min-width: 0;
visibility: hidden;
opacity: 0;
padding-left: 40px;
padding-right: 40px;
}
/* Enable smooth width transitions for tabs when CTA animates - only after ready */
.ag_ctrl--ready.ag_ctrl--cta_transition .ag_ctrl--tabs_container {
transition: flex-basis var(--cta-transition-time, 300ms) ease-in-out,
opacity 0.2s ease-in-out;
}
.ag_ctrl--tabs_ribbon .ag_ctrl--tabs_container {
display: block;
}
.ag_ctrl--tabs_ribbon.ag_ctrl--ready .ag_ctrl--tabs_container {
visibility: visible;
opacity: 1;
}
.ag_ctrl--tabs_ribbon:not(.ag_ctrl--title_ribbon) .ag_ctrl--tabs_container {
padding-left: 0;
}
.ag_ctrl--tabs {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
.ag_ctrl--tab_item {
display: block;
flex: 0 0 auto;
padding: 20px 18px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
text-decoration: none;
/* color: var(--Neutrals-Light-Grey); */
color: var(--Neutrals-Medium-Grey);
white-space: nowrap;
text-transform: uppercase;
transition: color 0.2s ease;
}
.ag_ctrl--block .ag_ctrl--tab_item {
/* color: var(--Neutrals-Light-Grey); */
color: var(--Neutrals-Medium-Grey);
}
.ag_ctrl--tab_item.ag_ctrl--item_active {
/* color: var(--Neutrals-Black); */
/* color: var(--Primary-Dark-Green); */
color: var(--Black);
}
.ag_ctrl--tab_item.ag_ctrl--link_cta {
display: none;
padding-top: 8px;
padding-bottom: 8px;
}
/* CTA link only visible in burger mode, not in ribbon mode */
.ag_ctrl--cta_burger .ag_ctrl--link_cta {
display: block;
}
.ag_ctrl--cta_burger .ag_ctrl--link_cta .button--send_request {
margin: 0;
}
.ag_ctrl--cta_burger .ag_ctrl--tab_item.ag_ctrl--link_cta {
padding: 15px 12px 13px;
text-align: center;
}
@media (hover: hover) and (pointer: fine) {
.ag_ctrl--tab_item:hover {
color: var(--Light-Green);
}
/* .ag_ctrl--tab_item.ag_ctrl--item_active:hover {
color: var(--Neutrals-Black);
} */
}
/* Burger section */
.ag_ctrl--burger_container {
display: none;
flex: 1 1 auto;
position: relative;
width: 10%;
cursor: pointer;
}
.ag_ctrl--burger_mode .ag_ctrl--burger_container {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
}
.ag_ctrl--burger_target {
flex: 1 1 auto;
width: 100%;
}
.ag_ctrl--burger_target {
padding: 20px 0 20px 0;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
white-space: nowrap;
text-transform: uppercase;
color: var(--Neutrals-Black);
}
.ag_ctrl--title_ribbon .ag_ctrl--burger_target {
text-align: right;
}
.ag_ctrl--title_top .ag_ctrl--burger_target {
text-align: left;
}
.ag_ctrl--burger_target.ag_ctrl--target_dimmed {
color: var(--Neutrals-Medium-Grey);
}
.ag_ctrl--burger_icon {
flex: 0 0 auto;
width: 64px;
padding: 16px 0 16px 32px;
margin-right: -4px;
}
.ag_ctrl--burger_icon span {
display: block;
width: 32px;
height: 32px;
border: none;
border-radius: 16px;
background-color: var(--Neutrals-White);
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23282819;%7D %3C/style%3E%3Ccircle class='st0' cx='3.266' cy='10' r='2'/%3E%3Ccircle class='st0' cx='10.223' cy='10' r='2'/%3E%3Ccircle class='st0' cx='16.734' cy='10' r='2'/%3E%3C/svg%3E%0A");
transition: transform .3s ease-in-out 0s;
}
body:not(.ag_ctrl--sticked) .ag_ctrl--ribbon_white .ag_ctrl--burger_icon span {
background-color: var(--Neutrals-Light-Sand);
}
@media (hover: hover) and (pointer: fine) {
.ag_ctrl--burger_container:hover .ag_ctrl--burger_icon span {
background-color: var(--Neutrals-Sand);
}
}
.ag_ctrl--burger_pointer {
display: none;
position: absolute;
height: 15px;
width: 15px;
bottom: 0;
right: 12px;
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,0L0,15h15V0z' fill='%23F7F6F2'/%3E%3C/svg%3E");
}
.ag_ctrl--burger_open .ag_ctrl--burger_pointer {
display: block;
}
.ag_ctrl--burger_mode .ag_ctrl--tabs_container {
display: none;
position: absolute;
width: auto;
overflow-y: auto;
right: -20px;
top: 64px;
background: var(--Neutrals-White-Sand);
border-radius: 16px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
opacity: 1;
visibility: visible;
}
.ag_ctrl--burger_mode.ag_ctrl--burger_open .ag_ctrl--tabs_container {
display: block;
padding-left: 0;
padding-right: 0;
}
.ag_ctrl--title_top.ag_ctrl--burger_mode .ag_ctrl--tabs_container {
top: 107px;
}
.ag_ctrl--burger_mode .ag_ctrl--tabs_container .ag_ctrl--scroll_arrow {
display: none;
}
.ag_ctrl--burger_mode .ag_ctrl--tabs {
display: block;
overflow: unset;
scrollbar-width: auto;
-ms-overflow-style: unset;
}
.ag_ctrl--burger_mode .ag_ctrl--tabs::-webkit-scrollbar {
display: initial;
}
.ag_ctrl--burger_mode .ag_ctrl--tab_item {
padding: 15px 48px 13px;
}
.ag_ctrl--burger_mode .ag_ctrl--tab_item:not(:first-child) {
border-top: 1px solid var(--Neutrals-Medium-Sand);
}
@media (max-width: 450px) {
.ag_ctrl--burger_icon {
width: 56px;
padding-left: 24px;
}
.ag_ctrl--burger_mode .ag_ctrl--tabs_container {
right: -12px;
}
}
/* CTA section */
.ag_ctrl--cta_container {
flex: 0 0 auto;
padding: 8px 0 8px 0;
max-width: 0;
max-height: 64px;
opacity: 0;
visibility: hidden;
}
.ag_ctrl--burger_mode .ag_ctrl--cta_container {
display: none;
}
/* Enable smooth transitions - only after ready to avoid initial animation */
.ag_ctrl--ready.ag_ctrl--cta_transition .ag_ctrl--cta_container {
transition: max-width var(--cta-transition-time, 300ms) ease-in-out,
opacity var(--cta-transition-time, 300ms) ease-in-out,
padding-left var(--cta-transition-time, 300ms) ease-in-out,
visibility 0s linear var(--cta-transition-time, 300ms);
}
.ag_ctrl--cta_ribbon .ag_ctrl--cta_container {
display: flex;
}
.ag_ctrl--cta_ribbon.ag_ctrl--ready .ag_ctrl--cta_container {
visibility: visible;
}
.ag_ctrl--cta_ribbon.ag_ctrl--cta_visible .ag_ctrl--cta_container {
max-width: 250px;
padding-left: 44px;
opacity: 1;
transition-delay: 0s;
overflow: visible;
}
.ag_ctrl--cta_ribbon .ag_ctrl--cta_container .button--send_request {
margin-right: -6px;
min-width: 150px;
white-space: nowrap;
}
@media (max-width: 900px) {
.ag_ctrl--cta_ribbon.ag_ctrl--cta_visible .ag_ctrl--cta_container {
max-width: 220px;
}
}
/* Force hide tabs and CTA in ribbon on narrow screens to prevent distortion */
@media (max-width: 500px) {
.ag_ctrl--tabs_ribbon .ag_ctrl--tabs_container,
.ag_ctrl--cta_ribbon .ag_ctrl--cta_container {
display: none !important;
}
}
/* ag-accord */
/**
* Agvila Accordion Block
*/
.ag_accord--container {
display: block;
transition: padding-top 0.4s;
}
.ag_accord--container.ag_accord--no_transition {
transition: none;
}
.ag_accord--container + .ag_accord--container.ag_accord--active.ag_accord--expanded {
padding-top: 50px;
}
:not(.ag_accord--container) + .ag_accord--container {
padding-top: 0;
}
.ag_ctrl--block + .ag_accord--container {
margin-top: 28px;
}
@media (max-width: 450px) {
.ag_ctrl--block + .ag_accord--container {
margin-top: 16px;
}
}
.ag_accord--active > .ag_accord--head {
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
transition: border-color 0.3s;
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
@media (max-width: 1024px) {
.ag_accord--active > .ag_accord--head {
margin-left: -48px;
margin-right: -48px;
padding-left: 48px;
padding-right: 48px;
}
}
@media (max-width: 768px) {
.ag_accord--active > .ag_accord--head {
margin-left: -32px;
margin-right: -32px;
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 450px) {
.ag_accord--active > .ag_accord--head {
margin-left: -24px;
margin-right: -24px;
padding-left: 24px;
padding-right: 24px;
}
}
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head {
border-bottom-color: var(--Primary-Green);
}
.ag_accord--design_lvl1.ag_accord--active.ag_accord--expanded + .ag_accord--design_lvl1.ag_accord--active:not(.ag_accord--expanded) > .ag_accord--head {
border-top-color: var(--Primary-Green);
}
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head svg .ag_accord--line {
stroke: var(--Primary-Green);
}
.ag_accord--design_lvl2.ag_accord--active > .ag_accord--head {
border-top-color: var(--Neutrals-Light-Sand);
border-bottom-color: var(--Neutrals-Light-Sand);
}
.ag_accord--lvl2.ag_accord--active.ag_accord--expanded > .ag_accord--head {
border-top-color: transparent;
}
.ag_accord--lvl2.ag_accord--active:not(.ag_accord--expanded) + .ag_accord--design_lvl2.ag_accord--active > .ag_accord--head {
border-top-color: transparent;
}
.ag_accord--design_lvl1.ag_accord--active.ag_accord--expanded > .ag_accord--top_margin_0x > .ag_accord--design_lvl2.ag_accord--active.ag_accord--expanded {
margin-top: 30px;
}
.ag_accord--design_lvl3.ag_accord--active > .ag_accord--head {
border-top-color: var(--Neutrals-Light-Sand);
border-bottom-color: var(--Neutrals-Light-Sand);
}
.ag_accord--lvl3.ag_accord--active.ag_accord--expanded > .ag_accord--head {
border-top-color: transparent;
}
.ag_accord--lvl3.ag_accord--active:not(.ag_accord--expanded) + .ag_accord--design_lvl3.ag_accord--active > .ag_accord--head {
border-top-color: transparent;
}
.ag_accord--design_lvl2.ag_accord--active.ag_accord--expanded > .ag_accord--top_margin_0x > .ag_accord--design_lvl3.ag_accord--active.ag_accord--expanded {
margin-top: 30px;
}
.ag_accord--container.ag_accord--active.ag_accord--on_show > .ag_accord--head {
border-top-color: transparent !important;
}
.ag_accord--head .ag_accord--title {
padding: 42px 0 16px 0;
display: flex;
flex-wrap: nowrap;
gap: 40px;
align-items: center;
}
.ag_accord--active > .ag_accord--head .ag_accord--title {
padding: 26px 0 32px 0;
}
.ag_accord--head .ag_accord--name {
display: block;
flex-grow: 1;
transition: color 0.4s;
margin: 0;
font-style: normal;
font-weight: 300;
}
.ag_accord--head svg {
margin-top: 6px;
width: 28px;
height: auto;
flex: 0 0 auto;
transition: stroke 0.4s, transform 0.4s;
}
.ag_accord--expanded > .ag_accord--head svg .ag_accord--vertical_line {
display: none;
}
.ag_accord--active.ag_accord--expanded > .ag_accord--head svg {
transform: rotate(180deg);
}
.ag_accord--active > .ag_accord--head .ag_accord--line {
stroke: var(--Neutrals-Medium-Grey);
}
.ag_accord--design_lvl1 > .ag_accord--head .ag_accord--name {
font-size: 42px;
line-height: 1.17;
letter-spacing: -0.04em;
color: var(--Neutrals-Dark-Grey);
}
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head .ag_accord--name {
font-size: 48px;
letter-spacing: -0.04em;
line-height: 1;
color: var(--Primary-Green);
}
.ag_accord--design_lvl2 > .ag_accord--head .ag_accord--name {
font-size: 32px;
line-height: 1.25;
letter-spacing: -0.03em;
color: var(--Neutrals-Black);
}
.ag_accord--design_lvl2.ag_accord--active > .ag_accord--head .ag_accord--name {
line-height: 1;
color: var(--Neutrals-Dark-Grey);
}
.ag_accord--design_lvl3 > .ag_accord--head .ag_accord--name {
font-size: 24px;
line-height: 1.33;
letter-spacing: -0.02em;
color: var(--Neutrals-Black);
}
.ag_accord--design_lvl3.ag_accord--active > .ag_accord--head .ag_accord--name {
line-height: 1;
color: var(--Neutrals-Dark-Grey);
}
.ag_accord--design_lvl3 > .ag_accord--head .ag_accord--title {
padding: 38px 0 12px 0;
}
.ag_accord--design_lvl3.ag_accord--active > .ag_accord--head .ag_accord--title {
padding: 22px 0 28px 0;
}
.ag_accord--design_lvl3.ag_accord--active > .ag_accord--head .ag_accord--title svg {
width: 24px;
}
@media (hover: hover) {
.ag_accord--active > .ag_accord--head .ag_accord--title:hover > * {
color: var(--Primary-Light-Green);
}
.ag_accord--active > .ag_accord--head .ag_accord--title:hover .ag_accord--line {
stroke: var(--Primary-Light-Green);
}
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head:hover {
border-bottom-color: var(--Primary-Light-Green);
}
.ag_accord--design_lvl1.ag_accord--active.ag_accord--expanded + .ag_accord--design_lvl1.ag_accord--active:not(.ag_accord--expanded) > .ag_accord--head:hover {
border-top-color: var(--Primary-Light-Green);
}
}
@media (max-width: 768px) {
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head .ag_accord--name {
font-size: 44px;
}
.ag_accord--design_lvl2.ag_accord--active > .ag_accord--head .ag_accord--name {
font-size: 30px;
}
}
@media (max-width: 450px) {
.ag_accord--title svg {
margin-top: 8px;
width: 24px;
}
.ag_accord--design_lvl1.ag_accord--active > .ag_accord--head .ag_accord--name {
font-size: 40px;
}
.ag_accord--design_lvl2.ag_accord--active > .ag_accord--head .ag_accord--name {
font-size: 28px;
}
}
.ag_accord--content {
display: none;
}
.ag_accord--expanded > .ag_accord--content {
display: block;
padding-bottom: 30px;
}
.ag_accord--top_margin_0x { margin-top: 0; }
.ag_accord--top_margin_025x { margin-top: 16px; }
.ag_accord--top_margin_05x { margin-top: 36px; }
.ag_accord--top_margin_10x { margin-top: 60px; }
.ag_accord--top_margin_15x { margin-top: 90px; }
.ag_accord--top_margin_20x { margin-top: 120px; }
.ag_accord--bottom_margin_0x { margin-bottom: 0; }
.ag_accord--expanded > .ag_accord--bottom_margin_0x {padding-bottom: 0;}
.ag_accord--bottom_margin_025x { margin-bottom: 8px; }
.ag_accord--expanded > .ag_accord--bottom_margin_025x {padding-bottom: 16px;}
.ag_accord--bottom_margin_05x { margin-bottom: 16px; }
.ag_accord--bottom_margin_10x { margin-bottom: 36px; }
.ag_accord--bottom_margin_15x { margin-bottom: 60px; }
.ag_accord--bottom_margin_20x { margin-bottom: 90px; }
@media (max-width: 450px) {
.ag_accord--top_margin_10x { margin-top: 50px; }
.ag_accord--top_margin_15x { margin-top: 70px; }
.ag_accord--top_margin_20x { margin-top: 90px; }
.ag_accord--bottom_margin_05x { margin-bottom: 8px; }
.ag_accord--bottom_margin_10x { margin-bottom: 10px; }
.ag_accord--bottom_margin_15x { margin-bottom: 20px; }
.ag_accord--bottom_margin_20x { margin-bottom: 30px; }
}
/* ag-image */
/**
* AG Image Block
*/
.ag_image--container {
width: 100%;
}
.ag_image--align_center .ag_image--figure {
margin-left: auto;
margin-right: auto;
}
.ag_image--align_right .ag_image--figure {
margin-left: auto;
}
.ag_image--size_75 .ag_image--figure {
width: 75%;
}
.ag_image--size_50 .ag_image--figure {
width: 50%;
}
.ag_image--size_33 .ag_image--figure {
width: 33.333%;
}
.ag_image--size_window {
max-width: none !important;
}
.ag_image--size_window .ag_image--image {
width: calc(100vw - var(--Scroll-Width));
left: calc((100vw - 100% - var(--Scroll-Width)) / -2);
}
@media (max-width: 1512px) {
.ag_image--size_window .ag_image--image {
width: calc(100vw - var(--Scroll-Width));
}
}
@media (max-width: 1066px) {
.ag_image--size_75 .ag_image--figure {
width: 100%;
}
.ag_image--size_50 .ag_image--figure {
width: 75%;
}
.ag_image--size_33 .ag_image--figure {
width: 50%;
}
}
@media (max-width: 768px) {
.ag_image--size_50 .ag_image--figure {
width: 100%;
}
.ag_image--size_33 .ag_image--figure {
width: 75%;
}
}
@media (max-width: 500px) {
.ag_image--size_33 .ag_image--figure {
width: 100%;
}
}
.ag_image--image {
position: relative;
background-color: var(--Neutrals-White);
}
.ag_image--fixed_8x5 .ag_image--image {
padding-bottom: 62.5%;
}
.ag_image--fixed_13x5 .ag_image--image {
padding-bottom: 38.5%;
}
.ag_image--square .ag_image--image {
padding-bottom: 100%;
}
.ag_image--border .ag_image--image {
border: 1px solid var(--Neutrals-Light-Sand);
}
.ag_image--image img {
width: 100%;
height: 100%;
}
.ag_image--image:not(.ag_image--chart) img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
object-fit: cover;
display: block;
}
.ag_image--flexible .ag_image--image:not(.ag_image--chart) img {
position: static;
}
.ag_image--image.ag_image--photo_full img {
object-fit: contain;
}
.ag_image--chart_wrap {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
padding: 3%;
}
.ag_image--flexible .ag_image--chart_wrap {
position: static;
}
.ag_image--chart_wrap img {
object-fit: contain;
}
.ag_image--image .ag_image--mask {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: 0.3s;
}
.ag_fancy--photo .ag_image--mask,
.ag_fancy--chart .ag_image--mask {
background-color: var(--Neutrals-Black);
opacity: 0;
}
.ag_fancy--video .ag_image--mask {
background-repeat: no-repeat;
background-position: center;
/* */
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cstyle type='text/css'%3E .st_line%7Bfill:%23FFFFFF;fill-opacity:0.3;stroke:%23FFFFFF;stroke-width:2;%7D .st_fonas%7Bfill:none;stroke:%23FFFFFF;stroke-width:2;%7D%0A%3C/style%3E%3Ccircle class='st_fonas' cx='25' cy='25' r='24'/%3E%3Cpath class='st_line' d='M33.909,22.353c0.48,0.255,0.882,0.637,1.162,1.103c0.28,0.466,0.428,1,0.428,1.544 s-0.148,1.078-0.428,1.544c-0.28,0.466-0.682,0.848-1.162,1.103l-12.812,6.967c-2.063,1.123-4.597-0.337-4.597-2.646V18.033 c0-2.31,2.534-3.769,4.597-2.648L33.909,22.353z'/%3E%3C/svg%3E");
opacity: 0.5;
}
.ag_fancy--video.ag_image--chart .ag_image--mask {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='50px' height='50px' viewBox='0 0 50 50'%3E%3Cstyle type='text/css'%3E .st_line%7Bfill:none;stroke:%23191E5A;stroke-width:2;%7D .st_fonas%7Bfill:%23FFFFFF;stroke:%23191E5A;stroke-width:2;%7D %3C/style%3E%3Ccircle class='st_fonas' cx='25' cy='25' r='24'/%3E%3Cpath class='st_line' d='M33.909,22.353c0.48,0.255,0.882,0.637,1.162,1.103c0.28,0.466,0.428,1,0.428,1.544 s-0.148,1.078-0.428,1.544c-0.28,0.466-0.682,0.848-1.162,1.103l-12.812,6.967c-2.063,1.123-4.597-0.337-4.597-2.646V18.033 c0-2.31,2.534-3.769,4.597-2.648L33.909,22.353z'/%3E%3C/svg%3E");
}
.ag_fancy--chart .fancybox-image {
background-color: var(--Neutrals-White);
padding: 3%;
}
@media (hover: hover) and (pointer: fine) {
.ag_fancy--photo:hover .ag_image--mask {
opacity: 0.05;
}
.ag_fancy--chart:hover .ag_image--mask {
opacity: 0.03;
}
.ag_fancy--video:hover .ag_image--mask {
background-color: rgba(0,0,0,0.08);
opacity: 1;
}
.ag_fancy--video.ag_image--chart:hover .ag_image--mask {
background-color: rgba(0,0,0,0.03);
}
}
.ag_image--footer {
width: 100%;
padding: 16px 0;
text-align: center;
}
.ag_image--footer.ag_image--footer_no_gap {
padding-top: 0;
}
.ag_image--item .ag_image--footer p {
margin: 0;
}
.ag_image--item .ag_image--footer .ag_image--title {
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 1.2em;
color: var(--Neutrals-Black);
}
.ag_image--item .ag_image--footer .ag_image--title:last-child {
margin-bottom: 16px;
}
.ag_image--item .ag_image--footer .ag_image--caption {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: var(--Neutrals-Dark-Grey);
margin-bottom: 8px;
}
.ag_image--item .ag_image--footer .ag_image--caption a {
font-weight: 400;
}
.ag_image--item .ag_image--title + .ag_image--caption {
margin-top: 8px;
}
.ag_image--item .ag_image--footer .ag_image--description {
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 1.2em;
color: var(--Neutrals-Grey);
}
.ag_image--item .ag_image--footer .ag_image--description a {
font-weight: 400;
}
.ag_image--item .ag_image--title + .ag_image--description {
margin-top: 12px;
}
.fancybox-show-caption .ag_image--fancy_caption {
letter-spacing: 0.02em;
}
.fancybox-show-caption .ag_image--fancy_description {
font-weight: 300;
font-size: 13px;
margin-top: 4px;
letter-spacing: 0.05em;
}
.ag_image--container.ag_image--dyn_desktop {
width: 70%;
margin: auto;
}
@media (max-width: 1280px){
.ag_image--container.ag_image--dyn_desktop {
width: 85%;
}
}
@media (max-width: 1150px){
.ag_image--container.ag_image--dyn_desktop {
width: 100%;
margin: 0;
}
}
@media (max-width: 1024px){
.ag_image--container.ag_image--dyn_mobile {
width: 60%;
margin: auto;
}
}
@media (max-width: 850px){
.ag_image--container.ag_image--dyn_mobile {
width: 70%;
}
}
@media (max-width: 768px){
.ag_image--container.ag_image--dyn_mobile {
width: 80%;
}
}
@media (max-width: 650px){
.ag_image--container.ag_image--dyn_mobile {
width: 100%;
margin: 0;
}
}
@media (max-width: 650px){
.ag_image--container.ag_image--full_mobile {
width: 100%;
max-width: none !important;
margin: 0;
}
.ag_image--container.ag_image--full_mobile .ag_image--image {
width: calc(100vw - var(--Scroll-Width));
left: calc((100vw - 100% - var(--Scroll-Width)) / -2);
}
}
/**
* AG Gallery Block
*/
.ag_gallery--container {
width: 100%;
}
.ag_gallery--content {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
row-gap: 25px;
}
.ag_scroll--columns_2 .ag_gallery--content {
column-gap: 40px;
}
.ag_scroll--columns_3 .ag_gallery--content {
column-gap: 30px;
}
.ag_gallery--item {
flex: 0 0 auto;
}
.ag_scroll--columns_1 .ag_gallery--item {
width: 100%;
}
.ag_scroll--columns_2 .ag_gallery--item {
width: calc(50% - 20px);
}
.ag_scroll--columns_3 .ag_gallery--item {
width: calc(33.33333% - 20px);
}
@media (max-width: 1066px) {
.ag_scroll--columns_2 .ag_gallery--content {
column-gap: 30px;
}
.ag_scroll--columns_2 .ag_gallery--item,
.ag_scroll--columns_3 .ag_gallery--item {
width: calc(50% - 15px);
}
}
@media (max-width: 650px) {
.ag_scroll--columns_2 .ag_gallery--item,
.ag_scroll--columns_3 .ag_gallery--item {
width: 100%;
}
}
@media (max-width: 650px) {
.ag_gallery--container:not(.ag_scroll--scroll) .ag_gallery--item .ag_image--image {
padding-bottom: 0;
}
.ag_gallery--container:not(.ag_scroll--scroll) .ag_gallery--item .ag_image--image:not(.ag_image--chart) img {
position: static;
}
.ag_gallery--container:not(.ag_scroll--scroll) .ag_gallery--item .ag_image--chart_wrap {
position: static;
}
}
@media (max-width: 450px) {
.ag_gallery--content {
row-gap: 20px;
}
}
/**
* Scroller classes
*/
/* Load more */
.ag_scroll--load_more .ag_scroll--item {
display: none;
}
.ag_scroll--load_more_button {
text-align: right;
margin-right: -6px;
display: none;
}
.ag_scroll--load_more_button button {
min-width: 150px;
}
.ag_scroll--gauge {
display: none !important;
}
@media (min-width: 1100px) {
.ag_scroll--load_more_button {
margin-right: -3px;
}
}
@media (min-width: 1067px) {
.ag_scroll--load_more .ag_scroll--item.ag_scroll--show_on_desktop {
display: block;
}
.ag_scroll--load_more .ag_scroll--load_more_button.ag_scroll--show_on_desktop,
.ag_scroll--scroll .ag_scroll--gauge.ag_scroll--show_on_desktop {
display: block;
}
}
@media ( (min-width: 651px) and (max-width: 1066px) ) {
.ag_scroll--load_more .ag_scroll--item.ag_scroll--show_on_tablet {
display: block;
}
.ag_scroll--load_more .ag_scroll--load_more_button.ag_scroll--show_on_tablet,
.ag_scroll--scroll .ag_scroll--gauge.ag_scroll--show_on_tablet {
display: block;
}
}
@media (max-width: 650px) {
.ag_scroll--load_more .ag_scroll--item.ag_scroll--show_on_mobile {
display: block;
}
.ag_scroll--load_more .ag_scroll--load_more_button.ag_scroll--show_on_mobile,
.ag_scroll--scroll .ag_scroll--gauge.ag_scroll--show_on_mobile {
display: block;
}
}
/* ex-datasheets */
/**
* Datasheets Block
*/
.datasheets--container {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 26px;
padding-bottom: 18px;
}
.datasheets--item_box {
width: 33.33333%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
flex: 0 0 auto;
}
.datasheets--item {
width: 100%;
height: 100%;
}
a.datasheets--item {
position: relative;
text-decoration: none;
padding: 32px 32px 28px 32px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
color: var(--Neutrals-Grey);
background: var(--Neutrals-White-Sand);
transition: background-color 0.3s ease 0s;
}
.datasheets--item .h4 {
flex-grow: 0;
line-height: 1.2;
margin-bottom: 8px;
color: var(--Neutrals-Black);
}
.datasheets--item p {
flex-grow: 1;
color: var(--Neutrals-Grey);
}
.datasheets--item_props {
flex-grow: 0;
font-size: 14px;
font-weight: 400;
line-height: 1;
margin-top: 24px;
padding-right: 48px;
color: var(--Neutrals-Grey);
}
.datasheets--item_props > * {
vertical-align: middle;
}
.datasheets--item_props img {
display: inline-block;
margin-right: 3px;
height: 28px;
width: auto;
opacity: 0.9;
}
.datasheets--item_img_fix {
display: inline-block;
margin-right: 0;
height: 28px;
width: 0;
}
.datasheets--button {
position: absolute;
bottom: 24px;
right: 24px;
opacity: 0;
}
@media (hover: hover) {
a.datasheets--item:hover {
background-color: var(--Neutrals-Light-Sand);
}
a.datasheets--item:hover .datasheets--button {
opacity: 1;
}
}
@media (max-width: 1080px) {
a.datasheets--item {
padding: 28px 28px 24px 28px;
}
.datasheets--button {
bottom: 20px;
right: 20px;
}
}
@media (max-width: 1024px) {
.datasheets--item_props {
font-size: 14px;
margin-top: 16px;
}
.datasheets--item_box {
width: 50%;
}
}
@media (max-width: 680px) {
a.datasheets--item {
padding: 24px 24px 20px 24px;
}
.datasheets--button {
bottom: 18px;
right: 18px;
}
}
@media (max-width: 630px) {
.datasheets--item_box {
width: 100%;
}
}
@media (max-width: 450px) {
.datasheets--container {
margin-left: -24px;
margin-right: -24px;
}
.datasheets--container.datasheets--margins {
margin-left: 0;
margin-right: 0;
}
.datasheets--item_box {
padding-left: 0;
padding-right: 0;
}
.datasheets--margins .datasheets--item_box {
padding-bottom: 20px;
}
}
/* ex-tabs-control */
/** Scroll control */
.ex_ctrl--scroll_content {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none; /* Internet Explorer 10+ */
scrollbar-width: none; /* Firefox */
}
.ex_ctrl--scroll_content::-webkit-scrollbar {
display: none; /* Safari and Chrome */
}
.ex_ctrl--scroll_arrow {
position: absolute;
display: none;
width: 40px;
top: 0;
bottom: 0;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
background: var(--Neutrals-Light-Sand);
}
.ex_ctrl--scroll_arrow.ex_ctrl--scroll_visible {
display: block;
}
.ex_ctrl--scroll_arrow div {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.ex_ctrl--scroll_arrow > div {
left: -100%;
background: linear-gradient(to right, rgba(230,230,215,0), rgba(230,230,215,1));
}
.ex_ctrl--scroll_arrow::after {
position: absolute;
content: "";
top: 15px;
right: 0;
width: 32px;
height: 32px;
border: none;
border-radius: 16px;
background-color: var(--Neutrals-Sand);
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23282819;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%23282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.ex_ctrl--scroll_right {
right: 0;
}
.ex_ctrl--scroll_left {
left: 0;
transform: scaleX(-1);
}
@media (hover: hover) {
.ex_ctrl--scroll_arrow:hover::after {
background-color: var(--Neutrals-White);
}
}
/** EX Tabs Controller */
.ex_ctrl--block {
top: 64px;
position: sticky;
width: 100%;
padding-top: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
z-index: 1500;
}
.ex_ctrl--block.ex_ctrl--sticked {
padding-top: 64px;
}
.ex_ctrl--block.ex_ctrl--title_top.ex_ctrl--sticked {
padding-top: 107px;
}
.ex_ctrl--block a {
text-decoration: none;
}
.ex_ctrl--shadow {
position: fixed;
top: 117px;
width: 100%;
height: 10px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
display: none;
z-index: 1400;
}
.ex_ctrl--title_top .ex_ctrl--shadow {
top: 160px;
}
.ex_ctrl--sticked .ex_ctrl--shadow {
display: block;
}
.table_header--on_top .ex_ctrl--shadow {
display: none;
}
.ex_ctrl--container {
background: var(--Neutrals-Light-Sand);
z-index: 1500;
overflow-x: visible;
width: 100%;
top: 64px;
height: 64px;
}
.ex_ctrl--block.ex_ctrl--title_top .ex_ctrl--container {
height: 107px;
}
.ex_ctrl--sticked .ex_ctrl--container {
position: fixed;
}
.ex_ctrl--ribbon_white:not(.ex_ctrl--sticked) .ex_ctrl--container {
background: var(--Neutrals-White);
}
/* Tabs controller sections */
.ex_ctrl--wrap {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
position: relative;
}
.ex_ctrl--title_top .ex_ctrl--wrap {
flex-wrap: wrap;
}
/* Title section */
.ex_ctrl--title {
display: none;
flex: 0 0 auto;
padding-top: 17px;
padding-bottom: 21px;
padding-right: 64px;
font-size: 26px;
font-weight: 300;
font-style: normal;
line-height: 26px;
letter-spacing: -0.02em;
white-space: nowrap;
color: var(--Neutrals-Black);
visibility: hidden;
}
.ex_ctrl--title_ribbon .ex_ctrl--title {
display: block;
}
.ex_ctrl--title_top .ex_ctrl--title {
padding-bottom: 0;
width: 100%;
}
/* Tabs section, scrolled */
.ex_ctrl--tabs_container {
display: none;
flex: 1 1 auto;
position: relative;
width: 20%;
visibility: hidden;
padding-left: 40px;
padding-right: 40px;
}
.ex_ctrl--tabs_ribbon .ex_ctrl--tabs_container {
display: block;
}
.ex_ctrl--tabs_ribbon:not(.ex_ctrl--title_ribbon) .ex_ctrl--tabs_container {
padding-left: 0;
}
.ex_ctrl--tabs {
display: flex;
justify-content: flex-start;
flex-wrap: nowrap;
}
.ex_ctrl--tab_item {
display: block;
flex: 0 0 auto;
padding: 20px;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
text-decoration: none;
white-space: nowrap;
text-transform: uppercase;
transition: color 0.2s ease;
}
.ex_ctrl--tabs_ribbon:not(.ex_ctrl--title_ribbon) .ex_ctrl--tab_item.ex_ctrl--tab_first {
padding-left: 2px;
}
.ex_ctrl--block .ex_ctrl--tab_item {
color: var(--Neutrals-Light-Grey);
}
.ex_ctrl--tab_item.ex_ctrl--tab_active {
color: var(--Neutrals-Black);
}
.ex_ctrl--tab_item.ex_ctrl--link_cta {
display: none;
padding-top: 8px;
padding-bottom: 8px;
}
.ex_ctrl--cta_tabs.ex_ctrl--cta_visible .ex_ctrl--link_cta,
.ex_ctrl--cta_burger.ex_ctrl--cta_visible .ex_ctrl--link_cta {
display: block;
}
.ex_ctrl--cta_burger .ex_ctrl--link_cta .button--send_request {
margin: 0;
}
.ex_ctrl--cta_burger .ex_ctrl--tab_item.ex_ctrl--link_cta {
padding: 15px 12px 13px;
text-align: center;
}
@media (hover: hover) {
.ex_ctrl--tab_item:hover {
color: var(--Primary-Light-Green);
}
.ex_ctrl--tab_item.ex_ctrl--tab_active:hover {
color: var(--Neutrals-Black);
}
}
/* Burger section */
.ex_ctrl--burger_container {
display: none;
flex: 1 1 auto;
position: relative;
width: 10%;
cursor: pointer;
}
.ex_ctrl--burger_mode .ex_ctrl--burger_container {
display: flex;
justify-content: flex-end;
flex-wrap: nowrap;
margin-right: -3px;
}
.ex_ctrl--burger_target {
flex: 1 1 auto;
width: 100%;
}
.ex_ctrl--burger_target {
padding: 20px 0 20px 0;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.08em;
white-space: nowrap;
text-transform: uppercase;
color: var(--Neutrals-Black);
}
.ex_ctrl--title_ribbon .ex_ctrl--burger_target {
text-align: right;
}
.ex_ctrl--title_top .ex_ctrl--burger_target {
text-align: left;
}
.ex_ctrl--burger_icon {
flex: 0 0 auto;
width: 68px;
padding: 16px 0 16px 35px;
}
.ex_ctrl--burger_icon span {
display: block;
width: 32px;
height: 32px;
border: none;
border-radius: 16px;
background-color: var(--Neutrals-White);
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20px' height='20px' viewBox='0 0 20 20'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23282819;%7D %3C/style%3E%3Ccircle class='st0' cx='3.266' cy='10' r='2'/%3E%3Ccircle class='st0' cx='10.223' cy='10' r='2'/%3E%3Ccircle class='st0' cx='16.734' cy='10' r='2'/%3E%3C/svg%3E%0A");
transition: transform .3s ease-in-out 0s;
}
.ex_ctrl--ribbon_white:not(.ex_ctrl--sticked) .ex_ctrl--burger_icon span {
background-color: var(--Neutrals-Light-Sand);
}
@media (hover: hover) {
.ex_ctrl--burger_container:hover .ex_ctrl--burger_icon span {
background-color: var(--Neutrals-Sand);
}
}
.ex_ctrl--burger_pointer {
display: none;
position: absolute;
height: 15px;
width: 15px;
top: -13px;
right: 32px;
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,0L0,15h15V0z' fill='%23F7F6F2'/%3E%3C/svg%3E");
}
.ex_ctrl--burger_mode .ex_ctrl--burger_pointer {
display: block;
}
@media (max-width: 450px) {
.ex_ctrl--burger_pointer {
right: 24px;
}
}
.ex_ctrl--burger_mode .ex_ctrl--tabs_container {
display: none;
position: absolute;
width: auto;
right: -16px;
top: 64px;
background: var(--Neutrals-White-Sand);
border-radius: 16px;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
}
.ex_ctrl--burger_mode.ex_ctrl--burger_open .ex_ctrl--tabs_container {
display: block;
padding-left: 0;
padding-right: 0;
}
.ex_ctrl--title_top.ex_ctrl--burger_mode .ex_ctrl--tabs_container {
top: 107px;
}
.ex_ctrl--burger_mode .ex_ctrl--tabs_container .ex_ctrl--scroll_arrow {
display: none;
}
.ex_ctrl--burger_mode .ex_ctrl--tabs {
display: block;
}
.ex_ctrl--burger_mode .ex_ctrl--tab_item {
padding: 15px 48px 13px;
}
.ex_ctrl--burger_mode .ex_ctrl--tab_item:not(:first-child) {
border-top: 1px solid var(--Neutrals-Medium-Sand);
}
@media (max-width: 450px) {
.ex_ctrl--burger_mode .ex_ctrl--tabs_container {
right: -9px;
}
}
/* CTA section */
.ex_ctrl--cta_container {
display: none;
flex: 0 0 auto;
padding: 8px 0 8px 64px;
visibility: hidden;
margin-right: -13px;
}
.ex_ctrl--cta_ribbon.ex_ctrl--cta_visible .ex_ctrl--cta_container {
display: block;
}
@media (max-width: 1100px) {
.ex_ctrl--cta_container {
margin-right: -10px;
}
}
/** EX Tabs content */
div.ex_ctrl--item_container {
position: relative;
display: none;
padding-top: 80px;
z-index: 10;
font-weight: 400;
}
.ex_ctrl--item_mask {
display: none;
}
.ex_ctrl--item_masked .ex_ctrl--item_mask {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: var(--Neutrals-White);
opacity: 0.6;
z-index: 20;
display: block;
}
.ex_ctrl--item_container.ex_ctrl--item_active {
display: block;
}
@media (max-width: 1024px) {
div.ex_ctrl--item_container {
padding-top: 60px;
}
}
@media (max-width: 450px) {
div.ex_ctrl--item_container {
padding-top: 50px;
}
}
/* ex-prod_apps */
/* Catalog head block */
/* ================== */
.catalog--header {
margin-bottom: 48px;
}
.catalog--subtitle {
color: var(--Neutrals-Dark-Grey);
font-size: 14px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
margin-bottom: 12px;
}
.catalog--title_wrap {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.catalog--header h2 {
font-size: 56px;
line-height: 1.15;
letter-spacing: -0.05em;
}
.catalog--title_link {
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 2.5em;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.catalog--footer {
display: none;
text-align: center;
}
@media (max-width: 768px) {
.catalog--header {
margin-bottom: 38px;
}
.catalog--header h2 {
font-size: 52px;
}
}
@media (max-width: 550px) {
.catalog--title_wrap .catalog--title_link {
display: none;
}
.catalog--footer {
display: block;
}
}
@media (max-width: 450px) {
.catalog--subtitle {
margin-bottom: 6px;
}
.catalog--header h2 {
font-size: 48px;
}
}
/* Products block - default */
/* ======================== */
.prod_list--container {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.prod_list--item_box {
width: 33.33333%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
flex: 0 0 auto;
}
.prod_list--item {
width: 100%;
height: 100%;
}
a.prod_list--item {
text-decoration: none;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
transition: background-color .2s ease, color .2s ease;
background: var(--Neutrals-White-Sand);
}
.prod_list--data {
position: relative;
width: 100%;
flex-grow: 1;
padding: 32px 32px 42px;
color: var(--Neutrals-Dark-Grey);
}
.prod_list--data .prod_list--title {
font-size: 28px;
line-height: 1.2em;
margin-bottom: 0.6em;
color: var(--Neutrals-Black);
}
.prod_list--data .prod_list--subtitle {
font-weight: 400;
line-height: 1.4em;
margin-bottom: 1.8em;
}
.prod_list--item .prod_list--description p {
font-size: 14px;
font-weight: 400;
line-height: 1.4em;
margin-bottom: 0.5em;
color: var(--Neutrals-Dark-Grey);
}
.prod_list--item .prod_list--button {
display: none;
position: absolute;
bottom: 16px;
right: 16px;
}
.prod_list--image {
width: 100%;
padding-top: 62.5%;
background-size: cover;
flex-grow: 0;
}
@media (hover: hover) and (pointer: fine) {
a.prod_list--item:hover {
background: var(--Neutrals-Light-Sand);
}
a.prod_list--item:hover .prod_list--data > * {
color: var(---Neutrals-Dark-Grey);
}
a.prod_list--item:hover .prod_list--title {
color: var(--Neutrals-Black);
}
a.prod_list--item:hover .prod_list--button {
display: block;
}
}
/* Products lists - default */
.prod_list--container .prod_list--item ul {
padding: 0;
margin: 0;
list-style: none;
}
.prod_list--container .prod_list--item ul li {
position: relative;
font-size: 15px;
font-weight: 400;
line-height: 1.4em;
color: var(--Neutrals-Dark-Grey);
}
.prod_list--container .prod_list--item ul li::before {
position: absolute;
content: "";
left: 0;
}
/* Products lists - default + SEO title */
.prod_list--mode_seo_title .prod_list--data .prod_list--title {
margin-bottom: 0;
}
.prod_list--mode_seo_title .prod_list--data .prod_list--subtitle {
display: block;
font-size: 16px;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
line-height: 1.4em;
margin-top: 18px;
margin-bottom: 28px;
color: var(--Neutrals-Dark-Grey);
}
/* Products lists - default + bullets */
.prod_list--bullets .prod_list--item ul li {
padding-left: 32px;
margin-bottom: 1em;
}
.prod_list--bullets .prod_list--item ul li::before {
height: 14px;
width: 14px;
top: 4px;
border-radius: 4px;
background-color: var(--Neutrals-Medium-Sand);
}
@media (hover: hover) and (pointer: fine) {
.prod_list--bullets.prod_list--sand_bg .prod_list--item:hover ul li::before {
background-color: var(--Neutrals-Sand);
}
}
/* Products lists - default + point */
.prod_list--points .prod_list--item ul li {
padding-left: 20px;
margin-bottom: 0.5em;
}
.prod_list--points .prod_list--item ul li::before {
height: 8px;
width: 8px;
top: 7px;
border-radius: 2px;
background-color: var(--Neutrals-Sand);
}
@media (hover: hover) and (pointer: fine) {
.prod_list--points.prod_list--sand_bg .prod_list--item:hover ul li::before {
background-color: var(--Neutrals-Dark-Sand);
}
}
/** Products block - horizontal */
.prod_list--mode_horizontal .prod_list--item_box {
width: 100%;
}
.prod_list--mode_horizontal a.prod_list--item {
flex-direction: row;
align-items: stretch ;
flex-wrap: nowrap;
}
.prod_list--mode_horizontal .prod_list--data {
width: 10%;
flex-grow: 1;
order: 2;
padding: 32px 32px 42px 60px;
}
.prod_list--mode_horizontal .prod_list--title {
font-size: 42px;
margin-bottom: 0.2em;
}
.prod_list--mode_horizontal .prod_list--subtitle {
font-size: 18px;
margin-bottom: 1.4em;
}
.prod_list--mode_horizontal .prod_list--image {
width: auto;
height: 100%;
flex-grow: 1;
padding-top: 0;
order: 1
}
@media (max-width: 1024px) {
.prod_list--mode_horizontal .prod_list--title {
font-size: 28px;
margin-bottom: 0.4em;
}
.prod_list--mode_horizontal .prod_list--subtitle {
font-size: inherit;
margin-bottom: 1.8em;
}
}
@media (max-width: 768px) {
.prod_list--mode_horizontal .prod_list--data {
padding: 32px 32px 42px 36px;
}
}
@media (max-width: 650px) {
.prod_list--mode_horizontal a.prod_list--item {
flex-direction: column;
align-items: flex-start ;
flex-wrap: wrap;
}
.prod_list--mode_horizontal .prod_list--data {
width: 100%;
flex-grow: 1;
order: 1;
padding: 32px 32px 42px 32px;
}
.prod_list--mode_horizontal .prod_list--title {
margin-bottom: 0.6em;
}
.prod_list--mode_horizontal .prod_list--image {
width: 100%;
height: auto;
flex-grow: 0;
padding-top: 62.5%;
order: 2
}
}
/** Products block - compact */
.prod_list--mode_compact .prod_list--data {
padding: 24px 72px 24px 24px;
}
.prod_list--mode_compact .prod_list--title {
font-size: 24px;
margin-bottom: 0;
}
/** Products block - home page */
.prod_list--mode_home a.prod_list--item {
display: block;
position: relative;
}
.prod_list--mode_home .prod_list--data {
padding: 18px 24px;
position: absolute;
bottom: 0;
background: linear-gradient(320deg, #0F9129 0%, #00413C 100%);;
}
.prod_list--mode_home .prod_list--title {
font-size: 20px;
font-weight: 300;
letter-spacing: -0.01em;
margin-bottom: 0;
color: var(--Neutrals-White);
}
.prod_list--mode_home .prod_list--button {
bottom: 22px;
}
@media (hover: hover) and (pointer: fine) {
.prod_list--mode_home a.prod_list--item:hover .prod_list--title {
color: var(--Neutrals-White);
}
}
/** Products block - catalog page */
.prod_list--mode_catalog .prod_list--image {
padding-top: 38%;
background-position: center 10%;
}
@media (max-width: 1280px) {
.prod_list--mode_catalog .prod_list--title {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.prod_list--item_box {
width: 50%;
}
}
@media (max-width: 650px) {
.prod_list--item_box {
width: 100%;
padding-bottom: 50px;
}
.prod_list--mode_home .prod_list--item_box {
padding-bottom: 30px;
}
}
@media (max-width: 450px) {
.prod_list--container.prod_list--mode_default,
.prod_list--container.prod_list--mode_seo_title,
.prod_list--container.prod_list--mode_compact {
margin-left: -24px;
margin-right: -24px;
}
.prod_list--item_box {
padding-left: 0;
padding-right: 0;
}
.prod_list--mode_catalog .prod_list--data {
padding: 24px 24px 42px;
}
.prod_list--item_box:last-child {
padding-bottom: 32px;
}
.prod_list--data .prod_list--button {
right: 19px;
}
.prod_list--mode_home .prod_list--title {
font-weight: 400;
}
}
/* Applications categories block */
/* ============================== */
.apps_catalog--categories_list {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
margin-top: 26px;
}
.apps_catalog--category_box {
flex: 0 0 auto;
width: 50%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.apps_catalog--category {
position: relative;
width: 100%;
height: 100%;
padding: 48px 48px 80px 48px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.apps_catalog--industrial .apps_catalog--category {
background-color: var(--Primary-Light-Green);
/*
*/
background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='industrial'%3E%3ClinearGradient id='industrial_1' gradientUnits='userSpaceOnUse' x1='719.5345' y1='856.3425' x2='80.4655' y2='-56.3426'%3E%3Cstop offset='0' style='stop-color:%23006432'/%3E%3Cstop offset='1' style='stop-color:%2319AF23'/%3E%3C/linearGradient%3E%3Crect style='fill:url(%23industrial_1);' width='800' height='800'/%3E%3ClinearGradient id='industrial_2' gradientUnits='userSpaceOnUse' x1='512.603' y1='668.639' x2='29.8042' y2='-20.8692'%3E%3Cstop offset='0' style='stop-color:%23282819;stop-opacity:0.1'/%3E%3Cstop offset='1' style='stop-color:%23282819;stop-opacity:0'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23industrial_2);' d='M0,0v800h325L649,0H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.apps_catalog--scientific .apps_catalog--category {
background-color: var(--Secondary-Blue);
/*
*/
background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 800 800' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='scientific'%3E%3ClinearGradient id='scientific_1' gradientUnits='userSpaceOnUse' x1='719.5345' y1='856.3425' x2='80.4655' y2='-56.3426'%3E%3Cstop offset='0' style='stop-color:%23006432'/%3E%3Cstop offset='1' style='stop-color:%233882A6'/%3E%3C/linearGradient%3E%3Crect style='fill:url(%23scientific_1);' width='800' height='800'/%3E%3ClinearGradient id='scientific_2' gradientUnits='userSpaceOnUse' x1='512.603' y1='668.639' x2='29.8042' y2='-20.8692'%3E%3Cstop offset='0' style='stop-color:%23282819;stop-opacity:0.1'/%3E%3Cstop offset='1' style='stop-color:%23282819;stop-opacity:0'/%3E%3C/linearGradient%3E%3Cpath style='fill:url(%23scientific_2);' d='M0,0v800h325L649,0H0z'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.apps_catalog--title {
display: block;
}
.apps_catalog--title h3 {
font-size: 32px;
line-height: 1.2em;
letter-spacing: -0.02em;
color: var(--Neutrals-White);
margin-bottom: 16px;
}
.apps_catalog--button_container {
position: absolute;
width: 80px;
height: 80px;
bottom: 0;
right: 0;
}
.apps_catalog--title .apps_catalog--button {
position: absolute;
right: 24px;
bottom: 24px;
display: none;
}
.apps_catalog--category p {
color: var(--Neutrals-White);
opacity: 0.8;
}
.apps_catalog--category ul {
margin-top: 48px;
}
.apps_catalog--category ul li {
min-height: 40px;
padding-left: 0;
margin-bottom: 0;
margin-top: 24px;
display: flex;
align-items: center;
}
.apps_catalog--category ul li:before {
display: none;
}
.apps_catalog--category li a {
padding-left: 64px;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
letter-spacing: 0.005em;
color: var(--Neutrals-White);
}
.apps_catalog--category li a:before {
position: absolute;
content: "";
height: 40px;
width: 40px;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 1px solid rgba(255, 255, 255, 0.06);
background-color: rgba(255, 255, 255, 0.05);
background-position: center;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.0;stroke-linecap:round;%7D %3C/style%3E%3Cline class='st0' x1='12.3' y1='10' x2='18.3' y2='10'/%3E%3Cline class='st0' x1='1.7' y1='10' x2='7.7' y2='10'/%3E%3Cline class='st0' x1='10' y1='7.7' x2='10' y2='1.7'/%3E%3Cline class='st0' x1='10' y1='18.3' x2='10' y2='12.3'/%3E%3Cline class='st0' x1='11.7' y1='8.3' x2='13.6' y2='6.4'/%3E%3Cline class='st0' x1='6.5' y1='13.6' x2='8.3' y2='11.7'/%3E%3Cline class='st0' x1='8.4' y1='8.3' x2='6.4' y2='6.5'/%3E%3Cline class='st0' x1='13.6' y1='13.5' x2='11.7' y2='11.7'/%3E%3C/svg%3E");
/*
*/
backdrop-filter: blur(60px);
}
@media (hover: hover) and (pointer: fine) {
.apps_catalog--title:hover .apps_catalog--button {
display: block;
}
.apps_catalog--category li a:hover::before {
border-color: rgba(255, 255, 255, 0.7);
background-color: rgba(255, 255, 255, 0.15);
}
}
@media (max-width: 1024px) {
.apps_catalog--category {
padding: 36px 36px 64px 36px;
}
.apps_catalog--category li a {
font-size: 18px;
}
}
@media (max-width: 650px) {
.apps_catalog--category_box {
width: 100%;
padding-bottom: 30px;
}
}
@media (max-width: 450px) {
.apps_catalog--category {
padding: 32px 32px 64px;
}
}
/* Applications block */
/* =================== */
.ex_apps--container {
display: flex;
align-items: stretch;
flex-direction: row;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.ex_apps--columns_2 {
margin-left: -25px;
margin-right: -25px;
}
.ex_apps--item_box {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
flex: 0 0 auto;
}
.ex_apps--columns_2 .ex_apps--item_box {
width: 50%;
padding-left: 25px;
padding-right: 25px;
padding-bottom: 50px;
}
.ex_apps--columns_3 .ex_apps--item_box {
width: 33.333333%;
}
.ex_apps--columns_4 .ex_apps--item_box {
width: 25%;
}
.ex_apps--item {
display: block;
width: 100%;
height: 100%;
position: relative;
}
a.ex_apps--item {
text-decoration: none;
}
.ex_apps--background .ex_apps--item {
background: var(--Neutrals-White-Sand);
transition: background-color .2s ease;
}
.ex_apps--negative .ex_apps--item {
background: var(--Neutrals-White);
}
.ex_apps--border .ex_apps--item {
border: 1px solid var(--Neutrals-Light-Sand);
}
.ex_apps--image {
display: block;
width: 100%;
height: auto;
}
.ex_apps--image_border .ex_apps--image {
border: 1px solid var(--Neutrals-Light-Sand);
}
.ex_apps--text {
width: 100%;
padding: 24px 0;
}
.ex_apps--background .ex_apps--text {
padding: 32px 32px;
}
.ex_apps--columns_4.ex_apps--background .ex_apps--text {
padding: 20px 24px 24px;
}
.ex_apps--text .ex_apps--title {
font-size: 26px;
line-height: 1.2;
color: var(--Neutrals-Black);
margin-bottom: 24px;
}
.ex_apps--columns_2 .ex_apps--text .ex_apps--title {
font-size: 28px;
}
.ex_apps--text .ex_apps--description p {
margin-bottom: 1em;
}
.ex_apps--text .ex_apps--button {
display: none;
position: absolute;
bottom: 16px;
right: 16px;
}
.ex_apps--active .ex_apps--item {
cursor: default;
background: var(--Neutrals-Medium-Sand) !important;
}
.ex_apps--active .ex_apps--description p {
color: var(--Neutrals-Dark-Grey);
}
.ex_apps--active .ex_apps--text .ex_apps--button {
display: none !important;
}
@media (hover: hover) and (pointer: fine) {
.ex_apps--hover .ex_apps--item:hover {
background: var(--Neutrals-Light-Sand);
}
.ex_apps--hover.ex_apps--border .ex_apps--item:hover {
border-color: var(--Neutrals-Medium-Sand);
}
a.ex_apps--item:hover .ex_apps--title {
color: var(--Neutrals-Black);
}
a.ex_apps--item:hover .ex_apps--description p {
color: var(--Neutrals-Dark-Grey);
}
a.ex_apps--item:hover .ex_apps--button {
display: block;
}
}
@media (max-width: 1280px) {
.ex_apps--columns_4 .ex_apps--item_box {
width: 33.333333%;
}
.ex_apps--container {
margin-left: -15px;
margin-right: -15px;
}
.ex_apps--container .ex_apps--item_box {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 30px;
}
.ex_apps--columns_4.ex_apps--background .ex_apps--text {
padding: 32px 32px;
}
}
@media (max-width: 1024px) {
.ex_apps--container .ex_apps--item_box {
width: 50%;
}
.ex_apps--container .ex_apps--text .ex_apps--title {
font-size: 26px;
}
}
@media (max-width: 630px) {
.ex_apps--container .ex_apps--item_box {
width: 100%;
padding-bottom: 50px;
}
}
@media (max-width: 450px) {
.ex_apps--container {
margin-left: calc(-15px - var(--Mobile-Padding) );
margin-right: calc(-15px - var(--Mobile-Padding) );
}
.ex_apps--text {
padding-top: 26px;
}
.ex_apps--text .ex_apps--title {
margin-bottom: 20px;
}
.ex_apps--text .ex_apps--button {
right: 19px;
}
}
/* bibtex-block */
/* Publications block */
.bibtex--block {
min-height: 100px;
position: relative;
}
.bibtex--block .bibtex--data .h3 {
font-size: 32px;
}
@media (max-width: 450px) {
.bibtex--block {
margin-left: calc(-1 * var(--Mobile-Padding) );
margin-right: calc(-1 * var(--Mobile-Padding) );
}
.bibtex--block .bibtex--data .h3 {
margin-left: var(--Mobile-Padding);
margin-right: var(--Mobile-Padding);
}
}
/* Citations */
.cite--item {
width: 100%;
margin-bottom: 24px;
background: var(--Neutrals-White-Sand);
position: relative;
}
.cite--toggler {
position: absolute;
top: 0;
right: 0;
width: 72px;
height: 72px;
padding: 16px;
cursor: pointer;
}
.cite--toggler span {
display: block;
width: 40px;
height: 40px;
border: none;
border-radius: 20px;
background-position: center;
background-repeat: no-repeat;
background-size: 20px;
/** From ex-accordition.css */
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .line%7Bstroke:%234E4E3E;stroke-linecap:round;%7D %3C/style%3E%3Cpath class='line' d='M13,0.5v25'/%3E%3Cpath class='line' d='M0.5,13h25'/%3E%3C/svg%3E");
}
.cite--expanded .cite--toggler span {
background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle type='text/css'%3E .line%7Bstroke:%234E4E3E;stroke-linecap:round;%7D %3C/style%3E%3Cpath class='line' d='M0.5,13h25'/%3E%3C/svg%3E");
}
@media (hover: hover) {
.cite--toggler:hover span {
background-color: var(--Neutrals-White);
}
}
.cite--item_wrap {
width: 100%;
padding: 32px;
}
@media (max-width: 450px) {
.cite--item_wrap {
padding: var(--Mobile-Padding);
}
}
.cite--tags {
line-height: 1.2em;
margin-bottom: 24px;
}
.bibtex--block .cite--tags a {
font-size: 12px;
line-height: 16px;
letter-spacing: 0.05em;
font-weight: 700;
text-transform: uppercase;
color: var(--Neutrals-Light-Grey);
padding: 0;
display: inline;
margin-right: 24px;
}
.cite--tags a:last-of-type {
margin-right: 0;
}
@media (hover: hover) {
.bibtex--block .cite--tags a:hover {
color: var(--Primary-Light-Green);
}
}
.cite--tags span {
position: relative;
display: inline-block;
width: 0;
height: 12px;
}
.cite--tags span::after {
content: "";
position: absolute;
bottom: 2px;
left: -12px;
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: var(--Neutrals-Light-Grey);
}
.cite--tags span:last-of-type {
display: none;
}
.bibtex--block .cite--item a {
text-decoration: none;
}
.bibtex--block .cite--title {
display: inline-block;
margin-bottom: 16px;
}
.bibtex--block .cite--title .h4 {
color: var(--Neutrals-Black);
font-weight: 400;
font-size: 24px;
font-style: normal;
letter-spacing: -0.01em;
line-height: 1.25em;
margin-bottom: 0;
}
@media (hover: hover) {
.bibtex--block .cite--item a:hover .h4 {
color: var(--Primary-Light-Green);
}
}
.cite--abstract {
margin-top: 32px;
}
.cite--abstract .buttons--container {
margin-top: 28px;
}
.cite--ref a {
font-weight: 400;
}
.cite--tags {
margin-right: 72px;;
}
.cite--title, .cite--abstract, .cite--ref {
margin-right: 48px;
}
@media (max-width: 1024px) {
.cite--title, .cite--abstract, .cite--ref {
margin-right: 24px;
}
}
@media (max-width: 768px) {
.cite--title, .cite--abstract, .cite--ref {
margin-right: 0;
}
}
@media (max-width: 450px) {
.bibtex--block .cite--tags a {
font-size: 11px;
}
.bibtex--block .cite--title .h4 {
font-size: 22px;
}
.cite--ref {
font-size: 14px;
line-height: 1.3;
}
.cite--abstract .button--item {
width: 100%;
}
}
/* Spinner */
.spinner--mask {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,0.75);
}
.spinner--block {
text-align: center;
margin-top: 60px;
margin-bottom: 60px;
}
.spinner {
width: 50px;
height: 50px;
display: inline-block;
}
.spinner svg {
width: 100%;
height: auto;
}
.spinner .spinner--long {
fill: var(--Neutrals-Dark-Sand);
}
.spinner .spinner--short {
fill: var(--Neutrals-Dark-Grey);
}
/* Pagination Section */
.cite--paging {
margin-top: 56px;
}
.paging--container {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
.paging--container .paging--item {
display: block;
margin: 0 8px;
width: 40px;
height: 40px;
padding: 12px 0 14px;
font-weight: 400;
font-size: 14px;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
text-align: center;
color: var(--Neutrals-Dark-Sand);
border-radius: 20px;
background-color: var(--Neutrals-White-Sand);
transition: background-color 0.2s ease-in-out;
cursor: default;
}
.paging--container a.paging--item {
text-decoration: none;
cursor: pointer;
outline: none;
}
.paging--container .paging--item span {
display: inline-block;
}
.paging--container .paging--item .arrow--color {
fill: var(--Neutrals-Dark-Sand);
}
@media (hover: hover) {
.paging--container a.paging--item:hover {
background-color: var(--Neutrals-Sand);
color: var(--Neutrals-Black);
}
.paging--container a.paging--item:hover .arrow--color {
fill: var(--Neutrals-Black);
}
}
.paging--container .paging--item.paging--item_active {
background: var(--Neutrals-Light-Sand);
color: var(--Neutrals-Black);
}
.paging--container .paging--item.paging--points {
width: 32px;
letter-spacing: 2px;
color: var(--Neutrals-Dark-Sand);
background-color: transparent;
}
.paging--container .paging--previous,
.paging--container .paging--next {
padding: 13px 0 13px;
background-color: var(--Neutrals-White-Sand);
}
.paging--container .paging--item_disabled {
background-color: transparent;
}
.paging--container .paging--item_disabled .arrow--color {
fill: var(--Neutrals-Medium-Sand);
}
@media (max-width: 768px) {
.cite--paging {
flex-wrap: wrap;
row-gap: 15px;
margin-top: 48px;
}
}
/* Load More Section */
.load_more--container {
margin-top: 56px;
text-align: center;
}
.load_more--container a {
text-decoration: none;
cursor: pointer;
outline: none;
}
.load_more--container .load_more--button {
display: inline-block;
height: 44px;
min-width: 200px;
padding: 16px 20px 16px;
font-weight: 700;
font-size: 12px;
line-height: 1;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: 0.5px;
text-align: center;
color: var(--Neutrals-Dark-Sand);
border-radius: 16px;
background-color: var(--Neutrals-White-Sand);
transition: background-color 0.2s ease-in-out;
cursor: pointer;
}
.load_more--container .load_more--button span {
display: inline-block;
}
@media (hover: hover) {
.load_more--container .load_more--button:hover {
background-color: var(--Neutrals-Sand);
color: var(---Neutrals-Black);
}
}
@media (max-width: 768px) {
.load_more--container {
margin-top: 48px;
}
}
/* ex-tables */
body {
overflow-anchor: none;
}
/** ======================================
* Tables
* =================================== */
.content--section .table--container:not(.mode--fixed) {
position: relative;
opacity: 0;
}
.table--container figcaption {
margin-bottom: 16px;
padding-left: 32px;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: 1.3em;
letter-spacing: -0.5px;
color: var(--Neutrals-Black);
}
.table--wrap_container {
width: 100%;
overflow-x: hidden;
min-width: 360px;
}
.table--wrap_container.table--scroll {
overflow-x: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}
.table--wrap_container.table--scroll::-webkit-scrollbar {
display: none;
}
.table--container thead {
position: relative;
z-index: 2;
}
.table--container tbody {
position: relative;
z-index: 1;
}
@media (max-width: 1024px) {
.table--container {
margin-left: -48px;
margin-right: -48px;
}
.table--in_column {
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 768px) {
.table--container {
margin-left: -32px;
margin-right: -32px;
}
}
@media (max-width: 450px) {
.table--container {
margin-left: -24px;
margin-right: -24px;
}
}
/**
* Table Design
*/
.table--container {
position: relative;
--Table-Main-vPadd : 9px;
--Table-Subrow-vPadd : 5px;
--Table-Main-hPadd : 16px;
--Table-Subrow-hPadd : 56px;
--Table-fCol-hPadd : 32px;
}
@media (max-width: 450px) {
.table--container {
--Table-Subrow-hPadd : 48px;
--Table-fCol-hPadd : 24px;
}
}
.table--container.table--scroll_active.table--gauge_sticked {
padding-bottom: 60px;
}
.table--container table {
border-collapse: collapse;
table-layout: fixed;
min-width: 100%;
position: relative;
width: 100%;
}
.table--container th,
.table--container td {
font-size: 15px;
font-style: normal;
text-align: center;
overflow-wrap: normal;
word-break: normal;
background: var(--Neutrals-White);
position: relative;
z-index: 2;
}
.table--container th {
font-weight: 700;
line-height: 20px;
vertical-align: bottom;
color: var(--Neutrals-Black);
padding: 16px var(--Table-Main-hPadd) 16px;
}
.table--container td {
font-weight: 400;
line-height: 1.4em;
vertical-align: middle;
color: var(--Neutrals-Dark-Grey);
padding: var(--Table-Main-vPadd) var(--Table-Main-hPadd);
border-bottom: 1px solid var(--Neutrals-Light-Sand);
}
.table--container td span {
cursor: text;
}
.table--container .col--1 {
position: -webkit-sticky;
position: sticky;
left: 0;
text-align: left;
padding-left: var(--Table-fCol-hPadd);
z-index: 10;
}
.table--container td.col--1 {
font-weight: 600;
overflow-x: visible;
color: var(--Neutrals-Black);
background: var(--Neutrals-White-Sand);
}
.table--container.mode--simple td.col--1 {
font-weight: 400;
color: var(--Neutrals-Dark-Grey);
}
.table--container .cell--left {
text-align: left;
padding-left: var(--Table-fCol-hPadd);
}
.table--container td.cell--is_link {
padding: 0;
}
.table--container td.cell--is_link a {
position: absolute;
display: block;
top: 0;
width: 100%;
height: 100%;
padding: var(--Table-Main-vPadd) var(--Table-Main-hPadd) var(--Table-Main-vPadd) var(--Table-fCol-hPadd);
}
.table--container td.cell--is_link span {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.table--container .table--section td {
font-size: 12px;
font-weight: 700;
line-height: 16px; /* 183.333% */
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--Neutrals-Black);
background: var(--Neutrals-Light-Sand);
border: none;
height: 64px;
padding-top: 24px;
}
.table--container .table--section td.cell--heavy {
font-size: 14px;
font-weight: 800;
letter-spacing: 0.04em;
}
.table--container tr:first-child.table--section td {
height: 48px;
}
.table--container .table--section sup {
font-size: 10.5px;
}
.table--container .table--section s {
text-transform: none;
text-decoration: none;
letter-spacing: 0.03em;
}
.table--container .table--section .col--1 span {
position: absolute;
top: 32px;
left: 32px;
white-space: nowrap;
}
.table--container tr:first-child.table--section .col--1 span {
top: 16px;
}
.table--container .table--section:not(tr:first-child) td::after {
position: absolute;
content: "";
top: 0;
left: 0;
right: 0;
height: 16px;
background: var(--Neutrals-White);
}
.table--container tbody tr:not(.table--section):first-child td {
border-top: 1px solid var(--Neutrals-Light-Sand);
}
@media (max-width: 450px) {
.table--container .table--section .col--1 span {
left: var(--Table-fCol-hPadd);
}
}
.table--container .table--has_subrow td {
padding-bottom: var(--Table-Subrow-vPadd);
border-bottom: none;
}
.table--container .table--subrow:not(.table--last_subrow) td {
border-bottom: none;
}
.table--container .table--subrow td {
padding-top: var(--Table-Subrow-vPadd);
padding-bottom: var(--Table-Subrow-vPadd);
}
.table--container .table--subrow .col--1 {
padding-left: var(--Table-Subrow-hPadd);
font-weight: 400;
}
.table--container .table--last_subrow td {
padding-bottom: var(--Table-Main-vPadd);
}
@media (hover: hover) {
.table--container tr:not(.table--section):hover td:not(.col--1) {
background: #F7F7F3;
color: var(--Neutrals-Black);
}
.table--container tr:not(.table--section):hover td.col--1 {
background: #EDECE2;
}
}
/** Gauge */
.table--gauge_control {
display: none;
margin-top: 12px;
margin-left: calc((100vw - 100%)/-2);
margin-right: calc((100vw - 100%)/-2);
width: 100vw;
transition: bottom 0.3s ease-in-out;
}
.table--gauge_control.gauge--sticked {
position: fixed;
margin-top: 0;
bottom: 0;
left: 0;
background-color: var(--Neutrals-White-Sand);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
z-index: 1000;
}
.table--gauge_control.gauge--sticked.gauge--hidden {
bottom: -50px;
}
.table--gauge_wrap {
height: 48px;
margin: 0 auto;
background-color: var(--Neutrals-White-Sand);
display: flex;
flex-wrap: nowrap;
}
.table--control_buttons {
height: 100%;
flex: 0 0 auto;
}
.table--control_buttons button {
display: block;
height: 32px;
width: 32px;
border: none;
border-radius: 16px;
outline: none;
cursor: default;
background-color: var(--Neutrals-Medium-Sand);
background-position: center;
background-repeat: no-repeat;
/*
*/
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;%7D .st1%7Bfill:none;stroke:%23FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E");
}
.table--control_buttons .table--button_left button {
float: right;
transform: rotate(180deg);
}
.table--control_buttons > div {
padding-top: 8px;
padding-bottom: 8%;
width: 50%;
height: 100%;
cursor: default;
}
.table--control_buttons > .gauge--click_enabled {
cursor: pointer;
}
.table--control_buttons > .gauge--click_enabled button {
background-color: var(--Neutrals-Light-Grey);
cursor: pointer;
}
.table--control_buttons .table--button_left {
float: left;
padding-right: 10px;
}
.table--control_buttons .table--button_right {
float: right;
padding-left: 10px;
}
@media (hover: hover) {
body:not(.touch_device) .table--control_buttons > .gauge--click_enabled:hover button {
background-color: var(--Primary-Light-Green);
}
}
.table--gauge_container {
height: 100%;
flex: 1 1 auto;
display: flex;
flex-wrap: nowrap;
}
.table--gauge {
flex: 1 1 auto;
padding: 20px 10px;
cursor: pointer;
}
.table--gauge span {
display: block;
width: 100%;
height: 8px;
background-color: var(--Neutrals-Sand);
border-radius: 4px;
}
.table--gauge.gauge--column_visible span {
background-color: var(--Neutrals-Light-Grey);
}
.gauge--columns_1 > .table--gauge { width: 100%; }
.gauge--columns_2 > .table--gauge { width: 50%; }
.gauge--columns_3 > .table--gauge { width: 33.333333%; }
.gauge--columns_4 > .table--gauge { width: 25%; }
.gauge--columns_5 > .table--gauge { width: 20%; }
.gauge--columns_6 > .table--gauge { width: 16.666666%; }
.gauge--columns_7 > .table--gauge { width: 14.285714%; }
.gauge--columns_8 > .table--gauge { width: 12.5%; }
@media (hover: hover) {
body:not(.touch_device) .table--gauge:hover span {
background-color: var(--Primary-Light-Green);
}
}
.table--fixed_header {
display: none;
position: relative;
background-color: var(--Neutrals-White);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
margin-left: calc((100vw - 100%)/-2);
margin-right: calc((100vw - 100%)/-2);
width: 100vw;
left: 0;
z-index: 3;
}
.modal--active .table--fixed_header {
width: calc(100vw - var(--Scroll-Width));
}
.table--fixed_header .table--wrap_container {
margin: 0 auto;
}
.table_header--on_top .table--fixed_header,
.table--fixed_header.table_header--on_top {
position: fixed;
display: block;
}
.table--fixed_header.table_header--on_bottom {
position: absolute;
display: block;
bottom: 0;
}
ol.table--footnotes {
list-style: none;
padding: 0 32px;
counter-reset: footnote;
margin-top: 24px;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
color: var(--Neutrals-Grey);
}
ol.table--footnotes li {
position: relative;
padding: 0;
margin-bottom: 0.3em;
counter-increment: footnote;
}
ol.table--footnotes li::before {
content: counter(footnote)")";
font-size: 0.75em;
position: absolute;
top: 2px;
left: -24px;
}
/*
ol.table--footnotes a {
font-weight: 600;
color: var(--Primary-Green);
}
*/
@media (hover: hover) {
ol.table--footnotes a:hover {
color: var(--Primary-Light-Green);
}
}
@media (max-width: 630px) {
ol.table--footnotes {
font-size: 13px;
padding-right: 0;
}
}
/* Styles for applications*/
.table--on_sand.table--container th,
.table--on_sand.table--container td {
background: var(--Neutrals-White-Sand);
}
.table--on_sand.table--container td {
border-bottom: 1px solid var(--Neutrals-Medium-Sand);
}
.table--on_sand.table--container td.col--1 {
background: var(--Neutrals-Light-Sand);
}
.table--on_sand.table--container .table--section td {
background: var(--Neutrals-Medium-Sand);
}
.table--on_sand.table--container .table--section:not(tr:first-child) td::after {
background: var(--Neutrals-White-Sand);
}
.table--on_sand.table--container tbody tr:not(.table--section):first-child td {
border-top: 1px solid var(--Neutrals-Medium-Sand);
}
.table--on_sand .table--fixed_header {
background-color: var(--Neutrals-White-Sand);
}
@media (hover: hover) {
.table--on_sand.table--container tr:not(.table--section):hover td:not(.col--1) {
background: #EDECE2;
}
.table--on_sand.table--container tr:not(.table--section):hover td.col--1 {
background: #DDDCCC;
}
}
/* ex-poster */
/**
* SECTION HEADER WITH PHOTO
*/
.section--poster {
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: center right;
}
/** Applications */
@media (min-width: 769px) {
.single-applications .section--poster {
min-height: 320px;
}
}
@media (min-width: 1025px) {
.single-applications .section--poster {
min-height: 440px;
}
}
@media (min-width: 1281px) {
.single-applications .section--poster {
min-height: 500px;
}
}
/** Company */
@media (min-width: 769px) {
.poster--company .section--poster,
.poster--company.section--poster {
min-height: 500px;
}
}
.poster--bg_green {
background-image: linear-gradient(320deg, #006432 0%, #3882A6 100%);
}
.poster--bg_sand {
background-image: linear-gradient(140deg, #F7F6F2 0%, #E0E0D1 100%);
}
.poster--bg_image.poster--text_white {
background-color: var(--Secondary-Middle-Electro);
}
.poster--bg_image.poster--text_black,
.poster--bg_image.poster--text_green {
background-color: var(--Neutrals-Light-Sand);
}
.section--poster::before {
position: absolute;
content: "";
top: 0;
bottom: 0;
left: 0;
width: 70%;
background-size: cover;
background-repeat: no-repeat;
background-position: right center;
}
.poster--bg_green::before {
background-image: url("data:image/svg+xml,%3Csvg width='259' height='198' viewBox='0 0 259 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M0 1.18017e-05L259 0L213.505 198L0 198V1.18017e-05Z' fill='%23282819'/%3E%3C/svg%3E");
}
.poster--bg_sand::before {
background-image: url("data:image/svg+xml,%3Csvg width='259' height='198' viewBox='0 0 259 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M0 1.18017e-05L259 0L213.505 198L0 198V1.18017e-05Z' fill='%23B4B4A2'/%3E%3C/svg%3E");
}
.poster--bg_image::before {
display: none;
}
.section--poster .poster--viewport {
position: relative;
}
.section--viewport_small .poster--viewport {
width: 1072px;
max-width: 100%;
}
.section--container_width .poster--viewport {
padding-left: 64px;
padding-right: 64px;
}
.poster--container {
padding: 56px 0 64px;
}
.poster--has_image .poster--container {
padding: 56px 0;
}
.poster--content {
width: 70%;
}
.poster--bg_image .poster--content {
width: 50%;
}
.section--viewport_small .poster--bg_image .poster--content {
width: 70%;
}
.section--viewport_small .poster_image--object .poster--content {
width: 50%;
}
.poster--textbg_white .poster--content {
padding: 32px 46px 42px;
background: var(--Neutrals-White);
}
.poster--textbg_blur .poster--content {
padding: 32px 46px 42px;
backdrop-filter: blur(60px);
}
.poster--bg_image.poster--textbg_blur .poster--content {
background: rgba(255, 255, 255, 0.05);
}
.poster--bg_green.poster--textbg_blur .poster--content {
background: rgba(255, 255, 255, 0.08);
}
.poster--bg_sand.poster--textbg_blur .poster--content {
background: rgba(255, 255, 255, 0.3);
}
.poster--content h1 {
color: var(--Neutrals-White);
line-height: 1.1;
}
.poster--content p {
margin-top: 28px;
color: var(--Neutrals-White-Sand);
}
.poster--text_black .poster--content h1 {
color: var(--Neutrals-Black);
}
.poster--text_black .poster--content p {
color: var(--Neutrals-Dark-Grey);
}
.poster--text_green .poster--content h1 {
color: var(--Primary-Green);
}
.poster--text_green .poster--content p {
color: var(--Neutrals-Dark-Grey);
}
.poster--content .buttons--container {
margin-top: 42px;
}
@media (max-width: 1512px) {
.section--viewport_small .poster--viewport {
width: 1072px;
margin: 0 auto;
}
}
@media (max-width: 1280px) {
.section--poster .poster--content {
width: 75%;
}
.poster--textbg_no .poster--content {
width: 100%;
}
.poster_image--object .poster--content {
width: 50%;
}
}
@media (max-width: 1024px) {
.section--container_width .poster--viewport {
padding-left: 48px;
padding-right: 48px;
}
.poster--content h1 br {
display: none;
}
.poster--textbg_white .poster--content,
.poster--textbg_blur .poster--content {
padding: 28px 36px 36px;
}
.section--poster .poster--content {
width: 100%;
}
.poster_image--object .poster--content {
width: 60%;
}
}
@media (max-width: 768px) {
.section--poster .poster--viewport {
padding-left: 0;
padding-right: 0;
width: 100%;
}
.section--poster .poster--container {
padding-top: 0;
padding-bottom: 0;
}
.section--poster .poster--content {
padding-top: 38px;
padding-bottom: 46px;
padding-left: 32px;
padding-right: 32px;
}
/* .section--poster:not(.poster--textbg_no) .poster--content {
padding-left: 32px;
padding-right: 32px;
} */
.poster--content h1 {
font-size: 52px;
}
.poster--content .buttons--container {
margin-top: 36px;
}
.section--poster.poster_scenario--gradient {
background-image: linear-gradient(320deg, #006432 0%, #3882A6 100%);
}
.section--poster.poster_scenario--gradient::before {
background-image: url("data:image/svg+xml,%3Csvg width='259' height='198' viewBox='0 0 259 198' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.08' fill-rule='evenodd' clip-rule='evenodd' d='M0 1.18017e-05L259 0L213.505 198L0 198V1.18017e-05Z' fill='%23282819'/%3E%3C/svg%3E");
display: block;
}
.section--poster.poster_scenario--gradient .poster--content {
background: none;
backdrop-filter: none;
}
.section--poster {
background-position: center bottom;
}
.poster--has_image .poster--content {
width: 100%;
padding-bottom: 36px;
}
.section--viewport_small .poster--has_image .poster--content {
width: 100%;
}
.poster--has_image.poster_scenario--object .poster--container {
padding-bottom: 300px;
}
}
@media (max-width: 450px) {
.section--poster .poster--content {
padding-top: 36px;
padding-bottom: 42px;
padding-left: 24px;
padding-right: 24px;
}
/* .section--poster:not(.poster--textbg_no) .poster--content {
padding-left: 24px;
padding-right: 24px;
} */
.poster--content h1 {
font-size: 46px;
}
.poster--content p {
font-size: 14px;
line-height: 1.7em;
}
.poster--has_image .poster--content {
padding-bottom: 32px;
}
.poster--has_image.poster_scenario--object .poster--container {
padding-bottom: 260px;
}
}
/** Sustainability */
.section--viewport_small .poster--viewport_large .poster--viewport {
width: 1512px;
}
/* ex-products */
body {
overflow-anchor: none;
}
/** Headings */
.content--product :is(h2, .h2) {
color: var(--Neutrals-Dark-Grey);
margin-bottom: 40px;
}
.content--product :is(h3, .h3) {
margin-bottom: 24px;
}
.content--product :is(h4, .h4) {
margin-bottom: 16px;
}
.content--product :is(h5, .h5) {
margin-bottom: 8px;
}
@media (max-width: 768px) {
.content--product :is(h2, .h2) {
font-size: 44px;
margin-bottom: 36px;
}
}
@media (max-width: 450px) {
.content--product :is(h2, .h2) {
font-size: 40px;
}
}
/** Paragraphs */
.content--product p {
margin-bottom: 1em;
}
.content--product p.node--narrow {
max-width: 1024px;
}
/** Lists */
.content--product ul {
padding: 0;
margin: 0;
list-style: none;
}
.content--product ul li {
position: relative;
padding-left: 36px;
margin-bottom: 1em;
}
.content--product ul li::before {
content: "";
height: 14px;
width: 14px;
position: absolute;
left: 0;
top: 5px;
border-radius: 4px;
background-color: var(--Neutrals-Light-Sand);
}
.content--product ul ul {
margin-top: 0.5em;
}
.content--product ul ul li {
padding-left: 28px;
margin-bottom: 0.5em;
}
.content--product ul ul li::before {
height: 2px;
top: 11px;
border-radius: 1px;
}
.content--product .features--column h2,
.content--product .features--column ul li,
.content--product ul.features--list li {
color: var(--Primary-Green);
}
.content--product .features--column ul li::before,
.content--product ul.features--list li::before {
background-color: var(--Primary-Light-Green);
}
.content--product .features--column ul ul li::before,
.content--product ul.features--list ul li::before {
background-color: var(--Primary-Green);
}
.content--product ol:not(.table--footnotes) {
padding: 0;
margin: 20px 0 0 0;
list-style: none;
counter-reset: ex-products-counter;
}
.content--product ol:not(.table--footnotes) li {
position: relative;
padding-left: 1.8em;
margin-bottom: 0.5em;
counter-increment: ex-products-counter;
}
.content--product ol:not(.table--footnotes) li::before {
content: counter(ex-products-counter) ". ";
position: absolute;
left: 0;
}
/** Links */
.content--product .links--thin a {
text-decoration: underline dotted 1px;
font-weight: 400;
}
/** ========= DEPRECIATE ========== */
.content--product a {
/* text-decoration: underline dotted 1px; */
/** background-color: transparent; */
color: var(--Neutrals-Dark-Grey);
}
@media (hover: hover) {
.content--product a:hover {
text-decoration: none;
color: var(--Primary-Light-Green);
}
}
/** Margins for blocks */
.content--product .margin--1em {
margin-bottom: 1em;
}
.content--product .margin--1p5em {
margin-bottom: 1.5em;
}
.content--product .margin--2em {
margin-bottom: 2em;
}
.content--product .margin--3em {
margin-bottom: 3em;
}
.content--product .margin--4em {
margin-bottom: 4em;
}
/** Hide content */
@media (max-width: 1024px) {
.content--product .hide--1024 {
display: none;
}
}
/** WP blocks */
.content--product .wp-block-columns {
gap: 80px;
}
.content--product .wp-block-columns > .wp-block-column {
flex-basis: 30% !important;
}
.content--product:not(.content--product_v3) .wp-block-columns.columns--double_list .wp-block-column:last-child {
padding-top: 92px;
}
@media (max-width: 1024px) {
.content--product .wp-block-columns.columns--text_image {
flex-wrap: wrap !important;
gap: 48px;
}
.content--product .wp-block-columns.columns--text_table,
.content--product .wp-block-columns.columns--table_table {
flex-wrap: wrap !important;
gap: 24px;
}
.content--product .columns--text_image .wp-block-column,
.content--product .columns--text_table .wp-block-column,
.content--product .columns--table_table .wp-block-column {
flex-basis: 100% !important;
}
.content--product .wp-block-columns.columns--swap .wp-block-column:last-child {
order: 1;
}
.content--product .wp-block-columns.columns--swap .wp-block-column:first-child {
order: 2;
}
}
@media (max-width: 781px) {}
@media (max-width: 768px) {
.content--product .wp-block-columns {
flex-wrap: wrap !important;
gap: 0;
}
.content--product .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.content--product .wp-block-columns.columns--list_list {
gap: 54px;
}
.content--product .wp-block-columns.columns--text_image {
gap: 32px;
}
.content--product .wp-block-columns.columns--double_list {
gap: 0;
}
.content--product .wp-block-columns.columns--double_list .wp-block-column:last-child {
padding-top: 0;
}
}
@media (max-width: 450px) {
.content--product .wp-block-columns.columns--text_image {
gap: 24px;
}
}
/** WP spacer lowering for small sizes */
@media (max-width: 768px) {
.content--product .wp-block-spacer[style="height:60px"] {
height: 40px !important;
}
}
/** DEPRECIATE ??? Features block */
.content--product .features--bullets ul li::before {
background-color: var(--Primary-Middle-Green);
}
.content--product ul.features--bullets li::before {
background-color: var(--Primary-Green);
}
.content--product .features--block .wp-block-group {
margin: -40px;
width: calc(100% + 80px);
height: calc(100% + 80px);
border-radius: 20px;
background-color: var(--Neutrals-White-Sand);
background-image: url("https://ekspla.com/wp-content/themes/ekspla/images/apps-category-features.svg");
background-size: cover;
}
.content--product .features--block .wp-block-group__inner-container {
padding: 40px;
}
.content--product .features--block ul li::before {
background-color: var(--Neutrals-Dark-Sand);
}
/**
* Header block
*/
.section--product_head {
padding-top: 48px;
padding-bottom: 48px;
background: var(--Gradient-Product);
}
@media (max-width: 1024px) {
.section--product_head {
padding-top: 36px;
padding-bottom: 36px;
}
}
@media (max-width: 550px) {
.section--product_head {
padding-bottom: 0;
}
}
@media (max-width: 450px) {
.section--product_head {
padding-top: 24px;
}
}
.product--hero {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
.product--hero_text {
width: 50%;
padding-right: 40px;
}
/** Breadthumbs */
.path--container {
display: inline-flex;
flex-wrap: wrap;
gap: 0 6px;
align-items: center;
--SVG-Breadcrumbs-Arrow: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5 9L7.5 6L4.5 3' stroke='%23C6C6B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
a.path--item {
display: inline-block;
position: relative;
color: var(--Neutrals-Light-Grey);
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.2px;
white-space: nowrap;
text-decoration: none;
padding-right: 20px;
}
a.path--item:not(:last-child)::after {
position: absolute;
content: "";
top: 0;
right: 0;
width: 12px;
height: 24px;
background-position: center;
background-repeat: no-repeat;
background-image: var(--SVG-Breadcrumbs-Arrow);
}
a.path--item:last-child {
padding-right: 0;
}
@media (hover: hover) {
a.path--item:hover {
color: var(--Neutrals-Dark-Grey);
}
}
.product--hero_text h1 {
color: var(--Primary-Green);
margin-top: 36px;
margin-bottom: 16px;
line-height: 1;
}
.product--hero_text h1 small {
font-size: 85%;
letter-spacing: -0.03em;
}
.product--hero .product--subtitle {
color: var(--Neutrals-Dark-Grey);
font-size: 16px;
font-weight: 600;
margin-bottom: 48px;
}
.product--hero_buttons {
margin-top: 48px;
}
.product--hero_image {
width: 50%;
padding-left: 40px;
}
.product--hero_fancy {
display: block;
}
.product--hero_fancy img {
display: block;
width: 100%;
height: auto;
}
@media (max-width: 1280px) {
.product--hero_text {
padding-right: 25px;
}
.product--hero_image {
padding-left: 25px;
}
.product--hero_fancy {
margin-right: -64px;
}
.product--hero_buttons {
margin-right: -100px;
}
}
@media (max-width: 1024px) {
.product--hero {
flex-direction: column;
}
.product--hero_text {
width: 100%;
padding-right: 0;
margin-bottom: 60px;
}
.product--hero_image {
width: 100%;
padding-left: 0;
}
.product--hero_fancy {
margin-right: 0;
}
.product--hero_buttons {
margin-right: 0;
}
}
@media (max-width: 550px) {
.product--hero_text {
margin-bottom: 46px;
}
.product--hero_fancy {
margin-left: -32px;
margin-right: -32px;
}
.product--hero_buttons .button--item {
width: 100%;
}
.button--send_request {
margin-bottom: 16px;
}
}
@media (max-width: 450px) {
.product--hero_fancy {
margin-left: -24px;
margin-right: -24px;
}
.product--hero_text h1 {
font-size: 56px;
}
.product--hero_buttons {
margin-top: 36px;
}
.product--hero_image {
margin-bottom: 12px;
}
}
/**
* Content block
*/
.section--product_content {
margin-bottom: 100px;
}
.content--product .accordition--head h3 {
margin-bottom: 0;
}
@media (max-width: 630px) {
.section--product_content {
margin-bottom: 80px;
}
}
/** Categories section */
.section--products_catalog,
.section--apps_catalog {
margin-top: 74px;
margin-bottom: 100px;
}
/** Margins for blocks */
.section--products_catalog .margin--1em {
margin-bottom: 1em;
}
.section--products_catalog .margin--1p5em {
margin-bottom: 1.5em;
}
.section--products_catalog .margin--2em {
margin-bottom: 2em;
}
/**
* Footer block
*/
.section--product_footer {
margin-top: 130px;
background: var(--Neutrals-White-Sand);
}
@media (max-width: 1024px) {
.section--product_footer {
margin-top: 100px;
}
}
@media (max-width: 630px) {
.section--product_footer {
margin-top: 80px;
}
}
/** Related section */
.section--related {
padding-top: 94px;
padding-bottom: 100px;
}
.section--related a.prod_list--item {
background: var(--Neutrals-White);
}
.section--related .prod_list--item:hover .prod_list--description li::before {
transition: background-color 0.2s ease;
}
@media (hover: hover) {
.section--related .prod_list--item:hover {
background-color: var(--Neutrals-Light-Sand);
}
.section--related .prod_list--item:hover .prod_list--description li::before {
background-color: var(--Neutrals-Sand);
}
}
/* ex-image */
/**
* Image Block
*/
.ex_image--container {
width: 100%;
}
.ex_image--container > a {
display: block;
}
.ex_image--container img {
display: block;
width: 100%;
height: auto;
}
.ex_image--figcaption {
width: 100%;
padding: 16px 0;
text-align: center;
}
.ex_image--figcaption .ex_image--title {
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 1.2em;
letter-spacing: -0.4px;
color: var(--Neutrals-Black);
margin-top: 4px;
}
.ex_image--figcaption .ex_image--title:last-child {
margin-bottom: 16px;
}
.ex_image--figcaption .ex_image--caption {
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 1.3em;
color: var(--Neutrals-Dark-Grey);
margin-bottom: 8px;
}
.ex_image--figcaption .ex_image--caption a {
font-weight: 400;
}
.ex_image--title + .ex_image--caption {
margin-top: 12px;
}
.ex_image--figcaption .ex_image--description {
font-size: 13px;
font-style: italic;
font-weight: 400;
line-height: 1.2em;
color: var(--Neutrals-Grey);
margin-bottom: 0;
}
.ex_image--figcaption .ex_image--description a {
font-weight: 400;
}
.ex_image--title + .ex_image--description {
margin-top: 12px;
}
.ex_image--container.ex_image--dyn_desktop {
width: 70%;
margin: auto;
}
@media (max-width: 1280px){
.ex_image--container.ex_image--dyn_desktop {
width: 85%;
}
}
@media (max-width: 1150px){
.ex_image--container.ex_image--dyn_desktop {
width: 100%;
margin: 0;
}
}
@media (max-width: 1024px){
.ex_image--container.ex_image--dyn_mobile {
width: 60%;
margin: auto;
}
}
@media (max-width: 850px){
.ex_image--container.ex_image--dyn_mobile {
width: 70%;
margin: auto;
}
}
@media (max-width: 768px){
.ex_image--container.ex_image--dyn_mobile {
width: 80%;
margin: auto;
}
}
@media (max-width: 650px){
.ex_image--container.ex_image--dyn_mobile {
width: 100%;
margin: 0;
}
}
.ex_image--container.ex_image--ordering {
width: 50%;
display: block;
}
.ex_image--container.ex_image--ordering a {
display: block;
}
.ex_image--container.ex_image--ordering img {
display: block;
}
@media (max-width: 1024px){
.ex_image--container.ex_image--ordering {
width: 75%;
}
}
@media (max-width: 650px){
.ex_image--container.ex_image--ordering {
width: 100%;
}
}
.ex_image--container.ex_image--viewport {
margin-left: calc((1290px - 100%)/-2);
margin-right: calc((1290px - 100%)/-2);
width: 1290px;
}
@media (max-width: 1418px) {
.ex_image--container.ex_image--viewport {
margin-left: calc((100vw - 100% - 128px)/-2);
margin-right: calc((100vw - 100% - 128px)/-2);
width: calc(100vw - 128px);
}
}
@media (max-width: 1072px) {
.ex_image--container.ex_image--viewport {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media (max-width: 768px) {
.ex_image--container.ex_image--viewport {
margin-left: -32px;
margin-right: -32px;
width: calc(100% + 64px);
}
}
@media (max-width: 450px) {
.ex_image--container.ex_image--viewport {
margin-left: -24px;
margin-right: -24px;
width: calc(100% + 48px);
}
}
/* ex-history */
.section--history {
padding-top: 100px;
padding-bottom: 0;
background: var(--Neutrals-White-Sand);
}
.section--history h2 {
margin-bottom: 20px;
}
.page-template-template-landing #content img {
max-width: 100%;
height: auto;
display: block;
max-height: 100%;
min-height: 100%;
}
.history-events {
margin: 50px 0 0;
}
.history-item {
display: flex;
flex-wrap: wrap;
padding-bottom: 113px;
position: relative;
padding-left: 110px;
}
.history-item:not(.active) .data {
opacity: 0;
transition: none;
transform: translateY(40px);
}
.history-item .text {
padding: 20px 30px;
flex-grow: 1;
background: var(--Neutrals-White);
}
.history-item .image img {
display: block;
width: 100%;
flex-grow: 1;
height: 100%;
object-fit: cover;
}
.history-item .image {
min-height: 200px;
width: 300px;
flex-shrink: 0;
flex-direction: column;
}
.history-item .title {
font-size: 20px;
line-height: 28px;
margin-bottom: 10px;
color: var(--Neutrals-Black);
}
.history-item .data {
width: 850px;
margin-left: auto;
max-width: calc(100% - 100px);
display: flex;
transition: transform 1s ease, opacity 1s ease;
}
.history-item::before {
background: var(--Neutrals-Black);
position: absolute;
top: 0;
content: '';
left: 0;
width: 2px;
bottom: 0;
}
.history-item:last-child {
padding-bottom: 240px;
}
.history-item:first-child::before {
top: 54px;
}
.history-item:first-child::after {
top: 54px;
}
.history-item::after {
background: var(--Neutrals-Black);
position: absolute;
top: 54px;
content: '';
left: 0;
height: 2px;
width: 80px;
}
.history-item .years {
font-size: 32px;
font-weight: 300;
margin-top: 22px;
transform-origin: 0 15%;
transition: transform .5s ease;
color: var(--Neutrals-Black);
line-height: 40px;
letter-spacing: -0.005em;
text-align: left;
}
.history-item-sm {
display: flex;
flex-grow: 1;
}
.section-slider-s-intro.history-intro .swiper-slide {
height: auto;
display: flex;
flex-direction: column;
}
.history-item-sm h4 {
font-weight: normal;
margin-bottom: 24px;
}
.page-template-template-landing #content .history-item-sm .image img {
height: 320px;
object-fit: cover;
}
.history-item-sm .image {
width: 330px;
flex-shrink: 0;
position: relative;
}
.history-item-sm .image img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.history-item-sm .text {
padding: 48px;
flex-grow: 1;
background: var(--Neutrals-White);
}
@media (min-width: 1024px) {
.history-item.active-y .years {
transform: scale(1.75);
}
}
@media (max-width: 1240px) {
.history-item .data {
max-width: calc(100% - 150px);
}
}
@media (max-width: 1023px) {
.history-item-sm {
display: block;
background: var(--Neutrals-White);
flex-grow: 1;
}
.history-item-sm .image {
width: 100%;
height: 198px;
}
.history-item-sm .text {
padding: 32px;
min-height: 302px;
}
.page-template-template-landing #content .history-item-sm .image img {
height: 198px;
width: 100%;
}
/*
.history-item:first-child .years {
font-size: 24px;
font-weight: 400;
margin-top: 1px;
line-height: 32px;
} */
.history-item .years {
font-size: 16px;
margin-top: 6px;
font-weight: 400;
line-height: 24px;
}
.history-item .text {
min-height: 303px;
}
.history-item::after {
width: 37px;
}
.history-item::after {
top: 22px;
}
.history-item:first-child::before {
top: 24px;
}
.history-item:last-child {
padding-bottom: 150px;
}
.history-item:first-child::after {
top: 24px;
}
}
.history-item-sm a {
display: block !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
.history-item .data {
width: 640px;
max-width: calc(100% - 70px);
}
.history-item .image {
height: 220px;
}
.history-item {
padding-left: 45px;
padding-bottom: 60px;
}
.history-item .years {
font-size: 32px;
margin-top: 10px;
}
.history-item .data {
display: block;
max-width: 506px;
margin-left: auto;
}
.history-item .image {
width: 100%;
height: auto;
}
.history-item .title {
margin-bottom: 20px;
}
.history-item .text {
width: 100%;
padding: 30px;
min-height: 0;
}
}
@media (max-width: 767px) {
.section-slider-s-intro .swiper-slide {
display: flex;
height: auto;
flex-direction: column;
}
.section-slider-s-intro .swiper-slide .story-item {
flex-grow: 1;
}
.history-item-sm h4 {
font-size: 20px;
line-height: 28px;
margin-bottom: 24px;
}
.history-item-sm .desc {
font-size: 14px;
line-height: 22px;
}
.history-item .data {
display: block;
width: 100%;
max-width: none;
}
.history-item .image {
width: 100%;
height: auto;
}
.history-item .title {
margin-bottom: 20px;
}
.history-item .text {
width: 100%;
padding: 30px;
min-height: 0;
}
.section--history {
padding-top: 60px;
}
.section--history h2 {
margin-bottom: 30px;
}
/* .history-item:first-child .years, */
.history-item .years {
margin-bottom: 20px;
font-size: 40px;
font-weight: 400;
line-height: 48px;
text-align: left;
}
.history-item:last-child,
.history-item {
padding-left: 0;
padding-bottom: 60px;
}
.history-item::after,
.history-item::before {
display: none;
}
.history-events {
margin: 40px 0 0;
}
}
/* ex-slider */
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
display: block;
}
.swiper-vertical>.swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
box-sizing: content-box;
/* opacity: 0; */
}
/* .swiper-initialized .swiper-wrapper{
opacity: 1;
} */
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
touch-action: pan-y;
}
.swiper-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
display: block;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slider-arrows {
display: flex;
align-items: center;
margin-top: 24px;
justify-content: flex-end;
}
.slider-arrows .link {
font-size: 12px;
text-transform: uppercase;
margin: 0 22px;
color: var(--Neutrals-Black);
font-weight: bold;
}
@media (hover: hover) {
.slider-arrows .link:hover {
text-decoration: none;
color: var(--Primary-Light-Green);
}
}
.slider-arrows .swiper-button-prev,
.slider-arrows .swiper-button-next {
margin-left: 16px;
}
.slider-arrows span {
background-color: var(--Neutrals-White-Sand);
}
.section-slider-s-intro .slider-arrows span {
background-color: var(--Neutrals-White);
}
.slider-arrows .swiper-button-prev span {
transform: scaleX(-1);
}
.sub-head {
font-size: 14px;
font-weight: 600;
margin-bottom: 16px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 0.06em;
}
.section-slider-intro {
margin: 112px 0 96px;
overflow-x: clip;
}
.section-slider-intro .swiper {
overflow: visible;
}
.section-slider-intro .swiper-slide {
display: flex;
flex-direction: column;
width: 410px;
height: auto;
}
.section-slider-intro .event-item,
.section-slider-intro .news-item {
min-width: 100%;
flex-grow: 1;
}
.section-slider-intro h2 {
margin-bottom: 56px;
}
.section-slider-s-intro {
padding: 112px 0;
overflow-y: hidden;
overflow-x: clip;
background-color: var(--Neutrals-White-Sand);
}
.section-slider-s-intro .row {
display: flex;
flex-wrap: wrap;
}
.section-slider-s-intro h2 {
margin-bottom: 56px;
}
.section-slider-s-intro h2+.entry {
margin-top: -32px;
}
.section-slider-s-intro .left-s {
width: 23.1%;
padding-top: 36px;
}
.section-slider-s-intro .swiper-slide {
width: 770px;
}
.section-slider-s-intro .swiper.swiper-initialized {
opacity: 1;
}
.section-slider-s-intro .swiper {
margin-right: -50vw;
padding-right: 50vw;
opacity: 0;
}
.section-slider-s-intro.section-stories-intro .swiper {
overflow: visible;
}
.section-slider-s-intro .right-s {
width: 67.6923%;
margin-left: auto;
}
@media screen and (max-width: 1512px) {
.section-slider-s-intro .right-s {
width: 73.6%;
}
}
@media screen and (max-width: 1023px) {
.slider-arrows .link {
margin: 0 3px;
}
.section-slider-s-intro {
padding: 55px 0 88px;
}
.section-slider-s-intro .swiper-slide .history-item-sm {
width: 318px !important;
}
.section-slider-s-intro .swiper-slide .story-item,
.section-slider-s-intro .swiper-slide {
width: 318px;
min-width: 318px;
}
.section-slider-s-intro .left-s {
padding-top: 110px;
width: 40%;
}
.section-slider-s-intro .right-s {
width: 56.6%;
}
.section-slider-s-intro .swiper-slide {
max-width: calc(100vw - 48px);
}
.section-slider-intro .swiper-slide {
width: 370px;
max-width: calc(100vw - 48px);
}
.section-slider-intro {
margin-top: 100px;
}
}
@media screen and (max-width: 767px) {
.slider-arrows .link {
margin: 0 3px;
}
.section-slider-s-intro {
padding: 88px 0 88px;
}
.section-slider-s-intro .left-s {
padding-top: 0;
width: 100%;
padding-bottom: 22px;
}
.section-slider-s-intro .left-s .entry {
font-size: 14px;
line-height: 22px;
}
.section-slider-s-intro h2 {
margin-bottom: 24px;
font-size: 32px;
font-weight: 300;
letter-spacing: -.025em;
line-height: 40px;
}
.section-slider-s-intro .right-s {
width: 100%;
}
.section-slider-intro .swiper-slide {
width: 318px;
}
.sub-head {
font-size: 12px;
line-height: 22px;
letter-spacing: .06em;
}
.section-slider-intro {
margin-top: 88px;
}
.section-slider-s-intro h2+.entry {
margin-top: 0;
}
.section-slider-intro h2 {
margin-bottom: 40px;
font-size: 32px;
font-weight: 300;
letter-spacing: -.025em;
line-height: 40px;
}
}
.section-slider-intro .swiper-button-next:not(:hover) span,
.section-slider-intro .swiper-button-prev:not(:hover) span,
.section-slider-s-intro .swiper-button-next:not(:hover) span,
.section-slider-s-intro .swiper-button-prev:not(:hover) span {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='12px' viewBox='0 0 12 12'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23C6C6B3;stroke-width:1.1;%7D .st1%7Bfill:none;stroke:%23C6C6B3;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;%7D %3C/style%3E%3Cline class='st0' x1='0' y1='6' x2='11.3' y2='6'/%3E%3Cpath class='st1' d='M8.27,9.13L11.34,6L8.27,2.87'/%3E%3C/svg%3E") !important;
}
.section-slider-intro .swiper-button-disabled,
.section-slider-s-intro .swiper-button-disabled {
pointer-events: none;
}
.section-home-hero .text-over .swiper .swiper-slide .button--item {
margin-top: auto;
}
.section-home-hero .text-over .swiper .swiper-slide {
height: auto;
display: flex;
align-items: flex-start;
flex-direction: column;
}
/* ex-entry */
.entry p:not(:last-child) {
margin-bottom: 24px;
}
.entry .ex_image--figcaption .ex_image--caption {
margin-bottom: 8px;
}
.entry h2,
.entry h4,
.entry h3 {
margin-bottom: 20px;
}
.entry h4 {
font-weight: normal;
letter-spacing: 0;
}
.entry .wp-block-image {
margin: 60px 0;
}
.entry .wp-block-image .aligncenter img {
min-width: 100%;
height: auto;
display: block;
}
.entry .wp-block-image .aligncenter {
margin: 0 -220px;
display: block;
}
.entry .wp-block-image figcaption {
margin: 20px 0 0;
display: block;
text-align: center;
color: var(--Neutrals-Dark-Sand);
}
.entry .sub-box {
background: var(--Neutrals-White-Sand);
margin-bottom: 60px;
margin-top: 30px;
position: relative;
display: block;
padding: 30px;
}
.entry .sub-box p {
color: var(--Primary-Light-Green);
}
.entry .sub-box a {
text-decoration: underline;
}
.entry .sub-box a:hover {
text-decoration: none;
}
.entry a.sub-box {
padding-left: 140px;
}
.entry a.sub-box:after {
content: '';
position: absolute;
left: 0;
top: 0;
background: url("data:image/svg+xml;utf8,") no-repeat;
margin: 30px;
width: 80px;
height: 80px;
}
.entry blockquote {
background: var(--Neutrals-White-Sand);
margin-bottom: 60px;
margin-top: 30px;
position: relative;
padding: 30px 140px;
}
.entry blockquote p {
/* color: var(--Primary-Light-Green); */
color: var(--Primary-Green);
}
.entry blockquote:after,
.entry blockquote:before {
content: '';
position: absolute;
left: 0;
top: 0;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: contain;
margin: 30px;
width: 80px;
height: 70px;
}
.entry blockquote:after {
left: auto;
right: 0;
bottom: 0;
top: auto;
transform: rotate(180deg);
}
/* @media (max-width: 1512px) {
.entry .wp-block-image .aligncenter {
margin: 0 calc(-50vw + 540px);
}
} */
@media (max-width: 1512px) {
.entry .wp-block-image .aligncenter {
margin: 0;
}
.entry .wp-block-image figcaption {
text-align: left;
}
}
@media (max-width: 767px) {
.entry a.sub-box {
padding-left: 30px;
padding-top: 130px;
}
.entry blockquote {
margin-bottom: 30px;
padding: 130px 30px;
}
.entry .wp-block-image {
margin-top: 30px;
margin-bottom: 30px;
}
.entry .wp-block-image figcaption {
margin-top: 10px;
}
}
@media (max-width: 450px) {
.entry blockquote {
margin-left: -24px;
margin-right: -24px;
width: calc(100% + 48px);
padding: 104px 24px;
}
.entry blockquote:after,
.entry blockquote:before {
margin: 24px;
width: 60px;
height: 53px;
}
}
/* ex-about */
.section--about {
margin: 80px 0 160px;
}
.section--about h2 {
margin-bottom: 56px;
}
.section--clients {
padding: 152px 0;
}
.section--clients h2 {
margin-bottom: 56px;
}
.section--clients img {
width: 190px;
object-fit: contain;
min-width: 50px;
display: block;
height: 90px !important;
}
.section--clients .item {
margin-right: 30px;
flex-shrink: 0;
width: 190px;
}
@keyframes marquee {
100% {
transform: translateX(-100%);
}
}
.section--clients .marquee:after,
.section--clients .marquee:before {
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
content: '';
z-index: 9;
pointer-events: none;
width: 80px;
}
.section--clients .marquee:before {
left: auto;
right: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.section--clients .marquee-set {
display: flex;
animation: marquee calc(200 / var(--count) * 1s) linear infinite;
flex-wrap: nowrap;
}
.section--clients.membership .row {
display: flex;
}
.section--clients.membership .tt {
font-size: 14px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.06em;
}
.section--clients.membership .cert-col {
margin-top: -82px;
flex-shrink: 0;
margin-left: 30px;
}
.section--clients.membership .cert-col .log {
border-left: 1px solid var(--Neutrals-Black);
margin-left: -14px;
margin-top: 58px;
padding-left: 14px;
}
.section--clients * {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.section--clients .marquee {
display: flex;
overflow: hidden;
position: relative;
flex-wrap: nowrap;
}
.about-row:nth-child(even) {
flex-direction: row-reverse;
}
.awards-item {
padding: 24px;
display: flex;
background: var(--Neutrals-White);
}
.awards-item .logo img {
height: 60px;
width: 80px;
object-fit: contain;
}
.awards-item p+p {
margin-top: 24px;
}
.awards-item .title {
font-size: 24px;
color: black;
font-weight: normal;
margin-right: -2px;
line-height: 30px;
}
.awards-item .logo {
width: 80px;
height: 60px;
margin-right: 20px;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.awards-item .top {
padding-bottom: 24px;
display: flex;
align-items: center;
margin-bottom: 24px;
border-bottom: 1px solid var(--Neutrals-Dark-Sand);
}
.section--awards {
overflow: hidden;
background: var(--Neutrals-White-Sand);
}
.section--awards .slider-arrows span {
background-color: var(--Neutrals-White);
}
.about-row {
margin-bottom: 112px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.about-row h3 {
margin-bottom: 32px;
}
.about-row .image {
width: 48.6%;
}
.about-row .text {
width: 42.3%;
}
@media screen and (max-width: 1512px) {
.section--clients:not(.membership) .marquee {
margin-right: -64px;
}
.section--clients .marquee {
margin-left: -64px;
}
}
@media screen and (max-width: 1024px) {
.section--clients:not(.membership) .marquee {
margin-right: -48px;
}
.section--clients .marquee {
margin-left: -48px;
}
}
@media screen and (max-width: 768px) {
.section--clients:not(.membership) .marquee {
margin-right: -32px;
}
.section--clients .marquee {
margin-right: -32px;
margin-left: -32px;
}
}
@media screen and (max-width: 1023px) {
.section--clients.membership .cert-col {
text-align: center;
}
.section--clients.membership .cert-col img {
width: 105px;
object-fit: cover;
}
.section--about {
margin: 94px 0 88px;
}
.about-row .text {
width: 48.3%;
}
.about-row {
margin-bottom: 126px;
}
.about-row:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.section--clients {
padding-top: 88px;
padding-bottom: 88px;
}
.section--awards .section-slider-intro h2 {
margin-bottom: 24px;
}
.section--clients h2 {
margin-bottom: 30px;
}
.section--clients.membership .cert-col img {
width: 190px;
margin-left: auto;
object-fit: contain;
height: 90px !important;
margin-right: auto;
}
.section--clients.membership .cert-col {
margin: 69px 0 0;
padding-top: 30px;
border-top: 1px solid var(--Neutrals-Black);
}
.section--clients.membership .cert-col .log {
border: 0;
padding: 30px 0 0;
margin: 0;
}
.section--clients.membership .row {
display: block;
}
.section--clients img {
width: 135px;
height: 64px !important;
}
.section--clients .item {
margin-right: 21px;
width: 135px;
}
.section--about h2 {
font-size: 32px;
margin-bottom: 30px;
}
.about-row:nth-child(even),
.about-row {
flex-direction: column-reverse;
}
.section--about {
margin: 64px 0 96px;
}
.about-row h3 {
font-size: 18px;
letter-spacing: .01em;
color: var(--Neutrals-Black);
font-weight: normal;
line-height: 26px;
margin-bottom: 14px;
}
.about-row .image img {
width: 100%;
}
.about-row {
margin-bottom: 30px;
}
.about-row:last-child {
margin-bottom: 0;
}
.about-row .image {
width: 100%;
}
.about-row .text {
margin-bottom: 30px;
width: 100%;
}
}
@media (max-width: 450px) {
.section--clients:not(.membership) .marquee {
margin-right: -24px;
}
.section--clients .marquee {
margin-left: -24px;
margin-right: -24px;
}
}
/* cr-stories */
.stories-f--section {
padding: 76px 0 96px;
}
.story-item {
margin-bottom: 30px;
transition: all 0.2s ease;
display: flex;
min-height: 464px;
position: relative;
background: var(--Neutrals-White-Sand);
}
.story-item .text {
width: 51.2%;
padding: 30px 60px 102px;
}
.story-item .button--round {
position: absolute;
bottom: 0;
right: 0;
margin: 30px;
}
.story-item .button--round {
display: none;
/* margin: 26px; */
}
@media (hover: hover) and (pointer: fine) {
.story-item:hover .button--round {
display: block;
}
}
.story-item .image {
width: 48.8%;
position: relative;
}
.story-item .image img {
position: absolute;
left: 0;
right: 0;
object-fit: cover;
top: 0;
bottom: 0;
width: 100%;
min-height: 100%;
height: 100%;
}
.story-item .title {
font-size: 32px;
font-weight: 300;
line-height: 40px;
letter-spacing: -0.016em;
margin-bottom: 32px;
}
.story-item .h4 {
margin-bottom: 30px;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0;
color: var(--Neutrals-Grey);
}
.story-item p {
font-size: 16px;
line-height: 24px;
font-weight: normal;
color: var(--Neutrals-Grey);
}
.story-item:hover {
color: var(--Neutrals-Black);
background: var(--Neutrals-Light-Sand);
}
ul.page-numbers {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin-top: 56px;
}
ul.page-numbers li {
padding: 0;
margin: 0;
list-style: none;
}
ul.page-numbers .page-numbers {
transition: all 0.2s ease;
color: var(--Neutrals-Dark-Sand);
background: var(--Neutrals-White-Sand);
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 14px;
font-weight: 400;
display: flex;
align-items: center;
justify-content: center;
margin: 0 8px 16px;
}
ul.page-numbers .page-numbers:hover {
color: var(--Neutrals-Black);
background: var(--Neutrals-Light-Sand);
}
ul.page-numbers .page-numbers.current {
color: var(--Neutrals-Black);
pointer-events: none;
background: var(--Neutrals-Light-Sand);
}
ul.page-numbers li:before {
display: none;
}
.section-stories-intro .story-item {
margin-bottom: 0;
}
.section-stories-intro .story-item .h4 {
order: 1;
margin-bottom: 16px;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
line-height: 24px;
letter-spacing: 0.06em;
}
.section-stories-intro .story-item .image {
width: 42.858%;
}
.section-stories-intro .story-item p {
order: 3;
color: var(--Neutrals-Black);
}
.section-stories-intro .story-item .button--round {
display: none;
margin: 26px;
}
@media (hover: hover) and (pointer: fine) {
.section-stories-intro .story-item:hover p {
color: var(--Neutrals-Dark-Grey);
}
.section-stories-intro .story-item:hover .button--round {
display: block;
background-color: var(--Neutrals-Medium-Sand);
}
}
.section-stories-intro .story-item .title {
order: 2;
margin-bottom: 24px;
font-size: 24px;
font-weight: 400;
line-height: 32px;
letter-spacing: 0;
color: var(--Neutrals-Black);
}
.section-stories-intro .story-item {
background: var(--Neutrals-Light-Sand);
}
.section-stories-intro .story-item:hover {
background: var(--Neutrals-White);
}
.section-stories-intro .story-item .text {
display: flex;
padding: 48px;
padding-bottom: 92px;
width: 57.142%;
flex-direction: column;
}
.section--more-news {
padding: 32px 0;
text-align: center;
background: var(--Neutrals-Light-Sand);
}
@media screen and (max-width: 1023px) {
.section-stories-intro .story-item .title {
font-size: 20px;
line-height: 28px;
margin-bottom: 24px;
letter-spacing: 0;
font-weight: normal;
}
.stories-row .story-item {
width: 100%;
}
.section-stories-intro .story-item {
display: block;
min-width: 100%;
margin-bottom: 0;
}
.section-stories-intro .story-item .image {
width: 100%;
padding-bottom: 62.5%;
height: 0;
}
.section-stories-intro .story-item .button--round {
display: none;
}
.section-stories-intro .story-item .text {
width: 100%;
padding: 32px;
padding-bottom: 64px;
}
.section-stories-intro .story-item {
flex-grow: 1;
background: var(--Neutrals-White);
}
.section-stories-intro .swiper-slide {
display: flex;
flex-direction: column;
height: auto;
}
}
@media screen and (max-width: 767px) {
.stories-f--section {
padding-bottom: 32px;
}
.stories-row .story-item {
display: block;
min-width: 100%;
margin-bottom: 24px
}
ul.page-numbers {
margin-top: 8px;
}
.stories-row .story-item .image {
width: 100%;
padding-bottom: 62.5%;
height: 0;
}
.stories-row .story-item .title {
font-size: 24px;
line-height: 32px;
font-weight: normal;
margin-bottom: 24px;
}
.stories-row .story-item p {
font-size: 14px;
line-height: 22px;
}
.stories-row .story-item .button--round {
margin: 16px;
}
.stories-row .story-item .h4 {
font-weight: normal;
margin-bottom: 24px;
}
.stories-row .story-item .text {
width: 100%;
padding: 32px;
padding-bottom: 72px;
}
.section-stories-intro .story-item {
margin-top: 17px;
}
.story-item .h4 {
font-size: 20px;
line-height: 28px;
}
.stories-row .story-item {
display: block;
}
.story-item {
width: 100%;
}
.story-item .date {
margin-top: 48px;
}
.story-item:after {
display: none;
}
.news-f--section {
padding-bottom: 60px;
}
}
/* ex-cta */
.section--cta {
position: relative;
padding: 72px 0;
background: no-repeat 50% 50%;
background-size: cover;
}
.section--cta .bg {
position: absolute;
width: 100%;
min-height: 100%;
object-fit: cover;
left: 0;
max-height: 100%;
top: 0;
}
.section--cta h2 {
margin-bottom: 24px;
}
.section--cta .button--item {
margin-top: 48px;
}
.section--cta .logo-h {
margin-bottom: 32px;
}
.section--cta .logo-h img {
min-height: 40px;
max-height: 40px;
}
.section--cta .button--item.electronics {
background-color: #00786E;
}
.section--cta .button--item.electronics:hover:after {
background-color: rgba(0, 0, 0, .5);
}
.section--cta .button--item.electronics:after {
background-color: rgba(0, 0, 0, .35);
}
.section--cta .box {
position: relative;
z-index: 1;
max-width: 550px;
background: var(--Neutrals-White);
padding: 48px;
}
.section--cta .box p {
color: var(--Neutrals-Grey);
}
.page-template-template-landing .content--product {
margin-top: 40px;
}
@media screen and (max-width: 1023px) {
.section--cta {
padding-bottom: 31px;
}
.section--cta .box {
max-width: 440px;
}
}
@media screen and (max-width: 767px) {
.section--cta h2 {
margin-bottom: 24px;
font-size: 32px;
font-weight: 300;
letter-spacing: -.025em;
line-height: 40px;
}
.section--cta .button--item {
width: 100%;
}
.section--cta p {
font-size: 14px;
line-height: 22px;
}
.section--cta .box {
max-width: none;
width: 100%;
padding: 40px 0;
}
.section--cta:before {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: linear-gradient(0, #232323 0%, rgba(35, 35, 35, 0) 90%);
content: '';
display: none;
height: 62.5vw;
}
.section--cta {
padding: 0 0 40px;
}
.section--cta .bg {
position: static;
max-height: 62.5vw;
min-height: 62.5vw;
height: 62.5vw;
}
}