html, body {font: 16px/1.6 Arial, Helvetica, sans-serif; color: #fff; text-align:center; background: #222; scrollbar-gutter: stable; }
img {border: 0; max-width: 100%;}
a {color: #fff;  text-decoration: none;}
a:hover, a:focus {color: #fff; outline: none; text-decoration: underline;}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
  a:active {background-color: transparent;}
}
p {margin: 0 0 20px;}
h1 {font-size: 32px; line-height: 1.2; margin: 0 0 20px; font-weight: 600;}
video {position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%;}
#video:after {content: ''; opacity: 0.75; background: linear-gradient(to bottom, #4096eed1 0%, #39ced6c9 100%); position:fixed; left:0; top:0; right:0; bottom: 0;  margin: 0; padding: 0; overflow-x: hidden; transform: translateZ(0);
    backface-visibility: hidden;}
.wrapper-background-dark:after {background: #222; opacity:0.95;}
.section-inner {padding: 20px 0px 0px 0px;}
.preloader {background: linear-gradient(to bottom, #4096ee 0%,#39ced6 100%); height: 100%; left: 0; position: fixed; right: 0; top: 0; z-index: 9999; text-align: center;}
.preloader-bounce {left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute;}
.preloader-bounce > span {width:18px; height:18px; border-radius:50%; margin:0.4em; display: inline-block; vertical-align: middle; -webkit-animation: bounce 0.6s infinite alternate; animation: bounce 0.6s infinite alternate; background: #fff;}
.preloader-bounce > span:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; background: #fff;}
.preloader-bounce > span:nth-child(3){ -webkit-animation-delay: 0.3s; animation-delay: 0.3s; background: #fff;}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-1.2em);
    transform: translateY(-1.2em);
  }
}

@keyframes bounce {
  from {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-1.2em);
    transform: translateY(-1.2em);
  }
}

.welcome-box {font-size:20px; background-color: #1b39587d; padding: 40px 10px 20px 10px; position: relative; z-index: 999; margin: 30px 10px 0px 10px;}
.welcome-first{font-size: 24px; display: block; text-transform: uppercase; font-weight: 300; line-height: 1.2; letter-spacing: 0.02em;}
.welcome-box p {width:90%; margin:0 auto 30px; color: #fff;}
.welcome-title {font-weight: 700; font-size: 36px; margin: 15px;}
button {border-radius: 4px; background-color: #3c7fa7; border: 1px solid #ffffff; color: #fff; margin-bottom:5px; text-align: center; font-size: 20px; padding: 10px 14px 9px 14px; width: 280px; transition: all 0.5s; cursor: pointer; box-shadow: 0 15px 25px -8px rgba(0, 0, 0, .7); display: inline-block; position: relative;}
button:after {content: '»'; position: absolute; opacity: 0; top: 9px; right: -20px; transition: 0.5s;}
button:hover {padding-right: 24px; padding-left:8px; border: 1px solid #000; box-shadow: 0 20px 25px -8px rgba(0, 0, 0, .9);}
button:hover:after {opacity: 1; right: 30px;}