/* 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 {
   /*
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
         .st0{fill:none;stroke:#282819;stroke-width:1.1;}
         .st1{fill:none;stroke:#282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;}
      </style>
      <line class="st0" x1="0" y1="6" x2="11.3" y2="6"/>
      <path class="st1" d="M8.27,9.13L11.34,6L8.27,2.87"/>
   </svg>
   */                       
   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 {
   /* 
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
         .line{fill:none;stroke:#282819;stroke-width:1.1;stroke-linecap:round;stroke-miterlimit:10;}
      </style>
      <line class="line" x1="2.4" y1="9.7" x2="9.6" y2="2.3"/>
      <line class="line" x1="2.4" y1="2.3" x2="9.6" y2="9.7"/>
   </svg>
   */                       
   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 {
   /*
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
         .st0{fill:none;stroke:#FFFFFF;stroke-width:1.4;}
         .st1{fill:none;stroke:#FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
      </style>
      <line class="st0" x1="0" y1="6" x2="11.3" y2="6"/>
      <path class="st1" d="M8.27,9.13L11.34,6L8.27,2.87"/>
   </svg>
   */                       
   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 {
   /*
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
         .line{fill:none;stroke:#FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-miterlimit:10;}
      </style>
      <line class="line" x1="2.4" y1="9.7" x2="9.6" y2="2.3"/>
      <line class="line" x1="2.4" y1="2.3" x2="9.6" y2="9.7"/>
   </svg>
   */
   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 {
   /* 
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
            .st0{fill:none;stroke:#FFFFFF;stroke-width:1.4;}
            .st1{fill:none;stroke:#FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
      </style>
      <line class="st0" x1="0" y1="6" x2="11.3" y2="6"/>
      <path class="st1" d="M8.27,9.13L11.34,6L8.27,2.87"/>
   </svg>
   */                       
   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 {
   /* 
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
            .line{fill:none;stroke:#FFFFFF;stroke-width:1.4;stroke-linecap:round;stroke-miterlimit:10;}
      </style>
      <line class="line" x1="2.4" y1="9.7" x2="9.6" y2="2.3"/>
      <line class="line" x1="2.4" y1="2.3" x2="9.6" y2="9.7"/>
   </svg>
   */                       
   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 {
   /* 
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
            .st0{fill:none;stroke:#282819;stroke-width:1.1;}
            .st1{fill:none;stroke:#282819;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;}
      </style>
      <line class="st0" x1="0" y1="6" x2="11.3" y2="6"/>
      <path class="st1" d="M8.27,9.13L11.34,6L8.27,2.87"/>
   </svg>
   */                       
   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 {
   /* 
   <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="12px" height="12px" viewBox="0 0 12 12">
      <style type="text/css">
            .line{fill:none;stroke:#282819;stroke-width:1.2;stroke-linecap:round;stroke-miterlimit:10;}
      </style>
      <line class="line" x1="2.4" y1="9.7" x2="9.6" y2="2.3"/>
      <line class="line" x1="2.4" y1="2.3" x2="9.6" y2="9.7"/>
   </svg>
   */                       
   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 width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9L7.5 6L4.5 3" stroke="#282819" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>  */
   --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 width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.5 9L7.5 6L4.5 3" stroke="#19AF23" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>  */
   --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,<svg xmlns='http://www.w3.org/2000/svg' width='1047' height='211'><path opacity='.05' d='M0 .00001 1047 0l-85.662 211H0V.00001Z' fill='%23282819'/></svg>") 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-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,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80'><path d='m43.7448 28.2086-3.6292 3.6207c-.1578.1578-.3017.3257-.4386.4989-.0418.0511-.0789.106-.1184.1594-.0943.1276-.1833.2591-.2661.3945-.0355.058-.0719.116-.1051.1755-.0921.1617-.1756.328-.2499.4982-.0131.0301-.0294.0572-.041.0866-.0851.2019-.157.4092-.2173.6204a.78748.78748 0 0 0-.0109.0464c1.6515.4687 3.1652 1.3544 4.3997 2.5943 1.7968 1.7968 2.8434 4.1869 2.947 6.731 0 .0069.0024.0131.0024.0201v.0131c.1229 2.8241-.9576 5.5994-2.9656 7.6005l-4.7168 4.7113c-.0078.0078-.0186.0132-.0263.0217L24.8675 69.4137c-1.9144 1.9144-4.4615 2.9695-7.1734 2.9695s-5.2691-1.059-7.1904-2.9819c-1.916-1.919-2.96951-4.4724-2.96564-7.1897.00309-2.7165 1.06046-5.2675 2.97794-7.1827l12.4627-12.4371c-.0341-.1075-.058-.2181-.0905-.3272-.065-.2166-.1215-.4355-.1803-.6544-.109-.4053-.2073-.8152-.2931-1.2275-.048-.2313-.0944-.4626-.1354-.6954-.075-.4324-.133-.8678-.1833-1.3064-.0232-.205-.0534-.4092-.0712-.6157-.0549-.6428-.0889-1.2895-.0889-1.9415 0-.485.0201-.97.0526-1.4534.01-.1625.0301-.3241.0441-.4858.0294-.3218.0588-.6435.1013-.9622.007-.0518.0093-.1044.0162-.1563L5.18816 49.6918c-6.90813 6.8949-6.91895 18.1246-.02398 25.0351C8.5057 78.0777 12.9556 79.924 17.6933 79.924c4.7377 0 9.1591-1.8371 12.5006-5.1732l18.1865-18.1424c1.2446-1.2391 2.2919-2.6492 3.1149-4.1916 1.9856-3.7306 2.561-8.0034 1.6839-12.0728-.2027-.939-.4827-1.8672-.84-2.7761-.8872-2.2524-2.2091-4.2697-3.931-5.9954-1.3776-1.3822-2.9408-2.51-4.6626-3.3655' fill='%2319AF23' /><path fill='%2319AF23' d='M26.4675 34.6265c-.0278.3991-.0449.799-.0456 1.2005 0 2.2625.4146 4.4592 1.2314 6.526.8841 2.2447 2.2091 4.262 3.9417 5.9977 1.373 1.3815 2.9355 2.5092 4.6565 3.364l3.63-3.6231c.1594-.1586.3056-.3288.4425-.5036.0433-.0541.082-.1113.1222-.1663.0905-.1253.1787-.2545.2591-.3852.0402-.0673.0797-.1353.1176-.2034.0727-.1315.1392-.2653.2011-.4022.0309-.0673.0634-.1338.0905-.2019.0719-.174.133-.3519.1872-.5329.0077-.0271.0193-.0534.0263-.0805-1.6452-.4687-3.1574-1.3521-4.395-2.5897-1.7737-1.7736-2.8148-4.1189-2.9463-6.6188v-.0016c-.0015-.0286-.007-.0572-.0077-.0866-.0132-.1586-.0163-.3218-.0163-.4788.007-2.7196 1.0659-5.2698 2.9819-7.185l18.1873-18.1432c1.9221-1.91445 4.4708-2.96796 7.178-2.96796 2.7073 0 5.2684 1.05893 7.1905 2.98106 3.9541 3.9681 3.9448 10.4113-.0178 14.367l-12.468 12.4425c.0456.1431.0812.287.1237.4309.0619.2073.1246.4153.1795.6257.0487.1833.0913.3682.1346.5523.0518.215.1028.4301.1477.6466.0371.1818.0696.3667.1029.5492.0394.2189.0781.4371.1114.656.027.184.0502.3689.0727.5538.027.2197.0533.437.075.6567.017.1864.0302.3728.0425.56.0147.2174.0287.4347.0372.6521.0077.1902.0108.3797.0139.57.0023.2135.0031.4286 0 .642-.0031.1926-.0085.3845-.017.5771-.0085.2111-.0201.4231-.0348.6342-.0139.1934-.031.3868-.0495.5802-.0201.2096-.0433.4177-.0689.6257-.0131.1021-.0201.2035-.034.304l16.9582-16.9226c3.3423-3.3323 5.184-7.7745 5.1894-12.5098.0054-4.7346-1.827-9.18071-5.1592-12.52068C71.4968 1.84557 67.0476 0 62.3099 0c-4.7376 0-9.1636 1.83706-12.5044 5.17394L31.619 23.3148c-1.2469 1.2485-2.2996 2.6586-3.1249 4.1909l-.0008.0015c-1.1649 2.182-1.8556 4.6224-2.0258 7.1193Z'/></svg>") 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,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='70'><path d='M30.204 70H0V39.884c0-5.427.544-10.491 1.633-15.194 1.27-4.884 3.084-9.134 5.442-12.752 2.54-3.618 5.714-6.512 9.524-8.682C20.409 1.086 24.853 0 29.932 0v13.566c-3.084 0-5.624.814-7.62 2.442-1.995 1.447-3.627 3.437-4.897 5.969-1.27 2.532-2.177 5.426-2.721 8.682a78.662 78.662 0 0 0-.544 9.225h16.054V70ZM80 70H49.796V39.884c0-5.427.544-10.491 1.633-15.194 1.27-4.884 3.084-9.134 5.442-12.752 2.54-3.618 5.714-6.512 9.524-8.682C70.205 1.086 74.649 0 79.728 0v13.566c-3.084 0-5.624.814-7.62 2.442-1.995 1.447-3.627 3.437-4.897 5.969-1.27 2.532-2.177 5.426-2.721 8.682a78.662 78.662 0 0 0-.544 9.225H80V70Z' fill='%2319AF23'/></svg>") 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-post */
.section--viewport.small {
    width: 1072px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.section--page-heading .date {
    margin-top: 40px;
    font-weight: normal;
}

.post-type-stories,
.post-type-news {
    margin: 72px 0;
}

.featured-image {
    margin-bottom: 60px;
}

.stories-template-default .h4 {
    font-size: 24px;
    font-weight: normal;
    color: var(--Neutrals-Black);
    margin-top: 30px;
}

.featured-image img {
    width: 100%;
    height: auto;
}


.section--more-news {
    padding: 32px 0;
    text-align: center;
    background: var(--Neutrals-Light-Sand);
}

@media (max-width: 1512px) {
    
    .section--page-heading .date {
        margin-top: 20px;
    }
    
}

@media (max-width: 767px) {
    .post-type-stories,
    .post-type-news {
        margin: 60px 0;
    }
    .stories-template-default .h4 {
        margin-top: 20px;
    }
    
    .post-type-stories,
    
    .post-type-post {
        margin-top: 40px;
    }
    
    .featured-image {
        margin-bottom: 30px;
    }

    .section--page-heading .date {
        margin-bottom: 18px;
    }
}

@media (max-width: 450px) {
    .post-type-stories,
    .post-type-news {
        margin-top: 40px;
    }
}

/* 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);
    }
}