body{
  margin:0;
  font-family: 'Montserrat', sans-serif;
  font-family: 'Poppins', sans-serif;
  font-family: 'Rethink Sans', sans-serif;
  line-height: 1.6;
  color: white;  
 }

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

  h1, h2, h3, h4, h5, h6{
    margin:0;
  }


 /*------------------CONTAINER----------------------*/

 .container{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

 }


 /*-------------INTRO------------------*/

 .intro{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;

  background: url("mainimg.jpg")
   top left
  no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  
 
 }

 .intro__inner{
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  text-align: center;
  margin-top: -100px;
 }

 .intro__title{
  margin: 220px 0 0 0;
  font-size: 50px ;
  font-weight: 700;
  line-height:1.1 ;
  margin-bottom: 15px;
  
 }

 .intro__subtitle{
  font-size: 35px;
  font-weight: 300;
  text-align: center;
 }

 .intro__subtitle:after{
  content: "";
  display: block;
  width: 60px;
  height: 3px;
  margin: 20px auto 0;

  background-color: white;

}
@media screen and (max-width: 500px) {
  .introtxt {
     font-size: 25px;
  }
}
 

 /*--------------------HEADER----------------------*/

 .header{
  width: 100%;
  padding-top: 30px;

  position: absolute;
  top:0;
  left:0;
  right:0;
  border-bottom: 3px solid white;
 }

 @media screen and (max-width: 400px) {
  .header {
     border-bottom: none;
  }
}

.header__inner{
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column  ;

   
}

.header__adres{
  margin: 20px 0 0 0;
   font-size:25px;
   text-align: center;
   font-weight: 700;
   text-decoration: none;
   color: white;
   line-height:100%;


}

 

 .header__logo{
  font-size: 40px;
  font-weight: 700;
   margin: 0 auto 10px;
  transition: 0.3s;
  text-align: center;
  line-height: 100%;
   
 }

.header__logo:hover{
  color: lightgray;
  cursor:pointer;
}

 

 /*----------------------NAV---------------------*/
/*
 .nav{
  font-size: 14px;
  text-transform: uppercase;
 }

 .nav__link{
  display: inline-block;
  vertical-align: top;
  margin: 10px;
  position: relative;
  color:#fff;
  text-decoration: none;

  transition: .3s linear;

 }

.nav__link:after{
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  opacity: 0;

  background-color:lightskyblue;

  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  
  transition: 0.3s linear;
}

 .nav__link:hover{
   color: lightskyblue;
 }

 .nav__link:hover:after{
opacity: 1;
 }
*/
 /*-------------------Button Language---------------------*/

 .btn__lang{
  display: inline-block;
  vertical-align: top;
  padding: 10px 25px;
  margin: 50px auto 0px;

  background-color: rgba(74, 166, 239, .5);
  border: 3px solid rgba(255, 255, 255, .5);
  border-radius: 10px 10px;
  transition: .3s linear;

  color:white;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
   

 }

 .btn__lang:hover{
  background-color: rgba(74, 166, 239, 1);
 }


/*----------------------POPUP---------------------------*/

.popup-bg{
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left: 0;
  background:rgba(0, 0, 0, .8) ;
  display: none;
}

.popup{
  position: absolute;
  top: 50%;
  left:50%;
  width: 400px;
  background: rgba(255, 255, 255, 9);
  border-radius: 10px;
  padding: 20px;
  transform: translate(-50%, -50%);
  text-align:center;
  display: flex;
  flex-direction: column;
  padding-top:50px ;
  

}

.all__langbtn{
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 0 0 0;
  background-color:rgb(194, 194, 194, .6);
  margin: 10px 80px;
  border-radius: 10px;
  
  font-size: 20px;
  font-weight: 400;
  color: black;
  transition: .3s linear;
}

.all__langbtn:hover{
  background-color: rgba(74, 166, 239, .8);
   
}

.close__popup{
  position:absolute;
  top:10px;
  right: 20px;
   
}

.icon-lng-btn{
  width: 20px;
  height: 20px;
  position: relative;
  margin: 10px 10px 10px 10px;
  padding: 0 0 0 0;
  float: right;

}

.no-scroll {
  overflow-y: hidden;
}