*,html {margin: 0; padding: 0; box-sizing: border-box;}
@font-face {font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal;}
.fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html, body {height: 100%;}
body { margin: 0; font-size: 14px; font-weight: 400; line-height: normal; font-family: 'Poppins', sans-serif; background: url(../images/welcome.jpg);}
ol,ul,li {margin: 0; padding: 0; list-style: none;}
div,p,span,figure {margin: 0; padding: 0;}
img {display: block; width: 100%; border: none; outline: none;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0; font-weight: normal;font-family: 'Poppins', sans-serif;}
a:hover {text-decoration: none;}
button:focus,input:focus,a:hover,select:focus {outline: none; box-shadow: none;}
input::-moz-placeholder {opacity: 1; color: #201F1E;}
input:-ms-input-placeholder {opacity: 1; color: #201F1E;}
input::placeholder {opacity: 1; color: #201F1E;}
input:-ms-input-placeholder {color: #201F1E;}
input::-ms-input-placeholder {color: #201F1E;}
a {transition: all 0.3s ease-in-out; text-decoration: none; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
.clear {clear: both;}

.welcomepage {display: flex; padding: 15px; align-items: center; justify-content: center; min-height: 100vh; position: relative; z-index: 99;}
body:after {background: #0B1120; position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ''; opacity: 0.8;}
.logo {max-width: 200px; margin: auto auto 50px;}
.innerwrap h1 {color: #fff; font-size: 36px; line-height: 40px; margin: 0 0 20px;}
.innerwrap {text-align: center; color: #fff;}
.innerwrap h2 {font-size: 15px; font-weight: 400; line-height: 15px; margin: 0 0 15px; color: #fff;}
.innerwrap p {color: #fff; font-size: 13px; margin: 0 0 5px;}
.innerwrap p a {color: #F37033; margin-left: 3px; text-decoration: underline;}

.socialicons {margin-top:50px; display: flex; align-items: center; justify-content: center;}
.socialicons a {width: 35px; margin: 0 10px 0 0; height: 35px; display: flex; background: #fff; border-radius:100%; align-items: center; justify-content: center;}
.socialicons a svg {width: 18px;}

.fa-facebook:before {content: "\f09a";}
.fa-instagram:before {content: "\f16d";}
.fa-linkedin:before {content: "\f0e1";}
.fa-youtube-play:before {content: "\f16a";}
.fa-twitter:before {content: "\f099";}
.socialicons i {font-size: 17px; color: #0B1120;}
.socialicons a:hover i {color: #fff;}
.socialicons a:hover {background: #F37033;}

@media(max-width:767px) {
    .innerwrap h1{font-size: 18px; margin: 0 0 10px;}
    .innerwrap h2{font-size: 14px; line-height: 20px;}
    .logo{margin-bottom: 20px; max-width: 170px;}
    .socialicons{margin-top: 30px;}
}