.mb0, .mtb0 {
    margin-bottom: 0 !important
}

.offcanvas li.l1 > a.dropicon {
    position: absolute;
    z-index: 0;
    padding: 10px 20px;
    border-left: 1px solid #242424;
    right: 2px;
    top: 0;
    width: 0
}

.offcanvas li.l1 > a:not(.dropicon)::after {
    display: none
}

.offcanvas li.l1.uk-parent > a:not(.dropicon) {
    margin-right: 42px
}

.offcanvas ul.l3 {
    border-top: 0;
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .05);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .05);
    border-left: 1px solid rgba(0, 0, 0, .3)
}

.lib-dib {
    display: inline-block
}

.lib-db {
    display: block
}

.lib-di {
    display: inline
}

.lib-ha {
    height: auto
}

.lib-fl-none {
    float: none
}

.lib-italic {
    font-style: italic
}

.lib-uppercase {
    text-transform: uppercase
}

.lib-capitalize {
    text-transform: capitalize
}

.lib-grid-5 {
    margin-left: -5px
}

.lib-grid-5 > * {
    padding-left: 5px
}

.lib-grid-15 {
    margin-left: -15px
}

.lib-grid-15 > * {
    padding-left: 15px
}

.lib-grid-20 {
    margin-left: -20px
}

.lib-grid-20 > * {
    padding-left: 20px
}

.lib-grid-30 {
    margin-left: -30px
}

.lib-grid-30 > * {
    padding-left: 30px
}

.lib-grid-35 {
    margin-left: -35px
}

.lib-grid-35 > * {
    padding-left: 35px
}

.lib-grid-40 {
    margin-left: -40px
}

.lib-grid-40 > * {
    padding-left: 40px
}

.lib-grid-45 {
    margin-left: -45px
}

.lib-grid-45 > * {
    padding-left: 45px
}

.lib-grid-50 {
    margin-left: -50px
}

.lib-grid-50 > * {
    padding-left: 50px
}

.m0 {
    margin: 0 !important
}

.ml0, .mlr0 {
    margin-left: 0
}

.mlr0, .mr0 {
    margin-right: 0
}

.mt0 {
    margin-top: 0
}

.ml5, .mlr5 {
    margin-left: 5px
}

.mlr5, .mr5 {
    margin-right: 5px
}

.mtb0 {
    margin-top: 0 !important
}

.mt5, .mtb5 {
    margin-top: 5px
}

.m5 {
    margin: 5px
}

.mb5 {
    margin-bottom: 5px !important
}

.ml10, .mlr10 {
    margin-left: 10px
}

.mlr10, .mr10 {
    margin-right: 10px
}

.mtb5 {
    margin-bottom: 5px
}

.mt10, .mtb10 {
    margin-top: 10px
}

.m10 {
    margin: 10px
}

.mb10 {
    margin-bottom: 10px !important
}

.ml15, .mlr15 {
    margin-left: 15px
}

.mlr15, .mr15 {
    margin-right: 15px
}

.mtb10 {
    margin-bottom: 10px
}

.mt15, .mtb15 {
    margin-top: 15px
}

.m15 {
    margin: 15px
}

.mb15 {
    margin-bottom: 15px !important
}

.ml20, .mlr20 {
    margin-left: 20px
}

.mlr20, .mr20 {
    margin-right: 20px
}

.mtb15 {
    margin-bottom: 15px
}

.mt20, .mtb20 {
    margin-top: 20px
}

.m20 {
    margin: 20px
}

.mb20 {
    margin-bottom: 20px !important
}

.ml25, .mlr25 {
    margin-left: 25px
}

.mlr25, .mr25 {
    margin-right: 25px
}

.mtb20 {
    margin-bottom: 20px
}

.mt25, .mtb25 {
    margin-top: 25px
}

.m25 {
    margin: 25px
}

.mb25 {
    margin-bottom: 25px !important
}

.ml30, .mlr30 {
    margin-left: 30px
}

.mlr30, .mr30 {
    margin-right: 30px
}

.mtb25 {
    margin-bottom: 25px
}

.mt30, .mtb30 {
    margin-top: 30px
}

.m30 {
    margin: 30px
}

.mb30 {
    margin-bottom: 30px !important
}

.ml35, .mlr35 {
    margin-left: 35px
}

.mlr35, .mr35 {
    margin-right: 35px
}

.mtb30 {
    margin-bottom: 30px
}

