@charset "UTF-8";
@import url("icons.css");
:root {
 --width-mobile: 29.86111vw;
 --width-desktop: 53.33333vw;
 --max-width-desktop: 100vw;
 --raleway: Raleway, sans-serif;
 --rubik: Rubik, sans-serif;
 --gap: 1.38889vw;
 --padding: 4.86111vw;
 --black: #333;
 --blue: #72B4D1;
 --green: #499D38;
 --green-grey: #ADD5A5;
 --green-dark: #31572E;
 --green-light: #DCF2CA;
}

/**********/
/* Fonts */
/*************/
/* Defaults */
/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
 display: block;
}

/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
 display: none;
}

body {
 line-height: 1;
}

menu, ol, ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

*, *:before, *:after {
 box-sizing: border-box;
}

body {
 min-width: var(--width-mobile);
 color: white;
 font-family: var(--raleway);
 font-size: 1.11111vw;
 line-height: 1.2;
 background: #043100;
 transition: none;
}

textarea,
select,
button,
input,
a:focus,
a:hover,
a {
 color: inherit;
 transition: 0.2s;
 outline: 0;
}

a {
 text-decoration: none;
}

[href^="tel:"] {
 white-space: nowrap;
}

img {
 max-width: 100%;
 vertical-align: middle;
}

p {
 margin: 0;
}

b {
 font-weight: 550;
}

button, input, select, textarea {
 font-family: inherit;
}

::-webkit-input-placeholder {
 color: inherit;
 opacity: 0.8;
}

::-moz-placeholder {
 color: inherit;
 opacity: 0.8;
}

::-ms-input-placeholder {
 color: inherit;
 opacity: 0.8;
}

::placeholder {
 color: inherit;
 opacity: 0.8;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
 transition: all 0s 50000s;
}

:-webkit-media-controls {
 display: none !important;
}

:-webkit-media-controls-panel,
:-webkit-media-controls-play-button,
:-webkit-media-controls-start-playback-button {
 display: none !important;
 -webkit-appearance: none;
}

source {
 display: none;
}

label.error {
 display: none !important;
}

.widget-form-privacy {
 display: none !important;
}

* {
 scrollbar-width: thin;
 scrollbar-color: var(--green) var(--green-grey);
}

::-webkit-scrollbar {
 width: calc(4 * 1px);
}

::-webkit-scrollbar-track {
 background: var(--green-grey);
}

::-webkit-scrollbar-thumb {
 background-color: var(--green);
}

/* ******* */
/* Layout */
.wrapper {
 max-width: var(--max-width-desktop);
 min-height: 100vh;
 position: relative;
 display: flex;
 flex-direction: column;
 margin-inline: auto;
}

.container {
 width: 100%;
 display: grid;
 grid-template-columns: repeat(12, 1fr);
 -webkit-column-gap: var(--gap);
    -moz-column-gap: var(--gap);
         column-gap: var(--gap);
 padding-inline: var(--padding);
}

@media (min-width: 768px) {
 .d-mobile {
  display: none !important;
 }
}

/***********/
/* Blocks */
[data-more-hidden] {
 position: absolute;
 left: -694.375vw;
 opacity: 0;
}

/***********/
/* Common */
.raleway {
 font-family: var(--raleway);
}

.rubik {
 font-family: var(--rubik);
}

.fw-light {
 font-weight: 300;
}

.fw-normal {
 font-weight: normal;
}

.fw-medium {
 font-weight: 500;
}

.fw-sbold {
 font-weight: 600;
}

.fw-bold {
 font-weight: bold;
}

.fw-xbold {
 font-weight: 800;
}

.fw-black {
 font-weight: 900;
}

.sup {
 vertical-align: super;
}

.justify-content-center {
 justify-content: center;
}

.align-items-center {
 align-items: center;
}

.text-gradient {
 -webkit-background-clip: text !important;
 -webkit-text-fill-color: transparent;
 background-size: 0 0 !important;
 -webkit-background-size: contain !important;
}

.hide-scrollbar {
 overflow: scroll;
 -ms-overflow-style: none;
 /* IE and Edge */
 scrollbar-width: none;
 /* FF */
 /* Chrome, Safari, Opera */
}

.hide-scrollbar::-webkit-scrollbar {
 display: none;
}

.hidden {
 position: absolute;
 left: -694.375vw;
 opacity: 0;
}

.link-hover {
 display: inline-block;
 position: relative;
}

.link-hover, .link-hover a {
 text-decoration: none !important;
}

.link-hover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

