@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');

body { font-family: "Lato", sans-serif; line-height:1.6; font-size:15px; margin:0 auto; color:#191919; }

a { text-decoration: none; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

a:hover, a:focus { text-decoration: none; }

img { max-width:100%;}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="number"], textarea, select {
    color: #666;
    width: 100%;
}

header {
  position: relative;
  background-color: black;
  height: 100vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
    display: flex;
  justify-content: center;
  align-items: center;
  max-width: 1360px;
}
.country{
	display: flex;
	justify-content: flex-end;
}
.country a img{
	width: 85px;
}
.country a:hover img {
    filter: drop-shadow(0px 0px 6px #fff);
}
.country a {
	margin: 0px 17px;
}
.country a p{
    color: #fff;
    font-size: 19px;
    font-weight: 700;
    line-height: initial;
    margin-top: -6px;
    text-transform: uppercase;
}
.countryCustom{
	margin: auto;
	text-align: center;
	padding-top: 11%;
}

.mobilelogoCustom{
    margin: 18px 0px;
}
.mobilelogoCustom img{
	width: 228px;
}

.animated{
    -webkit-animation-duration:3s;
    animation-duration:3s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}

.m-videoCustom{display: none;}
.videoCustom{display: block;}



@-webkit-keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-200px);
        transform:translateX(-200px)}
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
@keyframes fadeInLeft{
    0%{
        opacity:0;
        -webkit-transform:translateX(-200px);
        -ms-transform:translateX(-200px);
        transform:translateX(-200px)}
    100%{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.fadeInLeft{
    -webkit-animation-name:fadeInLeft;
    animation-name:fadeInLeft
}
/* defines the animation */
@keyframes fadeInUp {
  from { 
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;

  }
}
.fadeInUp{
  			opacity: 0;
  -webkit-animation: fadeInUp 1s ease-in-out 0s forwards;
          animation: fadeInUp 1s ease-in-out 0s forwards;
}
.fadeInUp.first {
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.fadeInUp.second {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.fadeInUp.third {
  -webkit-animation-delay: 3.5s;
          animation-delay: 3.5s;
}
@-webkit-keyframes float {
    0% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        filter: drop-shadow(0 0 7px rgb(255,255,255,1)) brightness(1.05);
    }

    50% {
        -webkit-transform: translatey(-15px);
        transform: translatey(-15px);
        filter: drop-shadow(0 0 5px rgb(255,255,255,0.3));
    }

    100% {
        -webkit-transform: translatey(0px);
        transform: translatey(0px);
        filter: drop-shadow(0 0 7px rgb(255,255,255,1)) brightness(1.05);
    }
}

@media only screen and (max-width: 998px) {
	.videoCustom{
		display: none;
		
	}
	.m-videoCustom{display:block;position: absolute;
    top: 0%;
    left: 50%;right: 0%;transform: translateX(-50%) translateY(0%);margin: 0px auto;}
	.h-100{
		height: 82%!important;
	}
	.country a p{
	    font-size: 14px;
	}
	.mobilelogoCustom img {
    width: 50%;
}
	.country {
    display: flex;
    justify-content: center;
}
	.countryCustom {
    margin: auto;
    text-align: center;
    /* padding-top: 0%; */
}
	header .container {
    position: absolute;
    bottom: 0px;
    align-items: end;
}
	
	
	
	
	
}
@media only screen and (min-width: 999px) {
	.mobilelogoCustom{
		display: none;
	}
}
@media only screen and (max-width: 374px) {
	.country a {
	    margin: 0px 7px;
	}
}
@media screen and (max-width: 1024px) and (min-width: 999px) {
	header video{
		left: 31%;
	}
}