@font-face {
    font-family: 'Avenir';
    src: url('../../fonts/Avenir-Roman.eot');
    src: local('Avenir Regular'), local('Avenir-Roman'), url('../../fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'), 
    url('../../fonts/Avenir-Roman.woff2') format('woff2'), url('../../fonts/Avenir-Roman.woff') format('woff'), 
    url('../../fonts/Avenir-Roman.ttf') format('truetype'), url('../../fonts/Avenir-Roman.svg#Avenir-Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font:16px/1.5 "Avenir", helvetica;font-smoothing: antialiased;font-weight: normal;background: ##00649a;color: #FFF;margin: 0;}
.overlay {pointer-events: none;position: absolute;height: 100%;width: 100%;left: 0;top: 0;}
.logo {margin-bottom: 10px;height: 120px;width: 120px;}
.ani-container {position: absolute;height: 100%;width: 100%;}
.wrapper {transition: opacity 0.4s ease-out;text-align: center;position: absolute;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);position: relative;}
.vignette {background-image: -webkit-radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(1, 29, 36, 1) 100%);background-image: radial-gradient(50% 50%, ellipse, rgba(0,0,0,0) 40%, rgba(1, 29, 36, 1) 100%);}
.noise {background: url(noise.png) repeat 0 0;opacity: 0.02;}
#logo{background-color: rgba(255,255,255,0.7);padding: 30px;border-radius: 100%;height: 300px;width:300px;margin:0 auto;position: relative;display: none;}
#logo img{max-width:200px;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.welcome-info{text-align: left;position: absolute;left:16%;top:50%;transform: translateY(-50%);}
.welcome-info-ar{text-align: right;position: absolute;right:15%;top:50%;transform: translateY(-50%);}
.welcome-info h2{font-size:40px;font-weight: 300;text-transform: capitalize;}
.welcome-info h2 small{font-size: 12px;font-weight: 100;text-transform: uppercase;margin-bottom: 3.5em;letter-spacing: 3px;display: block;position: relative;}
.welcome-info h2 small:before{content: "";display: block;width:100px;height: 1px;background-color: #fff;position: absolute;;left:-130px;top:8px;transform: none;}
@media (max-width:767px){
  img{width:100%;max-width:100%;}
  .wrapper{padding:0;box-sizing: content-box}
}

@media (max-width:902px){
	.welcome-info-ar{display:none}
}