@font-face {
  font-family: 'SoDo Sans';
  src: url("../fonts/subset-SoDoSans-Regular.eot");
  src: url("../fonts/subset-SoDoSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-SoDoSans-Regular.woff2") format("woff2"), url("../fonts/subset-SoDoSans-Regular.woff") format("woff"), url("../fonts/subset-SoDoSans-Regular.ttf") format("truetype"), url("../fonts/subset-SoDoSans-Regular.svg#SoDoSans-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'SoDo Sans';
  src: url("../fonts/subset-SoDoSans-Bold.eot");
  src: url("../fonts/subset-SoDoSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/subset-SoDoSans-Bold.woff2") format("woff2"), url("../fonts/subset-SoDoSans-Bold.woff") format("woff"), url("../fonts/subset-SoDoSans-Bold.ttf") format("truetype"), url("../fonts/subset-SoDoSans-Bold.svg#SoDoSans-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap; }
@keyframes img_container-fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes img_container-last {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes img_card-1 {
  0% {
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
    transform: translateX(0) translateY(0); }
  100% {
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 767px) {
  @keyframes img_card-1 {
    0% {
      top: 0;
      left: 0;
      bottom: auto;
      right: auto;
      transform: translateX(0) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.99999% {
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translateX(-50%) translateY(-50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-2 {
  0% {
    top: 0;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(0); }
  100% {
    top: 50%;
    left: 50%;
    bottom: auto;
    right: auto;
    transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 767px) {
  @keyframes img_card-2 {
    0% {
      top: 0;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translateX(-50%) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.999999% {
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translateX(-50%) translateY(-50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: 50%;
      left: 50%;
      bottom: auto;
      right: auto;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-3 {
  0% {
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    transform: translateX(0) translateY(0); }
  100% {
    top: 50%;
    right: 50%;
    bottom: auto;
    left: auto;
    transform: translateX(50%) translateY(-50%); } }
@media (max-width: 767px) {
  @keyframes img_card-3 {
    0% {
      top: 0;
      right: 0;
      bottom: auto;
      left: auto;
      transform: translateX(0) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.999999% {
      top: 50%;
      right: 50%;
      bottom: auto;
      left: auto;
      transform: translateX(50%) translateY(-50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: 50%;
      right: 50%;
      bottom: auto;
      left: auto;
      transform: translateX(50%) translateY(-50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-4 {
  0% {
    top: 50%;
    bottom: auto;
    right: auto;
    left: 0;
    transform: translateX(0) translateY(-50%); }
  100% {
    top: 50%;
    bottom: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); } }
@media (max-width: 767px) {
  @keyframes img_card-4 {
    0% {
      top: 50%;
      bottom: auto;
      right: auto;
      left: 0;
      transform: translateX(0) translateY(-50%);
      opacity: 1;
      visibility: visible; }
    99.99999% {
      top: 50%;
      bottom: auto;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: 50%;
      bottom: auto;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      opacity: 0;
      visibility: hidden; } } }
@media (max-width: 767px) {
  @keyframes img_card-5 {
    0% {
      opacity: 1;
      visibility: visible; }
    99.99999% {
      opacity: 1;
      visibility: visible; }
    100% {
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-6 {
  0% {
    top: 50%;
    left: auto;
    bottom: auto;
    right: 0;
    transform: translateX(0) translateY(-50%) rotate(0deg);
    width: 230px; }
  14.28% {
    top: 50%;
    left: auto;
    bottom: auto;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(0deg);
    width: 230px; }
  66.6666% {
    top: 50%;
    left: auto;
    bottom: auto;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(0deg);
    width: 230px; }
  100% {
    top: 50%;
    left: auto;
    bottom: auto;
    right: 50%;
    transform: translateX(50%) translateY(-50%) rotate(0deg);
    width: 230px; } }
@media (max-width: 1199px) {
  @keyframes img_card-6 {
    0% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 0;
      transform: translateX(0) translateY(-50%) rotate(0deg);
      width: 230px; }
    14.28% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    66.6666% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    100% {
      top: 47%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; } } }
@media (max-width: 991px) {
  @keyframes img_card-6 {
    0% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 0;
      transform: translateX(0) translateY(-50%) rotate(0deg);
      width: 230px; }
    14.28% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    66.6666% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    100% {
      top: 45%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; } } }
@media (max-width: 767px) {
  @keyframes img_card-6 {
    0% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 0;
      transform: translateX(0) translateY(-50%) rotate(0deg);
      width: 230px; }
    14.28% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    66.6666% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    100% {
      top: 45%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; } } }
@media (max-width: 476px) {
  @keyframes img_card-6 {
    0% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 0;
      transform: translateX(0) translateY(-50%) rotate(0deg);
      width: 230px; }
    14.28% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    66.6666% {
      top: 50%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; }
    100% {
      top: 45%;
      left: auto;
      bottom: auto;
      right: 50%;
      transform: translateX(50%) translateY(-50%) rotate(0deg);
      width: 230px; } } }
@keyframes img_card-7 {
  0% {
    bottom: 0;
    top: auto;
    right: auto;
    left: 0;
    transform: translateX(0) translateY(0); }
  100% {
    bottom: 50%;
    top: auto;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(50%); } }
@media (max-width: 767px) {
  @keyframes img_card-7 {
    0% {
      bottom: 0;
      top: auto;
      right: auto;
      left: 0;
      transform: translateX(0) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.99999% {
      bottom: 50%;
      top: auto;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(50%);
      opacity: 1;
      visibility: visible; }
    100% {
      bottom: 50%;
      top: auto;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-8 {
  0% {
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(0); }
  100% {
    top: auto;
    bottom: 50%;
    right: auto;
    left: 50%;
    transform: translateX(-50%) translateY(50%); } }
@media (max-width: 767px) {
  @keyframes img_card-8 {
    0% {
      top: auto;
      bottom: 0;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.999999% {
      top: auto;
      bottom: 50%;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: auto;
      bottom: 50%;
      right: auto;
      left: 50%;
      transform: translateX(-50%) translateY(50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes img_card-9 {
  0% {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
    transform: translateX(0) translateY(0); }
  100% {
    top: auto;
    left: auto;
    bottom: 50%;
    right: 50%;
    transform: translateX(50%) translateY(50%); } }
@media (max-width: 767px) {
  @keyframes img_card-9 {
    0% {
      top: auto;
      left: auto;
      bottom: 0;
      right: 0;
      transform: translateX(0) translateY(0);
      opacity: 1;
      visibility: visible; }
    99.99999% {
      top: auto;
      left: auto;
      bottom: 50%;
      right: 50%;
      transform: translateX(50%) translateY(50%);
      opacity: 1;
      visibility: visible; }
    100% {
      top: auto;
      left: auto;
      bottom: 50%;
      right: 50%;
      transform: translateX(50%) translateY(50%);
      opacity: 0;
      visibility: hidden; } } }
@keyframes hide_bg {
  0% {
    background: #fff;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  50% {
    background: #05311D;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
  100% {
    background: transparent;
    opacity: 0;
    visibility: hidden;
    pointer-events: none; } }
@keyframes show_last_elems {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes ss_second_bg {
  0% {
    width: 40%;
    height: 35%;
    left: 30%;
    border-radius: 10px; }
  100% {
    width: 100%;
    height: 100%;
    left: 0;
    border-radius: 0; } }
@keyframes ss_video_text {
  0% {
    bottom: -100%; }
  100% {
    bottom: -11%; } }
@media (max-width: 476px) {
  @keyframes ss_video_text {
    0% {
      bottom: -100%; }
    100% {
      bottom: -2%; } } }
@keyframes ss_text_container {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes ss_video_elem {
  0% {
    width: 0%;
    min-width: 0%; }
  40% {
    width: 35%;
    min-width: 35%; }
  60% {
    width: 35%;
    min-width: 35%; }
  100% {
    width: 70%;
    min-width: 70%; } }
@media (min-width: 1920px) {
  @keyframes ss_video_elem {
    0% {
      width: 0%;
      min-width: 0%; }
    40% {
      width: 35%;
      min-width: 35%; }
    60% {
      width: 30%;
      min-width: 30%; }
    100% {
      width: 52%;
      min-width: 52%; } } }
@media (max-width: 476px) {
  @keyframes ss_video_elem {
    0% {
      width: 0%;
      min-width: 0%; }
    40% {
      width: 60%;
      min-width: 60%; }
    60% {
      width: 60%;
      min-width: 60%; }
    100% {
      width: 95%;
      min-width: 95%; } } }
@keyframes animateGrain {
  0%, 100% {
    transform: translate(0, 0); }
  10% {
    transform: translate(-5%, -10%); }
  20% {
    transform: translate(-15%, -20%); }
  30% {
    transform: translate(-5%, -10%); }
  40% {
    transform: translate(-15%, -20%); }
  50% {
    transform: translate(-5%, -10%); }
  60% {
    transform: translate(-15%, -20%); }
  70% {
    transform: translate(-5%, -10%); }
  80% {
    transform: translate(-15%, -20%); }
  90% {
    transform: translate(-5%, -10%); }
  100% {
    transform: translate(-15%, -20%); } }
@keyframes img_thumbs_fadeout {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes thumbs_container_slideup {
  0% {
    height: 188px;
    margin: 10px 0;
    transform: scale(1, 1); }
  100% {
    height: 0px;
    margin: 0;
    transform: scale(0, 0); } }
@keyframes intro_text_goup {
  0% {
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    color: #000; }
  50% {
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    color: #000; }
  100% {
    transform: translateX(-50%) translateY(0);
    top: 100px;
    color: #00754A; } }
@keyframes ts_fadein {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes thumbs_container_v2 {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes thumb_img-1 {
  0% {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(-2deg); }
  100% {
    left: 0%;
    right: auto;
    transform: translateX(0%) rotate(-2deg); } }
@keyframes thumb_img-2 {
  0% {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(-4deg); }
  100% {
    left: 25%;
    right: auto;
    transform: translateX(0%) rotate(-4deg); } }
@keyframes thumb_img-3 {
  0% {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(3deg); }
  100% {
    left: 50%;
    right: auto;
    transform: translateX(0%) rotate(3deg); } }
@keyframes thumb_img-4 {
  0% {
    left: 50%;
    right: auto;
    transform: translateX(-50%) rotate(-5deg); }
  100% {
    left: 75%;
    right: auto;
    transform: translateX(0%) rotate(-5deg); } }
body {
  font-family: 'SoDo Sans';
  overflow-x: hidden; }

.btn_type1 {
  color: #006738;
  font-size: 22px;
  font-weight: bold;
  padding: 15px 25px;
  background: #fff;
  border-radius: 200px;
  transition: .3s;
  display: inline-block; }
  @media (max-width: 1199px) {
    .btn_type1 {
      font-size: 18px; } }
  .btn_type1:hover, .btn_type1:focus, .btn_type1:active {
    color: #fff;
    background: #006738;
    text-decoration: none; }

.btn_type2 {
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 40px;
  background: #006738;
  border-radius: 200px;
  transition: .3s;
  display: inline-block; }
  .btn_type2:hover, .btn_type2:focus, .btn_type2:active {
    color: #fff;
    background: #006738;
    text-decoration: none; }

.rounded_btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  opacity: 0;
  visibility: hidden;
  z-index: 4;
  animation-name: show_last_elems;
  animation-duration: .6s;
  animation-fill-mode: forwards;
  animation-delay: 3.5s; }
  .rounded_btn .outer_circle {
    border-radius: 50%;
    background: #1a714a;
    width: 152px;
    height: 152px;
    border: 1px solid #307e5c;
    position: relative;
    transition: .3s; }
    @media (max-width: 1199px) {
      .rounded_btn .outer_circle {
        width: 90px;
        height: 90px; } }
    .rounded_btn .outer_circle .inner_circle {
      border-radius: 50%;
      background: #307f5c;
      width: 118px;
      height: 118px;
      border: 1px solid #448c6c;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      transition: .3s; }
      @media (max-width: 1199px) {
        .rounded_btn .outer_circle .inner_circle {
          width: 80px;
          height: 80px; } }
    .rounded_btn .outer_circle .inner_content {
      text-align: center;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translateX(-50%) translateY(-50%);
      z-index: 1; }
      .rounded_btn .outer_circle .inner_content .upload_photo-icon {
        width: 46px;
        display: inline-block; }
        @media (max-width: 1199px) {
          .rounded_btn .outer_circle .inner_content .upload_photo-icon {
            width: 30px; } }
      .rounded_btn .outer_circle .inner_content .upload_text {
        line-height: 18px;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        margin-top: 10px;
        display: inline-block; }
        @media (max-width: 1199px) {
          .rounded_btn .outer_circle .inner_content .upload_text {
            font-size: 14px;
            line-height: 14px; } }
  .rounded_btn:hover .outer_circle .inner_circle {
    width: 100%;
    height: 100%;
    border: 1px solid #307f5c; }

.first_section {
  position: relative;
  overflow: hidden; }
  .first_section .last_bg {
    background: url("../img/first-section/first-bg-min.png") no-repeat center bottom;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1; }
  .first_section:after {
    content: "";
    background-image: url("../img/grain.png");
    height: 300%;
    width: 300%;
    position: absolute;
    opacity: .1;
    animation: animateGrain 8s steps(10) infinite;
    z-index: 1;
    left: 0;
    top: 0; }
  .first_section .first_layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5;
    background: #fff;
    animation-name: hide_bg;
    animation-duration: 1.2s;
    animation-fill-mode: forwards;
    animation-delay: 2.9s;
    opacity: 1;
    visibility: visible;
    pointer-events: auto; }
    .first_section .first_layer.static_layer {
      position: absolute;
      animation-name: none !important;
      background: transparent;
      z-index: 2; }
      .first_section .first_layer.static_layer .imgs_container {
        animation-name: none !important; }
        .first_section .first_layer.static_layer .imgs_container .img_card.img_card-6 {
          top: 50%;
          left: auto;
          bottom: auto;
          right: 50%;
          transform: translateX(50%) translateY(-40%) rotate(5deg);
          width: 500px;
          animation-name: none !important; }
          @media (max-width: 1199px) {
            .first_section .first_layer.static_layer .imgs_container .img_card.img_card-6 {
              top: 47%;
              left: auto;
              bottom: auto;
              right: 50%;
              transform: translateX(50%) translateY(-40%) rotate(5deg);
              width: 400px; } }
          @media (max-width: 991px) {
            .first_section .first_layer.static_layer .imgs_container .img_card.img_card-6 {
              top: 45%;
              left: auto;
              bottom: auto;
              right: 50%;
              transform: translateX(50%) translateY(-40%) rotate(5deg);
              width: 300px; } }
          @media (max-width: 767px) {
            .first_section .first_layer.static_layer .imgs_container .img_card.img_card-6 {
              top: -85px;
              left: auto;
              bottom: auto;
              right: 50%;
              transform: translateX(50%) translateY(-40%) rotate(5deg);
              width: 300px; } }
          @media (max-width: 476px) {
            .first_section .first_layer.static_layer .imgs_container .img_card.img_card-6 {
              top: -115px;
              left: auto;
              bottom: auto;
              right: 50%;
              transform: translateX(50%) translateY(-40%) rotate(5deg);
              width: 300px; } }
    .first_section .first_layer .imgs_container {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      max-width: 690px;
      height: 690px;
      transform: translateX(-50%) translateY(-50%);
      font-size: 0; }
      @media (max-width: 767px) {
        .first_section .first_layer .imgs_container {
          max-width: 450px;
          height: 450px; } }
      @media (max-width: 476px) {
        .first_section .first_layer .imgs_container {
          width: 300px;
          height: 300px; } }
      .first_section .first_layer .imgs_container .img_card {
        display: inline-block;
        padding: 10px;
        width: 230px; }
        @media (max-width: 767px) {
          .first_section .first_layer .imgs_container .img_card {
            width: 150px;
            padding: 5px; } }
        @media (max-width: 476px) {
          .first_section .first_layer .imgs_container .img_card {
            width: 100px; } }
        .first_section .first_layer .imgs_container .img_card.img_card-1 {
          position: absolute;
          top: 0;
          left: 0;
          bottom: auto;
          right: auto;
          transform: translateX(0) translateY(0); }
        .first_section .first_layer .imgs_container .img_card.img_card-2 {
          position: absolute;
          top: 0;
          left: 50%;
          bottom: auto;
          right: auto;
          transform: translateX(-50%) translateY(0); }
        .first_section .first_layer .imgs_container .img_card.img_card-3 {
          position: absolute;
          top: 0;
          right: 0;
          bottom: auto;
          left: auto;
          transform: translateX(0) translateY(0); }
        .first_section .first_layer .imgs_container .img_card.img_card-4 {
          position: absolute;
          top: 50%;
          bottom: auto;
          right: auto;
          left: 0;
          transform: translateX(0) translateY(-50%); }
        .first_section .first_layer .imgs_container .img_card.img_card-5 {
          position: absolute;
          top: 50%;
          left: 50%;
          bottom: auto;
          right: auto;
          transform: translateX(-50%) translateY(-50%); }
        .first_section .first_layer .imgs_container .img_card.img_card-6 {
          position: absolute;
          top: 50%;
          left: auto;
          bottom: auto;
          right: 0;
          transform: translateX(0) translateY(-50%); }
        .first_section .first_layer .imgs_container .img_card.img_card-7 {
          position: absolute;
          bottom: 0;
          top: auto;
          right: auto;
          left: 0;
          transform: translateX(0) translateY(0); }
        .first_section .first_layer .imgs_container .img_card.img_card-8 {
          position: absolute;
          top: auto;
          bottom: 0;
          right: auto;
          left: 50%;
          transform: translateX(-50%) translateY(0); }
        .first_section .first_layer .imgs_container .img_card.img_card-9 {
          position: absolute;
          top: auto;
          left: auto;
          bottom: 0;
          right: 0;
          transform: translateX(0) translateY(0); }
        .first_section .first_layer .imgs_container .img_card .img_anim {
          width: 100%;
          border-radius: 10px; }
      .first_section .first_layer .imgs_container.img_container-1 {
        z-index: 10;
        opacity: 1;
        animation-name: img_container-fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 1.5s; }
      .first_section .first_layer .imgs_container.img_container-2 {
        z-index: 9;
        animation-name: img_container-fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 1.8s; }
      .first_section .first_layer .imgs_container.img_container-3 {
        z-index: 8;
        animation-name: img_container-fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 2.1s; }
      .first_section .first_layer .imgs_container.img_container-4 {
        z-index: 7;
        animation-name: img_container-fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 2.4s; }
      .first_section .first_layer .imgs_container.img_container-5 {
        z-index: 6; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-1 {
          animation-name: img_card-1;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-2 {
          animation-name: img_card-2;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-3 {
          animation-name: img_card-3;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-4 {
          animation-name: img_card-4;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-5 {
          animation-name: img_card-5;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-6 {
          animation-name: img_card-6;
          animation-duration: 1.4s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s;
          z-index: 1; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-7 {
          animation-name: img_card-7;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-8 {
          animation-name: img_card-8;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
        .first_section .first_layer .imgs_container.img_container-5 .img_card.img_card-9 {
          animation-name: img_card-9;
          animation-duration: .2s;
          animation-fill-mode: forwards;
          animation-delay: 2.7s; }
  .first_section .last_layer {
    padding-bottom: 150px;
    position: relative;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    animation-name: show_last_elems;
    animation-duration: .6s;
    animation-fill-mode: forwards;
    animation-delay: 3.5s; }
    @media (max-width: 991px) {
      .first_section .last_layer {
        padding-bottom: 90px; } }
    @media (max-width: 476px) {
      .first_section .last_layer {
        padding-bottom: 40px; } }
    @media (max-width: 767px) {
      .first_section .last_layer .left_col {
        padding-top: 280px;
        text-align: center; } }
    .first_section .last_layer .logo {
      width: 100%;
      max-width: 320px;
      display: block;
      margin: 30px auto; }
      @media (max-width: 1199px) {
        .first_section .last_layer .logo {
          max-width: 260px; } }
      @media (max-width: 991px) {
        .first_section .last_layer .logo {
          max-width: 220px; } }
      @media (max-width: 767px) {
        .first_section .last_layer .logo {
          max-width: 180px;
          margin: 20px auto; } }
    .first_section .last_layer .welcome_msg {
      mix-blend-mode: screen;
      width: 100%;
      max-width: 450px;
      display: block;
      margin: 0 auto; }
      @media (max-width: 1199px) {
        .first_section .last_layer .welcome_msg {
          max-width: 320px; } }
      @media (max-width: 991px) {
        .first_section .last_layer .welcome_msg {
          max-width: 260px; } }
      @media (max-width: 767px) {
        .first_section .last_layer .welcome_msg {
          max-width: 210px; } }
    .first_section .last_layer .title {
      font-size: 60px;
      line-height: 65px;
      color: #fff;
      margin: 0;
      padding: 0;
      margin-bottom: 20px;
      font-weight: bold; }
      @media (max-width: 1199px) {
        .first_section .last_layer .title {
          font-size: 40px;
          line-height: 45px; } }
      @media (max-width: 991px) {
        .first_section .last_layer .title {
          font-size: 30px;
          line-height: 35px; } }
    .first_section .last_layer .desc {
      color: #FEFFF3;
      font-size: 18px;
      line-height: 24px;
      margin: 0;
      margin-bottom: 20px;
      width: 100%;
      max-width: 280px; }
      @media (max-width: 1199px) {
        .first_section .last_layer .desc {
          font-size: 16px;
          line-height: 22px; } }
      @media (max-width: 991px) {
        .first_section .last_layer .desc {
          max-width: 230px; } }
      @media (max-width: 767px) {
        .first_section .last_layer .desc {
          max-width: 250px;
          margin: 0 auto 20px; } }
      @media (max-width: 476px) {
        .first_section .last_layer .desc {
          max-width: 290px;
          margin: 0 auto 20px; } }
    .first_section .last_layer .arrow_right {
      position: absolute;
      bottom: 25%;
      right: 17%;
      width: 87px; }
      @media (max-width: 1199px) {
        .first_section .last_layer .arrow_right {
          width: 58px; } }
      @media (max-width: 991px) {
        .first_section .last_layer .arrow_right {
          display: none; } }
      @media (max-width: 767px) {
        .first_section .last_layer .arrow_right {
          display: block;
          bottom: auto;
          top: 185px;
          right: auto;
          left: 13%; } }
      @media (max-width: 476px) {
        .first_section .last_layer .arrow_right {
          left: 5%; } }
      @media (max-width: 390px) {
        .first_section .last_layer .arrow_right {
          left: 2%;
          width: 50px; } }
    .first_section .last_layer .right_col {
      text-align: right; }
      @media (max-width: 767px) {
        .first_section .last_layer .right_col {
          text-align: center;
          padding-top: 50px; } }
      .first_section .last_layer .right_col .right_title {
        font-size: 34px;
        color: #FEFFF3;
        margin: 0;
        padding: 0;
        top: -40px;
        font-weight: bold;
        position: relative;
        display: inline-block; }
        @media (max-width: 1199px) {
          .first_section .last_layer .right_col .right_title {
            font-size: 26px; } }
        @media (max-width: 767px) {
          .first_section .last_layer .right_col .right_title {
            position: relative;
            display: block;
            top: 0;
            margin-bottom: 70px; } }
        .first_section .last_layer .right_col .right_title .arrow_down {
          position: absolute;
          right: 120%;
          top: 10%;
          width: 90px; }
          @media (max-width: 1199px) {
            .first_section .last_layer .right_col .right_title .arrow_down {
              width: 75px; } }
          @media (max-width: 767px) {
            .first_section .last_layer .right_col .right_title .arrow_down {
              position: relative;
              width: 35px;
              right: auto;
              top: 10px; } }
      .first_section .last_layer .right_col .prod_circle {
        background: #FEFFF3;
        border-radius: 50%;
        width: 155px;
        height: 155px;
        position: relative; }
        @media (max-width: 1199px) {
          .first_section .last_layer .right_col .prod_circle {
            width: 130px;
            height: 130px; } }
        @media (max-width: 991px) {
          .first_section .last_layer .right_col .prod_circle {
            width: 100px;
            height: 100px; } }
        @media (max-width: 767px) {
          .first_section .last_layer .right_col .prod_circle {
            display: inline-block;
            margin: 0 15px !important; } }
        @media (max-width: 476px) {
          .first_section .last_layer .right_col .prod_circle {
            width: 80px;
            height: 80px;
            margin: 0 10px !important; }
            .first_section .last_layer .right_col .prod_circle:nth-child(2) {
              margin-left: 0; }
            .first_section .last_layer .right_col .prod_circle:last-child {
              margin-right: 0; } }
        @media (max-width: 390px) {
          .first_section .last_layer .right_col .prod_circle {
            margin: 0 7px !important; }
            .first_section .last_layer .right_col .prod_circle:nth-child(2) {
              margin-left: 0; }
            .first_section .last_layer .right_col .prod_circle:last-child {
              margin-right: 0; } }
        .first_section .last_layer .right_col .prod_circle .prod_img {
          position: absolute;
          left: 50%;
          bottom: 20px;
          transform: translateX(-45%); }
        .first_section .last_layer .right_col .prod_circle.prod_circle-1 {
          margin-top: 120px;
          margin-bottom: 200px;
          margin-left: 50px; }
          @media (max-width: 1199px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-1 {
              margin-top: 94px;
              margin-bottom: 160px; } }
          @media (max-width: 991px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-1 {
              margin-top: 120px;
              margin-bottom: 160px; } }
          @media (max-width: 767px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-1 {
              margin: 0; } }
          .first_section .last_layer .right_col .prod_circle.prod_circle-1 .prod_img {
            width: 200px;
            min-width: 200px;
            height: auto; }
            @media (max-width: 1199px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-1 .prod_img {
                width: 175px;
                min-width: 175px; } }
            @media (max-width: 991px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-1 .prod_img {
                width: 145px;
                min-width: 145px; } }
            @media (max-width: 476px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-1 .prod_img {
                width: 115px;
                min-width: 115px; } }
        .first_section .last_layer .right_col .prod_circle.prod_circle-2 {
          position: absolute;
          top: 50px;
          right: 0;
          width: 150px;
          height: 150px; }
          @media (max-width: 1199px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-2 {
              width: 125px;
              height: 125px; } }
          @media (max-width: 991px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-2 {
              width: 95px;
              height: 95px;
              top: 20px; } }
          @media (max-width: 767px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-2 {
              position: relative;
              left: auto;
              right: auto;
              top: auto;
              bottom: auto; } }
          @media (max-width: 476px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-2 {
              width: 65px;
              height: 65px; } }
          .first_section .last_layer .right_col .prod_circle.prod_circle-2 .prod_img {
            transform: translateX(-42%);
            width: 164px;
            min-width: 164px;
            height: auto; }
            @media (max-width: 1199px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-2 .prod_img {
                width: 139px;
                min-width: 139px; } }
            @media (max-width: 991px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-2 .prod_img {
                width: 109px;
                min-width: 109px; } }
            @media (max-width: 476px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-2 .prod_img {
                width: 79px;
                min-width: 79px; } }
        .first_section .last_layer .right_col .prod_circle.prod_circle-3 {
          position: absolute;
          bottom: 40px;
          right: 0;
          width: 165px;
          height: 165px; }
          @media (max-width: 1199px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-3 {
              width: 140px;
              height: 140px; } }
          @media (max-width: 991px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-3 {
              width: 110px;
              height: 110px; } }
          @media (max-width: 767px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-3 {
              position: relative;
              left: auto;
              right: auto;
              top: auto;
              bottom: auto; } }
          @media (max-width: 476px) {
            .first_section .last_layer .right_col .prod_circle.prod_circle-3 {
              width: 80px;
              height: 80px; } }
          .first_section .last_layer .right_col .prod_circle.prod_circle-3 .prod_img {
            transform: translateX(-55%);
            width: 125px;
            min-width: 125px;
            height: auto; }
            @media (max-width: 1199px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-3 .prod_img {
                width: 100px;
                min-width: 100px; } }
            @media (max-width: 991px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-3 .prod_img {
                width: 70px;
                min-width: 70px; } }
            @media (max-width: 476px) {
              .first_section .last_layer .right_col .prod_circle.prod_circle-3 .prod_img {
                width: 40px;
                min-width: 40px; } }

.second_section {
  background: #006738;
  position: relative;
  height: 1000px;
  overflow: hidden; }
  @media (max-width: 991px) {
    .second_section {
      height: 700px; } }
  @media (max-width: 767px) {
    .second_section {
      height: 500px; } }
  .second_section:before {
    content: "";
    background-image: url("../img/grain.png");
    height: 300%;
    width: 300%;
    position: absolute;
    opacity: .1;
    animation: animateGrain 8s steps(10) infinite;
    z-index: 0;
    left: 0;
    top: 0; }
  .second_section .second_bg {
    background-size: cover !important;
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    width: 40%;
    height: 35%;
    border-radius: 10px;
    z-index: 1; }
  .second_section .video_text {
    position: absolute;
    bottom: -100%;
    left: -5%;
    width: 110%;
    min-width: 110%;
    z-index: 2; }
  .second_section .text_container {
    position: absolute;
    top: 100px;
    left: 0;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 2;
    text-align: center;
    width: 100%;
    padding: 0 15px; }
    @media (max-width: 767px) {
      .second_section .text_container {
        top: 50px; } }
    .second_section .text_container .title {
      font-weight: bold;
      font-size: 52px;
      line-height: 53px;
      text-transform: uppercase;
      margin: 0; }
      @media (max-width: 767px) {
        .second_section .text_container .title {
          font-size: 34px;
          line-height: 35px; } }
    .second_section .text_container .subtitle {
      font-weight: bold;
      font-size: 24px;
      margin: 0;
      margin-top: 10px; }
      @media (max-width: 767px) {
        .second_section .text_container .subtitle {
          font-size: 16px; } }
  .second_section .video_elem {
    position: absolute;
    top: 58%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 0%;
    min-width: 0%;
    z-index: 3;
    border-radius: 15px;
    overflow: hidden; }
    @media (max-width: 991px) {
      .second_section .video_elem {
        top: 70%; } }
    @media (max-width: 767px) {
      .second_section .video_elem {
        top: 64%; } }
    .second_section .video_elem .thumbnail_container {
      cursor: pointer;
      opacity: 0;
      visibility: hidden;
      z-index: 1;
      position: relative;
      pointer-events: none; }
      .second_section .video_elem .thumbnail_container.active {
        opacity: 1;
        visibility: visible;
        pointer-events: auto; }
      .second_section .video_elem .thumbnail_container .play_btn {
        border: 5px solid #006738;
        border-radius: 50%;
        width: 80px;
        height: 80px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        z-index: 1;
        opacity: 0;
        visibility: hidden; }
        .second_section .video_elem .thumbnail_container .play_btn:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateX(-50%) translateY(-50%);
          border-style: solid;
          border-width: 15px 0 15px 15px;
          border-color: transparent transparent transparent #006738; }
    .second_section .video_elem .video_elem-thumb {
      width: 100%; }
    .second_section .video_elem iframe {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      z-index: 0; }
  .second_section.active .second_bg {
    animation-name: ss_second_bg;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: .3s; }
  .second_section.active .video_text {
    animation-name: ss_video_text;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 1.3s; }
  .second_section.active .text_container {
    animation-name: ss_text_container;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: .6s; }
  .second_section.active .video_elem {
    animation-name: ss_video_elem;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 1.6s; }
    .second_section.active .video_elem .thumbnail_container .play_btn {
      animation-name: ts_fadein;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 3.6s; }

.third_section {
  background: #FFFFF9;
  min-height: 1000px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 767px) {
    .third_section {
      min-height: 1400px; } }
  @media (max-width: 476px) {
    .third_section {
      min-height: 1230px; } }
  .third_section:before {
    content: "";
    background-image: url("../img/grain.png");
    height: 300%;
    width: 300%;
    position: absolute;
    opacity: .1;
    animation: animateGrain 8s steps(10) infinite;
    z-index: 0;
    left: 0;
    top: 0; }
  .third_section .intro_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 1;
    text-align: center;
    color: #000;
    width: 100%; }
    .third_section .intro_text .thumbs_container {
      margin: 10px 0;
      position: relative;
      display: inline-block;
      overflow: hidden;
      height: 188px;
      transform: scale(1, 1); }
      @media (max-width: 350px) {
        .third_section .intro_text .thumbs_container {
          height: 185px; } }
      .third_section .intro_text .thumbs_container .thumb_img {
        display: block;
        width: 361px;
        height: auto;
        border-radius: 15px;
        opacity: 1; }
        .third_section .intro_text .thumbs_container .thumb_img.thumb-1, .third_section .intro_text .thumbs_container .thumb_img.thumb-2 {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%; }
        .third_section .intro_text .thumbs_container .thumb_img.thumb-1 {
          z-index: 3; }
        .third_section .intro_text .thumbs_container .thumb_img.thumb-2 {
          z-index: 2; }
        .third_section .intro_text .thumbs_container .thumb_img.thumb-3 {
          z-index: 1; }
    .third_section .intro_text .title {
      display: block;
      font-weight: bold;
      font-size: 52px;
      line-height: 52px;
      margin: 0;
      text-transform: uppercase; }
      @media (max-width: 1199px) {
        .third_section .intro_text .title {
          font-size: 40px;
          line-height: 42px; } }
      @media (max-width: 767px) {
        .third_section .intro_text .title {
          font-size: 30px;
          line-height: 28px; } }
      @media (max-width: 476px) {
        .third_section .intro_text .title {
          font-size: 24px;
          line-height: 22px; } }
  .third_section .subtitle {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
    width: 620px;
    color: #000;
    font-size: 22px;
    line-height: 29px; }
    @media (max-width: 767px) {
      .third_section .subtitle {
        font-size: 18px;
        line-height: 24px;
        top: 200px;
        width: 100%;
        padding: 0 15px; } }
  .third_section .thumbs_container-v2 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 350px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    text-align: center;
    width: 880px;
    height: 121px; }
    @media (max-width: 991px) {
      .third_section .thumbs_container-v2 {
        width: 760px;
        height: 84px; } }
    @media (max-width: 767px) {
      .third_section .thumbs_container-v2 {
        width: 580px;
        height: 84px;
        top: 280px; } }
    @media (max-width: 476px) {
      .third_section .thumbs_container-v2 {
        top: 305px; } }
    .third_section .thumbs_container-v2 .thumb_img {
      border-radius: 15px;
      width: 233px;
      position: absolute;
      top: 0;
      left: 50%;
      right: auto; }
      @media (max-width: 991px) {
        .third_section .thumbs_container-v2 .thumb_img {
          width: 200px; } }
      @media (max-width: 767px) {
        .third_section .thumbs_container-v2 .thumb_img {
          width: 150px; } }
      .third_section .thumbs_container-v2 .thumb_img.thumb-1 {
        z-index: 1;
        transform: translateX(-50%) rotate(-2deg); }
      .third_section .thumbs_container-v2 .thumb_img.thumb-2 {
        z-index: 2;
        transform: translateX(-50%) rotate(-4deg); }
      .third_section .thumbs_container-v2 .thumb_img.thumb-3 {
        z-index: 3;
        transform: translateX(-50%) rotate(3deg); }
      .third_section .thumbs_container-v2 .thumb_img.thumb-4 {
        z-index: 4;
        transform: translateX(-50%) rotate(-5deg); }
  .third_section .section_content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 520px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
    @media (max-width: 767px) {
      .third_section .section_content {
        width: 100%;
        top: 410px; } }
    .third_section .section_content .content_title {
      display: block;
      font-weight: bold;
      font-size: 42px;
      line-height: 52px;
      text-transform: uppercase;
      text-align: center;
      color: #00754A;
      margin: 0;
      margin-bottom: 30px; }
      @media (max-width: 1199px) {
        .third_section .section_content .content_title {
          font-size: 36px;
          line-height: 46px; } }
      @media (max-width: 767px) {
        .third_section .section_content .content_title {
          font-size: 28px;
          line-height: 38px; } }
      @media (max-width: 476px) {
        .third_section .section_content .content_title {
          font-size: 22px;
          line-height: 32px; } }
    .third_section .section_content .info_container {
      border-top: 1px solid #000;
      float: left;
      width: 100%; }
      @media (max-width: 767px) {
        .third_section .section_content .info_container {
          padding-top: 20px; } }
      .third_section .section_content .info_container:after {
        content: '';
        display: block;
        clear: both; }
      .third_section .section_content .info_container > div {
        padding-top: 20px;
        padding-bottom: 10px; }
        @media (max-width: 767px) {
          .third_section .section_content .info_container > div {
            padding: 20px; } }
        @media (max-width: 476px) {
          .third_section .section_content .info_container > div {
            padding: 10px 20px; } }
        .third_section .section_content .info_container > div:first-child {
          padding: 20px 30px 10px 0; }
          @media (max-width: 767px) {
            .third_section .section_content .info_container > div:first-child {
              padding: 20px; } }
          @media (max-width: 476px) {
            .third_section .section_content .info_container > div:first-child {
              padding: 10px 20px; } }
        .third_section .section_content .info_container > div:last-child {
          padding: 20px 0 10px 30px; }
          @media (max-width: 767px) {
            .third_section .section_content .info_container > div:last-child {
              padding: 20px; } }
          @media (max-width: 476px) {
            .third_section .section_content .info_container > div:last-child {
              padding: 10px 20px; } }
      .third_section .section_content .info_container .center_col {
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        padding: 20px 30px 10px 30px;
        padding-right: 20%;
        position: relative; }
        @media (max-width: 767px) {
          .third_section .section_content .info_container .center_col {
            border: none;
            padding: 20px; } }
        @media (max-width: 476px) {
          .third_section .section_content .info_container .center_col {
            padding: 10px 20px; } }
    .third_section .section_content .col_title {
      display: block;
      font-weight: bold;
      font-size: 26px;
      line-height: 28px;
      text-transform: uppercase;
      color: #00754A;
      margin: 0;
      margin-bottom: 20px; }
      @media (max-width: 476px) {
        .third_section .section_content .col_title {
          font-size: 20px;
          line-height: 22px; } }
    .third_section .section_content .step_title {
      display: block;
      font-weight: bold;
      font-size: 32px;
      line-height: 34px;
      margin: 0;
      margin-bottom: 20px;
      color: #000; }
      @media (max-width: 1199px) {
        .third_section .section_content .step_title {
          font-size: 24px;
          line-height: 26px; } }
      @media (max-width: 767px) {
        .third_section .section_content .step_title {
          font-size: 20px;
          line-height: 22px; } }
      @media (max-width: 476px) {
        .third_section .section_content .step_title {
          font-size: 18px;
          line-height: 20px; }
          .third_section .section_content .step_title:last-child {
            margin-bottom: 0; } }
    .third_section .section_content .step_desc {
      display: block;
      font-size: 16px;
      line-height: 21px;
      margin: 0;
      color: #000; }
    .third_section .section_content .drawing_img {
      position: absolute;
      right: 10px;
      top: 15px;
      width: 45%; }
      @media (max-width: 767px) {
        .third_section .section_content .drawing_img {
          position: static;
          margin-top: 10px;
          width: 100%;
          max-width: 250px; } }
      @media (max-width: 476px) {
        .third_section .section_content .drawing_img {
          position: static;
          margin-top: 10px;
          width: 100%;
          max-width: 200px; } }
  .third_section.active .intro_text {
    animation-name: intro_text_goup;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 2s; }
    .third_section.active .intro_text .thumbs_container {
      animation-name: thumbs_container_slideup;
      animation-duration: 1s;
      animation-fill-mode: forwards;
      animation-delay: 1.6s; }
      .third_section.active .intro_text .thumbs_container .thumb_img.thumb-1 {
        animation-name: img_thumbs_fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 1s; }
      .third_section.active .intro_text .thumbs_container .thumb_img.thumb-2 {
        animation-name: img_thumbs_fadeout;
        animation-duration: .3s;
        animation-fill-mode: forwards;
        animation-delay: 1.3s; }
  .third_section.active .subtitle {
    animation-name: ts_fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s; }
  .third_section.active .thumbs_container-v2 {
    animation-name: thumbs_container_v2;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 3s; }
    .third_section.active .thumbs_container-v2 .thumb_img.thumb-1 {
      animation-name: thumb_img-1;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-delay: 4s; }
    .third_section.active .thumbs_container-v2 .thumb_img.thumb-2 {
      animation-name: thumb_img-2;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-delay: 4s; }
    .third_section.active .thumbs_container-v2 .thumb_img.thumb-3 {
      animation-name: thumb_img-3;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-delay: 4s; }
    .third_section.active .thumbs_container-v2 .thumb_img.thumb-4 {
      animation-name: thumb_img-4;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-delay: 4s; }
  .third_section.active .section_content {
    animation-name: ts_fadein;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 4.5s; }

.fourth_section {
  background: url("../img/fourth-section/section-bg-min.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
  padding: 120px 0 250px; }
  @media (max-width: 991px) {
    .fourth_section {
      padding: 100px 0 150px; } }
  .fourth_section .side_img {
    border-radius: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden; }
    @media (max-width: 1370px) {
      .fourth_section .side_img {
        display: none; } }
    .fourth_section .side_img.side_img-1 {
      top: 10%;
      left: 10%;
      width: 147px; }
    .fourth_section .side_img.side_img-2 {
      top: 20%;
      left: 5%;
      z-index: 1;
      width: 147px; }
    .fourth_section .side_img.side_img-3 {
      bottom: 7%;
      left: 4%;
      width: 320px; }
      @media (max-width: 1700px) {
        .fourth_section .side_img.side_img-3 {
          width: 250px;
          left: 3%; } }
    .fourth_section .side_img.side_img-4 {
      top: 5%;
      right: 20%;
      width: 300px; }
      @media (max-width: 1700px) {
        .fourth_section .side_img.side_img-4 {
          width: 220px;
          right: 17%; } }
    .fourth_section .side_img.side_img-5 {
      top: 30%;
      right: 2%;
      width: 190px; }
    .fourth_section .side_img.side_img-6 {
      bottom: 4%;
      right: 2%;
      width: 250px; }
  .fourth_section.active .side_img.side_img-1 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: 1.5s; }
  .fourth_section.active .side_img.side_img-2 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: .9s; }
  .fourth_section.active .side_img.side_img-3 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: .6s; }
  .fourth_section.active .side_img.side_img-4 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: 1.8s; }
  .fourth_section.active .side_img.side_img-5 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: .3s; }
  .fourth_section.active .side_img.side_img-6 {
    animation-name: ts_fadein;
    animation-duration: .3s;
    animation-fill-mode: forwards;
    animation-delay: 1.2s; }
  .fourth_section .bottom_logo {
    z-index: 1;
    position: absolute;
    width: 50%;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) translateY(50%); }
  .fourth_section .title {
    display: block;
    font-weight: bold;
    font-size: 52px;
    line-height: 52px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    margin: 0;
    margin-bottom: 0px;
    margin-bottom: 30px; }
    @media (max-width: 991px) {
      .fourth_section .title {
        font-size: 40px;
        line-height: 42px; } }
    @media (max-width: 476px) {
      .fourth_section .title {
        font-size: 34px;
        line-height: 34px; } }
  .fourth_section .custom_form {
    padding-top: 30px;
    overflow-x: hidden; }
    .fourth_section .custom_form .custom_message {
      display: block;
      font-weight: bold;
      font-size: 34px;
      line-height: 52px;
      text-align: center;
      color: #fff;
      margin: 0; }
      @media (max-width: 476px) {
        .fourth_section .custom_form .custom_message {
          font-size: 24px;
          line-height: 30px; } }
      .fourth_section .custom_form .custom_message .text-message {
        margin-top: 50px;
        display: block; }
    .fourth_section .custom_form .fake_error_container {
      text-align: center; }
      .fourth_section .custom_form .fake_error_container .formError {
        color: red; }
    .fourth_section .custom_form input[type="text"] {
      box-shadow: none;
      border: none;
      background: #002916;
      color: #fff;
      font-weight: normal;
      font-size: 24px;
      line-height: 53px;
      border-radius: 10px;
      padding: 13px 40px;
      padding-top: 15px;
      padding-bottom: 11px;
      text-align: left;
      font-family: inherit;
      height: auto !important; }
      @media (max-width: 476px) {
        .fourth_section .custom_form input[type="text"] {
          padding: 15px 20px 13px;
          font-size: 20px;
          line-height: 40px; } }
    .fourth_section .custom_form .form-group {
      display: flex;
      align-items: center; }
      @media (max-width: 767px) {
        .fourth_section .custom_form .form-group {
          display: block; } }
      .fourth_section .custom_form .form-group .custom_input {
        width: 100%;
        position: relative; }
        .fourth_section .custom_form .form-group .custom_input .formError {
          background: red;
          padding: 5px 10px;
          border-radius: 15px;
          top: auto !important;
          bottom: 110%;
          right: 0 !important;
          left: auto !important;
          z-index: 1;
          opacity: 1 !important;
          color: #fff;
          font-size: 12px;
          margin: 0 !important;
          position: absolute !important; }
          .fourth_section .custom_form .form-group .custom_input .formError:after {
            content: '';
            border-width: 10px;
            border-style: solid;
            border-right: 10px solid transparent;
            border-color: red transparent transparent;
            width: 0;
            height: 0;
            position: absolute;
            top: 100%;
            left: 15px; }
    .fourth_section .custom_form .custom_acord {
      text-align: left; }
      .fourth_section .custom_form .custom_acord .checkbox-container {
        display: inline-block;
        position: relative;
        padding-left: 60px;
        padding-top: 10px;
        margin-bottom: 12px;
        margin-top: 0;
        cursor: pointer;
        font-size: 18px;
        font-weight: normal;
        color: #fff;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none; }
        .fourth_section .custom_form .custom_acord .checkbox-container a {
          color: #fff; }
          .fourth_section .custom_form .custom_acord .checkbox-container a:hover, .fourth_section .custom_form .custom_acord .checkbox-container a:focus, .fourth_section .custom_form .custom_acord .checkbox-container a:active {
            text-decoration: underline; }
        .fourth_section .custom_form .custom_acord .checkbox-container input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 0;
          width: 0; }
          .fourth_section .custom_form .custom_acord .checkbox-container input:checked ~ .checkmark {
            background-color: #006738; }
            .fourth_section .custom_form .custom_acord .checkbox-container input:checked ~ .checkmark:after {
              display: block; }
      .fourth_section .custom_form .custom_acord .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background-color: #fff;
        border: none;
        border-radius: 10px; }
        .fourth_section .custom_form .custom_acord .checkmark:after {
          content: '';
          display: none;
          position: absolute;
          left: 15px;
          top: 10px;
          width: 10px;
          height: 16px;
          border: solid #fff;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
      .fourth_section .custom_form .custom_acord .formError {
        background: red;
        padding: 5px 10px;
        border-radius: 15px;
        top: auto !important;
        bottom: 110%;
        right: 0 !important;
        left: auto !important;
        z-index: 1;
        opacity: 1 !important;
        color: #fff;
        font-size: 12px;
        margin: 0 !important;
        position: absolute !important; }
        .fourth_section .custom_form .custom_acord .formError:after {
          content: '';
          border-width: 10px;
          border-style: solid;
          border-right: 10px solid transparent;
          border-color: red transparent transparent;
          width: 0;
          height: 0;
          position: absolute;
          top: 100%;
          left: 15px; }
    .fourth_section .custom_form .custom_img {
      position: relative; }
      .fourth_section .custom_form .custom_img label {
        cursor: pointer;
        text-align: left;
        height: auto !important;
        box-shadow: none;
        border: none;
        background: #002916;
        color: #686868;
        font-weight: normal;
        font-size: 24px;
        line-height: 53px;
        border-radius: 10px;
        padding: 13px 60px 13px 40px;
        width: 100%;
        position: relative;
        transition: .3s; }
        @media (max-width: 476px) {
          .fourth_section .custom_form .custom_img label {
            padding: 13px 60px 13px 20px;
            font-size: 20px;
            line-height: 40px; } }
        .fourth_section .custom_form .custom_img label:hover, .fourth_section .custom_form .custom_img label:focus, .fourth_section .custom_form .custom_img label:active {
          color: #fff; }
        .fourth_section .custom_form .custom_img label .placeholder_text {
          width: 100%;
          overflow: hidden;
          text-overflow: ellipsis;
          display: block;
          white-space: nowrap; }
        .fourth_section .custom_form .custom_img label input {
          width: 0;
          height: 0;
          opacity: 0;
          visibility: hidden;
          position: absolute; }
        .fourth_section .custom_form .custom_img label .upload_photo-icon {
          width: 30px;
          top: 50%;
          right: 20px;
          position: absolute;
          transform: translateY(-50%); }
        .fourth_section .custom_form .custom_img label .formErrorContent {
          line-height: 1.4; }
      .fourth_section .custom_form .custom_img .formError {
        background: red;
        padding: 5px 10px;
        border-radius: 15px;
        top: auto !important;
        bottom: 110%;
        right: 0 !important;
        left: auto !important;
        z-index: 1;
        opacity: 1 !important;
        color: #fff;
        font-size: 12px;
        margin: 0 !important;
        position: absolute !important; }
        .fourth_section .custom_form .custom_img .formError:after {
          content: '';
          border-width: 10px;
          border-style: solid;
          border-right: 10px solid transparent;
          border-color: red transparent transparent;
          width: 0;
          height: 0;
          position: absolute;
          top: 100%;
          left: 15px; }
    .fourth_section .custom_form .custom_send {
      margin-top: 30px; }
      .fourth_section .custom_form .custom_send .custom_btn {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        padding: 13px 25px 8px;
        background: #006738;
        border-radius: 200px;
        transition: .3s;
        width: 100%;
        display: block;
        border: none; }
        .fourth_section .custom_form .custom_send .custom_btn:hover, .fourth_section .custom_form .custom_send .custom_btn:focus, .fourth_section .custom_form .custom_send .custom_btn:active {
          color: #006738;
          background: #fff;
          text-decoration: none; }

input[type="text"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #686868;
  opacity: 1; }

input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #686868;
  opacity: 1; }

input[type="text"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #686868;
  opacity: 1; }

input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #686868;
  opacity: 1; }

.select2-container {
  width: 100% !important; }

.select2-container--default .select2-selection--single {
  height: auto;
  border: none;
  background: #002916;
  border-radius: 10px; }

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 15px;
  padding-bottom: 11px;
  font-size: 24px;
  line-height: 53px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #686868; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
  width: 26px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
  border-width: 10px 9px 0 9px;
  left: 0; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #fff transparent;
  border-width: 0 9px 10px 9px; }

.select2-dropdown {
  border: none;
  border-radius: 10px;
  background: #002916; }

.select2-results__option {
  color: #fff;
  font-size: 16px;
  padding: 6px 40px 3px; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.select2-container--default .select2-results__option--selected {
  background: #006738;
  color: #fff; }

@media (max-width: 476px) {
  .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 20px;
    line-height: 40px; }

  .select2-results__option {
    padding: 6px 20px 3px; } }
.fifth_section {
  background: #006537;
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 150px 0; }
  @media (max-width: 1199px) {
    .fifth_section {
      padding-bottom: 100px; } }
  @media (max-width: 767px) {
    .fifth_section {
      padding: 100px 0; } }
  @media (max-width: 476px) {
    .fifth_section {
      padding: 50px 0; } }
  .fifth_section:before {
    content: "";
    background-image: url("../img/grain.png");
    height: 200%;
    width: 200%;
    position: absolute;
    opacity: .1;
    animation: animateGrain 8s steps(10) infinite;
    z-index: 0;
    left: 0;
    top: 0; }
  .fifth_section .cities_row {
    padding: 0 15px;
    width: 100%;
    position: relative;
    z-index: 1; }
    .fifth_section .cities_row .city_box {
      display: inline-block;
      vertical-align: middle;
      font-weight: bold;
      color: #D9D9D9;
      font-size: 80px;
      line-height: 121px;
      margin: 0 10px;
      opacity: 0.25;
      transition: .3s; }
      @media (max-width: 1500px) {
        .fifth_section .cities_row .city_box {
          font-size: 60px;
          line-height: 100px; } }
      @media (max-width: 1199px) {
        .fifth_section .cities_row .city_box {
          font-size: 40px;
          line-height: 80px; } }
      @media (max-width: 991px) {
        .fifth_section .cities_row .city_box {
          font-size: 30px;
          line-height: 60px; } }
      @media (max-width: 700px) {
        .fifth_section .cities_row .city_box {
          font-size: 24px;
          line-height: 40px; } }
      @media (max-width: 476px) {
        .fifth_section .cities_row .city_box {
          font-size: 18px;
          line-height: 40px;
          margin: 0 3px; } }
      @media (max-width: 360px) {
        .fifth_section .cities_row .city_box {
          font-size: 16px;
          line-height: 34px;
          margin: 0 3px; } }
      .fifth_section .cities_row .city_box img {
        width: 0px;
        transition: .3s;
        border-radius: 10px;
        display: block;
        margin-bottom: 15px; }
        @media (max-width: 991px) {
          .fifth_section .cities_row .city_box img {
            margin-bottom: 10px; } }
        @media (max-width: 700px) {
          .fifth_section .cities_row .city_box img {
            margin-bottom: 4px;
            border-radius: 4px; } }
      .fifth_section .cities_row .city_box.active {
        opacity: 1; }
        .fifth_section .cities_row .city_box.active img {
          width: 165px; }
          @media (max-width: 1500px) {
            .fifth_section .cities_row .city_box.active img {
              width: 125px; } }
          @media (max-width: 1199px) {
            .fifth_section .cities_row .city_box.active img {
              width: 95px; } }
          @media (max-width: 991px) {
            .fifth_section .cities_row .city_box.active img {
              width: 75px; } }
          @media (max-width: 700px) {
            .fifth_section .cities_row .city_box.active img {
              width: 45px; } }
          @media (max-width: 476px) {
            .fifth_section .cities_row .city_box.active img {
              width: 40px; } }
          @media (max-width: 360px) {
            .fifth_section .cities_row .city_box.active img {
              width: 30px; } }

.last_section {
  position: relative; }
  .last_section:after {
    content: '';
    display: block;
    clear: both; }
  .last_section .img_story {
    width: 33.333333%;
    float: left;
    margin: 0; }
    @media (max-width: 476px) {
      .last_section .img_story {
        width: 50%; }
        .last_section .img_story:first-child {
          display: none; } }
  .last_section .footer_carousel-bar {
    position: absolute;
    bottom: 0;
    background: #006437;
    padding: 1.6vw 0;
    width: 100%;
    overflow-x: hidden;
    z-index: 1; }
    .last_section .footer_carousel-bar .footer_carousel {
      width: 47.3vw; }
      @media (max-width: 1199px) {
        .last_section .footer_carousel-bar .footer_carousel {
          width: 60vw; } }
      @media (max-width: 476px) {
        .last_section .footer_carousel-bar .footer_carousel {
          width: 80vw; } }
      .last_section .footer_carousel-bar .footer_carousel .owl-nav, .last_section .footer_carousel-bar .footer_carousel .owl-dots {
        display: none; }
      .last_section .footer_carousel-bar .footer_carousel .owl-item {
        float: left;
        font-size: 0; }
        .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_logo {
          width: 2.8vw;
          display: inline-block;
          vertical-align: middle; }
          @media (max-width: 1199px) {
            .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_logo {
              width: 4vw; } }
          @media (max-width: 476px) {
            .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_logo {
              width: 4.5vw; } }
        .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_text {
          font-weight: bold;
          font-size: 2.2vw;
          color: #fff;
          display: inline-block;
          vertical-align: middle;
          margin-left: 1.6vw;
          position: relative;
          top: 5px; }
          @media (max-width: 1199px) {
            .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_text {
              font-size: 2.8vw; } }
          @media (max-width: 767px) {
            .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_text {
              top: 2px; } }
          @media (max-width: 476px) {
            .last_section .footer_carousel-bar .footer_carousel .owl-item .footer_text {
              font-size: 3.8vw; } }

/*# sourceMappingURL=style.css.map */