.guides-canvas,
.guides-mask,
.guides-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.guides-overlay {
    background: rgba(0, 0, 0, 0.6);
    z-index: 99996;
}

.guides-mask {
    z-index: 99998;
}

.guides-current-element {
    z-index: 99997;
    position: relative;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 0.5;
    }
}

.guides-fade-in {
    -webkit-animation: fadeIn 0.25s ease;
    -moz-animation: fadeIn 0.25s ease;
    -o-animation: fadeIn 0.25s ease;
    animation: fadeIn 0.25s ease;
}

.guides-guide {
    color: #fff;
    font-size: 1.5rem;
    text-shadow: 0 0 10px #000;
    position: absolute;
    margin: 5px;
    z-index: 99999;
}

.guides-guide svg {
    position: absolute;
    top: 0;
    left: 0;
}

div#btn_guide_screen {
    cursor: pointer;
}

.guides-guide span {
    display: inline-block;
    padding: 10px;
    font-size: 2rem;
}

.guides-top svg {
    top: auto;
    bottom: 0;
}

.guides-left svg {
    left: auto;
    right: 0;
}

.guides-center {
    top: calc(100% - 525px) !important;
}

.guides-chevron {
    top: 50%;
    font-size: 300px;
    transform: translate(-50%,-50%);
    position: absolute;
    z-index: 1000000;
}

#prev_btn.guides-chevron {
    left: 150px;
}

#next_btn.guides-chevron {
    right: -150px;
}


i#close_btn {
    font-size: 80px;
    margin-top: 5px;
    top: 50px;
    right: 0;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1000000;
}

@media screen and (max-width: 600px) {
    .guides-chevron {
        font-size: 70px;
    }
    #prev_btn.guides-chevron {
        left: 35px;
    }
    #next_btn.guides-chevron {
        right: -35px;
    }
    i#close_btn {
        font-size: 50px;
        margin-top: 5px;
    }
}
