@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: 1280px;
}
.country{
	display: inline-flex;
}
.country a img{
	width: 85px;
}
.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%;
}
.country>a:hover:before {
	content: '';
    -webkit-box-shadow: 0 0 12px 0 rgba(69, 145, 255, 0.8);
    -moz-box-shadow: 0 0 12px 0 rgba(69, 145, 255, 0.8);
    box-shadow: 0 0 30px 0 rgba(69, 145, 255, 0.8);
    width: 82px;
    height: 83px;
    border-radius: 14%;
    margin: 0 auto;
    position: absolute;
}
.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
}

@-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;
	}
	header{
		background: url(../images/mobile_bg.jpg)center no-repeat;
	}
	.h-100{
		height: 82%!important;
	}
	.country a p{
	    font-size: 14px;
	}
}
@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%;
	}
}