@font-face {
    font-family: ghalo;
    src: url("bpg_nino_mtavruli_bold.ttf") format("opentype");
}
html, body {
    margin: 0 auto;
    font-family: "Roboto", sans-serif;
    height: 100%;
    background: #EEEEF4;
    font-weight: 100;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
   scroll-behavior:smooth
  }
  
  main {
    height: 100%;
    display: flex;
    margin: 0 20px;
    text-align: center;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  main h1 {
    font-size: 3em;
    font-weight: 100;
    color: #4fa146;
    margin: 0;
  }
  main h2 {
    font-size: 1.5em;
    font-weight: 100;
    margin-bottom: 0;
  }
  main h3 {
    font-size: 1.5em;
    font-weight: 100;
    margin-top: 0;
  }
  main a {
    font-size: 1.5em;
    font-weight: 300;
    color: #4fa146;
    text-decoration: none;
  }

  main p{
    font-size: 1.5em;
    font-weight: 300;
    color: #4fa146;
    text-decoration: none;
    margin-bottom:  0px;
  }
  
  footer {
    position: absolute;
    bottom: 0;
    margin: 10px;
    font-weight: 300;
  }

  .scrolldown-container {
    background: #000;
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 60px;
    background: #191947;
    cursor: pointer;
  }
  .scrolldown-container .scrolldown-btn {
    width: 50px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
  }
  .scrolldown-container .scrolldown-btn svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .scrolldown-container .scrolldown-btn svg path.first-path {
    animation: scrollanim 1s ease-in-out infinite;
    animation-delay: 0.8s;
  }
  .scrolldown-container .scrolldown-btn svg path.second-path {
    animation: scrollanim2 1s ease-in-out infinite;
  }
  
  @-webkit-keyframes scrollanim {
    0% {
      -webkit-transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -webkit-transform: translate(0, 0);
      opacity: 0.8;
    }
  }
  @-moz-keyframes scrollanim {
    0% {
      -moz-transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -moz-transform: translate(0, 0);
      opacity: 0.8;
    }
  }
  @keyframes scrollanim {
    0% {
      -webkit-transform: translate(0, -40px);
      -moz-transform: translate(0, -40px);
      -ms-transform: translate(0, -40px);
      -o-transform: translate(0, -40px);
      transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -webkit-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      opacity: 0.8;
    }
  }
  @-webkit-keyframes scrollanim2 {
    0% {
      -webkit-transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -webkit-transform: translate(0, 0px);
      opacity: 0.6;
    }
  }
  @-moz-keyframes scrollanim2 {
    0% {
      -moz-transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -moz-transform: translate(0, 0px);
      opacity: 0.6;
    }
  }
  @keyframes scrollanim2 {
    0% {
      -webkit-transform: translate(0, -40px);
      -moz-transform: translate(0, -40px);
      -ms-transform: translate(0, -40px);
      -o-transform: translate(0, -40px);
      transform: translate(0, -40px);
      opacity: 0;
    }
    60% {
      -webkit-transform: translate(0, 0px);
      -moz-transform: translate(0, 0px);
      -ms-transform: translate(0, 0px);
      -o-transform: translate(0, 0px);
      transform: translate(0, 0px);
      opacity: 0.6;
    }
  }


  .second-section{
      position: relative;
      width: 100%;
      height: 100vh;
  }

  .second-section h1{
      font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }
  .spacer{
      height: 20px;
      width: 100%;
  }

  .about-us-section-geo{
      position: relative;
      margin-top: 20px;
      width: 100%;
      font-family: 'ghalo';
  }

  .about-us-section-en{
    position: relative;
    margin-top: 20px;
    width: 100%;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  }

  .about-us-text{
      box-sizing: border-box;
      margin: 30px;
      text-align: justify;
  }

  .our-projects-list{
    box-sizing: border-box;
    margin: 30px;
    text-align: justify;
  }

  .project-list p{
    margin-left: 10px;
  }
  .language-button{
      position: absolute;
      top:20px;
      right: 20px;
      cursor: pointer;
      color: #4fa146;
      border: solid 4px #4fa146;
      padding: 10px;
      margin: 0;
      border-radius: 20px;
  }
  .language-button h1{
    margin: 0;
  }


  #map {
    height: 660px;
    width: 100%;
    margin-bottom: 40px;
  }

  .container-hidden{
      display: none;
  }

  #language{
      display: inline;
  }

  @media only screen and (max-width:480px)  {
      #map{
          height: 100vh;
      }
   }