/***** BUTTONS *****/
/* BUTTONS : COLOR AND FONT*/
/* BUTTONS : SIZE*/
/* BEFORE OR AFTER BUTTON*/
/* NO TEXT BUTTON*/
/* BUTTON : GENERIC BUTTON - DO NOT USE */
/* Arrows Slider */
/* ICONS LIST */ /**
* font-family: 'Outfit', sans-serif;
* 400, 500, 600, 700  
*/
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&display=swap");
h1 {
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-size: 60px;
  line-height: 66px;
  color: #071E22;
}
@media screen and (max-width: 768px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
  }
}

h4 {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 140%;
  color: #071E22;
}
@media screen and (max-width: 768px) {
  h4 {
    font-size: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .block--menuburger {
    z-index: 500;
    cursor: pointer;
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  .block--menuburger {
    height: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .block--menuburger > div {
    width: 100%;
    height: 100%;
    width: 24px;
    height: 25px;
  }
  .block--menuburger > div .box {
    width: 100%;
    height: 100%;
  }
  .block--menuburger > div .monbtn {
    width: 100%;
    height: 100%;
  }
  .block--menuburger > div span {
    display: block;
    width: 100%;
    height: 3px;
    background: #FFFFFF;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    position: relative;
    border-radius: 2px;
  }
  .block--menuburger > div span:nth-child(2) {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .block--menuburger > div span + span {
    margin-top: 3.5px;
  }
  .block--menuburger > div .active span:nth-child(1) {
    -webkit-animation: ease 0.7s top forwards;
            animation: ease 0.7s top forwards;
    background: #FFFFFF;
  }
  .block--menuburger > div .not-active span:nth-child(1) {
    -webkit-animation: ease 0.7s top-2 forwards;
            animation: ease 0.7s top-2 forwards;
  }
  .block--menuburger > div .active span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled forwards;
            animation: ease 0.7s scaled forwards;
    background: #FFFFFF;
  }
  .block--menuburger > div .not-active span:nth-child(2) {
    -webkit-animation: ease 0.7s scaled-2 forwards;
            animation: ease 0.7s scaled-2 forwards;
  }
  .block--menuburger > div .active span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom forwards;
            animation: ease 0.7s bottom forwards;
    background: #FFFFFF;
  }
  .block--menuburger > div .not-active span:nth-child(3) {
    -webkit-animation: ease 0.7s bottom-2 forwards;
            animation: ease 0.7s bottom-2 forwards;
  }
  @-webkit-keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      top: 6px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      top: 6px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
  }
  @keyframes top {
    0% {
      top: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      top: 6px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      top: 6px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
  }
  @-webkit-keyframes top-2 {
    0% {
      top: 6px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    50% {
      top: 6px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
  @keyframes top-2 {
    0% {
      top: 6px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    50% {
      top: 6px;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      top: 0;
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
  }
  @-webkit-keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      bottom: 7px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: 7px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
  }
  @keyframes bottom {
    0% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    50% {
      bottom: 7px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: 7px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
  }
  @-webkit-keyframes bottom-2 {
    0% {
      bottom: 2.5px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    50% {
      bottom: 2.5px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
  }
  @keyframes bottom-2 {
    0% {
      bottom: 2.5px;
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    50% {
      bottom: 2.5px;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    100% {
      bottom: 0;
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
  }
  @-webkit-keyframes scaled {
    50% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
  }
  @keyframes scaled {
    50% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
  }
  @-webkit-keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes scaled-2 {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    50% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
}
@media screen and (max-width: 1024px) and (hover: hover) {
  .block--menuburger:hover > div span {
    background: #FFFFFF;
    opacity: 0.5;
  }
  .block--menuburger:hover > div .active span:nth-child(1) {
    background: #FFFFFF;
    opacity: 0.5;
  }
  .block--menuburger:hover > div .active span:nth-child(2) {
    background: #FFFFFF;
    opacity: 0.5;
  }
  .block--menuburger:hover > div .active span:nth-child(3) {
    background: #FFFFFF;
    opacity: 0.5;
  }
}
/*# sourceMappingURL=block--menuburger.css.map */