@font-face {
  font-family: 'Noto';
  src: url("static/fonts/NotoSans-Regular.ttf");
  font-style: normal;
  font-weight: 200;
}

* { font-family: "Noto"; }

.loader { overflow: hidden; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; z-index: 9999; opacity: 0; background: white; transition-duration: 200ms; pointer-events: none;}
.loader.visible { opacity: 1; pointer-events: unset;}


.loading_centre {
  position:absolute; top:50%; overflow: hidden; margin:-20px auto; left:0px; right:0px;
}

.loading_lds-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.loading_lds-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid black;
  border-color: black transparent black transparent;
  animation: loading_lds-dual-ring 1.2s linear infinite;
}

@keyframes loading_lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.transitions {
  transition-duration: 500ms;
  -webkit-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.870);
  -moz-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.870);
  -o-transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.870);
  transition-timing-function: cubic-bezier(0.355, 0.925, 0.255, 0.870);
}

.profileimage { position:relative; height:160px; width:160px; overflow:hidden; background:white; border:5px solid white; border-radius:10px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); text-align:right; background:white; background-size:contain; background-repeat:no-repeat; background-position:center;  }
.profileimage img { display:none; width:102%; min-height:102%; margin:-1% 0px 0px -1%; }

.profileimage2 { position:absolute; overflow:hidden; top:-200px; height:100px; width:100px; left:50%; margin-left:-600px; background:white; background-size:contain; background-repeat:no-repeat; background-position:center;  border:5px solid white; border-radius:10px; z-index:1001; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3); }
.profileimage2 img { display:none; width:102%; min-height:102%; margin:-1% 0px 0px -1%; }
.profileimage2 a { position:absolute; top:0px; right:0px; left:0px; bottom:0px; display:block; background:rgba(0,0,0,0); }

.blurredhero{ background-position:center center; background-size:cover; overflow:hidden; position:fixed; top:0px; left:0px; right:0px; bottom:0px; height:100%; }
.blurredhero .bhero { background-position:center center; background-size:cover; position:absolute; top:-200px; left:0px; right:0px; bottom:0px; }
.blurredhero .overlay { background:rgba(255,255,255,0.3); position:absolute; top:0px; left:0px; right:0px; bottom:0px; display:block; }

.screenonecontainer { position:absolute; bottom:0px; left:0px; right:0px; top:0px; height:100%; display:block; overflow:hidden; }
.screenone { display:table; width:100%; height:100%; overflow: hidden;}
.screenone .s1hero { display:table-row; height:100%; background-position:center center; background-size:cover; overflow:hidden; }
.screenone .s1hero.right { background-position:center right; }
.screenone .s1hero .inners1 { display:table-cell; }
.screenone .s1hero .inners1 .invisible { margin-left:-1000px; opacity:0; padding-top:40px; }
.screenone .s1welcomebar .welcomeCentered { width:1200px; margin:0px auto; }

.screenone .s1welcomebar { display:table-row; height:0px; }
.screenone .s1welcomebar .inners1welcome { display:table-cell; }
.screenone .s1welcomebar .darker { margin-bottom:40px; height:auto; background:url(black55.png) top left repeat; background:rgba(0,0,0,0.55); overflow:hidden; }
.screenone .s1welcomebar .welcome { margin-left:200px; margin-right:150px; min-height:100px; padding:20px; color:white; font-size: 17px;}
.screenone .s1welcomebar .welcome * { color:white; }

.profileimageandname { bottom:73px; left:50%; margin-left:-600px; width:170px; position:absolute; overflow:hidden; }

@media (max-width: 700px) {
  .screenonecontainer { height:auto; bottom:auto; position:relative; }
  .screenone .s1hero { height:110px; }
  .screenone .s1welcomebar .welcome { margin-left:10px !important; margin-right: 10px !important; }
}

@media (max-width: 500px), (max-height: 500px) {
  .screenone .s1hero { height:150px; }
  .screenone .s1hero .inners1 .invisible { padding-top:60px; padding-bottom:20px; }
  .profileimage2 { width:60px; height:60px; left:10px; position:absolute; }
}

@media (max-width: 1300px) { 
  .profileimageandname { left:50px; margin-left:0px; }
  .profileimage2 { left:50px; margin-left:0px; }
  .screenone .s1welcomebar .welcomeCentered { width:95%; }
}

@media (max-width: 1050px) {
  .profileimage2 { top:10px; }
  .profileimageandname { left:-200px; }
  .screenone .s1welcomebar .welcome {  margin-left:50px; margin-right: 100px; }
}