.nofocusoutline:focus,
.nofocusoutline *:focus {
    outline: none !important
}
.tocenter {
    transform-origin: center !important;
}

.toleft {
    transform-origin: left !important;
}

.totopleft {
    transform-origin: top left !important;
}

.totop {
    transform-origin: top !important;
}

.totopright {
    transform-origin: top right !important;
}

.toright {
    transform-origin: right !important;
}

.tobottomright {
    transform-origin: bottom right !important;
}

.tobottom {
    transform-origin: bottom !important;
}

.tobottomleft {
    transform-origin: bottom left !important;
}
.raise {
    transition: all 150ms ease-in-out;
}
.raise:hover {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    z-index: 10000 !important;
}
.zoom:hover {
    -webkit-transform: scale(1.125);
    -ms-transform: scale(1.125);
    transform: scale(1.125);
    z-index: 10000 !important;
}

.shadow {
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
}

.hovershadow {
    transition-delay: 0s;
    transition: all .1s ease-in-out;
    -webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
    filter: drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
    drop-shadow(0px 0px 0px rgba(0,0,0,0.0));
}

.hovershadow:hover {
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, .6) !important;*/
    -webkit-filter: drop-shadow(4px 3px 0px rgba(0,0,0,0.2));
    filter: drop-shadow(4px 3px 0px rgba(0,0,0,0.2));
    drop-shadow(4px 3px 0px rgba(0,0,0,0.2));
    /*filter: url(shadow.svg#drop-shadow);*/
}

.zoom:not(.rotate) {
    transition-delay: 0s;
    transition: all .1s ease-in-out;
    /*transform: translateZ(0);*/
    /*backface-visibility: hidden;
    font-smooth: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;*/
}

.rotate:not(.zoom):hover {
    -webkit-transform: rotateZ(-5deg);
    -ms-transform: rotateZ(-5deg);
    transform: rotateZ(-5deg);
}
.rotate.zoom:hover {
    -webkit-transform: scale(1.125) rotateZ(-5deg);
    -ms-transform: scale(1.125) rotateZ(-5deg);
    transform: scale(1.125) rotateZ(-5deg);
    z-index: 10000 !important;
}
.hoveroverlay {
    position: relative;
}

    .hoveroverlay:after {
        content: "";
        position: absolute;
        opacity: 0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        background: rgba(0,0,0,0.1);
        z-index: 100;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        pointer-events: none;
    }

    .hoveroverlay:hover:after {
        opacity: 1;
        pointer-events: none;
    }