.mt35, .mtb35 {
    margin-top: 35px
}

.m35 {
    margin: 35px
}

.mb35 {
    margin-bottom: 35px !important
}

.ml40, .mlr40 {
    margin-left: 40px
}

.mlr40, .mr40 {
    margin-right: 40px
}

.mtb35 {
    margin-bottom: 35px
}

.mt40, .mtb40 {
    margin-top: 40px
}

.m40 {
    margin: 40px
}

.mb40 {
    margin-bottom: 40px !important
}

.ml45, .mlr45 {
    margin-left: 45px
}

.mlr45, .mr45 {
    margin-right: 45px
}

.mtb40 {
    margin-bottom: 40px
}

.mt45, .mtb45 {
    margin-top: 45px
}

.m45 {
    margin: 45px
}

.mb45 {
    margin-bottom: 45px !important
}

.ml50, .mlr50 {
    margin-left: 50px
}

.mlr50, .mr50 {
    margin-right: 50px
}

.mtb45 {
    margin-bottom: 45px
}

.mt50, .mtb50 {
    margin-top: 50px
}

.m50 {
    margin: 50px
}

.mb50 {
    margin-bottom: 50px !important
}

.mtb50 {
    margin-bottom: 50
}

@media (min-width: 1220px) {
    .lib-visible-xlarge {
        display: block;
        visibility: visible
    }

    .lib-hidden-xlarge {
        display: none;
        visibility: hidden
    }
}

