.world-header {
    font-family: 'Whyte Inktrap';
    font-weight: 500;
    font-size: 14px;
    color:#000;
    line-height: 14px;
}

.world-header span{
    font-size: 11px;
    line-height: 14px;
}

.world-header ul {
    margin: 0;
    padding: 0;
}

.world-header .menu {
    z-index: 992;
    position: absolute;
    top:0;
    right: 0;
    padding-right: 10px;
    background: #e5e5e5;
}

.world-header .menu li {
    display: inline;
    margin-left: 10px;
}

.world-header .menu li a {
    line-height: 10px !important;
    font-size: 10px !important;
    font-weight: 300;
    color:#000;
    text-decoration: none;
    cursor: pointer;
}

.world-header .menu li a:hover {
    color:#000;
    text-decoration: none;
}

.world .layer{
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
}

.world .content {
    position: relative; 
}

.home-animation {
    --animate-duration: 10s;
}

.animate__animated.animate__delay-custom{
    -webkit-animation-delay:15s;
    animation-delay:15s;
}

.world .home-title {
    position: absolute;
    width: 360px;
    top:156px;
    left: 50%;
    margin-left: -180px;
    z-index: 989;
}

.world .home-text {
    position: absolute;
    width: 722px;
    top:50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -361px;
    z-index: 989;
}

.world .home-footer {
    position: absolute;
    bottom:60px;
    left: 50%;
    margin-left: -120px;
    z-index: 989;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 2px;
}

.world .layer-1{
    background: url(../assets/layers/01.png) center center no-repeat;
    background-size: auto 100%;
}

.world .layer-2{
    background: url(../assets/layers/02.png) center center no-repeat;
    background-size: auto 100%;
}

.world .layer-3{
    background: url(../assets/layers/03.png) center center no-repeat;
    background-size: auto 100%;
}

.world .layer-4{
    background: url(../assets/layers/04.png) center center no-repeat;
    background-size: cover;
}

.world .layer-5{
    background: url(../assets/layers/05.png) center center no-repeat;
    background-size: auto 100%;
}

.world .layer-6{
    background: url(../assets/layers/06.png) center center no-repeat;
    background-size: auto 100%;
}

.world .btns-layers {
    z-index: 991;
}

.world .btn-layer{
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../assets/btn-layer.svg);
    z-index: 991;
}

.world .btn-layer:hover{
    cursor: url("../assets/cursor-red.png") 10 0, pointer; 
    cursor: -webkit-image-set(url("../assets/cursor-red.png") 1x, url("../assets/cursor-red@2x.png") 2x) 10 0, pointer;
}

.world .btn-layer.selected{
    background: url(../assets/btn-layer-selected.svg);
}

.world .btn-layer-1 {
    top: 250px;
    left: 5%;
}

.world .btn-layer-2 {
    top: calc(100vh - 300px);
    right: 400px;
}

.world .btn-layer-3 {
    top: calc(100vh - 210px);
    right: 5%;
}

.world .btn-layer-4 {
    top: 240px;
    right: 4%;
}

.world .btn-layer-5 {
    top: calc(100vh - 100px);
    right: 530px;
}

.world .btn-layer-6 {
    top: calc(100vh - 200px);
    left: 5%;
}

.world .grid {
    position: fixed;
    z-index: 990;
}

.world .grid p {
    margin: 0;
    padding: 0;
}

.world .grid a {
    cursor: pointer;
}

.world .grid a:hover {
    cursor: url("../assets/cursor-blue.png") 10 0, pointer; 
    cursor: -webkit-image-set(url("../assets/cursor-blue.png") 1x, url("../assets/cursor-blue@2x.png") 2x) 10 0, pointer;
    opacity: 0 !important;
}

.world .grid.active p {
    background: rgb(50, 68, 200);
}

.world .grid.active a {
    background: rgb(138, 32, 32);
}

.world .grid a.isdisabled {
    pointer-events: none;
}

.help {
    position: absolute;
    z-index: 999;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}

.help img {
    width: 30px;
    height: 30px;
}

#helpModal .modal-content{
    background: #000;
    border-radius: 0;
}

#helpModal .modal-header{
    border: none;
}

#helpModal .modal-header button.btn-close{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    opacity: 1;
}

#helpModal .modal-body{
    font-family: 'Whyte Inktrap';
    font-weight: 300;
    color: #fff;
    text-align: left;
    font-size: 12px;
    padding: 50px;
}

#helpModal .modal-body h1{
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 40px;
}

#helpModal .modal-body h1 img{
    width: 30px;
    height: 30px;
}