.block-click:hover .sot-opac-dark [class*=so-thumbnail]:not(.so-thumbnail-frame), .block-click:hover .sot-opac-light [class*=so-thumbnail]:not(.so-thumbnail-frame),
.sot-opac-dark:hover [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-opac-light:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    opacity: .5;
}

.ratio-16-9:not(.sm-gallery) {
    padding-bottom: 56.25%;
}

.ratio-4-3:not(.sm-gallery) {
    padding-bottom: 75%;
}

.ratio-1-1:not(.sm-gallery) {
    padding-bottom: 100%;
}

.ratio-3-4:not(.sm-gallery) {
    padding-bottom: 133.33%;
}

.ratio-9-16:not(.sm-gallery) {
    padding-bottom: 177.77%;
}

.element-margin-s.ratio-16-9 {
    padding-bottom: calc(56.25% - 32px);
}

.element-margin-s.ratio-4-3 {
    padding-bottom: calc(75% - 32px);
}

.element-margin-s.ratio-1-1 {
    padding-bottom: calc(100% - 32px);
}

.element-margin-s.ratio-3-4 {
    padding-bottom: calc(133.33% - 32px);
}

.element-margin-s.ratio-9-16 {
    padding-bottom: calc(177.77% - 32px);
}

.element-margin-m.ratio-16-9 {
    padding-bottom: calc(56.25% - 64px);
}

.element-margin-m.ratio-4-3 {
    padding-bottom: calc(75% - 64px);
}

.element-margin-m.ratio-1-1 {
    padding-bottom: calc(100% - 64px);
}

.element-margin-m.ratio-3-4 {
    padding-bottom: calc(133.33% - 64px);
}

.element-margin-m.ratio-9-16 {
    padding-bottom: calc(177.77% - 64px);
}

.element-margin-l.ratio-16-9 {
    padding-bottom: calc(56.25% - 128px);
}

.element-margin-l.ratio-4-3 {
    padding-bottom: calc(75% - 128px);
}

.element-margin-l.ratio-1-1 {
    padding-bottom: calc(100% - 128px);
}

.element-margin-l.ratio-3-4 {
    padding-bottom: calc(133.33% - 128px);
}

.element-margin-l.ratio-9-16 {
    padding-bottom: calc(177.77% - 128px);
}

.img-shape-rounded {
    border-radius: 8px;
}

.img-shape-circle {
    border-radius: 50%;
}

.img-shape-teardrop-tl {
    border-radius: 0 50% 50%;
}

.img-shape-teardrop-tr {
    border-radius: 50% 0 50% 50%;
}

.img-shape-teardrop-bl {
    border-radius: 50% 50% 50% 0;
}

.img-shape-teardrop-br {
    border-radius: 50% 50% 0;
}

.img-shape-leaf-tlbr {
    border-radius: 0 50%;
}

.img-shape-leaf-trbl {
    border-radius: 50% 0;
}

.box-placement-tc, .box-placement-tl, .box-placement-tr {
    vertical-align: top;
}

.box-placement-mc, .box-placement-ml, .box-placement-mr {
    vertical-align: middle;
}

.box-placement-bc, .box-placement-bl, .box-placement-br, .so-thumbnail-frame {
    vertical-align: bottom;
}

.box-placement-bl, .box-placement-ml, .box-placement-tl {
    text-align: left;
}

.box-placement-bc, .box-placement-mc, .box-placement-tc {
    text-align: center;
}

.box-placement-br, .box-placement-mr, .box-placement-tr {
    text-align: right;
}

.element-gap-s [class*=so-line], .element-gap-s [class*=so-text-tertiary], .element-gap-s [class*=so-btn], .element-gap-s div + [class*=so-text-secondary] {
    margin-top: 16px;
}

.element-gap-m [class*=so-line], .element-gap-m [class*=so-text-tertiary], .element-gap-m [class*=so-btn], .element-gap-m div + [class*=so-text-secondary] {
    margin-top: 32px;
}

.element-gap-l [class*=so-line], .element-gap-l [class*=so-text-tertiary], .element-gap-l [class*=so-btn], .element-gap-l div + [class*=so-text-secondary] {
    margin-top: 64px;
}

.element-padding-s {
    padding: 16px;
}

.element-padding-m {
    padding: 32px;
}

.element-padding-l {
    padding: 64px;
}

.element-margin-s {
    margin: 16px;
}