.link-hover:hover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover {
 display: inline-block;
 position: relative;
}

.link-unhover, .link-unhover a {
 text-decoration: none !important;
}

.link-unhover:after {
 content: '';
 width: 100%;
 position: absolute;
 bottom: -1px;
 left: 0;
 border-bottom: 1px solid;
 transition: -webkit-transform 0.3s ease;
 transition: transform 0.3s ease;
 transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.link-unhover:after {
 -webkit-transform: scale3d(1, 1, 1);
         transform: scale3d(1, 1, 1);
 -webkit-transform-origin: bottom left;
         transform-origin: bottom left;
}

.link-unhover:hover:after {
 -webkit-transform: scale3d(0, 1, 1);
         transform: scale3d(0, 1, 1);
 -webkit-transform-origin: bottom right;
         transform-origin: bottom right;
}

h1, h2, h3, h4, h5, h6 {
 font-size: inherit;
 font-weight: inherit;
 font-family: inherit;
 margin: 0;
}

.color-white {
 color: white;
}

.color-black {
 color: var(--black);
}

.color-green {
 color: var(--green);
}

.bg-white {
 background-color: white;
}

.bg-black {
 background-color: var(--black);
}

.bg-green {
 background-color: var(--green);
}

.h1 {
 font-size: 6.66667vw;
 font-weight: 300;
 line-height: 0.9;
 letter-spacing: -0.05em;
}

.h2 {
 color: var(--green-dark);
 font-size: 1.66667vw;
 font-weight: 700;
 letter-spacing: -0.01em;
}

.h3 {
 font-size: 3.33333vw;
 font-weight: 400;
 letter-spacing: -0.03em;
}

/* Lists */
.list-dashed {
 list-style: none;
 padding-left: 0;
}

.list-dashed > * {
 position: relative;
 padding-left: 1.5em;
}

.list-dashed > *:before {
 content: '—';
 position: absolute;
 left: 0;
}

.list-dotted {
 list-style: none;
 padding-left: 0;
}

.list-dotted > * {
 position: relative;
 padding-inline: 1.4em;
}

@media (min-width: 768px) {
 .list-dotted > * {
  padding-inline: 2em;
 }
}

.list-dotted > *:before {
 content: '•';
 position: absolute;
 left: 0;
 top: -0.4em;
 font-size: 350%;
}

.dir-rtl .list-dotted > *:before {
 left: auto;
 right: 0;
}

@media (min-width: 768px) {
 .list-dotted > *:before {
  top: -0.45em;
  font-size: 500%;
 }
}

.list-squared {
 list-style: none;
 padding-left: 0;
}

.list-squared > * {
 position: relative;
 padding-left: 1.5em;
}

.list-squared > *:before {
 content: '';
 position: absolute;
 left: 0;
 top: 0.25em;
 box-shadow: inset -1em 0;
 border-radius: 0.16944vw;
}

@media (max-width: 767px) {
 .list-squared > *:before {
  width: 0.55556vw;
  height: 0.55556vw;
 }
}

@media (min-width: 768px) {
 .list-squared > *:before {
  width: 0.83333vw;
  height: 0.83333vw;
 }
}

.lazy {
 background-image: none !important;
 opacity: 0;
}

.lazy:before, .lazy:after {
 content: none !important;
}

.lazy-loaded {
 opacity: 1;
 transition: 0.1s;
}

[class^="icon-"],
[class*=" icon-"] {
 display: inline-block;
 vertical-align: middle;
 line-height: 0;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
 content: '';
 font-size: inherit;
 line-height: 1;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 padding: 0.5em;
}

.decor-square {
 width: 3.125vw;
 height: 3.125vw;
}

.decor-square_green-grey {
 background: var(--green-grey);
}

.decor-square_green-dark {
 background: var(--green-dark);
}

.button {
 width: 100%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: var(--gap);
 text-align: center;
 font-size: 1.25vw;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 text-decoration: none !important;
 border: 0;
 background-color: transparent;
 padding: 0;
}

a.button, button.button {
 cursor: pointer;
}

.button {
 transition: color 0.3s, border-color 0.3s, background 0.3s;
}

.button[disabled] {
 overflow: hidden;
 position: relative;
 z-index: 2;
 opacity: 0.5;
 cursor: not-allowed;
 isolation: isolate;
}

.button[disabled]:before {
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.9);
 mix-blend-mode: saturation;
}

.button[href=""] {
 cursor: default;
}

.button i {
 font-size: 1.66667vw;
 transition: 0.3s;
}

