@font-face {
        font-family: "KufiRegular";
        src: url("../font/KufiRegular.ttf");
        src: url('../font/KufiRegular.eot');
        src: url('../font/KufiRegular.eot?#iefix') format('embedded-opentype'),
         url('../font/KufiRegular.ttf') format('truetype');
    }

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-behavior: smooth;
   }

body {
  font-family: 'Oswald', sans-serif;
  font-weight: 300;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
  color: #f1f2f3;
  text-align: left;
  background: #1a191b; }

html,body {
  height: 100%;
}

::-webkit-scrollbar { 
    display: none; 
}

a.connect{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; display: inline-block; padding: 7px; padding-left: 27px; padding-right: 27px; color:#fff; font-size: 13px; font-weight: 400; 
  text-transform: uppercase; background: #0a67b6; border: 0px; cursor: pointer; float:right; margin-top:11px; }

a.connect:hover{ -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; text-decoration: none; display: inline-block; padding: 7px; padding-left: 27px; padding-right: 27px; color:#fff; font-size: 13px; font-weight: 400; 
  text-transform: uppercase; background: #b01313; border: 0px; cursor: pointer; float:right; margin-top:11px; }

.containerheaderlogo{ position: fixed; top: 37px; left: 59px; color: #e7e7e7; font-size: 16px; font-weight: 400; z-index: 11; }
  .containerheaderlogo img{ max-height:77px; }
.containerheaderaccess{ position: fixed; top: 57px; right: 59px; color: #e7e7e7; font-size: 16px; font-weight: 400; z-index: 11; }
  .containerheaderaccess a{ color:#e7e7e7; text-decoration:underline; }
.containerfootercopy{ position: fixed; bottom: 58px; right: 59px; color: #e7e7e7; font-size: 11px; z-index: 11; }

@media only screen and (max-width: 599px){
  .containerheaderlogo{ 
    position: fixed; top: 21px; left: 53px; 
  }
  .containerheaderaccess{ 
    position: fixed; top: 97px; right: 123px; 
  }
  .containerfootercopy{ 
    bottom: 21px; right: 43px; 
  }
}
@media only screen and (min-width: 600px) and (max-width: 767px){
  .containerheaderlogo{ 
    position: fixed; top: 31px; left: 49px; 
  }
  .containerheaderaccess{ 
    position: fixed; top: 97px; right: 49px; 
  }
  .containerfootercopy{ 
    bottom: 38px; 
  }
}

.containerRipples{ 
    background:url(../../upload/welcome/welcome.jpg) center center/cover;
    filter: brightness(87%);
    width: 100%;
    padding: 0px; 
    margin: 0px;
}

.containerPageWelcome{ 
    font-size: 37px;
    padding-right: 77px;
    z-index: 1;
    position: absolute; 
    top: 31%; left: 15%;
    max-width: 82%;
    text-align: justify;
}

@media only screen and (max-width: 599px){
  .containerPageWelcome{ 
    font-size: 21px;
    top: 24%; left: 77px;
    max-width: calc(100% - 81px);
  }
}

@media only screen and (min-width: 600px) and (max-width: 767px){
  .containerPageWelcome{ 
    font-size: 21px;
    top: 77px; left: 9%;
    max-width: 88%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
  .containerPageWelcome{ 
    font-size: 37px;
    top: 32%; left: 15%;
    max-width: 82%;
  }
}

.containerPageWelcome p{ font-size: 18px; padding-top:27px; }