.element-margin-m {
    margin: 32px;
}

.element-margin-l {
    margin: 64px;
}

[class*=so-box] {
    width: 100%;
}

    [class*=so-box].element-margin-s {
        width: calc(100% - 32px)!important;
    }

    [class*=so-box].element-margin-m {
        width: calc(100% - 64px)!important;
    }

    [class*=so-box].element-margin-l {
        width: calc(100% - 128px)!important;
    }

.btn-padding-n {
    padding: 0;
}

.btn-padding-s {
    padding: 8px 24px;
}

.btn-padding-m {
    padding: 16px 32px;
}

.btn-padding-l {
    padding: 24px 48px;
}

.device-99EBB7E4-2F69-43A5-8B46-56012B11926B:not(.device-C0C1DD0A-DEC5-4753-871C-76CB2CF68BB4) [class*=so-col], [class*=so-box-col] {
    display: block;
}

.device-99EBB7E4-2F69-43A5-8B46-56012B11926B:not(.device-C0C1DD0A-DEC5-4753-871C-76CB2CF68BB4) [class*=so-col-first], .device-99EBB7E4-2F69-43A5-8B46-56012B11926B:not(.device-C0C1DD0A-DEC5-4753-871C-76CB2CF68BB4) [class*=so-col-last] {
    width: auto;
}

@media screen and (min-width:768px) {
    [class*=so-col], [class*=so-box-col] {
        display: table-cell;
    }

    .col-2-8 [class*=so-col-first], .col-2-8 [class*=so-box-col-first] {
        width: 20%;
    }

    .col-2-8 [class*=so-box-col-last], .col-2-8 [class*=so-col-last] {
        width: 80%;
    }

    .col-3-7 [class*=so-col-first], .col-3-7 [class*=so-box-col-first] {
        width: 30%;
    }

    .col-3-7 [class*=so-box-col-last], .col-3-7 [class*=so-col-last] {
        width: 70%;
    }

    .col-4-6 [class*=so-col-first], .col-4-6 [class*=so-box-col-first] {
        width: 40%;
    }

    .col-4-6 [class*=so-box-col-last], .col-4-6 [class*=so-col-last] {
        width: 60%;
    }

    .col-5-5 [class*=so-box-col-last], .col-5-5 [class*=so-col-first], .col-5-5 [class*=so-col-last], .col-5-5 [class*=so-box-col-first] {
        width: 50%;
    }

    .col-6-4 [class*=so-col-first], .col-6-4 [class*=so-box-col-first] {
        width: 60%;
    }

    .col-6-4 [class*=so-box-col-last], .col-6-4 [class*=so-col-last] {
        width: 40%;
    }

    .col-7-3 [class*=so-col-first], .col-7-3 [class*=so-box-col-first] {
        width: 70%;
    }

    .col-7-3 [class*=so-box-col-last], .col-7-3 [class*=so-col-last] {
        width: 30%;
    }

    .col-8-2 [class*=so-col-first], .col-8-2 [class*=so-box-col-first] {
        width: 80%;
    }

    .col-8-2 [class*=so-box-col-last], .col-8-2 [class*=so-col-last] {
        width: 20%;
    }
}

.so-thumbnail-frame {
    overflow: hidden;
    
    position: relative;
    max-width: 100%;
    z-index: 1;
}

[class*=so-wrapper] .so-thumbnail-frame {
    display: block;
}

[class*=so-thumbnail] {
    transition: all 1s; /*backface-visibility:hidden*/
}