.button_rounded {
 width: auto;
 min-width: 29.16667vw;
 min-height: 6.25vw;
 white-space: nowrap;
 border-radius: 2.08333vw;
 font-size: 1.66667vw;
 font-weight: 800;
 letter-spacing: 0.15em;
 text-transform: uppercase;
 padding-inline: var(--gap);
}

.button_fin {
 min-width: 40vw;
}

.button_bordered {
 border: 1px solid;
}

.button_green {
 color: white;
 border-color: var(--green);
 background: var(--green);
}

.button_green:focus, .button_green:hover {
 border-color: var(--blue);
 background: var(--blue);
}

.button_green_dark {
 color: white;
 border-color: var(--green-dark);
 background: var(--green-dark);
}

.button_green_dark:focus, .button_green_dark:hover {
 color: var(--green);
 border-color: white;
 background: white;
}

.button_black {
 color: white;
 border-color: var(--black);
 background: var(--black);
}

.button_black:focus, .button_black:hover {
 color: var(--black);
 border-color: white;
 background: white;
}

.form {
 max-width: 55.55556vw;
 margin: auto;
}

.form__group {
 display: flex;
 gap: var(--gap);
 justify-content: space-between;
}

.form__item-title {
 text-align: center;
 font-weight: bold;
 margin-bottom: 1vw;
}

.form__item-field-input {
 width: 100%;
 min-height: 4vw;
 font-size: 1.66667vw;
 color: var(--black);
 border: 0.13889vw solid transparent;
 border-radius: 2.08333vw;
 background: white;
 padding: 0 var(--gap);
}

.form__item-field-input:focus {
 border-color: var(--green);
}

.form__item-field-input:invalid {
 border-color: var(--black);
}

.form__item-field-label {
 color: var(--green-grey);
 text-align: center;
 font-size: 2.22222vw;
 font-weight: bold;
 margin-block: 0.5vw;
}

.form__item-field-label-red {
 color: #ff0000;
 text-align: center;
 font-size: 2.22222vw;
 font-weight: bold;
 margin-block: 1.38889vw;
}

.form__button {
 display: flex;
 margin: 2vw auto 0;
}

.popup {
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 z-index: -1;
 -webkit-transform: translate3d(0, -100%, 0);
         transform: translate3d(0, -100%, 0);
 opacity: 0;
 transition: opacity 0.3s;
 display: flex;
 flex-direction: column;
}

.popup_opened {
 -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
 opacity: 1;
 z-index: 100;
}

.popup__overlay {
 width: 100%;
 height: 100%;
 position: fixed;
 opacity: 0;
 background: rgba(0, 0, 0, 0.5);
}

.popup_opened .popup__overlay {
 opacity: 1;
}

.popup__container {
 width: 100%;
 max-width: none;
 height: 100vh;
 overflow: auto;
 position: relative;
 display: flex;
 flex-direction: column;
 background: #043100 url("../../img/fr/popup/bg.svg") no-repeat 50% 50%/100% auto;
 padding-block: 2.08333vw;
}

.popup__buttons {
 position: absolute;
 top: var(--gap);
 right: var(--gap);
 z-index: 2;
}

.popup__buttons-button {
 width: 1.25vw;
 height: 1.25vw;
}

.popup__buttons-close {
 font-size: 2.22222vw;
 opacity: 0.5;
}

.header {
 width: 100%;
}

.header_common {
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 z-index: 11;
 color: var(--green);
 background: url("../../img/fr/header/bg.svg") no-repeat 50% -9.72222vw/auto 14.375vw;
}

.header__logo {
 width: 9.02778vw;
 grid-column: 2 / span 2;
 margin-left: -1.38889vw;
}

.bottom {
 display: block;
 text-align: center;
 padding-top: 7.63889vw;
}

.bottom__items {
 max-width: 60.69444vw;
 display: flex;
 flex-direction: column;
 gap: 6.875vw;
 margin-inline: auto;
}

.bottom__item-subtitle {
 margin-bottom: 3.47222vw;
}

.bottom__item-title {
 color: var(--green-grey);
 margin-bottom: 5.55556vw;
}

.footer {
 text-align: center;
 background: url("../../img/fr/header/bg.svg") no-repeat center bottom -7.22222vw/auto 14.375vw;
 padding-block: 14.79167vw;
 padding-top: 9.93056vw;
}

.footer__item {
 font-weight: bold;
 line-height: 1;
}

.footer__item_email:hover, .footer__item_email {
 color: var(--green);
}