@media (max-width: 1220px) {
    .lib-visible-xlarge {
        display: none;
        visibility: hidden
    }

    .lib-hidden-xlarge {
        display: block;
        visibility: visible
    }

    .col-1220 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 960px) {
    .col-960 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 768px) {
    .col-768 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 567px) {
    .col-567 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 479px) {
    .col-479 {
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 1220px) {
    .col-reverse-1220 {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 960px) {
    .col-reverse-960 {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 768px) {
    .col-reverse-768 {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 567px) {
    .col-reverse-567 {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 479px) {
    .col-reverse-479 {
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -o-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

[class*=lib-line] {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.lib-line-1 {
    -webkit-line-clamp: 1
}

.lib-line-2 {
    -webkit-line-clamp: 2
}

.lib-line-3 {
    -webkit-line-clamp: 3
}

.lib-line-4 {
    -webkit-line-clamp: 4
}

.lib-line-5 {
    -webkit-line-clamp: 5
}

.lib-line-6 {
    -webkit-line-clamp: 6
}

.lib-line-7 {
    -webkit-line-clamp: 7
}

.lib-line-8 {
    -webkit-line-clamp: 8
}

.lib-line-9 {
    -webkit-line-clamp: 9
}

.lib-line-10 {
    -webkit-line-clamp: 10
}

.img-responsive {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.img-responsive img {
    display: block;
    width: 100%;
    height: auto
}

.img-cover, .img-cover img, .img-fit-fill {
    width: 100%;
    height: 100%;
    display: block
}

.img-fit {
    position: relative;
    display: block;
    text-align: center
}

.img-fit > img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-cover img {
    object-fit: cover
}

.img-fit-fill img {
    display: block;
    width: inherit;
    height: inherit;
    object-fit: fill
}

.img-contain, .img-contain img, .img-scaledown, .img-scaledown img {
    width: 100%;
    height: 100%;
    display: block
}

.img-contain img {
    object-fit: contain
}

.img-scaledown img {
    object-fit: scale-down
}

.moblie-menu-btn {
    position: absolute;
    width: 25px;
    height: 30px;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.moblie-menu-btn > * {
    display: block;
    position: relative;
    width: 23px;
    height: 3px;
    top: 14px;
    background: #40bc76;
    text-indent: -99999px
}

.moblie-menu-btn > :after, .moblie-menu-btn > :before {
    content: '';
    display: block;
    position: absolute;
    height: 3px;
    width: 23px;
    left: 0;
    background: #40bc76;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.moblie-menu-btn > :before {
    top: -7px
}

.moblie-menu-btn > :after {
    bottom: -7px
}

.uk-offcanvas-page .moblie-menu-btn.skin-1 > :before {
    width: 13px;
    -webkit-transform: rotate(315deg) translate(-4px, 0);
    -moz-transform: rotate(315deg) translate(-4px, 0);
    -o-transform: rotate(315deg) translate(-4px, 0);
    -ms-transform: rotate(315deg) translate(-4px, 0);
    transform: rotate(315deg) translate(-4px, 0)
}

.uk-offcanvas-page .moblie-menu-btn.skin-1 > :after {
    width: 13px;
    -webkit-transform: rotate(-315deg) translate(-4px, 0);
    -moz-transform: rotate(-315deg) translate(-4px, 0);
    -o-transform: rotate(-315deg) translate(-4px, 0);
    -ms-transform: rotate(-315deg) translate(-4px, 0);
    transform: rotate(-315deg) translate(-4px, 0)
}

.button-scaleX:before, .img-effect1:after, .img-effect1:before {
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.button-scaleX {
    display: inline-block;
    position: relative;
    padding: 12px 20px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    background: #0a5495;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear
}

.button-scaleX:before, .img-effect1 {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear
}

.button-scaleX:before {
    display: block;
    position: absolute;
    z-index: 10;
    background: #0a5495;
    -moz-border-radius: 25px;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    transition: all .4s linear;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.button-scaleX > * {
    position: relative;
    z-index: 20
}

.button-scaleX:hover {
    background: 0 0
}

.button-scaleX:hover:before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.img-effect1 {
    position: relative;
    overflow: hidden;
    transition: all .4s linear
}

.img-effect1:after, .img-effect1:before {
    display: block;
    position: absolute;
    box-shadow: 75px 0 0 rgba(255, 255, 255, .01) inset, 0 75px 0 rgba(255, 255, 255, .01) inset, -75px 0 0 rgba(255, 255, 255, .01) inset, 0 -75px 0 rgba(255, 255, 255, .01) inset;
    -webkit-box-shadow: 75px 0 0 rgba(255, 255, 255, .01) inset, 0 75px 0 rgba(255, 255, 255, .01) inset, -75px 0 0 rgba(255, 255, 255, .01) inset, 0 -75px 0 rgba(255, 255, 255, .01) inset;
    -moz-box-shadow: 75px 0 0 rgba(255, 255, 255, .01) inset, 0 75px 0 rgba(255, 255, 255, .01) inset, -75px 0 0 rgba(255, 255, 255, .01) inset, 0 -75px 0 rgba(255, 255, 255, .01) inset;
    -ms-box-shadow: 75px 0 0 rgba(255, 255, 255, .01) inset, 0 75px 0 rgba(255, 255, 255, .01) inset, -75px 0 0 rgba(255, 255, 255, .01) inset, 0 -75px 0 rgba(255, 255, 255, .01) inset;
    -o-box-shadow: 75px 0 0 rgba(255, 255, 255, .01) inset, 0 75px 0 rgba(255, 255, 255, .01) inset, -75px 0 0 rgba(255, 255, 255, .01) inset, 0 -75px 0 rgba(255, 255, 255, .01) inset;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -ms-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear
}

.img-circle:before, .img-paper-roll:before, .img-shine:before {
    content: '';
    display: block
}

.img-effect1:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.img-effect1:hover:after, .img-effect1:hover:before {
    box-shadow: 5px 0 0 rgba(255, 0, 0, .5) inset, 0 5px 0 rgba(252, 150, 0, .5) inset, -5px 0 0 rgba(0, 255, 0, .5) inset, 0 -5px 0 rgba(0, 150, 255, .5) inset;
    -webkit-box-shadow: 5px 0 0 rgba(255, 0, 0, .5) inset, 0 5px 0 rgba(252, 150, 0, .5) inset, -5px 0 0 rgba(0, 255, 0, .5) inset, 0 -5px 0 rgba(0, 150, 255, .5) inset;
    -moz-box-shadow: 5px 0 0 rgba(255, 0, 0, .5) inset, 0 5px 0 rgba(252, 150, 0, .5) inset, -5px 0 0 rgba(0, 255, 0, .5) inset, 0 -5px 0 rgba(0, 150, 255, .5) inset;
    -ms-box-shadow: 5px 0 0 rgba(255, 0, 0, .5) inset, 0 5px 0 rgba(252, 150, 0, .5) inset, -5px 0 0 rgba(0, 255, 0, .5) inset, 0 -5px 0 rgba(0, 150, 255, .5) inset;
    -o-box-shadow: 5px 0 0 rgba(255, 0, 0, .5) inset, 0 5px 0 rgba(252, 150, 0, .5) inset, -5px 0 0 rgba(0, 255, 0, .5) inset, 0 -5px 0 rgba(0, 150, 255, .5) inset
}

.img-effect1:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.img-paper-roll {
    position: relative
}

.img-paper-roll:before {
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    right: 0;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    -o-transition-duration: .4s;
    -ms-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: width, height;
    -moz-transition-property: width, height;
    -ms-transition-property: width, height;
    -o-transition-property: width, height;
    transition-property: width, height;
    z-index: 100
}

.img-paper-roll:hover:before {
    width: 25px;
    height: 25px
}

.img-flash, .img-shine {
    position: relative;
    overflow: hidden
}

.img-circle, .img-flash, .img-shine, .img-slide, .img-zoomin, .img-zoomout {
    overflow: hidden
}

.img-flash:hover > * {
    opacity: 1;
    -webkit-animation: imgFlash 1.5s;
    -o-animation: imgFlash 1.5s;
    animation: imgFlash 1.5s
}

@-webkit-keyframes imgFlash {
    0% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes imgFlash {
    0% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

@keyframes imgFlash {
    0% {
        opacity: .6
    }
    100% {
        opacity: 1
    }
}

.img-shine:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 100;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .5) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.img-shine:hover:before {
    -webkit-animation: imgShine .75s ease-in-out;
    -o-animation: imgShine .75s ease-in-out;
    animation: imgShine .75s ease-in-out
}

@-webkit-keyframes imgShine {
    100% {
        left: 125%
    }
}

@-moz-keyframes imgShine {
    100% {
        left: 125%
    }
}

@keyframes imgShine {
    100% {
        left: 125%
    }
}

.img-circle {
    position: relative
}

.img-circle:before {
    position: absolute;
    width: 0;
    height: 0;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: 10;
    opacity: 0;
    background: rgba(255, 255, 255, .3);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.img-slide, .img-slide > *, .img-zoomin, .img-zoomin > *, .img-zoomout, .img-zoomout > *, [class*=img-caption] {
    position: relative
}

.img-circle:hover:before {
    -webkit-animation: circle .75s infinite;
    animation: circle .75s infinite
}

@-webkit-keyframes circle {
    0%, 40% {
        opacity: 1
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-moz-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
    }
}

.img-zoomin > * {
    -webkit-transition: transform .4s ease-in-out;
    -o-transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out
}

.img-slide > *, [class*=img-push] .image {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.img-zoomin:hover > * {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.img-slide > * {
    left: 0;
    transition: all .4s ease-in-out
}

.img-slide:hover > * {
    left: -10px
}

[class*=img-caption] > .info, [class*=img-push] .info {
    display: block;
    z-index: 100;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 1)
}

.img-zoomout > * {
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.img-zoomout:hover > * {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

[class*=img-caption] {
    display: block;
    overflow: hidden
}

[class*=img-caption] .image {
    display: block;
    position: relative;
    font-size: 0;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out
}

[class*=img-caption] > .info {
    position: absolute;
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    backface-visibility: hidden
}

.img-caption-bottom > .info {
    visibility: hidden;
    opacity: 0;
    top: initial;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    backface-visibility: hidden
}

.img-caption-bottom:hover > .info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.img-caption-bottom:hover > .image {
    -webkit-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px)
}

.img-caption-top > .info {
    opacity: 0;
    top: 0;
    bottom: initial;
    -webkit-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.img-caption-top:hover > .info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.img-caption-top:hover > .image {
    -webkit-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px)
}

[class*=img-push] {
    display: block;
    overflow: hidden;
    position: relative
}

[class*=img-push] .image {
    display: block;
    position: relative;
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    transition: all .4s ease-in-out
}

[class*=img-push] .info {
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.img-push-up .info {
    -webkit-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.img-push-down .info, .img-push-up:hover .image {
    -webkit-transform: translate(0, -100%);
    -o-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.img-push-down:hover .image {
    -webkit-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.img-push-left .info {
    -webkit-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

.img-push-left:hover .image, .img-push-right .info {
    -webkit-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    transform: translate(-100%, 0)
}

.img-push-right:hover .image {
    -webkit-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0)
}

[class*=img-push]:hover .info {
    -webkit-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

@-moz-keyframes hotline-shake {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg)
    }
    100%, 50% {
        -moz-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes hotline-shake {
    0%, 100%, 50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-o-keyframes hotline-shake {
    0%, 100%, 50% {
        -o-transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@keyframes hotline-shake {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

@-moz-keyframes btn-blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@-webkit-keyframes btn-blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

@keyframes btn-blink {
    0%, 100% {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}