.block-click:hover .sot-zoom-in [class*=so-thumbnail]:not(.so-thumbnail-frame), 
.sot-zoom-in:hover [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-zoom-out [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    transform: translateZ(0) scale(1.2);
}

.block-click:hover .sot-zoom-out [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-zoom-out:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    transform: translateZ(0) scale(1);
}

.sot-rotate-zoom [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    transform: translateZ(0) rotate(8deg) scale(1.4);
}

.block-click:hover .sot-rotate-zoom [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-rotate-zoom:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    transform: translateZ(0) rotate(0) scale(1);
}

.sot-blur [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: blur(3px);
}

.block-click:hover .sot-blur [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-blur:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: blur(0);
}

.sot-grayscale [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: grayscale(100%);
}

.block-click:hover .sot-grayscale [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-grayscale:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: grayscale(0);
}

.sot-sepia [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: sepia(100%);
}

.block-click:hover .sot-sepia [class*=so-thumbnail]:not(.so-thumbnail-frame), .sot-sepia:hover [class*=so-thumbnail]:not(.so-thumbnail-frame) {
    filter: sepia(0);
}

.sot-opac-light .so-thumbnail-frame, .sot-opac-light.so-thumbnail-frame {
    background-color: #fff;
}

.sot-opac-dark .so-thumbnail-frame, .sot-opac-dark.so-thumbnail-frame {
    background-color: #000;
}

.sot-shine {
    position: relative;
}

    .sot-shine .so-thumbnail-frame:before, .sot-shine.so-thumbnail-frame:before {
        position: absolute;
        top: 0;
        left: -100%;
        z-index: 2;
        display: block;
        content: "";
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .block-click:hover .sot-shine.so-thumbnail-frame:before, .block-click:hover .sot-shine .so-thumbnail-frame:before,
    .sot-shine.so-thumbnail-frame:hover:before, .sot-shine:hover .so-thumbnail-frame:before {
        -webkit-animation: shine .75s;
        animation: shine .75s;
    }

.sot-circle {
    position: relative;
}

    .sot-circle .so-thumbnail-frame:before, .sot-circle.so-thumbnail-frame:before {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        display: block;
        content: '';
        width: 0;
        height: 0;
        background: rgba(255,255,255,.2);
        border-radius: 100%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        opacity: 0;
    }

    .block-click:hover .sot-circle.so-thumbnail-frame:before, .block-click:hover .sot-circle .so-thumbnail-frame:before,
    .sot-circle.so-thumbnail-frame:hover:before, .sot-circle:hover .so-thumbnail-frame:before {
        -webkit-animation: circle .75s;
        animation: circle .75s;
    }

.sot-rainbow .so-thumbnail-frame:before, .sot-rainbow.so-thumbnail-frame:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0;
}

.hvr-fade, .hvr-sweep-to-right {
    vertical-align: middle;
    
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: .3s;
}

.block-click:hover .sot-rainbow .so-thumbnail-frame:before, .block-click:hover .sot-rainbow.so-thumbnail-frame:before,
.sot-rainbow .so-thumbnail-frame:hover:before, .sot-rainbow.so-thumbnail-frame:hover:before {
    opacity: 1;
    animation: hue 5s infinite alternate;
    -webkit-animation: hue 3s infinite alternate;
    -moz-animation: hue 3s infinite alternate;
    -o-animation: hue 3s infinite alternate;
    -ms-animation: hue 3s infinite alternate;
    background: -webkit-gradient(linear,left bottom,right top,from(rgba(40,157,204,.46)),to(rgba(68,255,74,.55)));
}

@keyframes hue {
    0% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }

    100% {
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes hue {
    0% {
        -webkit-filter: hue-rotate(0);
        filter: hue-rotate(0);
    }

    100% {
        -webkit-filter: hue-rotate(360deg);
        filter: hue-rotate(360deg);
    }
}

@-webkit-keyframes circle {
    0%,40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0%,40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

.hvr-sweep-to-left:before, 
.hvr-sweep-to-right:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out;
}
.hvr-sweep-to-left:before{left: 100%;}
.hvr-sweep-to-right:before{right:100%}
.hvr-fade {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    transition-duration: .3s;    
    transition-property: all;
}

.hvr-sweep-to-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;    
    transition-property: all;
    transition-duration: .3s;
}

.hvr-sweep-to-bottom, .hvr-sweep-to-left {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-sweep-to-right:before {
    position: absolute;
     -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:active:before, .hvr-sweep-to-right:focus:before, .block-click:hover .hvr-sweep-to-right:before, .hvr-sweep-to-right:hover:before {
    right:0;
}

.hvr-sweep-to-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-sweep-to-left:before {
        position: absolute;
                -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

.hvr-sweep-to-bottom:before, .hvr-sweep-to-top:before {
    -webkit-transition-timing-function: ease-out;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.hvr-sweep-to-left:active:before, .hvr-sweep-to-left:focus:before,  .block-click:hover .hvr-sweep-to-left:before, .hvr-sweep-to-left:hover:before {
  left:0;
}

.hvr-sweep-to-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hvr-bounce-to-right, .hvr-sweep-to-top {
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
}

.hvr-sweep-to-bottom:before {
    position: absolute;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:active:before, .hvr-sweep-to-bottom:focus:before, .block-click:hover .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.hvr-sweep-to-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-sweep-to-top:before {
        position: absolute;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-sweep-to-top:active:before, .hvr-sweep-to-top:focus:before, .block-click:hover .hvr-sweep-to-top:before, .hvr-sweep-to-top:hover:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

.hvr-bounce-to-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.hvr-bounce-to-bottom, .hvr-bounce-to-left {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:active:before, .hvr-bounce-to-right:focus:before, .block-click:hover .hvr-bounce-to-right:before, .hvr-bounce-to-right:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}

.hvr-bounce-to-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

    .hvr-bounce-to-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        
        transition-property: all;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-left:active:before, .hvr-bounce-to-left:focus:before, .block-click:hover .hvr-bounce-to-left:before, .hvr-bounce-to-left:hover:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
        transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    }

.hvr-bounce-to-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.hvr-bounce-to-top, .hvr-radial-out {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-bounce-to-bottom:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:active:before, .hvr-bounce-to-bottom:focus:before, .block-click:hover .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}

.hvr-bounce-to-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

    .hvr-bounce-to-top:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        
        transition-property: all;
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-bounce-to-top:active:before, .hvr-bounce-to-top:focus:before,  .block-click:hover .hvr-bounce-to-top:before, .hvr-bounce-to-top:hover:before {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
        transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    }

.hvr-radial-in:before, .hvr-radial-out:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 100%;
    -webkit-transition-timing-function: ease-out;
}

.hvr-radial-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hvr-radial-in, .hvr-rectangle-in {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-radial-out:before {
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-radial-out:active:before, .hvr-radial-out:focus:before, .block-click:hover .hvr-radial-out:before, .hvr-radial-out:hover:before {
    -webkit-transform: scale(2);
    transform: scale(2);
}

.hvr-radial-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    overflow: hidden;
    background: #2098d1;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-radial-in:before {
        position: absolute;
        background: #e1e1e1;
        -webkit-transform: scale(2);
        transform: scale(2);
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

.hvr-rectangle-in:before, .hvr-rectangle-out:before {
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition-timing-function: ease-out;
}

.hvr-radial-in:active:before, .hvr-radial-in:focus:before, .block-click:hover .hvr-radial-in:before, .hvr-radial-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.hvr-rectangle-in {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hvr-rectangle-out, .hvr-shutter-in-horizontal {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-rectangle-in:before {
    position: absolute;
    -webkit-transform: scale(1);
    transform: scale(1);
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-rectangle-in:active:before, .hvr-rectangle-in:focus:before, .block-click:hover .hvr-rectangle-in:before, .hvr-rectangle-in:hover:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}

.hvr-rectangle-out {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-rectangle-out:before {
        position: absolute;
        -webkit-transform: scale(0);
        transform: scale(0);
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

.hvr-shutter-in-horizontal:before, .hvr-shutter-out-horizontal:before {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-out;
}

.hvr-rectangle-out:active:before, .hvr-rectangle-out:focus:before,  .block-click:hover .hvr-rectangle-out:before, .hvr-rectangle-out:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.hvr-shutter-in-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.hvr-shutter-in-vertical, .hvr-shutter-out-horizontal {
    -webkit-backface-visibility: hidden;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-shutter-in-horizontal:before {
    position: absolute;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:active:before, .hvr-shutter-in-horizontal:focus:before, .block-click:hover .hvr-shutter-in-horizontal:before, .hvr-shutter-in-horizontal:hover:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.hvr-shutter-out-horizontal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-shutter-out-horizontal:before {
        position: absolute;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

.hvr-shutter-in-vertical:before, .hvr-shutter-out-vertical:before {
    content: "";
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:active:before, .hvr-shutter-out-horizontal:focus:before, .block-click:hover .hvr-shutter-out-horizontal:before, .hvr-shutter-out-horizontal:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.hvr-shutter-in-vertical {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-shutter-in-vertical:before {
        position: absolute;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-vertical:active:before, .hvr-shutter-in-vertical:focus:before, .block-click:hover .hvr-shutter-in-vertical:before, .hvr-shutter-in-vertical:hover:before {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

.hvr-shutter-out-vertical {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

    .hvr-shutter-out-vertical:before {
        position: absolute;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

.hvr-ripple-out:before, .hvr-trim:before {
    content: '';
}

.hvr-border-fade, .hvr-glow {
    -webkit-transition-property: box-shadow;
}

.hvr-shutter-out-vertical:active:before, .hvr-shutter-out-vertical:focus:before, .block-click:hover .hvr-shutter-out-vertical:before, .hvr-shutter-out-vertical:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.hvr-border-fade, .hvr-hollow {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-border-fade {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent;
}

.hvr-hollow, .hvr-trim:before {
    -webkit-transition-duration: .3s;
}

.hvr-border-fade:active, .hvr-border-fade:focus, .block-click:hover .hvr-border-fade, .hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px transparent;
}

.hvr-hollow {
    transform: translateZ(0);
    backface-visibility: hidden;
    transition-duration: .3s;
    
    transition-property: all;
    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px transparent;
}

.hvr-ripple-out, .hvr-trim {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-hollow:active, .hvr-hollow:focus, .block-click:hover .hvr-hollow, .hvr-hollow:hover {
    background: 0 0;
}

.hvr-trim {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-trim:before {
        position: absolute;
        border: 4px solid #fff;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        transition-duration: .3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-trim:active:before, .hvr-trim:focus:before, .block-click:hover .hvr-trim:before, .hvr-trim:hover:before {
        opacity: 1;
    }

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

.hvr-outline-out, .hvr-ripple-in {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-ripple-out:before {
    position: absolute;
    border: 6px solid #e1e1e1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.hvr-ripple-out:active:before, .hvr-ripple-out:focus:before, .block-click:hover .hvr-ripple-out:before, .hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-outline-in:before, .hvr-ripple-in:before {
    border: 4px solid #e1e1e1;
    opacity: 0;
    content: '';
}

.hvr-ripple-in {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-ripple-in:before {
        position: absolute;
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-in:active:before, .hvr-ripple-in:focus:before,  .block-click:hover .hvr-ripple-in:before, .hvr-ripple-in:hover:before {
        -webkit-animation-name: hvr-ripple-in;
        animation-name: hvr-ripple-in;
    }

.hvr-outline-out {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-outline-in, .hvr-round-corners {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-outline-out:before {
    content: '';
    position: absolute;
    border: 4px solid #e1e1e1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    
    transition-property: all;
}

.hvr-outline-out:active:before, .hvr-outline-out:focus:before, .block-click:hover .hvr-outline-out:before, .hvr-outline-out:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
}

.hvr-outline-in {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-outline-in:before {
        pointer-events: none;
        position: absolute;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        
        transition-property: all;
    }

.hvr-underline-from-center:before, .hvr-underline-from-left:before {
    content: "";
    z-index: -1;
    height: 4px;
    -webkit-transition-timing-function: ease-out;
}

.hvr-outline-in:active:before, .hvr-outline-in:focus:before, .block-click:hover .hvr-outline-in:before, .hvr-outline-in:hover:before {
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    opacity: 1;
}

.hvr-round-corners {
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    
    transition-property: all;
}

.hvr-underline-from-center, .hvr-underline-from-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-round-corners:active, .hvr-round-corners:focus, .block-click:hover .hvr-round-corners, .hvr-round-corners:hover {
    border-radius: 1em;
}

.hvr-underline-from-left {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        position: absolute;
        left: 0;
        right: 100%;
        bottom: 0;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-left:active:before, .hvr-underline-from-left:focus:before, .block-click:hover .hvr-underline-from-left:before, .hvr-underline-from-left:hover:before {
        right: 0;
    }

.hvr-underline-from-center {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-left, .hvr-underline-from-right {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
}

.hvr-underline-from-center:before {
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-overline-from-left:before, .hvr-underline-from-right:before {
    content: "";
    z-index: -1;
    height: 4px;
    -webkit-transition-timing-function: ease-out;
}

.hvr-underline-from-center:active:before, .hvr-underline-from-center:focus:before, .block-click:hover .hvr-underline-from-center:before, .hvr-underline-from-center:hover:before {
    left: 0;
    right: 0;
}

.hvr-underline-from-right {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-underline-from-right:before {
        position: absolute;
        left: 100%;
        right: 0;
        bottom: 0;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-underline-from-right:active:before, .hvr-underline-from-right:focus:before, .block-click:hover .hvr-underline-from-right:before, .hvr-underline-from-right:hover:before {
        left: 0;
    }

.hvr-overline-from-left {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

.hvr-overline-from-center, .hvr-overline-from-right {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-overline-from-left:before {
    position: absolute;
    left: 0;
    right: 100%;
    top: 0;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-overline-from-center:before, .hvr-overline-from-right:before {
    content: "";
    z-index: -1;
    -webkit-transition-timing-function: ease-out;
    top: 0;
    height: 4px;
}

.hvr-overline-from-left:active:before, .hvr-overline-from-left:focus:before, .block-click:hover .hvr-overline-from-left:before, .hvr-overline-from-left:hover:before {
    right: 0;
}

.hvr-overline-from-center {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-center:before {
        position: absolute;
        left: 50%;
        right: 50%;
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-overline-from-center:active:before, .hvr-overline-from-center:focus:before, .block-click:hover  .hvr-overline-from-center:before, .hvr-overline-from-center:hover:before {
        left: 0;
        right: 0;
    }

.hvr-overline-from-right {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

.hvr-reveal, .hvr-underline-reveal {
    -webkit-backface-visibility: hidden;
    vertical-align: middle;
    overflow: hidden;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-overline-from-right:before {
    position: absolute;
    left: 100%;
    right: 0;
    
    transition-property: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    transition-timing-function: ease-out;
}

.hvr-reveal:before, .hvr-underline-reveal:before {
    bottom: 0;
    -webkit-transition-timing-function: ease-out;
    content: "";
    left: 0;
    z-index: -1;
    right: 0;
}

.hvr-overline-from-right:active:before, .hvr-overline-from-right:focus:before, .block-click:hover .hvr-overline-from-right:before, .hvr-overline-from-right:hover:before {
    left: 0;
}

.hvr-reveal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-reveal:before {
        position: absolute;
        top: 0;
        border-style: solid;
        border-width: 0;
        
        transition-property: all;
        -webkit-transition-duration: .1s;
        transition-duration: .1s;
        transition-timing-function: ease-out;
    }

    .hvr-reveal:active:before, .hvr-reveal:focus:before, .block-click:hover .hvr-reveal:before, .hvr-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        border-width: 4px;
    }

.hvr-underline-reveal {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-underline-reveal:before {
        position: absolute;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }

    .hvr-underline-reveal:active:before, .hvr-underline-reveal:focus:before, .block-click:hover .hvr-underline-reveal:before, .hvr-underline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.hvr-overline-reveal {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        height: 4px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-reveal:active:before, .hvr-overline-reveal:focus:before, .block-click:hover .hvr-overline-reveal:before, .hvr-overline-reveal:hover:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

.hvr-glow, .hvr-shadow {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-transition-duration: .3s;
}

.hvr-glow {
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: .3s;
    transition-property: box-shadow;
}

.hvr-box-shadow-outset, .hvr-shadow {
    -webkit-transition-property: box-shadow;
}

.hvr-glow:active, .hvr-glow:focus, .block-click:hover .hvr-glow, .hvr-glow:hover {
    box-shadow: 0 0 8px rgba(0,0,0,.6);
}

.hvr-shadow {
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: .3s;
    transition-property: box-shadow;
}

.hvr-box-shadow-outset, .hvr-grow-shadow {
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-shadow:active, .hvr-shadow:focus, .block-click:hover .hvr-shadow, .hvr-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
}

.hvr-grow-shadow {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow,transform;
    transition-property: box-shadow,transform;
}

    .hvr-grow-shadow:active, .hvr-grow-shadow:focus, .block-click:hover .hvr-grow-shadow, .hvr-grow-shadow:hover {
        box-shadow: 0 10px 10px -10px rgba(0,0,0,.5);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.hvr-box-shadow-inset, .hvr-box-shadow-outset {
    -webkit-transform: translateZ(0);
    -webkit-transition-duration: .3s;
}

.hvr-box-shadow-outset {
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    transition-duration: .3s;
    transition-property: box-shadow;
}

.hvr-box-shadow-inset, .hvr-float-shadow {
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
}

.hvr-box-shadow-outset:active, .hvr-box-shadow-outset:focus, .block-click:hover .hvr-box-shadow-outset, .hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0,0,0,.6);
}

.hvr-box-shadow-inset {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: .3s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0,0,0,.6),0 0 1px transparent;
}

.hvr-float-shadow, .hvr-shadow-radial {
    -webkit-transform: translateZ(0);
    -moz-osx-font-smoothing: grayscale;
}

.hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .block-click:hover .hvr-box-shadow-inset, .hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0,0,0,.6),0 0 1px transparent;
}

.hvr-float-shadow {
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    backface-visibility: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-bubble-top, .hvr-shadow-radial {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-float-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center,ellipse,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 80%);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
}

.hvr-bubble-top:before, .hvr-shadow-radial:after, .hvr-shadow-radial:before {
    pointer-events: none;
    content: '';
    -webkit-transition-duration: .3s;
}

.hvr-float-shadow:active, .hvr-float-shadow:focus, .block-click:hover .hvr-float-shadow, .hvr-float-shadow:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}

    .hvr-float-shadow:active:before, .hvr-float-shadow:focus:before, .block-click:hover .hvr-float-shadow:before, .hvr-float-shadow:hover:before {
        opacity: 1;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

.hvr-shadow-radial {
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-shadow-radial:after, .hvr-shadow-radial:before {
        position: absolute;
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
        height: 5px;
        opacity: 0;
        transition-duration: .3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-shadow-radial:before {
        bottom: 100%;
        background: -webkit-radial-gradient(50% 150%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
        background: radial-gradient(ellipse at 50% 150%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    }

    .hvr-shadow-radial:after {
        top: 100%;
        background: -webkit-radial-gradient(50% -50%,ellipse,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
        background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 80%);
    }

    .hvr-shadow-radial:active:after, .hvr-shadow-radial:active:before, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:focus:before, 
    .block-click:hover .hvr-shadow-radial:after, .block-click:hover .hvr-shadow-radial:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:hover:before {
        opacity: 1;
    }

.hvr-bubble-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

.hvr-bubble-bottom, .hvr-bubble-right {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-bubble-top:before {
    position: absolute;
    z-index: -1;
    border-style: solid;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
}

.hvr-bubble-bottom:before, .hvr-bubble-right:before {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
}

.hvr-bubble-left:before, .hvr-bubble-right:before {
    pointer-events: none;
    border-style: solid;
    top: calc(50% - 10px);
    z-index: -1;
    content: '';
}

.hvr-bubble-top:active:before, .hvr-bubble-top:focus:before, .block-click:hover .hvr-bubble-top:before, .hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.hvr-bubble-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

    .hvr-bubble-right:before {
        position: absolute;
        transition-duration: .3s;
        transition-property: transform;
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
    }

    .hvr-bubble-right:active:before, .hvr-bubble-right:focus:before, .block-click:hover .hvr-bubble-right:before, .hvr-bubble-right:hover:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

.hvr-bubble-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
}

.hvr-bubble-float-top, .hvr-bubble-left {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
}

.hvr-bubble-bottom:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    transition-duration: .3s;
    transition-property: transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0;
    border-color: #e1e1e1 transparent transparent;
}

.hvr-bubble-float-top, .hvr-bubble-left:before {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
}

.hvr-bubble-bottom:active:before, .hvr-bubble-bottom:focus:before, .block-click:hover .hvr-bubble-bottom:before, .hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.hvr-bubble-left {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}

    .hvr-bubble-left:before {
        position: absolute;
        transition-duration: .3s;
        transition-property: transform;
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
    }

    .hvr-bubble-left:active:before, .hvr-bubble-left:focus:before, .block-click:hover .hvr-bubble-left:before, .hvr-bubble-left:hover:before {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

.hvr-bubble-float-top {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    transition-duration: .3s;
    transition-property: transform;
}

.hvr-bubble-float-bottom, .hvr-bubble-float-right {
    -webkit-backface-visibility: hidden;
    vertical-align: middle;
    box-shadow: 0 0 1px transparent;
    -moz-osx-font-smoothing: grayscale;
}

.hvr-bubble-float-right, .hvr-bubble-float-top:before {
    -webkit-transition-duration: .3s;
    -webkit-transition-property: transform;
}

.hvr-bubble-float-top:before {
    position: absolute;
    z-index: -1;
    content: '';
    left: calc(50% - 10px);
    top: 0;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #e1e1e1;
    transition-duration: .3s;
    transition-property: transform;
}

.hvr-bubble-float-left:before, .hvr-bubble-float-right:before {
    z-index: -1;
    content: '';
    top: calc(50% - 10px);
    border-style: solid;
}

.hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .block-click:hover .hvr-bubble-float-top, .hvr-bubble-float-top:hover {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

    .hvr-bubble-float-top:active:before, .hvr-bubble-float-top:focus:before, .block-click:hover .hvr-bubble-float-top:before, .hvr-bubble-float-top:hover:before {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

.hvr-bubble-float-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    transition-duration: .3s;
    transition-property: transform;
}

    .hvr-bubble-float-bottom, .hvr-bubble-float-right:before {
        -webkit-transition-duration: .3s;
        -webkit-transition-property: transform;
    }

    .hvr-bubble-float-right:before {
        position: absolute;
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
        transition-duration: .3s;
        transition-property: transform;
    }

    .hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .block-click:hover .hvr-bubble-float-right, .hvr-bubble-float-right:hover {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

        .hvr-bubble-float-right:active:before, .hvr-bubble-float-right:focus:before, .block-click:hover .hvr-bubble-float-right:before, .hvr-bubble-float-right:hover:before {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }

.hvr-bubble-float-bottom {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    position: relative;
    transition-duration: .3s;
    transition-property: transform;
}

    .hvr-bubble-float-bottom:before, .hvr-bubble-float-left {
        -webkit-transition-duration: .3s;
        -webkit-transition-property: transform;
    }

    .hvr-bubble-float-bottom:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        bottom: 0;
        border-style: solid;
        border-width: 10px 10px 0;
        border-color: #e1e1e1 transparent transparent;
        transition-duration: .3s;
        transition-property: transform;
    }

    .hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .block-click:hover .hvr-bubble-float-bottom, .hvr-bubble-float-bottom:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

        .hvr-bubble-float-bottom:active:before, .hvr-bubble-float-bottom:focus:before, .block-click:hover .hvr-bubble-float-bottom:before, .hvr-bubble-float-bottom:hover:before {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }

.hvr-bubble-float-left {
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    transition-duration: .3s;
    transition-property: transform;
}

    .hvr-bubble-float-left:before {
        position: absolute;
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .block-click:hover .hvr-bubble-float-left, .hvr-bubble-float-left:hover {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

        .hvr-bubble-float-left:active:before, .hvr-bubble-float-left:focus:before, .block-click:hover .hvr-bubble-float-left:before, .hvr-bubble-float-left:hover:before {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }

.font-icon-s .so-icon {
    font-size: 0.8em;
}

.font-icon-m .so-icon {
    font-size: 1em;
}

.font-icon-l .so-icon {
    font-size: 1.2em;
}

.font-icon-xl .so-icon {
    font-size: 1.4em;
}

.font-icon-s .so-icon-btn-top .icon-prev {
    padding-bottom: 2px;
}

.font-icon-m .so-icon-btn-top .icon-prev {
    padding-bottom: 4px;
}

.font-icon-l .so-icon-btn-top .icon-prev {
    padding-bottom: 6px;
}

.font-icon-xl .so-icon-btn-top .icon-prev {
    padding-bottom: 8px;
}

.font-icon-s .so-icon-btn-left .icon-prev {
    padding-right: 2px;
}

.font-icon-m .so-icon-btn-left .icon-prev {
    padding-right: 4px;
}

.font-icon-l .so-icon-btn-left .icon-prev {
    padding-right: 6px;
}

.font-icon-xl .so-icon-btn-left .icon-prev {
    padding-right: 8px;
}

.font-icon-s .so-icon-btn-right .icon-next {
    padding-left: 2px;
}

.font-icon-m .so-icon-btn-right .icon-next {
    padding-left: 4px;
}

.font-icon-l .so-icon-btn-right .icon-next {
    padding-left: 6px;
}

.font-icon-xl .so-icon-btn-right .icon-next {
    padding-left: 8px;
}

.font-icon-s .so-icon-btn-bottom .icon-next {
    padding-top: 2px;
}

.font-icon-m .so-icon-btn-bottom .icon-next {
    padding-top: 4px;
}

.font-icon-l .so-icon-btn-bottom .icon-next {
    padding-top: 6px;
}

.font-icon-xl .so-icon-btn-bottom .icon-next {
    padding-top: 8px;
}

.font-icon-textless .so-icon {
    padding: 0;
}

.font-icon-textless .icon-text {
    display: none;
}

ol.ol-decimal{list-style-type:decimal}
ol.ol-lower-alpha{list-style-type:lower-alpha}
ol.ol-upper-alpha{list-style-type:upper-alpha}
ol.ol-lower-roman{list-style-type:lower-roman}
ol.ol-upper-roman{list-style-type:upper-roman}
ul.ul-circle{list-style-type:circle}
ul.ul-disc{list-style-type:disc}
ul.ul-square{list-style-type:square}