@-webkit-keyframes animScaleUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0) scale3d(0, 0, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1)
    }
}

@keyframes animScaleUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0) scale3d(0, 0, 1);
        transform: translate3d(0, -50%, 0) scale3d(0, 0, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -50%, 0) scale3d(1, 1, 1);
        transform: translate3d(0, -50%, 0) scale3d(1, 1, 1)
    }
}

@-webkit-keyframes animSlideTop {
    0% {
        -webkit-transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes animSlideTop {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animLoad {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0, .3, 1)
    }
    33% {
        opacity: 1;
        -webkit-transform: scale3d(.5, .3, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(.6, .3, 1)
    }
    80%,
    85% {
        opacity: 1;
        -webkit-transform: scale3d(1, .3, 1);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes animLoad {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(0, .3, 1);
        transform: scale3d(0, .3, 1)
    }
    33% {
        opacity: 1;
        -webkit-transform: scale3d(.5, .3, 1);
        transform: scale3d(.5, .3, 1)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale3d(.6, .3, 1);
        transform: scale3d(.6, .3, 1)
    }
    80%,
    85% {
        opacity: 1;
        -webkit-transform: scale3d(1, .3, 1);
        transform: scale3d(1, .3, 1);
        -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
        animation-timing-function: cubic-bezier(.7, 0, .3, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes animFadeMove {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes animFadeMove {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animFlipFront {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg)
    }
    to {
        -webkit-transform: perspective(1000px)
    }
}

@keyframes animFlipFront {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, -90deg)
    }
    to {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@-webkit-keyframes animFlipBack {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg)
    }
    to {
        -webkit-transform: perspective(1000px)
    }
}

@keyframes animFlipBack {
    0% {
        -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(1000px) rotate3d(1, 0, 0, 90deg)
    }
    to {
        -webkit-transform: perspective(1000px);
        transform: perspective(1000px)
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out
    }
    to {
        -webkit-transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px)
    }
}

@keyframes flipInXSimple {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes animSlideElastic {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1)
    }
    1.666667% {
        -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
        transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1)
    }
    3.333333% {
        -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
        transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1)
    }
    5% {
        -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
        transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1)
    }
    6.666667% {
        -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
        transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
        transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1)
    }
    10% {
        -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
        transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1)
    }
    11.666667% {
        -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
        transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1)
    }
    13.333333% {
        -webkit-transform: matrix3d(.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
        transform: matrix3d(.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1)
    }
    15% {
        -webkit-transform: matrix3d(.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
        transform: matrix3d(.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
        transform: matrix3d(.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1)
    }
    18.333333% {
        -webkit-transform: matrix3d(.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
        transform: matrix3d(.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1)
    }
    20% {
        -webkit-transform: matrix3d(.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
        transform: matrix3d(.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1)
    }
    21.666667% {
        -webkit-transform: matrix3d(.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
        transform: matrix3d(.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1)
    }
    23.333333% {
        -webkit-transform: matrix3d(.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
        transform: matrix3d(.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1)
    }
    26.666667% {
        -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
        transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1)
    }
    28.333333% {
        -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
        transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1)
    }
    30% {
        -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
        transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1)
    }
    31.666667% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
        transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1)
    }
    35% {
        -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .86364, 0, 0, 1);
        transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .86364, 0, 0, 1)
    }
    36.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .22079, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .22079, 0, 0, 1)
    }
    38.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16687, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16687, 0, 0, 1)
    }
    40% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.37284, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.37284, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.45594, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.45594, 0, 0, 1)
    }
    43.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.46116, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.46116, 0, 0, 1)
    }
    45% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.4214, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.4214, 0, 0, 1)
    }
    46.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.35963, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.35963, 0, 0, 1)
    }
    48.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.29103, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.29103, 0, 0, 1)
    }
    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.22487, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.22487, 0, 0, 1)
    }
    51.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16624, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16624, 0, 0, 1)
    }
    53.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.11734, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.11734, 0, 0, 1)
    }
    55% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.07854, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.07854, 0, 0, 1)
    }
    56.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.04909, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.04909, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.02773, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.02773, 0, 0, 1)
    }
    60% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.01295, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.01295, 0, 0, 1)
    }
    61.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00331, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00331, 0, 0, 1)
    }
    63.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .0025, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .0025, 0, 0, 1)
    }
    65% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00559, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00559, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00684, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00684, 0, 0, 1)
    }
    68.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00692, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00692, 0, 0, 1)
    }
    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00632, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00632, 0, 0, 1)
    }
    71.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00539, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00539, 0, 0, 1)
    }
    73.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00436, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00436, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00337, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00337, 0, 0, 1)
    }
    76.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00249, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00249, 0, 0, 1)
    }
    78.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00176, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00176, 0, 0, 1)
    }
    80% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00118, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00118, 0, 0, 1)
    }
    81.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00074, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00074, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00042, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00042, 0, 0, 1)
    }
    85% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00019, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00019, 0, 0, 1)
    }
    86.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00005, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00005, 0, 0, 1)
    }
    88.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00004, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00004, 0, 0, 1)
    }
    90%,
    96.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00008, 0, 0, 1)
    }
    91.666667%,
    93.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.0001, 0, 0, 1)
    }
    95% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00009, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00009, 0, 0, 1)
    }
    98.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00007, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00007, 0, 0, 1)
    }
    to {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes animSlideElastic {
    0% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1000, 0, 0, 1)
    }
    1.666667% {
        -webkit-transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1);
        transform: matrix3d(1.92933, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -739.26805, 0, 0, 1)
    }
    3.333333% {
        -webkit-transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1);
        transform: matrix3d(1.96989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -521.82545, 0, 0, 1)
    }
    5% {
        -webkit-transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1);
        transform: matrix3d(1.70901, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -349.26115, 0, 0, 1)
    }
    6.666667% {
        -webkit-transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1);
        transform: matrix3d(1.4235, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.3238, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1);
        transform: matrix3d(1.21065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -123.29848, 0, 0, 1)
    }
    10% {
        -webkit-transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1);
        transform: matrix3d(1.08167, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -57.59273, 0, 0, 1)
    }
    11.666667% {
        -webkit-transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1);
        transform: matrix3d(1.0165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -14.72371, 0, 0, 1)
    }
    13.333333% {
        -webkit-transform: matrix3d(.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1);
        transform: matrix3d(.99057, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.12794, 0, 0, 1)
    }
    15% {
        -webkit-transform: matrix3d(.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1);
        transform: matrix3d(.98478, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 24.86339, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1);
        transform: matrix3d(.98719, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.40503, 0, 0, 1)
    }
    18.333333% {
        -webkit-transform: matrix3d(.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1);
        transform: matrix3d(.9916, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 30.75275, 0, 0, 1)
    }
    20% {
        -webkit-transform: matrix3d(.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1);
        transform: matrix3d(.99541, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 28.10141, 0, 0, 1)
    }
    21.666667% {
        -webkit-transform: matrix3d(.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1);
        transform: matrix3d(.99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 23.98271, 0, 0, 1)
    }
    23.333333% {
        -webkit-transform: matrix3d(.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1);
        transform: matrix3d(.99936, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 19.40752, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 14.99558, 0, 0, 1)
    }
    26.666667% {
        -webkit-transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1);
        transform: matrix3d(1.00021, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 11.08575, 0, 0, 1)
    }
    28.333333% {
        -webkit-transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1);
        transform: matrix3d(1.00022, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 7.82507, 0, 0, 1)
    }
    30% {
        -webkit-transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1);
        transform: matrix3d(1.00016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 5.23737, 0, 0, 1)
    }
    31.666667% {
        -webkit-transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1);
        transform: matrix3d(1.0001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 3.27389, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1);
        transform: matrix3d(1.00005, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 1.84893, 0, 0, 1)
    }
    35% {
        -webkit-transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .86364, 0, 0, 1);
        transform: matrix3d(1.00002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .86364, 0, 0, 1)
    }
    36.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .22079, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .22079, 0, 0, 1)
    }
    38.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16687, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16687, 0, 0, 1)
    }
    40% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.37284, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.37284, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.45594, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.45594, 0, 0, 1)
    }
    43.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.46116, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.46116, 0, 0, 1)
    }
    45% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.4214, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.4214, 0, 0, 1)
    }
    46.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.35963, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.35963, 0, 0, 1)
    }
    48.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.29103, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.29103, 0, 0, 1)
    }
    50% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.22487, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.22487, 0, 0, 1)
    }
    51.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16624, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.16624, 0, 0, 1)
    }
    53.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.11734, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.11734, 0, 0, 1)
    }
    55% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.07854, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.07854, 0, 0, 1)
    }
    56.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.04909, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.04909, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.02773, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.02773, 0, 0, 1)
    }
    60% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.01295, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.01295, 0, 0, 1)
    }
    61.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00331, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00331, 0, 0, 1)
    }
    63.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .0025, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .0025, 0, 0, 1)
    }
    65% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00559, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00559, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00684, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00684, 0, 0, 1)
    }
    68.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00692, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00692, 0, 0, 1)
    }
    70% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00632, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00632, 0, 0, 1)
    }
    71.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00539, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00539, 0, 0, 1)
    }
    73.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00436, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00436, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00337, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00337, 0, 0, 1)
    }
    76.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00249, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00249, 0, 0, 1)
    }
    78.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00176, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00176, 0, 0, 1)
    }
    80% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00118, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00118, 0, 0, 1)
    }
    81.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00074, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00074, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00042, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00042, 0, 0, 1)
    }
    85% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00019, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00019, 0, 0, 1)
    }
    86.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00005, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, .00005, 0, 0, 1)
    }
    88.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00004, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00004, 0, 0, 1)
    }
    90%,
    96.666667% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00008, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00008, 0, 0, 1)
    }
    91.666667%,
    93.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.0001, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.0001, 0, 0, 1)
    }
    95% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00009, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00009, 0, 0, 1)
    }
    98.333333% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00007, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -.00007, 0, 0, 1)
    }
    to {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@-webkit-keyframes animGenie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1);
        -webkit-animation-timing-function: ease-in
    }
    40% {
        opacity: .5;
        -webkit-transform: translate3d(0, 0, 0) scale3d(.02, 1.1, 1);
        -webkit-animation-timing-function: ease-out
    }
    70% {
        opacity: .6;
        -webkit-transform: translate3d(0, -40px, 0) scale3d(.8, 1.1, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

@keyframes animGenie {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1);
        -webkit-animation-timing-function: ease-in;
        transform: translate3d(0, calc(200% + 30px), 0) scale3d(0, 1, 1);
        animation-timing-function: ease-in
    }
    40% {
        opacity: .5;
        -webkit-transform: translate3d(0, 0, 0) scale3d(.02, 1.1, 1);
        -webkit-animation-timing-function: ease-out;
        transform: translate3d(0, 0, 0) scale3d(.02, 1.1, 1);
        animation-timing-function: ease-out
    }
    70% {
        opacity: .6;
        -webkit-transform: translate3d(0, -40px, 0) scale3d(.8, 1.1, 1);
        transform: translate3d(0, -40px, 0) scale3d(.8, 1.1, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
    }
}

@-webkit-keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1)
    }
}

@keyframes animScale {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.4, .4, 1);
        transform: scale3d(.4, .4, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes animDash {
    0% {
        opacity: 1;
        stroke-dashoffset: 204
    }
    33% {
        stroke-dashoffset: 160
    }
    50% {
        stroke-dashoffset: 150
    }
    85% {
        stroke-dashoffset: 30
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0
    }
}

@keyframes animDash {
    0% {
        opacity: 1;
        stroke-dashoffset: 204
    }
    33% {
        stroke-dashoffset: 160
    }
    50% {
        stroke-dashoffset: 150
    }
    85% {
        stroke-dashoffset: 30
    }
    to {
        opacity: 1;
        stroke-dashoffset: 0
    }
}

@-webkit-keyframes animResize {
    0% {
        opacity: 1;
        width: 70px;
        background: 0 0
    }
    to {
        opacity: 1;
        width: 250px;
        background: #fff
    }
}

@keyframes animResize {
    0% {
        opacity: 1;
        width: 70px;
        background: 0 0
    }
    to {
        opacity: 1;
        width: 250px;
        background: #fff
    }
}

@-webkit-keyframes animFade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes animFade {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes animSpin {
    0% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
        width: 70px;
        height: 70px
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    to {
        -webkit-transform: perspective(120px);
        width: 70px;
        height: 70px
    }
}

@keyframes animSpin {
    0% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
        transform: perspective(120px) rotateY(181deg) rotateX(181deg);
        width: 70px;
        height: 70px
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg);
        transform: perspective(120px) rotateY(181deg)
    }
    to {
        -webkit-transform: perspective(120px);
        transform: perspective(120px);
        width: 70px;
        height: 70px
    }
}

@-webkit-keyframes animExpand {
    0% {
        width: 70px;
        height: 70px
    }
    to {
        width: 250px;
        height: 90px
    }
}

@keyframes animExpand {
    0% {
        width: 70px;
        height: 70px
    }
    to {
        width: 250px;
        height: 90px
    }
}

@-webkit-keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes animSlide {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes animJelly {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.083333% {
        -webkit-transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.166667% {
        -webkit-transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.25% {
        -webkit-transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.416667% {
        opacity: 1;
        -webkit-transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    39.583333% {
        -webkit-transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    43.75% {
        -webkit-transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    45.833333% {
        -webkit-transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    47.916667% {
        -webkit-transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    50% {
        -webkit-transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.083333% {
        -webkit-transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    54.166667% {
        -webkit-transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    56.25% {
        -webkit-transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    60.416667% {
        -webkit-transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    89.583333% {
        -webkit-transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    91.666667% {
        -webkit-transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    93.75% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    95.833333% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    97.916667% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    to {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@keyframes animJelly {
    0% {
        opacity: 0;
        -webkit-transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.7, 0, 0, 0, 0, .7, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    2.083333% {
        -webkit-transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.75266, 0, 0, 0, 0, .76342, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    4.166667% {
        -webkit-transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.81071, 0, 0, 0, 0, .84545, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    6.25% {
        -webkit-transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.86808, 0, 0, 0, 0, .9286, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    8.333333% {
        -webkit-transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.92038, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    10.416667% {
        opacity: 1;
        -webkit-transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.96482, 0, 0, 0, 0, 1.05202, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    12.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.08204, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    14.583333% {
        -webkit-transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02563, 0, 0, 0, 0, 1.09149, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    16.666667% {
        -webkit-transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04227, 0, 0, 0, 0, 1.08453, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    18.75% {
        -webkit-transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05102, 0, 0, 0, 0, 1.06666, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    20.833333% {
        -webkit-transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05334, 0, 0, 0, 0, 1.04355, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    22.916667% {
        -webkit-transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.05078, 0, 0, 0, 0, 1.02012, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    25% {
        -webkit-transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.04487, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    27.083333% {
        -webkit-transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.03699, 0, 0, 0, 0, .98534, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    29.166667% {
        -webkit-transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.02831, 0, 0, 0, 0, .97688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    31.25% {
        -webkit-transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01973, 0, 0, 0, 0, .97422, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    33.333333% {
        -webkit-transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.01191, 0, 0, 0, 0, .97618, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    35.416667% {
        -webkit-transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00526, 0, 0, 0, 0, .98122, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    37.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .98773, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    39.583333% {
        -webkit-transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99617, 0, 0, 0, 0, .99433, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    41.666667% {
        -webkit-transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99368, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    43.75% {
        -webkit-transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99237, 0, 0, 0, 0, 1.00413, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    45.833333% {
        -webkit-transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99202, 0, 0, 0, 0, 1.00651, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    47.916667% {
        -webkit-transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99241, 0, 0, 0, 0, 1.00726, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    50% {
        -webkit-transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99329, 0, 0, 0, 0, 1.00671, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    52.083333% {
        -webkit-transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99447, 0, 0, 0, 0, 1.00529, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    54.166667% {
        -webkit-transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99577, 0, 0, 0, 0, 1.00346, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    56.25% {
        -webkit-transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99705, 0, 0, 0, 0, 1.0016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    58.333333% {
        -webkit-transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99822, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    60.416667% {
        -webkit-transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99921, 0, 0, 0, 0, .99884, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    62.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, .99816, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    64.583333% {
        -webkit-transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00057, 0, 0, 0, 0, .99795, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    66.666667% {
        -webkit-transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00095, 0, 0, 0, 0, .99811, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    68.75% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99851, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    70.833333% {
        -webkit-transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00119, 0, 0, 0, 0, .99903, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    72.916667% {
        -webkit-transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00114, 0, 0, 0, 0, .99955, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    75% {
        -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    77.083333% {
        -webkit-transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00083, 0, 0, 0, 0, 1.00033, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    79.166667% {
        -webkit-transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00063, 0, 0, 0, 0, 1.00052, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    81.25% {
        -webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    83.333333% {
        -webkit-transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00027, 0, 0, 0, 0, 1.00053, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    85.416667% {
        -webkit-transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1.00012, 0, 0, 0, 0, 1.00042, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    87.5% {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1.00027, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    89.583333% {
        -webkit-transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99991, 0, 0, 0, 0, 1.00013, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    91.666667% {
        -webkit-transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    93.75% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    95.833333% {
        -webkit-transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99982, 0, 0, 0, 0, .99985, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    97.916667% {
        -webkit-transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(.99983, 0, 0, 0, 0, .99984, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
    to {
        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1)
    }
}

@-webkit-keyframes VEACButtonFadeOutText {
    0%,
    80% {
        color: transparent
    }
    to {
        color: #fff
    }
}

@keyframes VEACButtonFadeOutText {
    0%,
    80% {
        color: transparent
    }
    to {
        color: #fff
    }
}

@-webkit-keyframes VEACButtonMoveToRight {
    80% {
        -webkit-transform: translateX(250%)
    }
    81% {
        opacity: 1;
        -webkit-transform: translateX(250%)
    }
    82% {
        opacity: 0;
        -webkit-transform: translateX(250%)
    }
    83% {
        opacity: 0;
        -webkit-transform: translateX(-50%)
    }
    84% {
        opacity: 1;
        -webkit-transform: translateX(-50%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

@keyframes VEACButtonMoveToRight {
    80% {
        -webkit-transform: translateX(250%);
        transform: translateX(250%)
    }
    81% {
        opacity: 1;
        -webkit-transform: translateX(250%);
        transform: translateX(250%)
    }
    82% {
        pacity: 1;
        -webkit-transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-webkit-keyframes VEACButtonDropDownFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes VEACButtonDropDownFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@-webkit-keyframes VEACButtonFillToRight {
    to {
        width: 100%
    }
}

@keyframes VEACButtonFillToRight {
    to {
        width: 100%
    }
}

@-webkit-keyframes VEACButtonEmptyBottom {
    to {
        height: 100%
    }
}

@keyframes VEACButtonEmptyBottom {
    to {
        height: 100%
    }
}

@-webkit-keyframes VEACButtonScaleFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@keyframes VEACButtonScaleFade {
    50% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    to {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@-webkit-keyframes VEACButtonDropDown {
    to {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}

@keyframes VEACButtonDropDown {
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-1 {
    60% {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1)
    }
    85% {
        -webkit-transform: scale3d(1.1, 1.1, 1);
        transform: scale3d(1.1, 1.1, 1)
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes anim-moema-2 {
    to {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes anim-naira-1 {
    50% {
        -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes anim-naira-1 {
    50% {
        -webkit-transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes anim-naira-2 {
    50% {
        -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
    }
}

@keyframes anim-naira-2 {
    50% {
        -webkit-transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        transform: translate3d(0, 50%, 0) rotate3d(0, 0, 1, 10deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg);
        transform: translate3d(0, 0%, 0) rotate3d(0, 0, 1, 0deg)
    }
}

@-webkit-keyframes anim-nanuk-1 {
    0%,
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: inherit
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: #fff
    }
    to {
        color: #fff
    }
}

@keyframes anim-nanuk-1 {
    0%,
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: inherit
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: #fff
    }
    to {
        color: #fff
    }
}

@-webkit-keyframes anim-nanuk-2 {
    0%,
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: inherit
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: #fff
    }
    to {
        color: #fff
    }
}

@keyframes anim-nanuk-2 {
    0%,
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    49% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        color: inherit
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        color: #fff
    }
    to {
        color: #fff
    }
}

@-webkit-keyframes GridSwipeRight {
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

@keyframes GridSwipeRight {
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes GridSwipeDown {
    50%,
    60% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0)
    }
}

@keyframes GridSwipeDown {
    50%,
    60% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes GridSwipeRotate {
    50%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -90deg)
    }
}

@keyframes GridSwipeRotate {
    50%,
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg)
    }
}

@-webkit-keyframes GridShowMe {
    0% {
        visibility: hidden
    }
    60%,
    to {
        visibility: visible
    }
}

@keyframes GridShowMe {
    0% {
        visibility: hidden
    }
    60%,
    to {
        visibility: visible
    }
}

@-webkit-keyframes GridFadeOut {
    50%,
    60% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes GridFadeOut {
    50%,
    60% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes GridFadeIn {
    to {
        opacity: 1
    }
}

@keyframes GridFadeIn {
    to {
        opacity: 1
    }
}

@-webkit-keyframes GridMoveUp {
    to {
        -webkit-transform: translateY(0);
        opacity: 1
    }
}

@keyframes GridMoveUp {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes GridScaleUp {
    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes GridScaleUp {
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes GridFallPerspective {
    to {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
        opacity: 1
    }
}

@keyframes GridFallPerspective {
    to {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0deg);
        transform: translateZ(0) translateY(0) rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes GridFly {
    to {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes GridFly {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes GridFlip {
    to {
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes GridFlip {
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes GridHelix {
    to {
        -webkit-transform: rotateY(0deg);
        opacity: 1
    }
}

@keyframes GridHelix {
    to {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
        opacity: 1
    }
}

@-webkit-keyframes GridPopUp {
    70% {
        -webkit-transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out
    }
    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes GridPopUp {
    70% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: .8;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes loader {
    0% {
        background: #ddd
    }
    33% {
        background: #ccc;
        -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd
    }
    66% {
        background: #ccc;
        -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc
    }
}

@keyframes loader {
    0% {
        background: #ddd
    }
    33% {
        background: #ccc;
        -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd
    }
    66% {
        background: #ccc;
        -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc;
        box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc
    }
}

@-webkit-keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toLeftFromRight {
    49% {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(100%);
        transform: translate(100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@keyframes toBottomFromTop {
    49% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    51% {
        opacity: 1
    }
}

@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    to {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        opacity: 0
    }
}

@keyframes sonarEffect {
    0% {
        opacity: .3
    }
    40% {
        opacity: .5;
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5)
    }
    to {
        -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 10px 10px #1abc9c, 0 0 0 10px rgba(255, 255, 255, .5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0
    }
}

@-webkit-keyframes moveScale {
    50% {
        right: auto;
        left: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    51% {
        right: 0;
        left: auto;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
        animation-timing-function: cubic-bezier(.2, 1, .3, 1)
    }
    to {
        right: 0;
        left: auto;
        -webkit-transform: scale3d(.2, 1, 1);
        transform: scale3d(.2, 1, 1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@keyframes moveScale {
    50% {
        right: auto;
        left: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%
    }
    51% {
        right: 0;
        left: auto;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
        animation-timing-function: cubic-bezier(.2, 1, .3, 1)
    }
    to {
        right: 0;
        left: auto;
        -webkit-transform: scale3d(.2, 1, 1);
        transform: scale3d(.2, 1, 1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }
}

@-webkit-keyframes moveToRight {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
        animation-timing-function: cubic-bezier(.2, 1, .3, 1)
    }
}

@keyframes moveToRight {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
        animation-timing-function: cubic-bezier(.2, 1, .3, 1)
    }
}

@-webkit-keyframes RabtenMoveUp {
    50% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    52% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes RabtenMoveUp {
    50% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    52% {
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes blink {
    0%,
    to {
        opacity: 1
    }
    50% {
        opacity: 0
    }
}

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

@-webkit-keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }
}

@keyframes anim-1 {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em, 0, 0);
        transform: translate3d(1em, 0, 0)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em, -40%, 0);
        transform: translate3d(-1em, -40%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, -40%, 0);
        transform: translate3d(0, -40%, 0)
    }
}

@-webkit-keyframes anim-2 {
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3em, 0) scale3d(.3, .3, 1);
        transform: translate3d(0, 3em, 0) scale3d(.3, .3, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
}

@keyframes anim-2 {
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, 1);
        transform: scale3d(.3, .3, 1)
    }
    51% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3em, 0) scale3d(.3, .3, 1);
        transform: translate3d(0, 3em, 0) scale3d(.3, .3, 1)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
}

@-webkit-keyframes anim-shadow {
    to {
        -webkit-box-shadow: 0 0 100px 50px;
        box-shadow: 0 0 100px 50px;
        opacity: 0
    }
}

@keyframes anim-shadow {
    to {
        -webkit-box-shadow: 0 0 100px 50px;
        box-shadow: 0 0 100px 50px;
        opacity: 0
    }
}

@-webkit-keyframes anim-chisato-1 {
    0%,
    50% {
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    51%,
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes anim-chisato-2 {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50%,
    51% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    to {
        color: transparent;
        -webkit-transform: translate3d(0, 200%, 0);
        transform: translate3d(0, 200%, 0)
    }
}

@-webkit-keyframes anim-fumi-1 {
    50% {
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    51% {
        -webkit-transform: translate3d(0, -3em, 0) scale3d(.85, .85, 1);
        transform: translate3d(0, -3em, 0) scale3d(.85, .85, 1)
    }
    to {
        color: #a3a3a3;
        -webkit-transform: translate3d(0, -1.1em, 0) scale3d(.85, .85, 1);
        transform: translate3d(0, -1.1em, 0) scale3d(.85, .85, 1)
    }
}

@keyframes anim-fumi-1 {
    50% {
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    51% {
        -webkit-transform: translate3d(0, -3em, 0) scale3d(.85, .85, 1);
        transform: translate3d(0, -3em, 0) scale3d(.85, .85, 1)
    }
    to {
        color: #a3a3a3;
        -webkit-transform: translate3d(0, -2.1em, 0) scale3d(.85, .85, 1);
        transform: translate3d(0, -2.1em, 0) scale3d(.85, .85, 1)
    }
}

@-webkit-keyframes anim-fumi-2 {
    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, -3em, 0);
        transform: translate3d(0, -3em, 0)
    }
    50.25% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3em, 0);
        transform: translate3d(0, -3em, 0)
    }
    50.75% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    51% {
        opacity: 1;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        color: #00aeef
    }
}

@keyframes anim-fumi-2 {
    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, -3em, 0);
        transform: translate3d(0, -3em, 0)
    }
    50.25% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3em, 0);
        transform: translate3d(0, -3em, 0)
    }
    50.75% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    51% {
        opacity: 1;
        -webkit-transform: translate3d(0, 3em, 0);
        transform: translate3d(0, 3em, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        color: #00aeef
    }
}

@-webkit-keyframes MakikoFlash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

@keyframes MakikoFlash {
    0%,
    50%,
    to {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}

.thumb-wrapper {
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.eib-icon .eib-img,
.vckit-circle-counter-wrapper .vckit-circle-counter-value,
.vckit-navigator a .dot i,
.veac-instagram-body .ea-in-image img,
.veac-instagram-body .ea-in-image video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.vckit-google-fullimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.veac-instagram-feed figcaption {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.thumb-wrapper img {
    position: relative;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    text-indent: -9000px
}

.veac-item {
    margin: 0;
    padding: 0
}

.veac-item,
.veac-item *,
div[class^=vckit-],
div[class^=vckit-] *,
div[class^=vckit-]::after,
div[class^=vckit-]::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.effect-hover figcaption::after,
.effect-hover figcaption::before,
.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.mfp-align-top .mfp-container:before,
.slick-arrow.slick-hidden {
    display: none
}

.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.mfp-wrap {
    z-index: 1043;
    outline: 0!important;
    -webkit-backface-visibility: hidden;
    position: fixed
}

.mfp-container {
    text-align: center;
    position: absolute;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before,
.mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-container:before {
    content: '';
    height: 100%
}

.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader,
.vckit-grid.vckit-grid-animate .vckit-grid-item a h3 {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

button.mfp-arrow,
button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}
/* MEXI AQUI */
.mfp-close {
    width: 60px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 50px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    display: block;
    width: auto;
    height: auto
}

img.mfp-img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure,
img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content,
img.mfp-img {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

.alert h4 {
    margin-top: 0;
    color: inherit
}

.alert .alert-link {
    font-weight: 700
}

.alert>p,
.alert>ul {
    margin-bottom: 0
}

.alert>p+p {
    margin-top: 5px
}

.alert-dismissable,
.alert-dismissible {
    padding-right: 35px
}

.alert-dismissable .close,
.alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
}

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

.alert-success hr {
    border-top-color: #c9e2b3
}

.alert-success .alert-link {
    color: #2b542c
}

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

.alert-info hr {
    border-top-color: #a6e1ec
}

.alert-info .alert-link {
    color: #245269
}

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

.alert-warning hr {
    border-top-color: #f7e1b5
}

.alert-warning .alert-link {
    color: #66512c
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

.alert-danger hr {
    border-top-color: #e4b9c0
}

.alert-danger .alert-link {
    color: #843534
}

@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoon.eot?x97isj);
    src: url(../fonts/icomoon.eot?x97isj#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?x97isj) format("truetype"), url(../fonts/icomoon.woff?x97isj) format("woff"), url(../fonts/icomoon.svg?x97isj#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

.icon {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-home:before {
    content: "\e900"
}

.icon-home2:before {
    content: "\e901"
}

.icon-home3:before {
    content: "\e902"
}

.icon-office:before {
    content: "\e903"
}

.icon-newspaper:before {
    content: "\e904"
}

.icon-pencil:before {
    content: "\e905"
}

.icon-pencil2:before {
    content: "\e906"
}

.icon-quill:before {
    content: "\e907"
}

.icon-pen:before {
    content: "\e908"
}

.icon-blog:before {
    content: "\e909"
}

.icon-eyedropper:before {
    content: "\e90a"
}

.icon-droplet:before {
    content: "\e90b"
}

.icon-paint-format:before {
    content: "\e90c"
}

.icon-image:before {
    content: "\e90d"
}

.icon-images:before {
    content: "\e90e"
}

.icon-camera:before {
    content: "\e90f"
}

.icon-headphones:before {
    content: "\e910"
}

.icon-music:before {
    content: "\e911"
}

.icon-play:before {
    content: "\e912"
}

.icon-film:before {
    content: "\e913"
}

.icon-video-camera:before {
    content: "\e914"
}

.icon-dice:before {
    content: "\e915"
}

.icon-pacman:before {
    content: "\e916"
}

.icon-spades:before {
    content: "\e917"
}

.icon-clubs:before {
    content: "\e918"
}

.icon-diamonds:before {
    content: "\e919"
}

.icon-bullhorn:before {
    content: "\e91a"
}

.icon-connection:before {
    content: "\e91b"
}

.icon-podcast:before {
    content: "\e91c"
}

.icon-feed:before {
    content: "\e91d"
}

.icon-mic:before {
    content: "\e91e"
}

.icon-book:before {
    content: "\e91f"
}

.icon-books:before {
    content: "\e920"
}

.icon-library:before {
    content: "\e921"
}

.icon-file-text:before {
    content: "\e922"
}

.icon-profile:before {
    content: "\e923"
}

.icon-file-empty:before {
    content: "\e924"
}

.icon-files-empty:before {
    content: "\e925"
}

.icon-file-text2:before {
    content: "\e926"
}

.icon-file-picture:before {
    content: "\e927"
}

.icon-file-music:before {
    content: "\e928"
}

.icon-file-play:before {
    content: "\e929"
}

.icon-file-video:before {
    content: "\e92a"
}

.icon-file-zip:before {
    content: "\e92b"
}

.icon-copy:before {
    content: "\e92c"
}

.icon-paste:before {
    content: "\e92d"
}

.icon-stack:before {
    content: "\e92e"
}

.icon-folder:before {
    content: "\e92f"
}

.icon-folder-open:before {
    content: "\e930"
}

.icon-folder-plus:before {
    content: "\e931"
}

.icon-folder-minus:before {
    content: "\e932"
}

.icon-folder-download:before {
    content: "\e933"
}

.icon-folder-upload:before {
    content: "\e934"
}

.icon-price-tag:before {
    content: "\e935"
}

.icon-price-tags:before {
    content: "\e936"
}

.icon-barcode:before {
    content: "\e937"
}

.icon-qrcode:before {
    content: "\e938"
}

.icon-ticket:before {
    content: "\e939"
}

.icon-cart:before {
    content: "\e93a"
}

.icon-coin-dollar:before {
    content: "\e93b"
}

.icon-coin-euro:before {
    content: "\e93c"
}

.icon-coin-pound:before {
    content: "\e93d"
}

.icon-coin-yen:before {
    content: "\e93e"
}

.icon-credit-card:before {
    content: "\e93f"
}

.icon-calculator:before {
    content: "\e940"
}

.icon-lifebuoy:before {
    content: "\e941"
}

.icon-phone:before {
    content: "\e942"
}

.icon-phone-hang-up:before {
    content: "\e943"
}

.icon-address-book:before {
    content: "\e944"
}

.icon-envelop:before {
    content: "\e945"
}

.icon-pushpin:before {
    content: "\e946"
}

.icon-location:before {
    content: "\e947"
}

.icon-location2:before {
    content: "\e948"
}

.icon-compass:before {
    content: "\e949"
}

.icon-compass2:before {
    content: "\e94a"
}

.icon-map:before {
    content: "\e94b"
}

.icon-map2:before {
    content: "\e94c"
}

.icon-history:before {
    content: "\e94d"
}

.icon-clock:before {
    content: "\e94e"
}

.icon-clock2:before {
    content: "\e94f"
}

.icon-alarm:before {
    content: "\e950"
}

.icon-bell:before {
    content: "\e951"
}

.icon-stopwatch:before {
    content: "\e952"
}

.icon-calendar:before {
    content: "\e953"
}

.icon-printer:before {
    content: "\e954"
}

.icon-keyboard:before {
    content: "\e955"
}

.icon-display:before {
    content: "\e956"
}

.icon-laptop:before {
    content: "\e957"
}

.icon-mobile:before {
    content: "\e958"
}

.icon-mobile2:before {
    content: "\e959"
}

.icon-tablet:before {
    content: "\e95a"
}

.icon-tv:before {
    content: "\e95b"
}

.icon-drawer:before {
    content: "\e95c"
}

.icon-drawer2:before {
    content: "\e95d"
}

.icon-box-add:before {
    content: "\e95e"
}

.icon-box-remove:before {
    content: "\e95f"
}

.icon-download:before {
    content: "\e960"
}

.icon-upload:before {
    content: "\e961"
}

.icon-floppy-disk:before {
    content: "\e962"
}

.icon-drive:before {
    content: "\e963"
}

.icon-database:before {
    content: "\e964"
}

.icon-undo:before {
    content: "\e965"
}

.icon-redo:before {
    content: "\e966"
}

.icon-undo2:before {
    content: "\e967"
}

.icon-redo2:before {
    content: "\e968"
}

.icon-forward:before {
    content: "\e969"
}

.icon-reply:before {
    content: "\e96a"
}

.icon-bubble:before {
    content: "\e96b"
}

.icon-bubbles:before {
    content: "\e96c"
}

.icon-bubbles2:before {
    content: "\e96d"
}

.icon-bubble2:before {
    content: "\e96e"
}

.icon-bubbles3:before {
    content: "\e96f"
}

.icon-bubbles4:before {
    content: "\e970"
}

.icon-user:before {
    content: "\e971"
}

.icon-users:before {
    content: "\e972"
}

.icon-user-plus:before {
    content: "\e973"
}

.icon-user-minus:before {
    content: "\e974"
}

.icon-user-check:before {
    content: "\e975"
}

.icon-user-tie:before {
    content: "\e976"
}

.icon-quotes-left:before {
    content: "\e977"
}

.icon-quotes-right:before {
    content: "\e978"
}

.icon-hour-glass:before {
    content: "\e979"
}

.icon-spinner:before {
    content: "\e97a"
}

.icon-spinner2:before {
    content: "\e97b"
}

.icon-spinner3:before {
    content: "\e97c"
}

.icon-spinner4:before {
    content: "\e97d"
}

.icon-spinner5:before {
    content: "\e97e"
}

.icon-spinner6:before {
    content: "\e97f"
}

.icon-spinner7:before {
    content: "\e980"
}

.icon-spinner8:before {
    content: "\e981"
}

.icon-spinner9:before {
    content: "\e982"
}

.icon-spinner10:before {
    content: "\e983"
}

.icon-spinner11:before {
    content: "\e984"
}

.icon-binoculars:before {
    content: "\e985"
}

.icon-search:before {
    content: "\e986"
}

.icon-zoom-in:before {
    content: "\e987"
}

.icon-zoom-out:before {
    content: "\e988"
}

.icon-enlarge:before {
    content: "\e989"
}

.icon-shrink:before {
    content: "\e98a"
}

.icon-enlarge2:before {
    content: "\e98b"
}

.icon-shrink2:before {
    content: "\e98c"
}

.icon-key:before {
    content: "\e98d"
}

.icon-key2:before {
    content: "\e98e"
}

.icon-lock:before {
    content: "\e98f"
}

.icon-unlocked:before {
    content: "\e990"
}

.icon-wrench:before {
    content: "\e991"
}

.icon-equalizer:before {
    content: "\e992"
}

.icon-equalizer2:before {
    content: "\e993"
}

.icon-cog:before {
    content: "\e994"
}

.icon-cogs:before {
    content: "\e995"
}

.icon-hammer:before {
    content: "\e996"
}

.icon-magic-wand:before {
    content: "\e997"
}

.icon-aid-kit:before {
    content: "\e998"
}

.icon-bug:before {
    content: "\e999"
}

.icon-pie-chart:before {
    content: "\e99a"
}

.icon-stats-dots:before {
    content: "\e99b"
}

.icon-stats-bars:before {
    content: "\e99c"
}

.icon-stats-bars2:before {
    content: "\e99d"
}

.icon-trophy:before {
    content: "\e99e"
}

.icon-gift:before {
    content: "\e99f"
}

.icon-glass:before {
    content: "\e9a0"
}

.icon-glass2:before {
    content: "\e9a1"
}

.icon-mug:before {
    content: "\e9a2"
}

.icon-spoon-knife:before {
    content: "\e9a3"
}

.icon-leaf:before {
    content: "\e9a4"
}

.icon-rocket:before {
    content: "\e9a5"
}

.icon-meter:before {
    content: "\e9a6"
}

.icon-meter2:before {
    content: "\e9a7"
}

.icon-hammer2:before {
    content: "\e9a8"
}

.icon-fire:before {
    content: "\e9a9"
}

.icon-lab:before {
    content: "\e9aa"
}

.icon-magnet:before {
    content: "\e9ab"
}

.icon-bin:before {
    content: "\e9ac"
}

.icon-bin2:before {
    content: "\e9ad"
}

.icon-briefcase:before {
    content: "\e9ae"
}

.icon-airplane:before {
    content: "\e9af"
}

.icon-truck:before {
    content: "\e9b0"
}

.icon-road:before {
    content: "\e9b1"
}

.icon-accessibility:before {
    content: "\e9b2"
}

.icon-target:before {
    content: "\e9b3"
}

.icon-shield:before {
    content: "\e9b4"
}

.icon-power:before {
    content: "\e9b5"
}

.icon-switch:before {
    content: "\e9b6"
}

.icon-power-cord:before {
    content: "\e9b7"
}

.icon-clipboard:before {
    content: "\e9b8"
}

.icon-list-numbered:before {
    content: "\e9b9"
}

.icon-list:before {
    content: "\e9ba"
}

.icon-list2:before {
    content: "\e9bb"
}

.icon-tree:before {
    content: "\e9bc"
}

.icon-menu:before {
    content: "\e9bd"
}

.icon-menu2:before {
    content: "\e9be"
}

.icon-menu3:before {
    content: "\e9bf"
}

.icon-menu4:before {
    content: "\e9c0"
}

.icon-cloud:before {
    content: "\e9c1"
}

.icon-cloud-download:before {
    content: "\e9c2"
}

.icon-cloud-upload:before {
    content: "\e9c3"
}

.icon-cloud-check:before {
    content: "\e9c4"
}

.icon-download2:before {
    content: "\e9c5"
}

.icon-upload2:before {
    content: "\e9c6"
}

.icon-download3:before {
    content: "\e9c7"
}

.icon-upload3:before {
    content: "\e9c8"
}

.icon-sphere:before {
    content: "\e9c9"
}

.icon-earth:before {
    content: "\e9ca"
}

.icon-link:before {
    content: "\e9cb"
}

.icon-flag:before {
    content: "\e9cc"
}

.icon-attachment:before {
    content: "\e9cd"
}

.icon-eye:before {
    content: "\e9ce"
}

.icon-eye-plus:before {
    content: "\e9cf"
}

.icon-eye-minus:before {
    content: "\e9d0"
}

.icon-eye-blocked:before {
    content: "\e9d1"
}

.icon-bookmark:before {
    content: "\e9d2"
}

.icon-bookmarks:before {
    content: "\e9d3"
}

.icon-sun:before {
    content: "\e9d4"
}

.icon-contrast:before {
    content: "\e9d5"
}

.icon-brightness-contrast:before {
    content: "\e9d6"
}

.icon-star-empty:before {
    content: "\e9d7"
}

.icon-star-half:before {
    content: "\e9d8"
}

.icon-star-full:before {
    content: "\e9d9"
}

.icon-heart:before {
    content: "\e9da"
}

.icon-heart-broken:before {
    content: "\e9db"
}

.icon-man:before {
    content: "\e9dc"
}

.icon-woman:before {
    content: "\e9dd"
}

.icon-man-woman:before {
    content: "\e9de"
}

.icon-happy:before {
    content: "\e9df"
}

.icon-happy2:before {
    content: "\e9e0"
}

.icon-smile:before {
    content: "\e9e1"
}

.icon-smile2:before {
    content: "\e9e2"
}

.icon-tongue:before {
    content: "\e9e3"
}

.icon-tongue2:before {
    content: "\e9e4"
}

.icon-sad:before {
    content: "\e9e5"
}

.icon-sad2:before {
    content: "\e9e6"
}

.icon-wink:before {
    content: "\e9e7"
}

.icon-wink2:before {
    content: "\e9e8"
}

.icon-grin:before {
    content: "\e9e9"
}

.icon-grin2:before {
    content: "\e9ea"
}

.icon-cool:before {
    content: "\e9eb"
}

.icon-cool2:before {
    content: "\e9ec"
}

.icon-angry:before {
    content: "\e9ed"
}

.icon-angry2:before {
    content: "\e9ee"
}

.icon-evil:before {
    content: "\e9ef"
}

.icon-evil2:before {
    content: "\e9f0"
}

.icon-shocked:before {
    content: "\e9f1"
}

.icon-shocked2:before {
    content: "\e9f2"
}

.icon-baffled:before {
    content: "\e9f3"
}

.icon-baffled2:before {
    content: "\e9f4"
}

.icon-confused:before {
    content: "\e9f5"
}

.icon-confused2:before {
    content: "\e9f6"
}

.icon-neutral:before {
    content: "\e9f7"
}

.icon-neutral2:before {
    content: "\e9f8"
}

.icon-hipster:before {
    content: "\e9f9"
}

.icon-hipster2:before {
    content: "\e9fa"
}

.icon-wondering:before {
    content: "\e9fb"
}

.icon-wondering2:before {
    content: "\e9fc"
}

.icon-sleepy:before {
    content: "\e9fd"
}

.icon-sleepy2:before {
    content: "\e9fe"
}

.icon-frustrated:before {
    content: "\e9ff"
}

.icon-frustrated2:before {
    content: "\ea00"
}

.icon-crying:before {
    content: "\ea01"
}

.icon-crying2:before {
    content: "\ea02"
}

.icon-point-up:before {
    content: "\ea03"
}

.icon-point-right:before {
    content: "\ea04"
}

.icon-point-down:before {
    content: "\ea05"
}

.icon-point-left:before {
    content: "\ea06"
}

.icon-warning:before {
    content: "\ea07"
}

.icon-notification:before {
    content: "\ea08"
}

.icon-question:before {
    content: "\ea09"
}

.icon-plus:before {
    content: "\ea0a"
}

.icon-minus:before {
    content: "\ea0b"
}

.icon-info:before {
    content: "\ea0c"
}

.icon-cancel-circle:before {
    content: "\ea0d"
}

.icon-blocked:before {
    content: "\ea0e"
}

.icon-cross:before {
    content: "\ea0f"
}

.icon-checkmark:before {
    content: "\ea10"
}

.icon-checkmark2:before {
    content: "\ea11"
}

.icon-spell-check:before {
    content: "\ea12"
}

.icon-enter:before {
    content: "\ea13"
}

.icon-exit:before {
    content: "\ea14"
}

.icon-play2:before {
    content: "\ea15"
}

.icon-pause:before {
    content: "\ea16"
}

.icon-stop:before {
    content: "\ea17"
}

.icon-previous:before {
    content: "\ea18"
}

.icon-next:before {
    content: "\ea19"
}

.icon-backward:before {
    content: "\ea1a"
}

.icon-forward2:before {
    content: "\ea1b"
}

.icon-play3:before {
    content: "\ea1c"
}

.icon-pause2:before {
    content: "\ea1d"
}

.icon-stop2:before {
    content: "\ea1e"
}

.icon-backward2:before {
    content: "\ea1f"
}

.icon-forward3:before {
    content: "\ea20"
}

.icon-first:before {
    content: "\ea21"
}

.icon-last:before {
    content: "\ea22"
}

.icon-previous2:before {
    content: "\ea23"
}

.icon-next2:before {
    content: "\ea24"
}

.icon-eject:before {
    content: "\ea25"
}

.icon-volume-high:before {
    content: "\ea26"
}

.icon-volume-medium:before {
    content: "\ea27"
}

.icon-volume-low:before {
    content: "\ea28"
}

.icon-volume-mute:before {
    content: "\ea29"
}

.icon-volume-mute2:before {
    content: "\ea2a"
}

.icon-volume-increase:before {
    content: "\ea2b"
}

.icon-volume-decrease:before {
    content: "\ea2c"
}

.icon-loop:before {
    content: "\ea2d"
}

.icon-loop2:before {
    content: "\ea2e"
}

.icon-infinite:before {
    content: "\ea2f"
}

.icon-shuffle:before {
    content: "\ea30"
}

.icon-arrow-up-left:before {
    content: "\ea31"
}

.icon-arrow-up:before {
    content: "\ea32"
}

.icon-arrow-up-right:before {
    content: "\ea33"
}

.icon-arrow-right:before {
    content: "\ea34"
}

.icon-arrow-down-right:before {
    content: "\ea35"
}

.icon-arrow-down:before {
    content: "\ea36"
}

.icon-arrow-down-left:before {
    content: "\ea37"
}

.icon-arrow-left:before {
    content: "\ea38"
}

.icon-arrow-up-left2:before {
    content: "\ea39"
}

.icon-arrow-up2:before {
    content: "\ea3a"
}

.icon-arrow-up-right2:before {
    content: "\ea3b"
}

.icon-arrow-right2:before {
    content: "\ea3c"
}

.icon-arrow-down-right2:before {
    content: "\ea3d"
}

.icon-arrow-down2:before {
    content: "\ea3e"
}

.icon-arrow-down-left2:before {
    content: "\ea3f"
}

.icon-arrow-left2:before {
    content: "\ea40"
}

.icon-circle-up:before {
    content: "\ea41"
}

.icon-circle-right:before {
    content: "\ea42"
}

.icon-circle-down:before {
    content: "\ea43"
}

.icon-circle-left:before {
    content: "\ea44"
}

.icon-tab:before {
    content: "\ea45"
}

.icon-move-up:before {
    content: "\ea46"
}

.icon-move-down:before {
    content: "\ea47"
}

.icon-sort-alpha-asc:before {
    content: "\ea48"
}

.icon-sort-alpha-desc:before {
    content: "\ea49"
}

.icon-sort-numeric-asc:before {
    content: "\ea4a"
}

.icon-sort-numberic-desc:before {
    content: "\ea4b"
}

.icon-sort-amount-asc:before {
    content: "\ea4c"
}

.icon-sort-amount-desc:before {
    content: "\ea4d"
}

.icon-command:before {
    content: "\ea4e"
}

.icon-shift:before {
    content: "\ea4f"
}

.icon-ctrl:before {
    content: "\ea50"
}

.icon-opt:before {
    content: "\ea51"
}

.icon-checkbox-checked:before {
    content: "\ea52"
}

.icon-checkbox-unchecked:before {
    content: "\ea53"
}

.icon-radio-checked:before {
    content: "\ea54"
}

.icon-radio-checked2:before {
    content: "\ea55"
}

.icon-radio-unchecked:before {
    content: "\ea56"
}

.icon-crop:before {
    content: "\ea57"
}

.icon-make-group:before {
    content: "\ea58"
}

.icon-ungroup:before {
    content: "\ea59"
}

.icon-scissors:before {
    content: "\ea5a"
}

.icon-filter:before {
    content: "\ea5b"
}

.icon-font:before {
    content: "\ea5c"
}

.icon-ligature:before {
    content: "\ea5d"
}

.icon-ligature2:before {
    content: "\ea5e"
}

.icon-text-height:before {
    content: "\ea5f"
}

.icon-text-width:before {
    content: "\ea60"
}

.icon-font-size:before {
    content: "\ea61"
}

.icon-bold:before {
    content: "\ea62"
}

.icon-underline:before {
    content: "\ea63"
}

.icon-italic:before {
    content: "\ea64"
}

.icon-strikethrough:before {
    content: "\ea65"
}

.icon-omega:before {
    content: "\ea66"
}

.icon-sigma:before {
    content: "\ea67"
}

.icon-page-break:before {
    content: "\ea68"
}

.icon-superscript:before {
    content: "\ea69"
}

.icon-subscript:before {
    content: "\ea6a"
}

.icon-superscript2:before {
    content: "\ea6b"
}

.icon-subscript2:before {
    content: "\ea6c"
}

.icon-text-color:before {
    content: "\ea6d"
}

.icon-pagebreak:before {
    content: "\ea6e"
}

.icon-clear-formatting:before {
    content: "\ea6f"
}

.icon-table:before {
    content: "\ea70"
}

.icon-table2:before {
    content: "\ea71"
}

.icon-insert-template:before {
    content: "\ea72"
}

.icon-pilcrow:before {
    content: "\ea73"
}

.icon-ltr:before {
    content: "\ea74"
}

.icon-rtl:before {
    content: "\ea75"
}

.icon-section:before {
    content: "\ea76"
}

.icon-paragraph-left:before {
    content: "\ea77"
}

.icon-paragraph-center:before {
    content: "\ea78"
}

.icon-paragraph-right:before {
    content: "\ea79"
}

.icon-paragraph-justify:before {
    content: "\ea7a"
}

.icon-indent-increase:before {
    content: "\ea7b"
}

.icon-indent-decrease:before {
    content: "\ea7c"
}

.icon-share:before {
    content: "\ea7d"
}

.icon-new-tab:before {
    content: "\ea7e"
}

.icon-embed:before {
    content: "\ea7f"
}

.icon-embed2:before {
    content: "\ea80"
}

.icon-terminal:before {
    content: "\ea81"
}

.icon-share2:before {
    content: "\ea82"
}

.icon-mail:before {
    content: "\ea83"
}

.icon-mail2:before {
    content: "\ea84"
}

.icon-mail3:before {
    content: "\ea85"
}

.icon-mail4:before {
    content: "\ea86"
}

.icon-amazon:before {
    content: "\ea87"
}

.icon-google:before {
    content: "\ea88"
}

.icon-google2:before {
    content: "\ea89"
}

.icon-google3:before {
    content: "\ea8a"
}

.icon-google-plus:before {
    content: "\ea8b"
}

.icon-google-plus2:before {
    content: "\ea8c"
}

.icon-google-plus3:before {
    content: "\ea8d"
}

.icon-hangouts:before {
    content: "\ea8e"
}

.icon-google-drive:before {
    content: "\ea8f"
}

.icon-facebook:before {
    content: "\ea90"
}

.icon-facebook2:before {
    content: "\ea91"
}

.icon-instagram:before {
    content: "\ea92"
}

.icon-whatsapp:before {
    content: "\ea93"
}

.icon-spotify:before {
    content: "\ea94"
}

.icon-telegram:before {
    content: "\ea95"
}

.icon-twitter:before {
    content: "\ea96"
}

.icon-vine:before {
    content: "\ea97"
}

.icon-vk:before {
    content: "\ea98"
}

.icon-renren:before {
    content: "\ea99"
}

.icon-sina-weibo:before {
    content: "\ea9a"
}

.icon-rss:before {
    content: "\ea9b"
}

.icon-rss2:before {
    content: "\ea9c"
}

.icon-youtube:before {
    content: "\ea9d"
}

.icon-youtube2:before {
    content: "\ea9e"
}

.icon-twitch:before {
    content: "\ea9f"
}

.icon-vimeo:before {
    content: "\eaa0"
}

.icon-vimeo2:before {
    content: "\eaa1"
}

.icon-lanyrd:before {
    content: "\eaa2"
}

.icon-flickr:before {
    content: "\eaa3"
}

.icon-flickr2:before {
    content: "\eaa4"
}

.icon-flickr3:before {
    content: "\eaa5"
}

.icon-flickr4:before {
    content: "\eaa6"
}

.icon-dribbble:before {
    content: "\eaa7"
}

.icon-behance:before {
    content: "\eaa8"
}

.icon-behance2:before {
    content: "\eaa9"
}

.icon-deviantart:before {
    content: "\eaaa"
}

.icon-500px:before {
    content: "\eaab"
}

.icon-steam:before {
    content: "\eaac"
}

.icon-steam2:before {
    content: "\eaad"
}

.icon-dropbox:before {
    content: "\eaae"
}

.icon-onedrive:before {
    content: "\eaaf"
}

.icon-github:before {
    content: "\eab0"
}

.icon-npm:before {
    content: "\eab1"
}

.icon-basecamp:before {
    content: "\eab2"
}

.icon-trello:before {
    content: "\eab3"
}

.icon-wordpress:before {
    content: "\eab4"
}

.icon-joomla:before {
    content: "\eab5"
}

.icon-ello:before {
    content: "\eab6"
}

.icon-blogger:before {
    content: "\eab7"
}

.icon-blogger2:before {
    content: "\eab8"
}

.icon-tumblr:before {
    content: "\eab9"
}

.icon-tumblr2:before {
    content: "\eaba"
}

.icon-yahoo:before {
    content: "\eabb"
}

.icon-yahoo2:before {
    content: "\eabc"
}

.icon-tux:before {
    content: "\eabd"
}

.icon-appleinc:before {
    content: "\eabe"
}

.icon-finder:before {
    content: "\eabf"
}

.icon-android:before {
    content: "\eac0"
}

.icon-windows:before {
    content: "\eac1"
}

.icon-windows8:before {
    content: "\eac2"
}

.icon-soundcloud:before {
    content: "\eac3"
}

.icon-soundcloud2:before {
    content: "\eac4"
}

.icon-skype:before {
    content: "\eac5"
}

.icon-reddit:before {
    content: "\eac6"
}

.icon-hackernews:before {
    content: "\eac7"
}

.icon-wikipedia:before {
    content: "\eac8"
}

.icon-linkedin:before {
    content: "\eac9"
}

.icon-linkedin2:before {
    content: "\eaca"
}

.icon-lastfm:before {
    content: "\eacb"
}

.icon-lastfm2:before {
    content: "\eacc"
}

.icon-delicious:before {
    content: "\eacd"
}

.icon-stumbleupon:before {
    content: "\eace"
}

.icon-stumbleupon2:before {
    content: "\eacf"
}

.icon-stackoverflow:before {
    content: "\ead0"
}

.icon-pinterest:before {
    content: "\ead1"
}

.icon-pinterest2:before {
    content: "\ead2"
}

.icon-xing:before {
    content: "\ead3"
}

.icon-xing2:before {
    content: "\ead4"
}

.icon-flattr:before {
    content: "\ead5"
}

.icon-foursquare:before {
    content: "\ead6"
}

.icon-yelp:before {
    content: "\ead7"
}

.icon-paypal:before {
    content: "\ead8"
}

.icon-chrome:before {
    content: "\ead9"
}

.icon-firefox:before {
    content: "\eada"
}

.icon-IE:before {
    content: "\eadb"
}

.icon-edge:before {
    content: "\eadc"
}

.icon-safari:before {
    content: "\eadd"
}

.icon-opera:before {
    content: "\eade"
}

.icon-file-pdf:before {
    content: "\eadf"
}

.icon-file-openoffice:before {
    content: "\eae0"
}

.icon-file-word:before {
    content: "\eae1"
}

.icon-file-excel:before {
    content: "\eae2"
}

.icon-libreoffice:before {
    content: "\eae3"
}

.icon-html-five:before {
    content: "\eae4"
}

.icon-html-five2:before {
    content: "\eae5"
}

.icon-css3:before {
    content: "\eae6"
}

.icon-git:before {
    content: "\eae7"
}

.icon-codepen:before {
    content: "\eae8"
}

.icon-svg:before {
    content: "\eae9"
}

.icon-IcoMoon:before {
    content: "\eaea"
}

[data-vckit-carousel] {
    opacity: 0;
    visibility: hidden
}

[data-vckit-carousel].slick-initialized {
    opacity: 1;
    visibility: visible
}

[data-vckit-carousel] .slick-list {
    width: 100%;
    height: auto
}

[data-vckit-carousel] .slick-slide {
    position: relative;
    height: auto
}

[data-vckit-carousel] .slick-dots {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    text-align: center;
    z-index: 10
}

[data-vckit-carousel] .slick-dots li {
    display: inline-block;
    margin: 0 3px;
    padding: 4px
}

[data-vckit-carousel] .slick-dots li.slick-active button {
    background-color: #222
}

[data-vckit-carousel] .slick-dots button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid transparent;
    padding: 0;
    border-radius: 12px;
    outline: 0
}

[data-vckit-carousel] .slick-arrow {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    padding: 4px 0 0;
    border: 1px solid transparent;
    text-align: center;
    background-color: transparent;
    outline: 0;
    z-index: 10;
    color: inherit
}

[data-vckit-carousel] .slick-arrow .fa {
    position: relative;
    vertical-align: middle;
    font-size: 24px
}

.slick-slider:hover[data-vckit-carousel] .slick-arrow {
    opacity: .6;
    filter: alpha(opacity=60)
}

.slick-slider[data-vckit-carousel] .slick-arrow:hover {
    opacity: .8;
    filter: alpha(opacity=80)
}

[data-vckit-carousel] .slick-arrow.arrow-next,
[data-vckit-carousel] .slick-arrow.arrow-prev {
    opacity: .5;
    filter: alpha(opacity=50)
}

[data-vckit-carousel] .slick-arrow.arrow-next:hover,
[data-vckit-carousel] .slick-arrow.arrow-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

[data-vckit-carousel] .slick-arrow.arrow-next {
    right: -40px
}

[data-vckit-carousel] .slick-arrow.arrow-next:hover {
    -webkit-transform: translate(10px, 0);
    transform: translate(10px, 0)
}

@media only screen and (max-width:1199px) {
    [data-vckit-carousel] .slick-arrow.arrow-next:hover {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

[data-vckit-carousel] .slick-arrow.arrow-prev {
    left: -40px
}

[data-vckit-carousel] .slick-arrow.arrow-prev:hover {
    -webkit-transform: translate(-10px, 0);
    transform: translate(-10px, 0)
}

@media only screen and (max-width:1199px) {
    [data-vckit-carousel] .slick-arrow.arrow-prev:hover {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

[data-vckit-carousel] .slick-arrow.square-next,
[data-vckit-carousel] .slick-arrow.square-prev {
    opacity: .3;
    filter: alpha(opacity=30);
    background-color: #222;
    color: #fff;
    border-width: 0
}

[data-vckit-carousel] .slick-arrow.square-next .fa,
[data-vckit-carousel] .slick-arrow.square-prev .fa {
    position: relative;
    top: -3px
}

[data-vckit-carousel] .slick-arrow.square-next {
    right: 30px
}

@media only screen and (max-width:767px) {
    [data-vckit-carousel] .slick-arrow.square-next {
        right: 20px
    }
}

@media only screen and (max-width:480px) {
    [data-vckit-carousel] .slick-arrow.square-next {
        right: 15px
    }
}

[data-vckit-carousel] .slick-arrow.square-next .fa {
    left: 2px
}

[data-vckit-carousel] .slick-arrow.square-prev {
    left: 30px
}

@media only screen and (max-width:767px) {
    [data-vckit-carousel] .slick-arrow.square-prev {
        left: 20px
    }
}

@media only screen and (max-width:480px) {
    [data-vckit-carousel] .slick-arrow.square-prev {
        left: 15px
    }
}

[data-vckit-carousel] .slick-arrow.square-prev .fa {
    left: -1px
}

[data-vckit-carousel] .slick-arrow.circle-next,
[data-vckit-carousel] .slick-arrow.circle-prev {
    opacity: .4;
    filter: alpha(opacity=40);
    border-radius: 40px;
    background-color: #222;
    color: #fff;
    border-width: 0
}

[data-vckit-carousel] .slick-arrow.circle-next .fa,
[data-vckit-carousel] .slick-arrow.circle-prev .fa {
    position: relative;
    top: -3px
}

[data-vckit-carousel] .slick-arrow.circle-next {
    right: 30px
}

[data-vckit-carousel] .slick-arrow.circle-next .fa {
    left: 1px
}

[data-vckit-carousel] .slick-arrow.circle-prev {
    left: 30px
}

[data-vckit-carousel] .slick-arrow.circle-prev .fa {
    left: -1px
}

[data-vckit-carousel] .slick-arrow.half-circle-next,
[data-vckit-carousel] .slick-arrow.half-circle-prev {
    opacity: .4;
    filter: alpha(opacity=40);
    border-radius: 40px;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    padding-top: 2px;
    border-width: 0;
    background-color: #222;
    color: #fff
}

[data-vckit-carousel] .slick-arrow.half-circle-next .fa,
[data-vckit-carousel] .slick-arrow.half-circle-prev .fa {
    top: -2px
}

[data-vckit-carousel] .slick-arrow.half-circle-next {
    right: -30px
}

[data-vckit-carousel] .slick-arrow.half-circle-next .fa {
    margin-left: -23px
}

[data-vckit-carousel] .slick-arrow.half-circle-prev {
    left: -30px
}

[data-vckit-carousel] .slick-arrow.half-circle-prev .fa {
    margin-right: -23px
}

[data-vckit-carousel].slick--hack {
    width: 100%;
    overflow: hidden
}

[data-vckit-carousel][data-gutter="0"] .slick-slide {
    padding-left: 0;
    padding-right: 0
}

[data-vckit-carousel][data-gutter="1"] .slick-slide {
    padding-left: .5px;
    padding-right: .5px
}

[data-vckit-carousel][data-gutter="2"] .slick-slide {
    padding-left: 1px;
    padding-right: 1px
}

[data-vckit-carousel][data-gutter="3"] .slick-slide {
    padding-left: 1.5px;
    padding-right: 1.5px
}

[data-vckit-carousel][data-gutter="4"] .slick-slide {
    padding-left: 2px;
    padding-right: 2px
}

[data-vckit-carousel][data-gutter="5"] .slick-slide {
    padding-left: 2.5px;
    padding-right: 2.5px
}

[data-vckit-carousel][data-gutter="6"] .slick-slide {
    padding-left: 3px;
    padding-right: 3px
}

[data-vckit-carousel][data-gutter="7"] .slick-slide {
    padding-left: 3.5px;
    padding-right: 3.5px
}

[data-vckit-carousel][data-gutter="8"] .slick-slide {
    padding-left: 4px;
    padding-right: 4px
}

[data-vckit-carousel][data-gutter="9"] .slick-slide {
    padding-left: 4.5px;
    padding-right: 4.5px
}

[data-vckit-carousel][data-gutter="10"] .slick-slide {
    padding-left: 5px;
    padding-right: 5px
}

[data-vckit-carousel][data-gutter="11"] .slick-slide {
    padding-left: 5.5px;
    padding-right: 5.5px
}

[data-vckit-carousel][data-gutter="12"] .slick-slide {
    padding-left: 6px;
    padding-right: 6px
}

[data-vckit-carousel][data-gutter="13"] .slick-slide {
    padding-left: 6.5px;
    padding-right: 6.5px
}

[data-vckit-carousel][data-gutter="14"] .slick-slide {
    padding-left: 7px;
    padding-right: 7px
}

[data-vckit-carousel][data-gutter="15"] .slick-slide {
    padding-left: 7.5px;
    padding-right: 7.5px
}

[data-vckit-carousel][data-gutter="16"] .slick-slide {
    padding-left: 8px;
    padding-right: 8px
}

[data-vckit-carousel][data-gutter="17"] .slick-slide {
    padding-left: 8.5px;
    padding-right: 8.5px
}

[data-vckit-carousel][data-gutter="18"] .slick-slide {
    padding-left: 9px;
    padding-right: 9px
}

[data-vckit-carousel][data-gutter="19"] .slick-slide {
    padding-left: 9.5px;
    padding-right: 9.5px
}

[data-vckit-carousel][data-gutter="20"] .slick-slide {
    padding-left: 10px;
    padding-right: 10px
}

[data-vckit-carousel][data-gutter="21"] .slick-slide {
    padding-left: 10.5px;
    padding-right: 10.5px
}

[data-vckit-carousel][data-gutter="22"] .slick-slide {
    padding-left: 11px;
    padding-right: 11px
}

[data-vckit-carousel][data-gutter="23"] .slick-slide {
    padding-left: 11.5px;
    padding-right: 11.5px
}

[data-vckit-carousel][data-gutter="24"] .slick-slide {
    padding-left: 12px;
    padding-right: 12px
}

[data-vckit-carousel][data-gutter="25"] .slick-slide {
    padding-left: 12.5px;
    padding-right: 12.5px
}

[data-vckit-carousel][data-gutter="26"] .slick-slide {
    padding-left: 13px;
    padding-right: 13px
}

[data-vckit-carousel][data-gutter="27"] .slick-slide {
    padding-left: 13.5px;
    padding-right: 13.5px
}

[data-vckit-carousel][data-gutter="28"] .slick-slide {
    padding-left: 14px;
    padding-right: 14px
}

[data-vckit-carousel][data-gutter="29"] .slick-slide {
    padding-left: 14.5px;
    padding-right: 14.5px
}

[data-vckit-carousel][data-gutter="30"] .slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.vckit-lazyload img:not([src]) {
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

@-moz-document url-prefix() {
    .vckit-lazyload img:-moz-loading {
        visibility: hidden
    }
}

.vckit-anim {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.wpb_start_animation {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.wpb_start_animation.vckit-anim {
    opacity: 1;
    filter: alpha(opacity=100)
}

.wpb_start_animation.vckit-anim-bounce {
    -webkit-animation-name: "bounce";
    animation-name: "bounce"
}

.wpb_start_animation.vckit-anim-flash {
    -webkit-animation-name: "flash";
    animation-name: "flash"
}

.wpb_start_animation.vckit-anim-pulse {
    -webkit-animation-name: "pulse";
    animation-name: "pulse"
}

.wpb_start_animation.vckit-anim-rubberBand {
    -webkit-animation-name: "rubberBand";
    animation-name: "rubberBand"
}

.wpb_start_animation.vckit-anim-shake {
    -webkit-animation-name: "shake";
    animation-name: "shake"
}

.wpb_start_animation.vckit-anim-headShake {
    -webkit-animation-name: "headShake";
    animation-name: "headShake"
}

.wpb_start_animation.vckit-anim-swing {
    -webkit-animation-name: "swing";
    animation-name: "swing"
}

.wpb_start_animation.vckit-anim-tada {
    -webkit-animation-name: "tada";
    animation-name: "tada"
}

.wpb_start_animation.vckit-anim-wobble {
    -webkit-animation-name: "wobble";
    animation-name: "wobble"
}

.wpb_start_animation.vckit-anim-jello {
    -webkit-animation-name: "jello";
    animation-name: "jello"
}

.wpb_start_animation.vckit-anim-bounceIn {
    -webkit-animation-name: "bounceIn";
    animation-name: "bounceIn"
}

.wpb_start_animation.vckit-anim-bounceInDown {
    -webkit-animation-name: "bounceInDown";
    animation-name: "bounceInDown"
}

.wpb_start_animation.vckit-anim-bounceInLeft {
    -webkit-animation-name: "bounceInLeft";
    animation-name: "bounceInLeft"
}

.wpb_start_animation.vckit-anim-bounceInRight {
    -webkit-animation-name: "bounceInRight";
    animation-name: "bounceInRight"
}

.wpb_start_animation.vckit-anim-bounceInUp {
    -webkit-animation-name: "bounceInUp";
    animation-name: "bounceInUp"
}

.wpb_start_animation.vckit-anim-fadeIn {
    -webkit-animation-name: "fadeIn";
    animation-name: "fadeIn"
}

.wpb_start_animation.vckit-anim-fadeInDown {
    -webkit-animation-name: "fadeInDown";
    animation-name: "fadeInDown"
}

.wpb_start_animation.vckit-anim-fadeInDownBig {
    -webkit-animation-name: "fadeInDownBig";
    animation-name: "fadeInDownBig"
}

.wpb_start_animation.vckit-anim-fadeInLeft {
    -webkit-animation-name: "fadeInLeft";
    animation-name: "fadeInLeft"
}

.wpb_start_animation.vckit-anim-fadeInLeftBig {
    -webkit-animation-name: "fadeInLeftBig";
    animation-name: "fadeInLeftBig"
}

.wpb_start_animation.vckit-anim-fadeInRight {
    -webkit-animation-name: "fadeInRight";
    animation-name: "fadeInRight"
}

.wpb_start_animation.vckit-anim-fadeInRightBig {
    -webkit-animation-name: "fadeInRightBig";
    animation-name: "fadeInRightBig"
}

.wpb_start_animation.vckit-anim-fadeInUp {
    -webkit-animation-name: "fadeInUp";
    animation-name: "fadeInUp"
}

.wpb_start_animation.vckit-anim-fadeInUpBig {
    -webkit-animation-name: "fadeInUpBig";
    animation-name: "fadeInUpBig"
}

.wpb_start_animation.vckit-anim-flipInX {
    -webkit-animation-name: "flipInX";
    animation-name: "flipInX"
}

.wpb_start_animation.vckit-anim-flipInY {
    -webkit-animation-name: "flipInY";
    animation-name: "flipInY"
}

.wpb_start_animation.vckit-anim-lightSpeedIn {
    -webkit-animation-name: "lightSpeedIn";
    animation-name: "lightSpeedIn"
}

.wpb_start_animation.vckit-anim-lightSpeedOut {
    -webkit-animation-name: "lightSpeedOut";
    animation-name: "lightSpeedOut"
}

.wpb_start_animation.vckit-anim-rotateIn {
    -webkit-animation-name: "rotateIn";
    animation-name: "rotateIn"
}

.wpb_start_animation.vckit-anim-rotateInDownLeft {
    -webkit-animation-name: "rotateInDownLeft";
    animation-name: "rotateInDownLeft"
}

.wpb_start_animation.vckit-anim-rotateInDownRight {
    -webkit-animation-name: "rotateInDownRight";
    animation-name: "rotateInDownRight"
}

.wpb_start_animation.vckit-anim-rotateInUpLeft {
    -webkit-animation-name: "rotateInUpLeft";
    animation-name: "rotateInUpLeft"
}

.wpb_start_animation.vckit-anim-rotateInUpRight {
    -webkit-animation-name: "rotateInUpRight";
    animation-name: "rotateInUpRight"
}

.wpb_start_animation.vckit-anim-hinge {
    -webkit-animation-name: "hinge";
    animation-name: "hinge"
}

.wpb_start_animation.vckit-anim-rollIn {
    -webkit-animation-name: "rollIn";
    animation-name: "rollIn"
}

.wpb_start_animation.vckit-anim-rollOut {
    -webkit-animation-name: "rollOut";
    animation-name: "rollOut"
}

.wpb_start_animation.vckit-anim-zoomIn {
    -webkit-animation-name: "zoomIn";
    animation-name: "zoomIn"
}

.wpb_start_animation.vckit-anim-zoomInDown {
    -webkit-animation-name: "zoomInDown";
    animation-name: "zoomInDown"
}

.wpb_start_animation.vckit-anim-zoomInLeft {
    -webkit-animation-name: "zoomInLeft";
    animation-name: "zoomInLeft"
}

.wpb_start_animation.vckit-anim-zoomInRight {
    -webkit-animation-name: "zoomInRight";
    animation-name: "zoomInRight"
}

.wpb_start_animation.vckit-anim-zoomInUp {
    -webkit-animation-name: "zoomInUp";
    animation-name: "zoomInUp"
}

.wpb_start_animation.vckit-anim-slideInDown {
    -webkit-animation-name: "slideInDown";
    animation-name: "slideInDown"
}

.wpb_start_animation.vckit-anim-slideInLeft {
    -webkit-animation-name: "slideInLeft";
    animation-name: "slideInLeft"
}

.wpb_start_animation.vckit-anim-slideInRight {
    -webkit-animation-name: "slideInRight";
    animation-name: "slideInRight"
}

.wpb_start_animation.vckit-anim-slideInUp {
    -webkit-animation-name: "slideInUp";
    animation-name: "slideInUp"
}

.wpb_start_animation.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.wpb_start_animation.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.wpb_start_animation.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

a.vckit-imsw-link {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

a.vckit-imsw-link:focus,
a.vckit-imsw-link:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.imsw-container {
    position: relative;
    height: auto;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.imsw-container .imsw-af-img,
.imsw-container .imsw-bf-img {
    width: 100%;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.imsw-container .imsw-bf-img {
    display: block;
    position: relative;
    height: auto
}

.imsw-container .imsw-af-img {
    position: absolute;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.imsw-container[data-hover-style=fade] .imsw-af-img {
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute
}

.imsw-container[data-hover-style=fade]:hover .imsw-bf-img {
    opacity: 0
}

.imsw-container[data-hover-style=fade]:hover .imsw-af-img {
    opacity: 1;
    z-index: 9
}

.imsw-container[data-hover-style=slide-downward],
.imsw-container[data-hover-style=slide-leftward],
.imsw-container[data-hover-style=slide-rightward],
.imsw-container[data-hover-style=slide-upward] {
    overflow: hidden
}

.imsw-container[data-hover-style=slide-rightward] .imsw-af-img {
    position: absolute;
    top: 0;
    left: -100%
}

.imsw-container[data-hover-style=slide-rightward]:hover .imsw-bf-img {
    margin-left: 100%
}

.imsw-container[data-hover-style=slide-rightward]:hover .imsw-af-img {
    left: 0
}

.imsw-container[data-hover-style=slide-leftward] .imsw-af-img {
    position: absolute;
    top: 0;
    right: -100%
}

.imsw-container[data-hover-style=slide-leftward]:hover .imsw-bf-img {
    margin-left: -100%
}

.imsw-container[data-hover-style=slide-leftward]:hover .imsw-af-img {
    right: 0
}

.imsw-container[data-hover-style=slide-downward] .imsw-af-img {
    position: absolute;
    top: -100%;
    left: 0
}

.imsw-container[data-hover-style=slide-downward]:hover .imsw-af-img,
.imsw-container[data-hover-style=slide-upward]:hover .imsw-af-img {
    top: 0
}

.imsw-container[data-hover-style=slide-upward] .imsw-af-img {
    position: absolute;
    top: 100%;
    left: 0
}

.vckit-imsw-shadow:hover {
    -webkit-box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5);
    box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .5)
}

.vckit-imsw-hidebefore:hover .imsw-bf-img {
    opacity: 0
}

.vckit-image-banner__wrapper {
    position: relative;
    -webkit-box-shadow: 0 11px 25px rgba(0, 0, 0, .05);
    box-shadow: 0 11px 25px rgba(0, 0, 0, .05);
    min-height: 100px
}

.vckit-image-banner__wrapper img {
    display: block;
    width: 100%
}

.vckit-image-banner__wrapper:hover .vckit-image-banner__text {
    -webkit-box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, .6);
    box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, .6);
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s
}

.vckit-image-banner__link {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.vckit-image-banner__text {
    position: absolute;
    bottom: 5%;
    left: -4%;
    padding: 20px 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0;
    background-color: #fff;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.vckit-image-banner__title {
    margin: 0;
    line-height: 1;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #222
}

.vckit-image-banner__subtitle {
    margin: 5px 0 0;
    text-transform: uppercase;
    font-size: 12px
}

.vckit-interactive-notification {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden
}

.ns-box {
    position: fixed;
    background: rgba(42, 45, 50, .85);
    padding: 22px;
    line-height: 1.4;
    z-index: 10000;
    pointer-events: none;
    color: rgba(250, 251, 255, .95);
    font-size: 14px
}

.ns-box.ns-show,
.ns-box.ns-visible {
    pointer-events: auto
}

.ns-box a {
    color: inherit;
    opacity: .7;
    font-weight: 700
}

.ns-box a:focus,
.ns-box a:hover {
    opacity: 1
}

.ns-box p {
    margin: 0
}

.ns-box.ns-type-warning {
    background-color: #f1c40f;
    color: #fff
}

.ns-box.ns-type-error {
    background-color: #e74c3c;
    color: #fff
}

.ns-box.ns-type-success {
    background-color: #3498db;
    color: #fff
}

.ns-box span.fa {
    font-size: 2em
}

.ns-box .ns-content {
    display: inline-block
}

.ns-close {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 4px;
    top: 4px;
    overflow: hidden;
    text-indent: 100%;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ns-close:focus,
.ns-close:hover {
    outline: 0
}

.ns-close::after,
.ns-close::before {
    content: '';
    position: absolute;
    width: 3px;
    height: 60%;
    top: 50%;
    left: 50%;
    background: #6e6e6e
}

.ns-close:hover::after,
.ns-close:hover::before,
.ns-effect-slidetop .ns-close:hover::after,
.ns-effect-slidetop .ns-close:hover::before {
    background: #fff
}

.ns-close::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.ns-close::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.ns-box.ns-bar {
    top: 0;
    left: 0;
    width: 100%
}

.ns-bar .ns-close {
    background: 0 0;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.ns-bar .ns-close::after,
.ns-bar .ns-close::before {
    background: #b7b5b3
}

[class*=" ns-effect-"].ns-bar.ns-hide,
[class^=ns-effect-].ns-bar.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ns-effect-slidetop {
    -webkit-box-shadow: inset 4.5em 0 rgba(0, 0, 0, .6);
    box-shadow: inset 4.5em 0 rgba(0, 0, 0, .6)
}

.ns-effect-slidetop .icon {
    position: absolute;
    display: block;
    font-size: 109%;
    top: 50%;
    left: 0;
    width: 2.2em;
    text-align: center;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.ns-effect-slidetop p {
    padding: 0 3.2em;
    font-size: 1.2em;
    display: inline-block
}

.ns-effect-slidetop .ns-close::after,
.ns-effect-slidetop .ns-close::before {
    width: 2px;
    background: #14151b
}

.ns-effect-slidetop.ns-hide,
.ns-effect-slidetop.ns-show {
    -webkit-animation-name: animSlideTop;
    animation-name: animSlideTop;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-slidetop.ns-show .icon,
.ns-effect-slidetop.ns-show p {
    -webkit-animation-name: animScaleUp;
    animation-name: animScaleUp;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.ns-effect-slidetop.ns-show p {
    -webkit-animation-name: animFade;
    animation-name: animFade
}

.ns-effect-exploader {
    background: #fff;
    color: #7a7264;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ns-effect-exploader .icon {
    position: absolute;
    left: -22px;
    width: 2.2em;
    text-align: center;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.ns-effect-exploader .ns-box-inner {
    position: relative
}

.ns-effect-exploader p {
    padding: .25em 2em .25em 3em
}

.ns-effect-exploader .ns-close:hover::after,
.ns-effect-exploader .ns-close:hover::before {
    background: #98815a
}

.ns-effect-exploader.ns-show {
    -webkit-animation-name: animLoad;
    animation-name: animLoad;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s
}

.ns-effect-exploader.ns-hide,
.ns-effect-flip.ns-hide,
.ns-effect-flip.ns-show {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-exploader.ns-show .ns-box-inner,
.ns-effect-exploader.ns-show .ns-close {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.ns-effect-exploader.ns-show .ns-close {
    -webkit-animation-name: animFade;
    animation-name: animFade
}

.ns-effect-exploader.ns-show .ns-box-inner {
    -webkit-animation-name: animFadeMove;
    animation-name: animFadeMove;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.ns-attached {
    left: 30px;
    max-width: 300px
}

[class*=" ns-effect-"].ns-attached.ns-hide,
[class*=" ns-effect-"].ns-growl.ns-hide,
[class*=" ns-effect-"].ns-other.ns-hide,
[class^=ns-effect-].ns-attached.ns-hide,
[class^=ns-effect-].ns-growl.ns-hide,
[class^=ns-effect-].ns-other.ns-hide {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ns-effect-flip {
    background: #9bd1a2;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    bottom: 0;
    font-size: 1.15em;
    padding: 1.5em;
    max-width: 280px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ns-effect-flip .ns-close::after,
.ns-effect-flip .ns-close::before {
    background: #5a9862
}

.ns-effect-flip .ns-close:hover::after,
.ns-effect-flip .ns-close:hover::before {
    background: #4e8455
}

.ns-effect-flip.ns-hide,
.ns-effect-flip.ns-show {
    -webkit-animation-name: animFlipFront;
    animation-name: animFlipFront
}

.ns-effect-flip.ns-hide {
    -webkit-animation-name: animFlipBack;
    animation-name: animFlipBack
}

.ns-effect-bouncyflip {
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    background: #fff;
    color: #484860;
    top: 0;
    -webkit-box-shadow: 0 13px 10px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 13px 10px -5px rgba(0, 0, 0, .2)
}

.ns-effect-bouncyflip .icon {
    position: absolute;
    display: block;
    top: 2em;
    left: 2em
}

.ns-effect-bouncyflip p {
    padding: .5em .8em .8em 3.5em
}

.ns-effect-bouncyflip .ns-close::after,
.ns-effect-bouncyflip .ns-close::before {
    background: #484860
}

.ns-effect-bouncyflip .ns-close:hover::after,
.ns-effect-bouncyflip .ns-close:hover::before {
    background: #545484
}

.ns-effect-bouncyflip.ns-show {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.ns-effect-bouncyflip.ns-hide {
    -webkit-animation-name: flipInXSimple;
    animation-name: flipInXSimple;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

@media screen and (max-width:25em) {
    .ns-attached {
        left: 30px;
        max-width: none;
        right: 30px
    }
}

.ns-growl {
    top: 30px;
    left: 30px;
    max-width: 300px;
    border-radius: 5px
}

.ns-growl p {
    margin: 0;
    line-height: 1.3
}

.ns-effect-scale {
    background: #67c58f;
    -webkit-box-shadow: 0 25px 10px -15px rgba(0, 0, 0, .05);
    box-shadow: 0 25px 10px -15px rgba(0, 0, 0, .05)
}

.ns-effect-scale a {
    color: #1f8a4c
}

.ns-effect-cornerexpand a:focus,
.ns-effect-cornerexpand a:hover,
.ns-effect-jelly a:focus,
.ns-effect-jelly a:hover,
.ns-effect-scale a:focus,
.ns-effect-scale a:hover {
    color: #fff
}

.ns-effect-scale .ns-close::after,
.ns-effect-scale .ns-close::before {
    background: #1f8a4c
}

.ns-effect-cornerexpand .ns-close:hover::after,
.ns-effect-cornerexpand .ns-close:hover::before,
.ns-effect-genie .ns-close:hover::after,
.ns-effect-genie .ns-close:hover::before,
.ns-effect-jelly .ns-close:hover::after,
.ns-effect-jelly .ns-close:hover::before,
.ns-effect-scale .ns-close:hover::after,
.ns-effect-scale .ns-close:hover::before,
.ns-effect-slide .ns-close:hover::after,
.ns-effect-slide .ns-close:hover::before {
    background: #fff
}

.ns-effect-scale.ns-hide,
.ns-effect-scale.ns-show {
    -webkit-animation-name: animScale;
    animation-name: animScale;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.ns-effect-jelly {
    background: #97d2f1;
    max-width: 280px
}

.ns-effect-jelly a {
    color: #5699bc
}

.ns-effect-jelly .ns-close::after,
.ns-effect-jelly .ns-close::before {
    background: #5699bc
}

.ns-effect-jelly.ns-show {
    -webkit-animation-name: animJelly;
    animation-name: animJelly;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ns-effect-jelly.ns-hide,
.ns-effect-loadingcircle.ns-show .ns-box-inner,
.ns-effect-loadingcircle.ns-show .ns-close {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-slide {
    background: rgba(65, 95, 118, .8);
    top: auto;
    bottom: 30px
}

.ns-effect-slide .ns-close::after,
.ns-effect-slide .ns-close::before {
    background: #333
}

.ns-effect-slide.ns-show {
    -webkit-animation-name: animSlideElastic;
    animation-name: animSlideElastic;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.ns-effect-slide.ns-hide {
    -webkit-animation-name: animSlide;
    animation-name: animSlide;
    -webkit-animation-duration: .25s;
    animation-duration: .25s
}

.ns-effect-genie {
    top: auto;
    bottom: 30px;
    background: #1c2e2d;
    -webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, .2), 2px 4px 6px rgba(0, 0, 0, .5);
    box-shadow: 0 7px 6px rgba(0, 0, 0, .2), 2px 4px 6px rgba(0, 0, 0, .5)
}

.ns-effect-genie .ns-close::after,
.ns-effect-genie .ns-close::before {
    background: #0eada0
}

.ns-effect-genie.ns-hide,
.ns-effect-genie.ns-show {
    -webkit-animation-name: animGenie;
    animation-name: animGenie;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

@media screen and (max-width:25em) {
    .ns-growl {
        top: 10px;
        left: 10px;
        right: 10px;
        max-width: none
    }
    .ns-effect-genie,
    .ns-effect-slide {
        top: auto;
        bottom: 10px
    }
}

.notification-shape {
    position: fixed;
    z-index: 10000
}

.notification-shape svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ns-effect-cornerexpand {
    width: 200px;
    min-height: 200px;
    background: #5a7d98;
    text-align: center;
    position: relative;
    z-index: 100
}

.shape-box {
    top: 0;
    right: 0;
    width: 200px;
    min-height: 200px
}

.shape-box path {
    fill: #3b5163
}

.ns-effect-cornerexpand .icon {
    color: #5a7d98;
    background: #fff;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 65px;
    margin: .5em auto 1.25em;
    border-radius: 50%
}

.ns-effect-cornerexpand .ns-close {
    top: 15px;
    right: 15px
}

.ns-effect-cornerexpand .ns-close::after,
.ns-effect-cornerexpand .ns-close::before {
    background: #3b5163
}

.ns-effect-cornerexpand a {
    color: #3b5163;
    opacity: 1
}

.ns-effect-cornerexpand.ns-hide,
.ns-effect-cornerexpand.ns-show {
    -webkit-animation-name: animScale;
    animation-name: animScale;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-cornerexpand.ns-show {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.ns-effect-loadingcircle {
    width: 250px;
    height: 70px;
    border: 5px solid #fff;
    border-radius: 40px;
    background: #fff;
    font-weight: 700;
    padding: .75em 1.5em 0;
    position: relative;
    z-index: 100
}

.ns-effect-loadingcircle .ns-close {
    border: 2px solid #ddd;
    border-radius: 50%;
    top: 50%;
    right: 15px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.ns-effect-loadingcircle .ns-close::after,
.ns-effect-loadingcircle .ns-close::before {
    background: #ddd
}

.ns-effect-loadingcircle .ns-close:hover::after,
.ns-effect-loadingcircle .ns-close:hover::before {
    background: #72bf7b
}

.ns-effect-loadingcircle .ns-box-inner {
    color: #72bf7b
}

.shape-progress {
    bottom: 40px;
    left: 40px
}

.shape-progress svg {
    width: 70px;
    height: 70px;
    left: 0;
    top: 0;
    z-index: 100
}

.shape-progress path {
    fill: none;
    stroke: #fff;
    stroke-width: 5;
    stroke-dasharray: 204;
    stroke-dashoffset: 204;
    opacity: 0
}

.ns-effect-loadingcircle.ns-show {
    opacity: 0;
    -webkit-animation-name: animResize;
    animation-name: animResize;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-timing-function: cubic-bezier(.25, .25, .4, 1.6);
    animation-timing-function: cubic-bezier(.25, .25, .4, 1.6)
}

.ns-effect-loadingcircle.ns-show+svg path {
    -webkit-animation: animDash 3s;
    animation: animDash 3s
}

.ns-effect-loadingcircle.ns-hide {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    opacity: 1
}

.ns-effect-loadingcircle.ns-show .ns-box-inner,
.ns-effect-loadingcircle.ns-show .ns-close {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s
}

.ns-effect-boxspinner {
    width: 250px;
    height: 90px;
    top: 30px;
    left: 30px;
    background: #5699bc;
    font-weight: 700;
    border-radius: 5px;
    outline: 1px solid transparent
}

.ns-effect-boxspinner .ns-close::after,
.ns-effect-boxspinner .ns-close::before {
    background: #27546c
}

.ns-effect-boxspinner .ns-close:hover::after,
.ns-effect-boxspinner .ns-close:hover::before {
    background: #fff
}

.ns-effect-boxspinner a {
    color: #27546c
}

.ns-effect-boxspinner a:hover {
    color: #fff
}

.ns-effect-boxspinner .ns-box-inner,
.ns-effect-boxspinner .ns-close {
    opacity: 0
}

.ns-effect-boxspinner.ns-show {
    -webkit-animation-name: animFade, animSpin, animExpand;
    animation-name: animFade, animSpin, animExpand;
    -webkit-animation-duration: .9s, 1.2s, .3s;
    animation-duration: .9s, 1.2s, .3s;
    -webkit-animation-delay: 0s, 0s, 2.4s;
    animation-delay: 0s, 0s, 2.4s;
    -webkit-animation-iteration-count: 1, 2, 1;
    animation-iteration-count: 1, 2, 1;
    -webkit-animation-timing-function: ease-in-out, ease, cubic-bezier(.7, 0, .3, 1);
    animation-timing-function: ease-in-out, ease, cubic-bezier(.7, 0, .3, 1);
    -webkit-animation-fill-mode: forwards, forwards, both;
    animation-fill-mode: forwards, forwards, both
}

.ns-effect-boxspinner .ns-box-inner {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ns-effect-boxspinner.ns-hide,
.ns-effect-boxspinner.ns-show .ns-box-inner,
.ns-effect-boxspinner.ns-show .ns-close {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s
}

.ns-effect-boxspinner.ns-show .ns-box-inner,
.ns-effect-boxspinner.ns-show .ns-close {
    opacity: 0;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

.ns-effect-boxspinner.ns-hide {
    opacity: 1
}

.ns-effect-thumbslider {
    background: 0 0;
    top: 0
}

.ns-effect-thumbslider .ns-close {
    top: 1.8em;
    right: 1.8em
}

.ns-effect-thumbslider.ns-hide .ns-close,
.ns-effect-thumbslider.ns-hide .ns-content p,
.ns-effect-thumbslider.ns-show .ns-close,
.ns-effect-thumbslider.ns-show .ns-content p {
    -webkit-animation-name: animFade;
    animation-name: animFade;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0
}

.ns-effect-thumbslider.ns-show .ns-close,
.ns-effect-thumbslider.ns-show .ns-content p {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.ns-effect-thumbslider.ns-hide .ns-close,
.ns-effect-thumbslider.ns-hide .ns-content p {
    -webkit-animation-direction: reverse;
    animation-direction: reverse
}

.ns-effect-thumbslider .ns-close::after,
.ns-effect-thumbslider .ns-close::before {
    background: #ddd;
    width: 2px
}

.ns-effect-thumbslider .ns-close:hover::after,
.ns-effect-thumbslider .ns-close:hover::before {
    background: #aaa
}

.ns-effect-thumbslider .ns-box-inner,
body.noscroll {
    overflow: hidden
}

.ns-effect-thumbslider .ns-thumb {
    position: absolute;
    z-index: 100;
    overflow: hidden
}

.ns-effect-thumbslider .ns-content {
    background: #fff;
    color: #727275;
    font-weight: 700;
    padding: 0 40px 0 80px;
    height: 64px;
    line-height: 60px
}

.ns-effect-thumbslider.ns-hide .ns-content,
.ns-effect-thumbslider.ns-show .ns-content {
    -webkit-animation-name: animSlide;
    animation-name: animSlide;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
    animation-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.ns-effect-thumbslider.ns-show .ns-content {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.ns-effect-thumbslider.ns-hide .ns-content {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.ns-effect-thumbslider.ns-hide .ns-thumb,
.ns-effect-thumbslider.ns-show .ns-thumb {
    -webkit-animation-name: animJelly;
    animation-name: animJelly;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.ns-effect-thumbslider.ns-hide .ns-thumb {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.vckit-row {
    position: relative
}

.vckit-row .wpb_column {
    z-index: 1
}

.vckit-row-mouse-follow {
    position: absolute!important;
    top: -15px;
    left: -15px;
    bottom: -15px;
    right: -15px
}

.vckit-row-bg-map,
.vckit-row-overlay,
.vckit-row-particles,
.vckit-row-tilt-image {
    position: absolute!important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.vckit-row-tilt-image .tilt {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.vckit-row-tilt-image .tilt__back,
.vckit-row-tilt-image .tilt__front {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.vckit-row-tilt-image .tilt__back {
    position: relative
}

.vckit-row-tilt-image .tilt__front {
    position: absolute;
    top: 0;
    left: 0
}

.vckit-row-bg-map,
.vckit-row-particles {
    z-index: 1
}

.vckit-row-color-blue {
    background: #3f51b5;
    color: #fff
}

.vckit-row-color-turquoise {
    background: #92d9c7;
    color: #fff
}

.vckit-row-color-pink {
    background: #f66;
    color: #ffe7db
}

.vckit-row-color-red {
    background: #f44336;
    color: #fff
}

.vckit-row-color-grey {
    background: #ebebeb;
    color: #000
}

.vckit-row-color-dark-grey {
    background: #333;
    color: #fff
}

.vckit-row-color-black {
    background: #000;
    color: #fff
}

.vckit-row-color-white {
    background: #fff
}

.vckit-row-color-vista-blue {
    background: #3992fd;
    color: #fff
}

.vckit-row-color-green {
    background: #62ea80;
    color: #62ea80
}

.vckit-row-color-vista-green {
    background: #b7f372;
    color: #4a4244
}

.vckit-row-color-ubax {
    background: #e9eae5;
    color: #31312f
}

.vckit-row-color-shamso {
    background: #93b1c5;
    color: #ff98bb
}

.vckit-row-color-maxamed {
    background: #78b395;
    color: #fff
}

.vckit-row-color-hagos {
    background: #92d9c7;
    color: #fff
}

.vckit-row-color-magool {
    background: #b5bf4b;
    color: #fff
}

.vckit-row-color-beca {
    background: #a7a7a7;
    color: #ffeb3b
}

.vckit-row-color-meklit {
    background: #27272b;
    color: #fff
}

.vckit-row-color-timiro {
    background: #eae096;
    color: #ff5722
}

.vckit-row-color-mariame {
    background: #a9a9d4;
    color: #5050b9
}

.vckit-row-color-desta {
    background: #1e1b2c;
    color: #fff
}

.vckit-row-color-aman {
    background: #f7f5ed;
    color: #d6856d
}

.vckit-row-color-kafa {
    background: #d2f1ca;
    color: #e54f4f
}

.vckit-row-color-ayana {
    background: #738aa0;
    color: #fffefd
}

.vckit-row-color-light-grey {
    background: #eceff1;
    color: #37474f
}

.vckit-row-color-light-blue {
    background: #7986cb;
    color: #eceff1
}

.vckit-row-color-light-black {
    background: #37474f;
    color: #fff
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30
}

.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-horizontal .twentytwenty-handle:before {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-overlay {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.twentytwenty-after-label,
.twentytwenty-before-label {
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.twentytwenty-after-label:before,
.twentytwenty-before-label:before {
    color: #fff;
    font-size: 13px;
    letter-spacing: .1em;
    position: absolute;
    background: rgba(255, 255, 255, .2);
    line-height: 38px;
    padding: 0 20px;
    border-radius: 2px;
    content: attr(data-text)
}

.twentytwenty-horizontal .twentytwenty-after-label:before,
.twentytwenty-horizontal .twentytwenty-before-label:before {
    top: 50%;
    margin-top: -19px
}

.twentytwenty-vertical .twentytwenty-after-label:before,
.twentytwenty-vertical .twentytwenty-before-label:before {
    left: 50%;
    margin-left: -45px;
    text-align: center;
    width: 90px
}

.twentytwenty-down-arrow,
.twentytwenty-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-down-arrow,
.twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

.twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block
}

.twentytwenty-container.active .twentytwenty-overlay,
.twentytwenty-container.active:hover.twentytwenty-overlay {
    background: 0 0
}

.twentytwenty-container,
.twentytwenty-container * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.twentytwenty-after-label,
.twentytwenty-before-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-after-label,
.twentytwenty-container.active:hover.twentytwenty-overlay .twentytwenty-before-label {
    opacity: 0
}

.twentytwenty-horizontal .twentytwenty-before-label:before {
    left: 10px
}

.twentytwenty-horizontal .twentytwenty-after-label:before {
    right: 10px
}

.twentytwenty-vertical .twentytwenty-before-label:before {
    top: 10px
}

.twentytwenty-vertical .twentytwenty-after-label:before {
    bottom: 10px
}

.twentytwenty-overlay {
    -webkit-transition-property: background;
    transition-property: background;
    background: 0 0;
    z-index: 25
}

.twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, .5)
}

.twentytwenty-overlay:hover .twentytwenty-after-label,
.twentytwenty-overlay:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 1000px;
    -webkit-box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 0 12px rgba(51, 51, 51, .5);
    z-index: 40;
    cursor: pointer
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    -webkit-box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    -webkit-box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 0 -3px 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    -webkit-box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: 3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    -webkit-box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5);
    box-shadow: -3px 0 0 #fff, 0 0 12px rgba(51, 51, 51, .5)
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

a.vckit-btn:focus,
a.vckit-btn:hover {
    text-decoration: none
}

.vckit-btn {
    position: relative;
    z-index: 1;
    vertical-align: middle;
    min-width: 150px;
    display: inline-block;
    float: none!important;
    padding: 1em 2em;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0;
    color: inherit;
    outline: 0;
    line-height: 1em;
    text-align: center;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vckit-btn:focus {
    outline: 0
}

.vckit-btn *,
.vckit-btn:after,
.vckit-btn:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-btn .button__icon,
.vckit-btn span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 1
}

.vckit-btn .button__icon {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    vertical-align: middle;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.vckit-btn .button__icon+span {
    padding-left: .4em
}

.vckit-btn:after,
.vckit-btn:before {
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.vckit-btn:after {
    content: '';
    z-index: -1;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute
}

.vckit-btn:before {
    line-height: 1;
    position: relative
}

.vckit-btn.button--size-s {
    font-size: 14px
}

.vckit-btn.button--size-m {
    font-size: 16px
}

.vckit-btn.button--size-l {
    font-size: 18px
}

.vckit-btn.button--text-upper {
    letter-spacing: 2px;
    text-transform: uppercase
}

.vckit-btn.button--text-thin {
    font-weight: 300
}

.vckit-btn.button--text-medium {
    font-weight: 500
}

.vckit-btn.button--text-thick {
    font-weight: 600
}

.vckit-btn.button--round-s {
    border-radius: 5px
}

.vckit-btn.button--round-m {
    border-radius: 15px
}

.vckit-btn.button--round-l,
.vckit-btn.button--round-l:before {
    border-radius: 40px
}

.vckit-btn.button--border-thin {
    border: 1px solid
}

.vckit-btn.button--border-medium {
    border: 2px solid
}

.vckit-btn.button--border-thick {
    border: 3px solid
}

.vckit-btn.button--block {
    display: block;
    width: 100%
}

.vckit-btn-container {
    font-size: 14px;
    display: block;
    max-width: 100%
}

.vckit-btn-container.vckit-btn-inline {
    display: inline-block;
    vertical-align: top
}

.vckit-btn-container.vckit-btn-inline+.vckit-btn-inline {
    margin-left: 10px
}

@media only screen and (max-width:480px) {
    .vckit-btn-container.vckit-btn-inline+.vckit-btn-inline {
        margin-left: 0
    }
}

.vckit-btn-container.vckit-btn-center {
    text-align: center
}

.vckit-btn-container.vckit-btn-left {
    text-align: left
}

.vckit-btn-container.vckit-btn-right {
    text-align: right
}

.button--antiman {
    background: 0 0;
    border: 0;
    height: 60px;
    border-color: transparent!important;
    background-color: transparent!important
}

.button--antiman.button--inverted,
.button--antiman.button--inverted-alt {
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--antiman>span {
    padding-left: .35em
}

.button--antiman::after,
.button--antiman::before {
    content: '';
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--antiman::before {
    border: 2px solid #37474f;
    opacity: 0;
    -webkit-transform: scale3d(1.2, 1.2, 1);
    transform: scale3d(1.2, 1.2, 1)
}

.button--antiman.button--border-thin::before {
    border-width: 1px
}

.button--antiman.button--border-medium::before {
    border-width: 2px
}

.button--antiman.button--border-thick::before {
    border-width: 3px
}

.button--antiman.button--inverted::before {
    border-color: #7986cb
}

.button--antiman.button--inverted-alt::before {
    border-color: #3f51b5
}

.button--antiman.button--inverted::after {
    background: #7986cb
}

.button--antiman.button--inverted-alt::after {
    background: #3f51b5
}

.button--antiman.button--inverted:hover {
    color: #7986cb
}

.button--antiman.button--inverted-alt:hover {
    color: #3f51b5
}

.button--antiman:hover::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--antiman:hover::after {
    opacity: 0;
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1)
}

.vckit-btn.button--aylen {
    background: #fff;
    color: #37474f;
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s
}

.button--aylen.button--inverted {
    background: 0 0;
    color: #fff
}

.button--aylen::after,
.button--aylen::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 100%;
    left: 0;
    z-index: -1;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--aylen::before,
.button--isi {
    background: #7986cb
}

.button--aylen::after {
    background: #3f51b5
}

.button--aylen:hover {
    color: #fff
}

.button--aylen:hover::after,
.button--aylen:hover::before {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--aylen:hover::after {
    -webkit-transition-delay: .175s;
    transition-delay: .175s
}

.button--isi {
    color: #fff;
    overflow: hidden
}

.button--isi::before {
    content: '';
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 100%;
    margin: -15px 0 0 1px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #3f51b5;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scale3d(1, 2, 1);
    transform: scale3d(1, 2, 1);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .9, 1);
    transition-timing-function: cubic-bezier(.7, 0, .9, 1)
}

.button--isi .button__icon {
    vertical-align: top
}

.button--isi:hover::before {
    -webkit-transform: scale3d(9, 9, 1);
    transform: scale3d(9, 9, 1)
}

.button--itzel {
    border: 0;
    padding: 0;
    overflow: hidden;
    width: 255px
}

.button--itzel.vckit-btn {
    border-width: 0;
    background-color: transparent!important
}

.button--itzel .button__icon,
.button--itzel::before {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    position: absolute
}

.button--itzel::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 2px solid;
    border-radius: inherit;
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 35% 100%, 35% 60%, 65% 60%, 65% 100%, 100% 100%, 100% 0%);
    clip-path: url(../index.html#clipBox);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0)
}

.button--itzel.button--border-thin::before {
    border: 1px solid;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0)
}

.button--itzel.button--border-thick::before {
    border: 3px solid;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0)
}

.button--itzel .button__icon {
    top: 100%;
    left: 50%;
    padding: 17px;
    font-size: 20px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0)
}

.button--itzel>span {
    display: block;
    padding: 17px;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.button--itzel:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--itzel:hover .button__icon {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(-50%, -100%, 0);
    transform: translate3d(-50%, -100%, 0)
}

.button--itzel:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.button--moema {
    background: #7986cb;
    color: #fff;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.button--moema.button--inverted {
    background: #eceff1;
    color: #37474f
}

.button--moema::before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    bottom: -20px;
    right: -20px;
    background: inherit;
    z-index: -1;
    opacity: .4;
    -webkit-transform: scale3d(.8, .5, 1);
    transform: scale3d(.8, .5, 1)
}

.button--moema:hover {
    -webkit-transition: background-color .1s .3s, color .1s .3s;
    transition: background-color .1s .3s, color .1s .3s;
    color: #eceff1;
    background-color: #3f51b5;
    -webkit-animation: anim-moema-1 .3s forwards;
    animation: anim-moema-1 .3s forwards
}

.button--moema.button--inverted:hover {
    color: #eceff1;
    background-color: #7986cb
}

.button--moema:hover::before {
    -webkit-animation: anim-moema-2 .3s .3s forwards;
    animation: anim-moema-2 .3s .3s forwards
}

.button--moema.button--round-s:before {
    border-radius: 5px
}

.button--moema.button--round-m:before {
    border-radius: 15px
}

.button--moema.button--round-l:before {
    border-radius: 40px
}

.button--naira {
    padding: 0;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.button--naira::before {
    content: '';
    position: absolute;
    left: -50%;
    width: 200%;
    height: 200%;
    background: #37474f;
    top: -50%;
    z-index: -1;
    -webkit-transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg);
    transform: translate3d(0, -100%, 0) rotate3d(0, 0, 1, -10deg)
}

.button--naira .button__icon,
.button--naira>span {
    padding: 1em 2em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--naira>span {
    display: block
}

.button--naira .button__icon {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    color: #fff;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.button--naira .button__icon+span {
    padding-left: 2em
}

.button--naira:hover {
    background-color: #37474f;
    -webkit-transition: background-color 0s .3s;
    transition: background-color 0s .3s
}

.button--naira:hover .button__icon {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--naira:hover>span {
    opacity: 0
}

.button--naira:hover:before {
    -webkit-animation: anim-naira-1 .3s forwards ease-in;
    animation: anim-naira-1 .3s forwards ease-in
}

.button--naira.button--inverted:before,
.button--nanuk {
    background: #7986cb
}

.button--naira.button--inverted:hover,
.button--nuka.button--inverted:hover::after {
    background-color: #7986cb
}

.button--naira-up::before {
    -webkit-transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg);
    transform: translate3d(0, 100%, 0) rotate3d(0, 0, 1, 10deg)
}

.button--naira-up .button__icon,
.button--naira:hover>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--naira-up:hover::before {
    -webkit-animation: anim-naira-2 .3s forwards ease-in;
    animation: anim-naira-2 .3s forwards ease-in
}

.button--naira-up:hover>span {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.button--nanuk {
    padding: 0 2em;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.button--nanuk.button--inverted {
    background: #fff;
    color: #7986cb
}

.button--nanuk>span {
    display: inline-block;
    padding: 1em 0
}

.button--nanuk:hover {
    background-color: #3f51b5
}

.button--nanuk:hover>span:nth-child(odd) {
    -webkit-animation: anim-nanuk-1 .5s forwards;
    animation: anim-nanuk-1 .5s forwards
}

.button--nanuk:hover>span:nth-child(even) {
    -webkit-animation: anim-nanuk-2 .5s forwards;
    animation: anim-nanuk-2 .5s forwards
}

.button--nanuk:hover>span:nth-child(even),
.button--nanuk:hover>span:nth-child(odd) {
    -webkit-animation-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-animation-function: cubic-bezier(.75, 0, .125, 1)
}

.button--nanuk:hover>span:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.button--nanuk:hover>span:nth-child(2) {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.button--nanuk:hover>span:nth-child(3) {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.button--nanuk:hover>span:nth-child(4) {
    -webkit-animation-delay: .15s;
    animation-delay: .15s
}

.button--nanuk:hover>span:nth-child(5) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.button--nanuk:hover>span:nth-child(6) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s
}

.button--nanuk:hover>span:nth-child(7) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.button--nanuk:hover>span:nth-child(8) {
    -webkit-animation-delay: .35s;
    animation-delay: .35s
}

.button--nanuk:hover>span:nth-child(9) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.button--nanuk:hover>span:nth-child(10) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s
}

.button--nanuk:hover>span:nth-child(11) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.button--nina {
    padding: 0 2em;
    background: #7986cb;
    color: #fff;
    overflow: hidden;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.button--nina.button--inverted {
    background: #fff;
    color: #7986cb
}

.button--nina::before,
.button--nina>span {
    padding: 1em 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--nina>span {
    display: inline-block;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.button--nina::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.button--nina:hover {
    background-color: #3f51b5
}

.button--nina:hover::before {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--nina:hover>span {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--nina:hover>span:nth-child(1) {
    -webkit-transition-delay: .045s;
    transition-delay: .045s
}

.button--nina:hover>span:nth-child(2) {
    -webkit-transition-delay: .09s;
    transition-delay: .09s
}

.button--nina:hover>span:nth-child(3) {
    -webkit-transition-delay: .135s;
    transition-delay: .135s
}

.button--nina:hover>span:nth-child(4) {
    -webkit-transition-delay: .18s;
    transition-delay: .18s
}

.button--nina:hover>span:nth-child(5) {
    -webkit-transition-delay: .225s;
    transition-delay: .225s
}

.button--nina:hover>span:nth-child(6) {
    -webkit-transition-delay: .27s;
    transition-delay: .27s
}

.button--nina:hover>span:nth-child(7) {
    -webkit-transition-delay: .315s;
    transition-delay: .315s
}

.button--nina:hover>span:nth-child(8) {
    -webkit-transition-delay: .36s;
    transition-delay: .36s
}

.button--nina:hover>span:nth-child(9) {
    -webkit-transition-delay: .405s;
    transition-delay: .405s
}

.button--nina:hover>span:nth-child(10) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.button--nina:hover>span:nth-child(11) {
    -webkit-transition-delay: .495s;
    transition-delay: .495s
}

.button--nina:hover>span:nth-child(12) {
    -webkit-transition-delay: .54s;
    transition-delay: .54s
}

.button--nina:hover>span:nth-child(13) {
    -webkit-transition-delay: .585s;
    transition-delay: .585s
}

.button--nina:hover>span:nth-child(14) {
    -webkit-transition-delay: .63s;
    transition-delay: .63s
}

.button--nina:hover>span:nth-child(15) {
    -webkit-transition-delay: .675s;
    transition-delay: .675s
}

.button--nina:hover>span:nth-child(16) {
    -webkit-transition-delay: .72s;
    transition-delay: .72s
}

.button--nina:hover>span:nth-child(17) {
    -webkit-transition-delay: .765s;
    transition-delay: .765s
}

.button--nina:hover>span:nth-child(18) {
    -webkit-transition-delay: .81s;
    transition-delay: .81s
}

.button--nina:hover>span:nth-child(19) {
    -webkit-transition-delay: .855s;
    transition-delay: .855s
}

.button--nina:hover>span:nth-child(20) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

.button--nina:hover>span:nth-child(21) {
    -webkit-transition-delay: .945s;
    transition-delay: .945s
}

.button--nina:hover>span:nth-child(22) {
    -webkit-transition-delay: .99s;
    transition-delay: .99s
}

.button--nina:hover>span:nth-child(23) {
    -webkit-transition-delay: 1.035s;
    transition-delay: 1.035s
}

.button--nina:hover>span:nth-child(24) {
    -webkit-transition-delay: 1.08s;
    transition-delay: 1.08s
}

.button--nina:hover>span:nth-child(25) {
    -webkit-transition-delay: 1.125s;
    transition-delay: 1.125s
}

.button--nina:hover>span:nth-child(26) {
    -webkit-transition-delay: 1.17s;
    transition-delay: 1.17s
}

.button--nina:hover>span:nth-child(27) {
    -webkit-transition-delay: 1.215s;
    transition-delay: 1.215s
}

.button--nina:hover>span:nth-child(28) {
    -webkit-transition-delay: 1.26s;
    transition-delay: 1.26s
}

.button--nina:hover>span:nth-child(29) {
    -webkit-transition-delay: 1.305s;
    transition-delay: 1.305s
}

.button--nina:hover>span:nth-child(30) {
    -webkit-transition-delay: 1.35s;
    transition-delay: 1.35s
}

.button--nina:hover>span:nth-child(31) {
    -webkit-transition-delay: 1.395s;
    transition-delay: 1.395s
}

.button--nina:hover>span:nth-child(32) {
    -webkit-transition-delay: 1.44s;
    transition-delay: 1.44s
}

.button--nina:hover>span:nth-child(33) {
    -webkit-transition-delay: 1.485s;
    transition-delay: 1.485s
}

.button--nina:hover>span:nth-child(34) {
    -webkit-transition-delay: 1.53s;
    transition-delay: 1.53s
}

.button--nina:hover>span:nth-child(35) {
    -webkit-transition-delay: 1.575s;
    transition-delay: 1.575s
}

.button--nina:hover>span:nth-child(36) {
    -webkit-transition-delay: 1.62s;
    transition-delay: 1.62s
}

.button--nina:hover>span:nth-child(37) {
    -webkit-transition-delay: 1.665s;
    transition-delay: 1.665s
}

.button--nina:hover>span:nth-child(38) {
    -webkit-transition-delay: 1.71s;
    transition-delay: 1.71s
}

.button--nina:hover>span:nth-child(39) {
    -webkit-transition-delay: 1.755s;
    transition-delay: 1.755s
}

.button--nina:hover>span:nth-child(40) {
    -webkit-transition-delay: 1.8s;
    transition-delay: 1.8s
}

.button--nuka {
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    background-color: transparent!important;
    border-color: transparent!important
}

.button--nuka.button--inverted {
    color: #37474f
}

.button--nuka::after,
.button--nuka::before {
    content: '';
    position: absolute;
    border-radius: inherit;
    background: #7986cb;
    z-index: -1
}

.button--nuka::before {
    top: -4px;
    bottom: -4px;
    left: -4px;
    right: -4px;
    opacity: .2;
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.button--nuka::after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(1.1, 1, 1);
    transform: scale3d(1.1, 1, 1);
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s
}

.button--nuka::after,
.button--nuka::before {
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--nuka.button--inverted::after,
.button--nuka.button--inverted::before {
    background: #fff
}

.button--nuka:hover {
    color: #fff
}

.button--nuka:hover::before {
    opacity: 1
}

.button--nuka:hover::after {
    background-color: #37474f
}

.button--nuka:hover::after,
.button--nuka:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--pipaluk {
    width: 240px;
    color: #fff
}

.button--pipaluk,
.button--pipaluk:hover {
    background-color: transparent!important;
    border-color: transparent!important
}

.button--pipaluk.button--inverted,
.button--quidel.button--inverted:hover {
    color: #7986cb
}

.button--pipaluk::after,
.button--pipaluk::before {
    content: '';
    border-radius: inherit;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.25, 0, .3, 1);
    transition-timing-function: cubic-bezier(.25, 0, .3, 1)
}

.button--pipaluk::before {
    border: 2px solid #7986cb
}

.button--pipaluk.button--inverted::before {
    border-color: #fff
}

.button--pipaluk::after,
.button--quidel {
    background: #7986cb
}

.button--pipaluk.button--inverted::after {
    background: #fff
}

.button--pipaluk:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--pipaluk::before,
.button--pipaluk:hover::after {
    -webkit-transform: scale3d(.7, .7, 1);
    transform: scale3d(.7, .7, 1)
}

.button--pipaluk:hover::after {
    background-color: #3f51b5
}

.button--pipaluk.button--inverted:hover::after {
    background-color: #fff
}

.button--quidel {
    overflow: hidden;
    -webkit-transition: color .3s;
    transition: color .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    border-width: 0!important;
    background: 0 0
}

.button--quidel.button--inverted {
    background: #fff;
    color: #fff
}

.button--quidel::after,
.button--quidel::before {
    content: '';
    position: absolute;
    z-index: -1;
    border-radius: inherit
}

.button--quidel::after {
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px
}

.button--quidel.button--inverted::after {
    background: #37474f
}

.button--quidel::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--quidel.button--inverted::before {
    background: #7986cb
}

.button--round-s.button--quidel::after {
    border-radius: 3px
}

.button--round-m.button--quidel::after {
    border-radius: 13px
}

.button--round-l.button--quidel::after {
    border-radius: 40px
}

.button--quidel>span {
    padding-left: .35em
}

.button--quidel:hover {
    color: #37474f
}

.button--quidel:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--quidel.button--border-thin {
    border: 0
}

.button--rayen {
    overflow: hidden;
    padding: 0;
    width: 230px
}

.button--rayen.button--inverted,
.button--sacnite.button--inverted:hover {
    color: #fff
}

.button--rayen::before,
.button--rayen>span {
    padding: 1em 2em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--rayen::before {
    content: attr(data-text);
    background: #7986cb;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.button--rayen.button--inverted::before {
    background: #fff;
    color: #37474f
}

.button--rayen>span {
    display: block
}

.button--rayen:hover::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--rayen:hover>span {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--sacnite {
    width: 70px;
    height: 70px;
    min-width: 0;
    padding: 0;
    color: #fff;
    -webkit-transition: color .3s;
    transition: color .3s
}

.button--sacnite.vckit-btn {
    border-width: 0
}

.button--sacnite.button--inverted {
    color: #37474f
}

.button--rayen::before,
.button--sacnite::before,
.button--saqui::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.button--sacnite::before {
    content: '';
    border-radius: inherit;
    z-index: -1;
    -webkit-box-shadow: inset 0 0 0 35px #37474f;
    box-shadow: inset 0 0 0 35px #37474f;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
    -webkit-transition: -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: box-shadow .3s, transform .3s;
    transition: box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -webkit-transform .3s
}

.button--sacnite.button--inverted::before {
    -webkit-box-shadow: inset 0 0 0 35px #fff;
    box-shadow: inset 0 0 0 35px #fff
}

.button--sacnite .button__icon {
    font-size: 22px;
    width: 22px
}

.button--sacnite>span {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

.button--sacnite:hover {
    color: #37474f;
    background-color: transparent!important
}

.button--sacnite:hover::before {
    -webkit-box-shadow: inset 0 0 0 2px #37474f;
    box-shadow: inset 0 0 0 2px #37474f;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--sacnite.button--inverted:hover::before {
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.button--sacnite.button--round-l {
    border-radius: 50%
}

.vckit-btn.button--saqui {
    overflow: hidden;
    color: #fff;
    background: #37474f;
    -webkit-transition: background-color .3s ease-in, color .3s ease-in;
    transition: background-color .3s ease-in, color .3s ease-in
}

.button--saqui.button--inverted {
    background: #fff;
    color: #37474f
}

.button--saqui::after {
    content: attr(data-text);
    padding: 1em 2em;
    color: #37474f;
    font-weight: inherit;
    -webkit-transform-origin: -25% 50%;
    transform-origin: -25% 50%;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transition: -webkit-transform .3s ease-in;
    transition: transform .3s ease-in;
    transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.button--saqui.button--inverted::after {
    color: #fff
}

.button--saqui:hover,
.button--saqui:hover::after {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.button--saqui:hover {
    background-color: #7986cb;
    color: #7986cb
}

.button--saqui:hover::after {
    z-index: 10;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
}

.button--saqui.button--inverted:hover {
    background-color: #3f51b5;
    color: #3f51b5
}

.vckit-btn.button--shikoba {
    padding: 1em 30px 1em 50px;
    overflow: hidden;
    background: #fff;
    color: #37474f;
    border-color: #37474f;
    -webkit-transition: background-color .3s, border-color .3s, color .3s;
    transition: background-color .3s, border-color .3s, color .3s
}

.button--shikoba.button--inverted {
    color: #fff;
    background: #7986cb
}

.button--shikoba>span,
.button--tamaya::after,
.button--tamaya::before {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.button--shikoba .button__icon,
.button--shikoba>span {
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1)
}

.button--shikoba>span {
    display: inline-block;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.button--shikoba .button__icon {
    position: absolute;
    left: 20px;
    font-size: 18px;
    -webkit-transform: translate3d(-40px, 2.5em, 0);
    transform: translate3d(-40px, 2.5em, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.button--shikoba .button__icon+span {
    padding-left: 0
}

.button--shikoba:hover {
    background: #3f51b5;
    border-color: #3f51b5;
    color: #fff
}

.button--shikoba:hover .button__icon,
.button--shikoba:hover>span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--tamaya {
    overflow: hidden;
    color: #7986cb;
    min-width: 180px
}

.button--tamaya.button--inverted {
    color: #37474f;
    border-color: #37474f
}

.button--tamaya::after,
.button--tamaya::before {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background: #7986cb;
    color: #fff;
    overflow: hidden;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--tamaya.button--inverted::after,
.button--tamaya.button--inverted::before {
    background: #fff;
    color: #37474f
}

.button--tamaya::before {
    top: 0;
    padding-top: 1em
}

.button--tamaya::after {
    bottom: 0;
    line-height: 0
}

.button--tamaya>span {
    display: block;
    -webkit-transform: scale3d(.2, .2, 1);
    transform: scale3d(.2, .2, 1);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.button--tamaya:hover::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.button--tamaya:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.button--tamaya:hover>span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.button--tamaya.vckit-btn.button--round-l:before,
.button--tamaya.vckit-btn.button--round-m:before,
.button--tamaya.vckit-btn.button--round-s:before {
    border-radius: 0
}

.button--tamaya>span,
.button--ujarak,
.button--ujarak::before {
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--ujarak {
    -webkit-transition: border-color .4s, color .4s;
    transition: border-color .4s, color .4s
}

.button--ujarak::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #37474f;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale3d(.7, 1, 1);
    transform: scale3d(.7, 1, 1);
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: transform .4s, opacity .4s;
    transition: transform .4s, opacity .4s, -webkit-transform .4s
}

.button--ujarak.button--round-s::before {
    border-radius: 2px
}

.button--ujarak.button--inverted::before {
    background: #7986cb
}

.button--ujarak:hover {
    color: #fff;
    border-color: #37474f
}

.button--ujarak.button--inverted:hover {
    color: #37474f;
    border-color: #fff
}

.button--ujarak:hover::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-btn.button--wapasha {
    background: #37474f;
    color: #fff;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.button--wapasha.button--inverted {
    background: #fff;
    color: #37474f
}

.button--wapasha::before,
.button--wayra::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1
}

.button--wapasha::before {
    border: 2px solid #3f51b5;
    border-radius: inherit;
    opacity: 0;
    -webkit-transform: scale3d(.6, .6, 1);
    transform: scale3d(.6, .6, 1);
    -webkit-transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    transition-timing-function: cubic-bezier(.75, 0, .125, 1);
    width: 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.button--wapasha.button--inverted::before {
    border-color: #7986cb
}

.button--wapasha:hover {
    background-color: #fff;
    color: #3f51b5
}

.button--wapasha.button--inverted:hover {
    background-color: #37474f;
    color: #7986cb
}

.button--wapasha:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1
}

.button--wayra {
    overflow: hidden;
    width: 245px;
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s
}

.button--wayra::before {
    width: 150%;
    background: #37474f;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: opacity .3s, background-color .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s, background-color .3s;
    transition: transform .3s, opacity .3s, background-color .3s, -webkit-transform .3s
}

.button--wayra:hover {
    color: #fff;
    border-color: #3f51b5
}

.button--wayra.button--inverted:hover {
    color: #3f51b5;
    border-color: #fff
}

.button--wayra:hover::before {
    opacity: 1;
    background-color: #3f51b5;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
}

.button--wayra.button--inverted:hover::before {
    background-color: #fff
}

.button--wayra,
.button--wayra:hover::before,
.button--winona,
.button--winona::after,
.button--winona>span {
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.button--winona {
    overflow: hidden;
    -webkit-transition: border-color .3s, background-color .3s;
    padding: 0;
    transition: border-color .3s, background-color .3s
}

.button--winona::after,
.button--winona>span {
    padding: 1em 2em;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.button--winona::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    color: #3f51b5;
    -webkit-transform: translate3d(0, 25%, 0);
    transform: translate3d(0, 25%, 0);
    font-weight: inherit
}

.button--winona>span {
    display: block
}

.button--winona.button--inverted {
    color: #7986cb
}

.button--winona.button--inverted:after {
    color: #fff
}

.button--winona:hover {
    border-color: #3f51b5;
    background-color: rgba(63, 81, 181, .1)
}

.button--winona.button--inverted:hover {
    border-color: #21333c;
    background-color: #21333c
}

.button--winona:hover::after,
.vckit-heading-effect .link--surinami:hover span::after,
.vckit-heading-effect .link--surinami:hover span::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.button--winona:hover>span {
    opacity: 0;
    -webkit-transform: translate3d(0, -25%, 0);
    transform: translate3d(0, -25%, 0)
}

.vckit-checklist-list,
.vckit-interactive-nav ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.vckit-checklist-list li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 1.5
}

.vckit-checklist-list i {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.5
}

.vckit-circle-counter-wrapper {
    position: relative;
    text-align: center
}

.vckit-circle-counter-wrapper .vckit-circle-counter {
    position: relative
}

.vckit-circle-counter-wrapper .vckit-circle-counter-title {
    margin-top: 20px
}

.vckit-countdown:after,
.vckit-countdown:before {
    content: " ";
    display: table
}

.vckit-countdown:after {
    clear: both
}

.vckit-countdown .vckit-countdown-val {
    text-align: center;
    float: left;
    padding: 0 10px
}

.vckit-countdown .vckit-countdown-val .vckit-countdown-val-number {
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    padding-top: 10px;
    padding-bottom: 10px
}

.vckit-countdown .vckit-countdown-val .vckit-countdown-val-unit {
    font-size: 15px;
    padding: 5px 5px 10px;
    margin-bottom: 35px
}

.vckit-countdown.vckit-countdown-p1 .vckit-countdown-val {
    width: 25%
}

.vckit-countdown.vckit-countdown-p2 .vckit-countdown-val {
    width: 20%
}

.vckit-countdown.vckit-countdown-p3 .vckit-countdown-val,
.vckit-countdown.vckit-countdown-p4 .vckit-countdown-val {
    width: 16.66667%
}

.vckit-countdown.vckit-countdown-p5 .vckit-countdown-val {
    width: 14.28571%
}

.vckit-countdown.vckit-countdown-s2 {
    color: #d0d6d6
}

.vckit-countdown.vckit-countdown-s3 .vckit-countdown-val-number,
.vckit-countdown.vckit-countdown-s3 .vckit-countdown-val-unit {
    background-color: #222;
    color: #fff
}

.vckit-countdown.vckit-countdown-s4 .vckit-countdown-val-number {
    background-color: #444;
    color: #fff
}

.vckit-countdown.vckit-countdown-s4 .vckit-countdown-val-unit {
    background-color: #1fbdf2;
    color: #fff
}

.vckit-countdown.vckit-countdown-s5 .vckit-countdown-val-number {
    background-color: #f3f3f3;
    color: #1fbdf2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px
}

.vckit-countdown.vckit-countdown-s5 .vckit-countdown-val-unit {
    background-color: #f3f3f3;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px
}

.vckit-countdown.vckit-countdown-s6 .vckit-countdown-val-number {
    background-color: #f1f1f1;
    border-top: 2px solid #1abc9c;
    border-left: 2px solid #1abc9c;
    border-right: 2px solid #1abc9c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.vckit-countdown.vckit-countdown-s6 .vckit-countdown-val-unit {
    background-color: #f1f1f1;
    border-bottom: 2px solid #1abc9c;
    border-left: 2px solid #1abc9c;
    border-right: 2px solid #1abc9c;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.vckit-countdown.vckit-countdown-s7 .vckit-countdown-val-number {
    color: #1abc9c;
    border-top: 3px dashed #1abc9c;
    border-left: 3px dashed #1abc9c;
    border-right: 3px dashed #1abc9c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px
}

.vckit-countdown.vckit-countdown-s7 .vckit-countdown-val-unit {
    border-bottom: 3px dashed #1abc9c;
    border-left: 3px dashed #1abc9c;
    border-right: 3px dashed #1abc9c;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.vckit-countdown.vckit-countdown-s8 .vckit-countdown-val-number {
    color: #fff;
    background-color: #353535;
    border-radius: 10px
}

.vckit-countdown.vckit-countdown-s8 .vckit-countdown-val-unit {
    color: #353535;
    font-weight: 700
}

.vckit-countdown.vckit-countdown-s9 .vckit-countdown-val-number {
    font-size: 60px;
    font-weight: 100;
    color: #1abc9c
}

.vckit-countdown.vckit-countdown-s9 .vckit-countdown-val-unit {
    font-size: 13px
}

.vckit-counter {
    position: block;
    margin: 0;
    padding: 10px;
    text-align: center
}

.vckit-counter-caption,
.vckit-counter-value {
    margin-top: 20px
}

.vckit-separator {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.vckit-separator .vc_icon_element {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .35s, transform .35s;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s;
    z-index: 10
}

.vckit-separator .vc_sep_holder_l .vc_sep_line {
    float: right
}

.vckit-separator .vc_icon_element.vc_icon_element-outer .vc_icon_element-style-diamond {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vckit-separator .vc_icon_element.vc_icon_element-outer .vc_icon_element-style-diamond .vc_icon_element-icon {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg)
}

.vckit-separator.vc_separator .vc_sep_holder .vc_sep_line {
    width: 0;
    -webkit-transition: width .5s ease-out .35s;
    transition: width .5s ease-out .35s
}

.vckit-separator.vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder {
    width: 50%
}

.vckit-separator.vc_separator.vc_separator_no_text:not(.vc_sep_shadow) .vc_sep_holder_r {
    display: block
}

.vckit-separator.wpb_start_animation {
    opacity: 1
}

.vckit-separator.wpb_start_animation .vc_icon_element {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.vckit-separator.wpb_start_animation.vc_separator .vc_sep_holder .vc_sep_line {
    width: 100%
}

.legocreative-gmaps.blue .gm-style-iw {
    border-color: rgba(72, 133, 237, .4)
}

.legocreative-gmaps.blue .lgm-iw-head {
    background-color: #4885ed
}

.legocreative-gmaps.blue .lgm-arrow-shadow {
    border-top-color: rgba(72, 133, 237, .1)!important
}

.legocreative-gmaps.blue .lgm-arrow,
.lgm-arrow div div {
    -webkit-box-shadow: 0 1px 2px rgba(72, 133, 237, .6)!important;
    box-shadow: 0 1px 2px rgba(72, 133, 237, .6)!important
}

.legocreative-gmaps.red .gm-style-iw {
    border-color: rgba(219, 50, 54, .4)
}

.legocreative-gmaps.red .lgm-iw-head {
    background-color: #db3236
}

.legocreative-gmaps.red .lgm-arrow-shadow {
    border-top-color: rgba(219, 50, 54, .1)!important
}

.legocreative-gmaps.red .lgm-arrow {
    -webkit-box-shadow: 0 1px 2px rgba(219, 50, 54, .6)!important;
    box-shadow: 0 1px 2px rgba(219, 50, 54, .6)!important
}

.legocreative-gmaps.yellow .gm-style-iw {
    border-color: rgba(244, 194, 13, .4)
}

.legocreative-gmaps.yellow .lgm-iw-head {
    background-color: #f4c20d
}

.legocreative-gmaps.yellow .lgm-arrow-shadow {
    border-top-color: rgba(244, 194, 13, .1)!important
}

.legocreative-gmaps.yellow .lgm-arrow {
    -webkit-box-shadow: 0 1px 2px rgba(244, 194, 13, .6)!important;
    box-shadow: 0 1px 2px rgba(244, 194, 13, .6)!important
}

.legocreative-gmaps.green .gm-style-iw {
    border-color: rgba(60, 186, 84, .4)
}

.legocreative-gmaps.green .lgm-iw-head {
    background-color: #3cba54
}

.legocreative-gmaps.green .lgm-arrow-shadow {
    border-top-color: rgba(60, 186, 84, .1)!important
}

.legocreative-gmaps.green .lgm-arrow {
    -webkit-box-shadow: 0 1px 2px rgba(60, 186, 84, .6)!important;
    box-shadow: 0 1px 2px rgba(60, 186, 84, .6)!important
}

.legocreative-gmaps a img,
.vckit-grid a img {
    -webkit-box-shadow: none;
    box-shadow: none
}

.legocreative-gm-iw,
.vckit-grid.vckit-grid-samsung .vckit-grid-item .vckit-grid-item-wrap {
    position: relative
}

.legocreative-gm-iw h1,
.legocreative-gm-iw h2,
.legocreative-gm-iw h3,
.legocreative-gm-iw h4,
.legocreative-gm-iw h5,
.legocreative-gm-iw h6 {
    padding: 0;
    margin: 0 0 10px
}

.legocreative-gm-iw p {
    margin-bottom: 5px
}

.legocreative-gm-iw p:empty {
    display: none
}

.legocreative-gmaps .hidden {
    display: none!important
}

.high-layer {
    z-index: 10
}

.gm-style-iw {
    border-radius: 4px!important;
    -webkit-box-shadow: 0 1px 4px -1px rgba(178, 178, 178, .6);
    box-shadow: 0 1px 4px -1px rgba(178, 178, 178, .6);
    width: 360px!important;
    top: 15px!important;
    left: 25px!important;
    background-color: #fff;
    border: 1px solid rgba(72, 133, 237, .4)
}

.gm-style-iw>div:first-child {
    display: block!important
}

.lgm-iw-head {
    padding: 10px;
    background-color: #4885ed
}

.lgm-iw-head h4 {
    padding: 0;
    margin: 0;
    color: #fff
}

.lgm-iw-body {
    padding: 10px;
    max-height: 200px;
    overflow-y: auto
}

.lgm-iw-body:after,
.lgm-iw-body:before {
    content: " ";
    display: table
}

.lgm-iw-body:after {
    clear: both
}

.lgm-arrow-shadow {
    border-top: 24px solid rgba(72, 133, 237, .1)!important
}

.lgm-close {
    border-radius: 2px;
    top: 20px!important;
    right: 30px!important
}

.layout1 .lgm-iw-thumb {
    overflow: hidden;
    position: relative
}

.layout1 .lgm-iw-thumb:after {
    content: '';
    display: block;
    padding-bottom: 42%
}

.layout1 .lgm-iw-thumb .rec-fill,
.layout2 .lgm-iw-thumb .rec-fill,
.layout3 .lgm-iw-thumb .rec-fill {
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.layout1 .lgm-iw-content {
    margin-top: 10px
}

.layout1 .lgm-iw-bottom-gradient {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#FFFFFFFF', GradientType=0);
    position: absolute;
    bottom: 0;
    right: 16px;
    width: 100%;
    height: 25px
}

.layout2 .lgm-iw-body {
    padding: 5px
}

.layout2 .lgm-iw-thumb {
    overflow: hidden;
    position: relative;
    float: left;
    width: 20%
}

.layout2 .lgm-iw-thumb:after,
.layout3 .lgm-iw-thumb:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.layout2 .lgm-iw-content {
    float: left;
    width: 80%;
    padding-left: 10px
}

.layout3 .lgm-iw-body {
    padding: 5px
}

.layout3 .lgm-iw-thumb {
    overflow: hidden;
    position: relative;
    float: right;
    width: 20%
}

.layout3 .lgm-iw-content {
    float: left;
    width: 80%;
    padding-right: 10px;
    text-align: right
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item a,
.vckit-grid.vckit-grid-samsung .vckit-grid-item img {
    display: block;
    outline: 0;
    border: 0
}

.vckit-grid-wrap {
    clear: both;
    margin-bottom: 30px;
    padding: 0;
    overflow: hidden
}

@media only screen and (max-width:767px) {
    .vckit-grid-wrap {
        overflow-x: hidden
    }
}

.vckit-grid-wrap *,
.vckit-grid-wrap:after,
.vckit-grid-wrap:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-grid {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    min-height: 100px
}

.vckit-grid.vckit-grid-gutter-30 {
    margin-right: -30px
}

.vckit-grid.vckit-grid-gutter-30 .vckit-grid-item {
    padding-right: 30px;
    padding-bottom: 30px
}

.vckit-grid.vckit-grid-gutter-29 {
    margin-right: -29px
}

.vckit-grid.vckit-grid-gutter-29 .vckit-grid-item {
    padding-right: 29px;
    padding-bottom: 29px
}

.vckit-grid.vckit-grid-gutter-28 {
    margin-right: -28px
}

.vckit-grid.vckit-grid-gutter-28 .vckit-grid-item {
    padding-right: 28px;
    padding-bottom: 28px
}

.vckit-grid.vckit-grid-gutter-27 {
    margin-right: -27px
}

.vckit-grid.vckit-grid-gutter-27 .vckit-grid-item {
    padding-right: 27px;
    padding-bottom: 27px
}

.vckit-grid.vckit-grid-gutter-26 {
    margin-right: -26px
}

.vckit-grid.vckit-grid-gutter-26 .vckit-grid-item {
    padding-right: 26px;
    padding-bottom: 26px
}

.vckit-grid.vckit-grid-gutter-25 {
    margin-right: -25px
}

.vckit-grid.vckit-grid-gutter-25 .vckit-grid-item {
    padding-right: 25px;
    padding-bottom: 25px
}

.vckit-grid.vckit-grid-gutter-24 {
    margin-right: -24px
}

.vckit-grid.vckit-grid-gutter-24 .vckit-grid-item {
    padding-right: 24px;
    padding-bottom: 24px
}

.vckit-grid.vckit-grid-gutter-23 {
    margin-right: -23px
}

.vckit-grid.vckit-grid-gutter-23 .vckit-grid-item {
    padding-right: 23px;
    padding-bottom: 23px
}

.vckit-grid.vckit-grid-gutter-22 {
    margin-right: -22px
}

.vckit-grid.vckit-grid-gutter-22 .vckit-grid-item {
    padding-right: 22px;
    padding-bottom: 22px
}

.vckit-grid.vckit-grid-gutter-21 {
    margin-right: -21px
}

.vckit-grid.vckit-grid-gutter-21 .vckit-grid-item {
    padding-right: 21px;
    padding-bottom: 21px
}

.vckit-grid.vckit-grid-gutter-20 {
    margin-right: -20px
}

.vckit-grid.vckit-grid-gutter-20 .vckit-grid-item {
    padding-right: 20px;
    padding-bottom: 20px
}

.vckit-grid.vckit-grid-gutter-19 {
    margin-right: -19px
}

.vckit-grid.vckit-grid-gutter-19 .vckit-grid-item {
    padding-right: 19px;
    padding-bottom: 19px
}

.vckit-grid.vckit-grid-gutter-18 {
    margin-right: -18px
}

.vckit-grid.vckit-grid-gutter-18 .vckit-grid-item {
    padding-right: 18px;
    padding-bottom: 18px
}

.vckit-grid.vckit-grid-gutter-17 {
    margin-right: -17px
}

.vckit-grid.vckit-grid-gutter-17 .vckit-grid-item {
    padding-right: 17px;
    padding-bottom: 17px
}

.vckit-grid.vckit-grid-gutter-16 {
    margin-right: -16px
}

.vckit-grid.vckit-grid-gutter-16 .vckit-grid-item {
    padding-right: 16px;
    padding-bottom: 16px
}

.vckit-grid.vckit-grid-gutter-15 {
    margin-right: -15px
}

.vckit-grid.vckit-grid-gutter-15 .vckit-grid-item {
    padding-right: 15px;
    padding-bottom: 15px
}

.vckit-grid.vckit-grid-gutter-14 {
    margin-right: -14px
}

.vckit-grid.vckit-grid-gutter-14 .vckit-grid-item {
    padding-right: 14px;
    padding-bottom: 14px
}

.vckit-grid.vckit-grid-gutter-13 {
    margin-right: -13px
}

.vckit-grid.vckit-grid-gutter-13 .vckit-grid-item {
    padding-right: 13px;
    padding-bottom: 13px
}

.vckit-grid.vckit-grid-gutter-12 {
    margin-right: -12px
}

.vckit-grid.vckit-grid-gutter-12 .vckit-grid-item {
    padding-right: 12px;
    padding-bottom: 12px
}

.vckit-grid.vckit-grid-gutter-11 {
    margin-right: -11px
}

.vckit-grid.vckit-grid-gutter-11 .vckit-grid-item {
    padding-right: 11px;
    padding-bottom: 11px
}

.vckit-grid.vckit-grid-gutter-10 {
    margin-right: -10px
}

.vckit-grid.vckit-grid-gutter-10 .vckit-grid-item {
    padding-right: 10px;
    padding-bottom: 10px
}

.vckit-grid.vckit-grid-gutter-9 {
    margin-right: -9px
}

.vckit-grid.vckit-grid-gutter-9 .vckit-grid-item {
    padding-right: 9px;
    padding-bottom: 9px
}

.vckit-grid.vckit-grid-gutter-8 {
    margin-right: -8px
}

.vckit-grid.vckit-grid-gutter-8 .vckit-grid-item {
    padding-right: 8px;
    padding-bottom: 8px
}

.vckit-grid.vckit-grid-gutter-7 {
    margin-right: -7px
}

.vckit-grid.vckit-grid-gutter-7 .vckit-grid-item {
    padding-right: 7px;
    padding-bottom: 7px
}

.vckit-grid.vckit-grid-gutter-6 {
    margin-right: -6px
}

.vckit-grid.vckit-grid-gutter-6 .vckit-grid-item {
    padding-right: 6px;
    padding-bottom: 6px
}

.vckit-grid.vckit-grid-gutter-5 {
    margin-right: -5px
}

.vckit-grid.vckit-grid-gutter-5 .vckit-grid-item {
    padding-right: 5px;
    padding-bottom: 5px
}

.vckit-grid.vckit-grid-gutter-4 {
    margin-right: -4px
}

.vckit-grid.vckit-grid-gutter-4 .vckit-grid-item {
    padding-right: 4px;
    padding-bottom: 4px
}

.vckit-grid.vckit-grid-gutter-3 {
    margin-right: -3px
}

.vckit-grid.vckit-grid-gutter-3 .vckit-grid-item {
    padding-right: 3px;
    padding-bottom: 3px
}

.vckit-grid.vckit-grid-gutter-2 {
    margin-right: -2px
}

.vckit-grid.vckit-grid-gutter-2 .vckit-grid-item {
    padding-right: 2px;
    padding-bottom: 2px
}

.vckit-grid.vckit-grid-gutter-1 {
    margin-right: -1px
}

.vckit-grid.vckit-grid-gutter-1 .vckit-grid-item {
    padding-right: 1px;
    padding-bottom: 1px
}

.vckit-grid.vckit-grid-gutter-0 {
    margin-right: 0
}

.vckit-grid.vckit-grid-gutter-0 .vckit-grid-item {
    padding-right: 0;
    padding-bottom: 0
}

.vckit-grid a {
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.vckit-grid a:focus,
.vckit-grid a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    text-decoration: none
}

.vckit-grid .vckit-grid-item {
    padding: 0
}

.vckit-grid.loaded {
    background: 0 0
}

.vckit-grid.loaded .vckit-grid-item {
    display: block
}

.vckit-grid.vckit-grid-samsung {
    background: url(../img/loading.gif) no-repeat 50% 100px
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item {
    float: left;
    display: block;
    overflow: hidden;
    text-align: left;
    vertical-align: top
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item h3,
.vckit-grid.vckit-grid-samsung .vckit-grid-item img {
    visibility: hidden
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item a {
    position: relative;
    overflow: hidden;
    margin: 0
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item img {
    width: 100%;
    height: auto
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 20px;
    width: 100%;
    background: #2e3444;
    color: #d3eee2;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 800;
    font-size: 1em;
    -webkit-transition: color .2s, -webkit-transform .2s;
    transition: transform .2s, color .2s;
    transition: transform .2s, color .2s, -webkit-transform .2s
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item a::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100.5%;
    height: 100.5%;
    border: 0 solid transparent;
    background: 0 0;
    content: '';
    -webkit-transition: border-width .2s, border-color .2s;
    transition: border-width .2s, border-color .2s
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item.shown:hover h3 {
    color: #fff;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item.shown:hover a::before {
    border-width: 14px;
    border-color: #2e3444
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item.shown h3,
.vckit-grid.vckit-grid-samsung .vckit-grid-item.shown img {
    visibility: visible
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item.animate .curtain::after {
    -webkit-animation: GridFadeOut 1.5s ease forwards;
    animation: GridFadeOut 1.5s ease forwards;
    -webkit-animation-delay: inherit;
    animation-delay: inherit
}

.vckit-grid.vckit-grid-samsung .vckit-grid-item.animate h3,
.vckit-grid.vckit-grid-samsung .vckit-grid-item.animate img {
    -webkit-animation: GridShowMe 1.5s step-end forwards;
    animation: GridShowMe 1.5s step-end forwards
}

.vckit-grid.vckit-grid-samsung .curtain {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background: #96cdc8
}

.vckit-grid.vckit-grid-samsung.swipe-right .curtain {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.vckit-grid.vckit-grid-samsung.swipe-right .curtain::after {
    left: -100%
}

.vckit-grid.vckit-grid-samsung.swipe-right .vckit-grid-item.animate .curtain {
    -webkit-animation: GridSwipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: GridSwipeRight 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

.vckit-grid.vckit-grid-samsung.swipe-down .curtain {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.vckit-grid.vckit-grid-samsung.swipe-down .curtain::after {
    top: -100%
}

.vckit-grid.vckit-grid-samsung.swipe-down .vckit-grid-item.animate .curtain {
    -webkit-animation: GridSwipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards;
    animation: GridSwipeDown 1.5s cubic-bezier(.6, 0, .4, 1) forwards
}

.vckit-grid.vckit-grid-samsung.swipe-rotate .curtain {
    width: 200%;
    height: 200%;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    -webkit-transform-origin: top left;
    transform-origin: top left
}

.vckit-grid.vckit-grid-samsung.swipe-rotate .curtain::after {
    left: -100%
}

.vckit-grid.vckit-grid-samsung.swipe-rotate .vckit-grid-item.animate .curtain {
    -webkit-animation: GridSwipeRotate 1.5s ease forwards;
    animation: GridSwipeRotate 1.5s ease forwards
}

.vckit-grid.vckit-grid-samsung .curtain::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    content: ''
}

.no-cssanimations .vckit-grid .vckit-grid-item,
.no-js .vckit-grid .vckit-grid-item,
.vckit-grid.vckit-grid-animate .vckit-grid-item.shown {
    opacity: 1
}

.vckit-grid.vckit-grid-animate:not(.vckit-grid-interactive) .vckit-grid-item a,
.vckit-grid.vckit-grid-animate:not(.vckit-grid-interactive) .vckit-grid-item img {
    outline: 0;
    border: 0;
    display: block;
    max-width: 100%
}

.vckit-grid.vckit-grid-animate:not(.vckit-grid-interactive) .vckit-grid-item img {
    width: 100%;
    height: auto
}

.vckit-grid.vckit-grid-animate.vckit-lazyload img {
    min-height: 150px
}

.vckit-grid.vckit-grid-animate .vckit-grid-item {
    opacity: 0
}

.vckit-grid.vckit-grid-animate .vckit-grid-item a {
    display: block
}

.vckit-grid.vckit-grid-animate.effect-1 .vckit-grid-item.animate {
    -webkit-animation: GridFadeIn .65s ease forwards;
    animation: GridFadeIn .65s ease forwards
}

.vckit-grid.vckit-grid-animate.effect-2 .vckit-grid-item.animate {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: GridMoveUp .65s ease forwards;
    animation: GridMoveUp .65s ease forwards
}

.vckit-grid.vckit-grid-animate.effect-3 .vckit-grid-item.animate {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-animation: GridScaleUp .65s ease-in-out forwards;
    animation: GridScaleUp .65s ease-in-out forwards
}

.vckit-grid.vckit-grid-animate.effect-4,
.vckit-grid.vckit-grid-animate.effect-5,
.vckit-grid.vckit-grid-animate.effect-6,
.vckit-grid.vckit-grid-animate.effect-7,
.vckit-grid.vckit-grid-animate.effect-8 {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.vckit-grid.vckit-grid-animate.effect-4 .vckit-grid-item.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    -webkit-animation: GridFallPerspective .8s ease-in-out forwards;
    animation: GridFallPerspective .8s ease-in-out forwards
}

.vckit-grid.vckit-grid-animate.effect-5 .vckit-grid-item.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: GridFly .8s ease-in-out forwards;
    animation: GridFly .8s ease-in-out forwards
}

.vckit-grid.vckit-grid-animate.effect-6 .vckit-grid-item.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: GridFlip .8s ease-in-out forwards;
    animation: GridFlip .8s ease-in-out forwards
}

.vckit-grid.vckit-grid-animate.effect-7 .vckit-grid-item.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: GridHelix .8s ease-in-out forwards;
    animation: GridHelix .8s ease-in-out forwards
}

.vckit-grid.vckit-grid-animate.effect-8 .vckit-grid-item.animate {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-animation: GridPopUp .8s ease-in forwards;
    animation: GridPopUp .8s ease-in forwards
}

.vckit-grid-google {
    list-style: none;
    padding: 20px 0;
    margin: 0 -5px;
    text-align: left
}

.vckit-grid-google li {
    display: inline-block;
    margin-top: 9px;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    float: none
}

.vckit-grid-google li>a,
.vckit-grid-google li>a img {
    border: 0;
    outline: 0;
    display: block;
    position: relative;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-grid-google li>a img {
    width: 100%;
    height: auto
}

.vckit-grid-google li>a:focus,
.vckit-grid-google li>a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.vckit-grid-google li.vckit-google-expanded>a::after {
    top: auto;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #ddd;
    border-width: 15px;
    left: 50%;
    margin: -20px 0 0 -15px
}

.vckit-google-expander {
    position: absolute;
    background: #ddd;
    top: auto;
    left: 15px;
    right: 15px;
    margin-top: 10px;
    text-align: left;
    height: 0;
    overflow: hidden
}

.vckit-google-expander-inner {
    padding: 20px 30px;
    height: 100%
}

.vckit-google-close {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 1000
}

.vckit-google-close::after,
.vckit-google-close::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 50%;
    height: 1px;
    background: #888;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.vckit-google-close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.vckit-google-close:hover::after,
.vckit-google-close:hover::before {
    background: #333
}

.vckit-google-details,
.vckit-google-fullimg {
    width: 50%;
    float: left;
    height: 100%;
    overflow: hidden
}

.vckit-google-details {
    position: relative;
    padding: 0 40px 0 20px
}

.vckit-google-fullimg {
    text-align: center;
    position: relative
}

.vckit-google-fullimg img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.vckit-google-details h3 {
    font-weight: 300;
    font-size: 20px;
    padding: 40px 0 10px;
    margin-bottom: 10px
}

.vckit-google-details p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #999
}

.vckit-google-details a {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 20px;
    border: 3px solid #333;
    display: inline-block;
    margin: 30px 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-google-details a::before {
    content: '\2192';
    display: inline-block;
    margin-right: 10px;
    vertical-align: top
}

.vckit-google-details a:focus,
.vckit-google-details a:hover {
    border-color: #999;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999
}

.vckit-google-loading {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    -webkit-box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    -webkit-animation: loader .5s infinite ease-in-out both;
    animation: loader .5s infinite ease-in-out both
}

@media screen and (max-width:830px) {
    .vckit-google-expander h3 {
        font-size: 32px
    }
    .vckit-google-expander p {
        font-size: 13px
    }
    .vckit-google-expander a {
        font-size: 12px
    }
}

@media screen and (max-width:650px) {
    .vckit-google-fullimg {
        display: none
    }
    .vckit-google-details {
        float: none;
        width: 100%
    }
}

.vckit-grid-magazine:after {
    content: '';
    background: rgba(202, 202, 202, .4);
    opacity: 0;
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

@media screen and (min-width:900px) {
    .vckit-grid-magazine {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.view-single .header {
    position: relative;
    z-index: 1
}

.view-single .vckit-grid-magazine::after {
    opacity: 1
}

.vckit-grid-magazine-wrap .vckit-grid-item {
    position: relative;
    padding: 45px 30px 30px;
    color: inherit;
    background: #fff;
    min-height: 300px;
    cursor: pointer;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:767px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        padding: 45px 25px 30px
    }
}

.vckit-grid-magazine-wrap .vckit-grid-item * {
    z-index: 10
}

.vckit-grid-magazine-wrap .vckit-grid-item .magazine-category {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.vckit-grid-magazine-wrap .vckit-grid-item:focus .meta--preview .meta__avatar,
.vckit-grid-magazine-wrap .vckit-grid-item:hover .meta--preview .meta__avatar {
    -webkit-filter: none;
    filter: none
}

.vckit-grid-magazine-wrap .vckit-grid-item:focus .magazine-title,
.vckit-grid-magazine-wrap .vckit-grid-item:hover .magazine-title {
    color: #222
}

@media only screen and (min-width:768px) {
    .vckit-grid-magazine-wrap .vckit-grid-item:focus:before,
    .vckit-grid-magazine-wrap .vckit-grid-item:hover:before {
        border: 3px solid rgba(129, 196, 131, .5)
    }
}

.vckit-grid-magazine-wrap .vckit-grid-item:before {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid rgba(74, 74, 74, .075);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media only screen and (min-width:768px) {
    .vckit-grid-magazine-wrap .vckit-grid-item:before {
        border: 1px solid rgba(74, 74, 74, .075)
    }
}

@media screen and (min-width:900px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        width: 50%;
        border: 0
    }
    .vckit-grid-magazine-wrap .vckit-grid-item::before {
        top: 5px;
        right: 5px;
        bottom: 5px;
        left: 5px;
        border: 1px solid rgba(74, 74, 74, .075);
        -webkit-transition: opacity .3s;
        transition: opacity .3s
    }
    .vckit-grid-magazine-wrap .vckit-grid-item:focus::before,
    .vckit-grid-magazine-wrap .vckit-grid-item:hover::before {
        border: 3px solid rgba(129, 196, 131, .5)
    }
    .vckit-grid-magazine-wrap .vckit-grid-item--loading.vckit-grid-item::before {
        opacity: 0
    }
}

@media screen and (min-width:1200px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        width: 33.333%
    }
}

@media screen and (min-width:1500px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        width: 25%
    }
}

@media screen and (min-width:1800px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        width: 20%
    }
}

@media screen and (min-width:2100px) {
    .vckit-grid-magazine-wrap .vckit-grid-item {
        width: 16.66%
    }
}

.vckit-grid-magazine-wrap .magazine-title {
    margin: 0;
    font-size: 1.875em;
    text-align: center;
    color: #7b7b7b
}

.vckit-grid-magazine-wrap .magazine-category,
.vckit-grid-magazine-wrap .magazine-loader,
.vckit-grid-magazine-wrap .magazine-title--preview {
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.vckit-grid-magazine-wrap .magazine-title--preview {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.vckit-grid-magazine-wrap .magazine-category,
.vckit-grid-magazine-wrap .magazine-loader {
    position: relative
}

.vckit-grid-magazine-wrap .magazine-loader {
    height: 1px;
    width: 40%;
    background: rgba(0, 0, 0, .1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    margin: 1em auto
}

.vckit-grid-magazine-wrap .magazine-loader::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #a4e7ad;
    left: 0;
    top: -1px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.vckit-grid-magazine-wrap .vckit-grid-item--loading .magazine-loader::before {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-grid-magazine-wrap .vckit-grid-item--loading .meta__avatar,
.vckit-grid-magazine-wrap .vckit-grid-item--loading .meta__date {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    opacity: 0
}

.vckit-grid-magazine-wrap .vckit-grid-item--loading .meta__date {
    -webkit-transition-delay: .17s;
    transition-delay: .17s
}

.vckit-grid-magazine-wrap .vckit-grid-item--loading .meta__reading-time {
    -webkit-transition-delay: .24s;
    transition-delay: .24s;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    opacity: 0
}

.vckit-grid-magazine-wrap .magazine-category {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .95em;
    font-style: italic;
    text-align: center
}

.vckit-grid-magazine-wrap .magazine-category li {
    display: inline
}

.vckit-grid-magazine-wrap .magazine-category li a {
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0
}

.vckit-grid-magazine-wrap .magazine-category li:after {
    content: ','
}

.vckit-grid-magazine-wrap .magazine-category li:last-child:after {
    content: ''
}

.vckit-grid-magazine-wrap .vckit-grid-item--animate .magazine-title--preview {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.vckit-grid-magazine-wrap .vckit-grid-item--animate .magazine-loader {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 0;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

.vckit-grid-magazine-wrap .vckit-grid-item--animate .magazine-category {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    opacity: 0;
    -webkit-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0)
}

.vckit-grid-magazine-wrap .magaine-meta {
    font-size: .765em;
    text-align: left
}

.vckit-grid-magazine-wrap .magaine-meta .fa {
    margin-right: 4px
}

.vckit-grid-magazine-wrap .magaine-meta:before {
    display: table;
    content: ''
}

.vckit-grid-magazine-wrap .magaine-meta:after {
    display: table;
    content: '';
    clear: both
}

.vckit-grid-magazine-wrap .meta__avatar {
    display: block;
    border-radius: 50%;
    margin: 2em auto;
    max-width: 40px
}

.vckit-grid-magazine-wrap .meta--preview .meta__avatar {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.vckit-grid-magazine-wrap .meta--preview .meta__avatar,
.vckit-grid-magazine-wrap .meta--preview .meta__date,
.vckit-grid-magazine-wrap .meta--preview .meta__reading-time {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-grid-magazine-wrap .meta__date {
    display: block;
    float: left;
    color: #aaa
}

.vckit-grid-magazine-wrap .meta__reading-time {
    display: block;
    color: #aaa;
    text-align: right;
    float: right
}

.vckit-grid-magazine-wrap .meta__misc {
    display: block;
    clear: both;
    text-align: left;
    padding: 5px 0
}

.vckit-grid-magazine-wrap .meta__misc--seperator {
    padding: 20px 0 0;
    margin: 65px 0 0;
    border-top: 1px solid #f5f5f5
}

.vckit-grid-magazine-wrap .page-meta {
    background: #fff;
    width: 100%;
    padding: 15px 15px 10px;
    text-align: center;
    font-size: .75em;
    font-weight: 700;
    cursor: default
}

.vckit-grid-magazine-wrap .magazine-placeholder,
.vckit-magazine-content {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
    background: #fff
}

.vckit-grid-magazine-wrap .magazine-placeholder {
    width: 100%;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    height: 100%
}

.vckit-grid-magazine-wrap .magazine-placeholder.placeholder--trans-in {
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.vckit-magazine-content {
    right: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}

.vckit-magazine-content.content--show {
    height: 100vh;
    pointer-events: auto;
    visibility: visible
}

.vckit-magazine-content .scroll-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow-y: scroll
}

.vckit-magazine-content .content__item {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 0;
    opacity: 0;
    padding: 60px 60px 80px;
    pointer-events: none;
    font-size: 16px
}

@media only screen and (max-width:767px) {
    .vckit-magazine-content .content__item {
        padding: 80px 20px 40px
    }
}

.vckit-magazine-content .content__item.content__item--show {
    height: auto;
    min-height: 100vh;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: opacity .6s;
    transition: opacity .6s
}

.vckit-magazine-content .vckit-page-content {
    opacity: 0;
    font-size: 16px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.vckit-magazine-content .vckit-page-content p {
    margin: 1em auto;
    text-align: justify;
    font-size: .85em
}

.vckit-magazine-content .vckit-page-content p:first-of-type {
    font-size: 1em;
    font-weight: 700
}

.vckit-magazine-content .magazine-category--full {
    font-size: 1.25em;
    margin-bottom: 20px;
    color: #81c483;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.vckit-magazine-content .magazine-category--full .post-categories {
    margin: 0;
    padding: 0;
    list-style: none
}

.vckit-magazine-content .magazine-title--full {
    font-size: 2.25em;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.vckit-magazine-content .meta--full {
    font-size: 1em;
    margin: 0 auto 2em;
    max-width: 1200px
}

.vckit-magazine-content .meta--full .meta__author {
    display: block;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
}

.vckit-magazine-content .meta--full .meta__author::before {
    content: 'by ';
    font-weight: 400
}

.vckit-magazine-content .meta--full .meta__category {
    font-style: italic;
    float: left;
    margin: 0 5px
}

.vckit-magazine-content .meta--full .meta__category::before {
    content: "in "
}

.vckit-magazine-content .meta--full .meta__avatar {
    margin: 1em auto
}

.vckit-magazine-content .meta--full .meta__avatar,
.vckit-magazine-content .meta--full .meta__date,
.vckit-magazine-content .meta--full .meta__reading-time {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1)
}

.vckit-magazine-style2 .vckit-magazine-content {
    left: auto;
    right: 0;
    width: 100vw;
    background: #f5f5f5
}

@media only screen and (min-width:768px) {
    .vckit-magazine-style2 .content__item {
        right: 0;
        padding-left: 340px
    }
    .vckit-magazine-style2 .content__item .vckit-page-content {
        margin-top: 3em
    }
}

.vckit-magazine-style2 .content__item p {
    font-size: 1.15em
}

.vckit-magazine-style2 .content__item p:first-of-type {
    font-size: 1.15em;
    font-weight: 700
}

@media only screen and (min-width:768px) {
    .vckit-magazine-style2 .meta--full {
        position: fixed;
        width: 280px;
        height: 100%;
        padding: 5em 30px 15px;
        top: 0;
        left: 0;
        font-size: .85em;
        background: #fff
    }
}

.vckit-magazine-style2 .meta--full .meta__date,
.vckit-magazine-style2 .meta--full .meta__reading-time {
    display: block;
    float: none;
    text-align: center;
    margin-bottom: 10px
}

.vckit-magazine-style2 .magazine-title--preview {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.vckit-magazine-style2 .magazine-loader {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.vckit-magazine-style2 .vckit-grid-item .magazine-category {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.vckit-magazine-style2 .vckit-grid-item--animate .magazine-title--preview {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.vckit-magazine-style2 .vckit-grid-item--animate .magazine-loader {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0)
}

.vckit-magazine-style2 .vckit-grid-item--animate .magazine-category {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

.vckit-magazine-style2 .magazine-category--full,
.vckit-magazine-style2 .magazine-title--full {
    -webkit-transform: translate3d(40px, 0, 0);
    transform: translate3d(40px, 0, 0)
}

.vckit-magazine-style2 .content__item--show .magazine-title--full {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.content__item--show .magazine-category--full {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.content__item--show .magazine-title--full {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.content__item--show .meta--full .meta__avatar {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.content__item--show .magazine-title--full,
.content__item--show .meta--full .meta__author,
.content__item--show .meta--full .meta__avatar,
.content__item--show .meta--full .meta__date,
.content__item--show .meta--full .meta__reading-time {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.content__item--show .meta--full .meta__date,
.content__item--show .meta--full .meta__reading-time {
    -webkit-transition-delay: .27s;
    transition-delay: .27s
}

.content__item--show .meta--full .meta__reading-time {
    -webkit-transition-delay: .34s;
    transition-delay: .34s
}

.content__item--show.content__item .vckit-page-content {
    opacity: 1;
    -webkit-transition: opacity .5s .25s;
    transition: opacity .5s .25s
}

.vckit-magazine-close-button {
    position: absolute;
    border: 0;
    background: 0 0;
    margin: 0;
    z-index: 100;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #ddd;
    cursor: pointer;
    pointer-events: none;
    padding: 20px 30px;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.vckit-magazine-close-button span {
    display: none
}

.vckit-magazine-close-button:focus,
.vckit-magazine-close-button:hover {
    color: #7b7b7b;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.close-button--show {
    opacity: 1;
    pointer-events: auto
}

.vckit-grid-interactive .vckit-grid-item a {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    border: 0
}

.vckit-grid-interactive .vckit-grid-item .effect-hover {
    margin-bottom: 0
}

.svg-hidden {
    position: absolute;
    height: 0;
    width: 0;
    overflow: hidden
}

.vckit-heading-effect {
    z-index: 1;
    position: relative;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0)
}

.vckit-heading-effect .link {
    outline: 0;
    text-decoration: none;
    position: relative;
    font-size: 8em;
    line-height: 1;
    color: #9e9ba4;
    display: inline-block;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-heading-effect .link--kukuri {
    line-height: .75;
    overflow: hidden
}

.vckit-heading-effect .link--kukuri::after {
    content: '';
    position: absolute;
    height: 16px;
    width: 100%;
    top: 50%;
    margin-top: -8px;
    right: 0;
    background-color: #f9f9f9;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.vckit-heading-effect .link--kukuri:hover::after {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.vckit-heading-effect .link--kukuri::before {
    content: attr(data-letters);
    position: absolute;
    width: 0%;
    color: #3b3b3b;
    z-index: 2;
    overflow: hidden;
    white-space: nowrap;
    -webkit-transition: width .4s .3s;
    transition: width .4s .3s
}

.vckit-heading-effect .link--kukuri:hover::before,
.vckit-heading-effect .link--kumya:hover span::before {
    width: 100%
}

.vckit-heading-effect .link--takiri {
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: .4
}

.vckit-heading-effect .link--takiri:hover {
    opacity: 1
}

.vckit-heading-effect .link--surinami::after,
.vckit-heading-effect .link--surinami::before,
.vckit-heading-effect .link--takiri::before {
    content: '';
    z-index: -1;
    position: absolute;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--takiri::before {
    top: 50%;
    margin-top: -18px;
    left: -10%;
    background: #f9f9f9;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(0, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(0, 1, 1);
    height: 36px;
    width: 120%
}

.vckit-heading-effect .link--takiri:hover::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}

.vckit-heading-effect .link--surinami {
    padding: 0 0 .125em
}

.vckit-heading-effect .link--surinami::after,
.vckit-heading-effect .link--surinami::before {
    width: 100%;
    height: 3px;
    background: #3a4945;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.vckit-heading-effect .link--surinami::before {
    right: 0;
    top: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.vckit-heading-effect .link--surinami::after {
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.vckit-heading-effect .link--surinami:hover::after,
.vckit-heading-effect .link--surinami:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-heading-effect .link--surinami span {
    position: relative;
    -webkit-transition: color .5s;
    transition: color .5s
}

.vckit-heading-effect .link--surinami:hover span {
    color: transparent
}

.vckit-heading-effect .link--surinami span::after,
.vckit-heading-effect .link--surinami span::before {
    position: absolute;
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--surinami span::before {
    content: attr(data-letters-l);
    left: 0;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
}

.vckit-heading-effect .link--surinami span::after {
    content: attr(data-letters-r);
    right: 0;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}

.vckit-heading-effect .link--kumya {
    overflow: hidden;
    padding: 10px 10px 0
}

.vckit-heading-effect .link--kumya:hover {
    color: #242424
}

.vckit-heading-effect .link--kumya span::before,
.vckit-heading-effect .link--kumya::after {
    position: absolute;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.vckit-heading-effect .link--kumya::after {
    content: '';
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background: #242424;
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    width: 100%;
    transition: transform .5s
}

.vckit-heading-effect .link--kumya:hover::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-heading-effect .link--kumya span {
    display: block;
    position: relative
}

.vckit-heading-effect .link--kumya span::before {
    content: attr(data-letters);
    color: #fff;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    width: 0%;
    -webkit-transition: width .5s;
    transition: width .5s
}

.vckit-heading-effect .link--urpi {
    -webkit-transition: color 0s .5s;
    transition: color 0s .5s
}

.vckit-heading-effect .link--urpi::after,
.vckit-heading-effect .link--urpi::before {
    content: attr(data-letters);
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transition: color .5s, -webkit-transform .5s;
    transition: color .5s, transform .5s;
    transition: color .5s, transform .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--urpi::before {
    -webkit-clip-path: url(#cp_up);
    clip-path: url(#cp_up)
}

.vckit-heading-effect .link--urpi::after {
    -webkit-clip-path: url(#cp_down);
    clip-path: url(#cp_down)
}

.vckit-heading-effect .link--urpi:hover::after,
.vckit-heading-effect .link--urpi:hover::before {
    color: #fff;
    -webkit-transition: color .5s, -webkit-transform .5s;
    transition: color .5s, transform .5s;
    transition: color .5s, transform .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--urpi:hover::before {
    -webkit-transform: translate3d(4px, 1px, 0);
    transform: translate3d(4px, 1px, 0)
}

.vckit-heading-effect .link--urpi:hover::after {
    -webkit-transform: translate3d(-4px, -1px, 0);
    transform: translate3d(-4px, -1px, 0)
}

.vckit-heading-effect .link--mallki {
    -webkit-transition: color .5s .25s;
    transition: color .5s .25s;
    overflow: hidden
}

.vckit-heading-effect .link--mallki:hover,
.vckit-heading-effect .link--urpi:hover {
    -webkit-transition: none;
    transition: none;
    color: transparent
}

.vckit-heading-effect .link--mallki::before {
    content: '';
    width: 100%;
    height: 6px;
    margin: -3px 0 0;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.vckit-heading-effect .link--mallki:hover::before {
    -webkit-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0)
}

.vckit-heading-effect .link--mallki span {
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden
}

.vckit-heading-effect .link--mallki span::before {
    content: attr(data-letters);
    position: absolute;
    left: 0;
    width: 100%;
    color: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--mallki span:nth-child(2) {
    top: 50%
}

.vckit-heading-effect .link--mallki span:first-child::before {
    top: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.vckit-heading-effect .link--mallki span:nth-child(2)::before {
    bottom: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.vckit-heading-effect .link--mallki:hover span::before {
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-heading-effect .link--manko {
    padding: .65em 0 .8em;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    opacity: .3
}

.vckit-heading-effect .link--manko:hover {
    opacity: 1
}

.vckit-heading-effect .link--manko::after,
.vckit-heading-effect .link--manko::before {
    content: '';
    position: absolute;
    border-width: 4px 0;
    border-style: solid;
    border-color: #fff;
    pointer-events: none;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-heading-effect .link--manko::before {
    width: 50%;
    left: 25%;
    height: 80%;
    top: 10%
}

.vckit-heading-effect .link--manko::after {
    width: 30%;
    left: 35%;
    height: 100%;
    top: 0
}

.vckit-heading-effect .link--manko:hover::after,
.vckit-heading-effect .link--manko:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-heading-effect .link--ilin {
    line-height: .8;
    overflow: hidden
}

.vckit-heading-effect .link--ilin span {
    position: relative;
    display: inline-block;
    -webkit-transition: color .5s;
    transition: color .5s
}

.vckit-heading-effect .link--ilin:hover span:first-of-type {
    color: #fff
}

.vckit-heading-effect .link--ilin:hover span:last-of-type {
    color: #1e1a1b
}

.vckit-heading-effect .link--ilin span::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.vckit-heading-effect .link--ilin span:last-of-type::before {
    background: #1e1a1b
}

.vckit-heading-effect .link--ilin span:first-of-type::before,
.vckit-heading-effect .link--ilin:hover span:last-of-type::before {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0)
}

.vckit-heading-effect .link--ilin span:last-of-type::before,
.vckit-heading-effect .link--ilin:hover span:first-of-type::before {
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0)
}

.eib-clearfix:after,
.eib-clearfix:before,
.elegant-icon-box .eib-wrapper:after,
.elegant-icon-box .eib-wrapper:before {
    content: " ";
    display: table
}

.eib-clearfix:after,
.elegant-icon-box .eib-wrapper:after {
    clear: both
}

.eib-icon {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0;
    z-index: 1;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 0;
    color: #333;
    -webkit-transition: color .3s;
    transition: color .3s
}

.eib-icon i,
.eib-icon i.icon {
    display: block;
    line-height: 90px
}

.eib-icon i {
    position: relative;
    z-index: 2;
    speak: none;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased
}

.eib-icon i.icon {
    width: auto;
    height: auto;
    margin-left: 0
}

.eib-icon .eib-img {
    z-index: 2
}

.eib-icon .eib-img img {
    width: auto;
    height: auto;
    max-width: initial!important;
    max-height: initial
}

.eib-icon .eib-img .vc_pixel_icon {
    background-size: contain
}

.eib-icon .eib-fonts-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.eib-icon .eib-after-icon,
.eib-icon .eib-before-icon {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.eib-icon .eib-before-icon {
    background-color: #fafafa
}

.eib-icon .eib-after-icon {
    border-width: 4px;
    border-style: solid;
    border-color: #fafafa
}

.elegant-icon-box,
.elegant-icon-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.elegant-icon-box {
    position: relative;
    border: 0 solid transparent;
    margin: 20px 0
}

.elegant-icon-box * {
    padding: 0;
    margin: 0
}

.elegant-icon-box .eib-wrapper {
    position: relative
}

.elegant-icon-box .eib-wrapper a {
    color: inherit;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.elegant-icon-box .eib-wrapper h3 {
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px
}

.elegant-icon-box .eib-wrapper .eib-description {
    float: none;
    clear: both;
    margin-top: 10px
}

.elegant-icon-box .eib-wrapper .eib-readmore {
    display: inline-block;
    margin-top: 10px;
    font-style: italic
}

.elegant-icon-box.eib-icon-squared .eib-icon .eib-after-icon,
.elegant-icon-box.eib-icon-squared .eib-icon .eib-before-icon,
.elegant-icon-box.eib-icon-squared .eib-icon .eib-fonts-icon {
    border-radius: 0
}

.elegant-icon-box.eib-icon-rounded .eib-icon .eib-after-icon,
.elegant-icon-box.eib-icon-rounded .eib-icon .eib-before-icon,
.elegant-icon-box.eib-icon-rounded .eib-icon .eib-fonts-icon {
    border-radius: 4px
}

.elegant-icon-box.eib-icon-diamond .eib-icon .eib-after-icon,
.elegant-icon-box.eib-icon-diamond .eib-icon .eib-before-icon,
.elegant-icon-box.eib-icon-diamond .eib-icon .eib-fonts-icon {
    border-radius: 0
}

.elegant-icon-box.eib-icon-diamond .eib-icon .eib-fonts-icon {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.elegant-icon-box.eib-icon-diamond .eib-icon .eib-fonts-icon i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.elegant-icon-box.eib-icon-diamond .eib-icon .eib-fonts-icon img {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.elegant-icon-box.eib-icon-diamond:not(.eib-layout-icon-on-side) .eib-wrapper h3 {
    margin-top: 40px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-boxed.eib-size-tiny .eib-wrapper h3 {
    margin-top: 10px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-boxed.eib-size-small .eib-wrapper h3 {
    margin-top: 20px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-boxed.eib-size-medium .eib-wrapper h3 {
    margin-top: 40px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-boxed.eib-size-large .eib-wrapper h3 {
    margin-top: 70px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-boxed.eib-size-xlarge .eib-wrapper h3 {
    margin-top: 130px
}

.elegant-icon-box.eib-icon-diamond.eib-layout-icon-on-top.eib-size-xlarge .eib-wrapper h3 {
    margin-top: 60px
}

.elegant-icon-box.eib-size-tiny .eib-icon {
    width: 40px;
    height: 40px
}

.elegant-icon-box.eib-size-tiny .eib-icon i {
    font-size: 24px;
    line-height: 40px
}

.elegant-icon-box.eib-size-tiny .eib-icon i.vc_pixel_icon {
    width: 20px;
    height: 20px
}

.elegant-icon-box.eib-size-small .eib-icon {
    width: 60px;
    height: 60px
}

.elegant-icon-box.eib-size-small .eib-icon i {
    font-size: 32px;
    line-height: 60px
}

.elegant-icon-box.eib-size-small .eib-icon i.vc_pixel_icon {
    width: 30px;
    height: 30px
}

.elegant-icon-box.eib-size-medium .eib-icon i.vc_pixel_icon {
    width: 45px;
    height: 45px
}

.elegant-icon-box.eib-size-large .eib-icon {
    width: 120px;
    height: 120px
}

.elegant-icon-box.eib-size-large .eib-icon i {
    font-size: 60px;
    line-height: 120px
}

.elegant-icon-box.eib-size-large .eib-icon i.vc_pixel_icon {
    width: 60px;
    height: 60px
}

.elegant-icon-box.eib-size-xlarge .eib-icon {
    width: 200px;
    height: 200px
}

.elegant-icon-box.eib-size-xlarge .eib-icon i {
    font-size: 100px;
    line-height: 200px
}

.elegant-icon-box.eib-size-xlarge .eib-icon i.vc_pixel_icon {
    width: 100px;
    height: 100px
}

.elegant-icon-box.eib-type-image.eib-icon-effect-none {
    width: auto;
    height: auto
}

.elegant-icon-box.eib-type-image.eib-icon-effect-none .eib-icon {
    width: auto;
    height: auto!important
}

.elegant-icon-box.eib-type-image.eib-icon-effect-none .eib-fonts-icon,
.elegant-icon-box.eib-type-image.eib-icon-effect-none .eib-img {
    position: relative;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.elegant-icon-box.eib-hover-global:hover .eib-icon,
.elegant-icon-box.eib-hover-global:hover .eib-icon a,
.elegant-icon-box.eib-hover-icon .eib-icon:hover,
.elegant-icon-box.eib-hover-icon .eib-icon:hover a {
    color: #fff
}

.elegant-icon-box.eib-hover-global:hover .eib-icon .eib-after-icon,
.elegant-icon-box.eib-hover-icon .eib-icon:hover .eib-after-icon {
    border-color: #1abc9c
}

.elegant-icon-box.eib-hover-global:hover .eib-icon .eib-before-icon,
.elegant-icon-box.eib-hover-icon .eib-icon:hover .eib-before-icon {
    background-color: #1abc9c
}

.wpb_start_animation.elegant-icon-box {
    opacity: 1;
    filter: alpha(opacity=100)
}

.elegant-icon-box.eib-layout-icon-boxed {
    margin-top: 50px;
    padding: 0;
    text-align: center;
    background-color: #f4f4f4
}

.elegant-icon-box.eib-layout-icon-boxed .eib-wrapper {
    padding: 50px 20px 40px
}

.elegant-icon-box.eib-layout-icon-boxed .eib-wrapper .eib-icon {
    top: 0;
    position: absolute;
    display: block;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.elegant-icon-box.eib-layout-icon-on-side h3 {
    margin-top: 0
}

.elegant-icon-box.eib-layout-icon-on-side .eib-icon {
    position: absolute;
    top: 0
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left {
    text-align: left
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left .eib-icon {
    left: 0;
    right: auto
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left .eib-wrapper {
    padding-left: 120px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left.eib-size-tiny .eib-wrapper {
    padding-left: 60px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left.eib-size-small .eib-wrapper {
    padding-left: 90px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left.eib-size-large .eib-wrapper {
    padding-left: 150px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-left.eib-size-xlarge .eib-wrapper {
    padding-left: 230px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right {
    text-align: right
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right .eib-icon {
    left: auto;
    right: 0
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right .eib-wrapper {
    padding-right: 120px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right.eib-size-tiny .eib-wrapper {
    padding-right: 60px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right.eib-size-small .eib-wrapper {
    padding-right: 90px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right.eib-size-large .eib-wrapper {
    padding-right: 150px
}

.elegant-icon-box.eib-layout-icon-on-side.eib-align-right.eib-size-xlarge .eib-wrapper {
    padding-right: 230px
}

.elegant-icon-box.eib-layout-icon-on-top.eib-icon-effect-none.eib-top-align-center .eib-icon .eib-fonts-icon,
.elegant-icon-box.eib-layout-icon-on-top.eib-top-align-center {
    text-align: center
}

.elegant-icon-box.eib-layout-icon-on-top.eib-icon-effect-none.eib-top-align-left .eib-icon .eib-fonts-icon,
.elegant-icon-box.eib-layout-icon-on-top.eib-top-align-left,
.elegant-icon-box.eib-layout-icon-with-title {
    text-align: left
}

.elegant-icon-box.eib-layout-icon-on-top.eib-icon-effect-none.eib-top-align-right .eib-icon .eib-fonts-icon,
.elegant-icon-box.eib-layout-icon-on-top.eib-top-align-right {
    text-align: right
}

.elegant-icon-box.eib-layout-icon-with-title .eib-wrapper {
    margin-top: 45px
}

.elegant-icon-box.eib-layout-icon-with-title .eib-icon {
    float: left;
    margin-right: 20px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.elegant-icon-box.eib-layout-icon-with-title h3 {
    float: left;
    margin-top: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.elegant-icon-box.eib-layout-icon-with-title .eib-description {
    margin-top: 0
}

.elegant-icon-box.eib-layout-icon-with-title.eib-align-right {
    text-align: right
}

.elegant-icon-box.eib-layout-icon-with-title.eib-align-right h3 {
    float: right
}

.elegant-icon-box.eib-layout-icon-with-title.eib-align-right .eib-icon {
    float: right;
    margin-left: 20px;
    margin-right: 0
}

.elegant-icon-box.eib-layout-icon-with-title.eib-size-tiny .eib-wrapper {
    margin-top: 20px
}

.elegant-icon-box.eib-layout-icon-with-title.eib-size-small .eib-wrapper {
    margin-top: 30px
}

.elegant-icon-box.eib-layout-icon-with-title.eib-size-large .eib-wrapper {
    margin-top: 60px
}

.elegant-icon-box.eib-layout-icon-with-title.eib-size-xlarge .eib-wrapper {
    margin-top: 100px
}

.elegant-icon-box.eib-layout-rounded-card {
    border-radius: 5000px 5000px 0 0;
    padding: 40px 20px;
    background-color: #f4f4f4
}

.elegant-icon-box.eib-layout-rounded-card .eib-wrapper {
    text-align: center
}

.elegant-icon-box.eib-layout-rounded-card .eib-img {
    border-radius: 50%;
    overflow: hidden
}

.elegant-icon-box .eib-after-wrapper {
    display: none
}

.elegant-icon-box.eib-layout-flag {
    margin-bottom: 40px;
    background-color: #f4f4f4;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important
}

.elegant-icon-box.eib-layout-flag .eib-after-wrapper {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    height: 20px
}

.elegant-icon-box.eib-layout-flag svg {
    fill: #f4f4f4
}

.elegant-icon-box.eib-layout-flag,
.elegant-icon-box.eib-layout-team-member {
    text-align: center;
    padding: 40px 20px
}

.elegant-icon-box.eib-layout-team-member.eib-icon-rounded .eib-icon img {
    border-radius: 4px
}

.elegant-icon-box.eib-layout-team-member.eib-icon-circle .eib-icon img {
    border-radius: 50%
}

.elegant-icon-box.eib-layout-team-member h3:after {
    content: '';
    display: block;
    margin: 20px auto 0;
    width: 40px;
    border-bottom: 3px solid #333;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.elegant-icon-box.eib-layout-team-member:hover h3:after {
    width: 70px
}

.elegant-icon-box.eib-layout-highlight .eib-wrapper {
    padding: 52px 10px;
    text-align: center
}

.elegant-icon-box.eib-layout-highlight .eib-wrapper:hover {
    -webkit-box-shadow: 0 2px 17px rgba(109, 55, 231, .3);
    box-shadow: 0 2px 17px rgba(109, 55, 231, .3)
}

.eib-icon-effect-none .eib-icon .eib-after-icon,
.eib-icon-effect-none .eib-icon .eib-before-icon {
    display: none
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-tiny .eib-icon {
    height: 20px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-tiny .eib-icon i {
    line-height: 20px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-small .eib-icon {
    height: 30px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-small .eib-icon i {
    line-height: 30px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-medium .eib-icon {
    height: 45px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-medium .eib-icon i {
    line-height: 45px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-large .eib-icon {
    height: 60px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-large .eib-icon i {
    line-height: 60px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-xlarge .eib-icon {
    height: 100px
}

.eib-icon-effect-none.eib-layout-icon-on-top.eib-size-xlarge .eib-icon i {
    line-height: 100px
}

.eib-icon-effect-none.eib-hover-global:hover .eib-icon,
.eib-icon-effect-none.eib-hover-global:hover .eib-icon>a,
.eib-icon-effect-none.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-none.eib-hover-icon .eib-icon:hover>a {
    color: #333
}

.eib-icon-effect-1 .eib-icon .eib-before-icon {
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.eib-icon-effect-1 .eib-icon .eib-after-icon {
    top: -11px;
    left: -11px;
    padding: 7px;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform .2s, opacity .2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s;
    transform: scale(.8);
    opacity: 0
}

.eib-icon-effect-1a.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-1a.eib-hover-icon .eib-icon:hover .eib-after-icon,
.eib-icon-effect-1b.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-1b.eib-hover-icon .eib-icon:hover .eib-after-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.eib-icon-effect-1b .eib-icon .eib-after-icon {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.eib-icon-effect-2 .eib-icon {
    top: 3px;
    left: 3px
}

.eib-icon-effect-2 .eib-icon .eib-before-icon {
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.eib-icon-effect-2 .eib-icon .eib-after-icon {
    top: -3px;
    left: -3px;
    border-width: 3px;
    border-style: solid
}

.eib-icon-effect-2.eib-align-right .eib-icon,
.eib-icon-effect-2.eib-top-align-right .eib-icon {
    left: -4px
}

.eib-icon-effect-2.eib-align-center .eib-icon,
.eib-icon-effect-2.eib-top-align-center .eib-icon {
    left: 0
}

.eib-icon-effect-2a.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-2a.eib-hover-icon .eib-icon:hover .eib-before-icon {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.eib-icon-effect-2b.eib-hover-global:hover .eib-icon,
.eib-icon-effect-2b.eib-hover-global:hover .eib-icon a,
.eib-icon-effect-2b.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-2b.eib-hover-icon .eib-icon:hover a {
    color: #1abc9c
}

.eib-icon-effect-2b.eib-hover-global:hover .eib-icon .eib-before-icon,
.eib-icon-effect-2b.eib-hover-icon .eib-icon:hover .eib-before-icon {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .4s;
    transition: transform .4s, opacity .2s;
    transition: transform .4s, opacity .2s, -webkit-transform .4s
}

.eib-icon-effect-3 .eib-icon {
    top: 4px;
    left: 4px
}

.eib-icon-effect-3 .eib-icon .eib-before-icon {
    -webkit-transition: opacity .3s, -webkit-transform .2s;
    transition: transform .2s, opacity .3s;
    transition: transform .2s, opacity .3s, -webkit-transform .2s
}

.eib-icon-effect-3 .eib-icon .eib-after-icon {
    top: -4px;
    left: -4px;
    z-index: -1;
    border-width: 4px;
    border-style: solid
}

.eib-icon-effect-3.eib-align-right .eib-icon,
.eib-icon-effect-3.eib-top-align-right .eib-icon {
    left: -4px
}

.eib-icon-effect-3.eib-align-center .eib-icon,
.eib-icon-effect-3.eib-top-align-center .eib-icon {
    left: 0
}

.eib-icon-effect-3.eib-icon-rounded .eib-icon .eib-before-icon {
    border-radius: 0
}

.eib-icon-effect-3a.eib-hover-global:hover .eib-icon,
.eib-icon-effect-3a.eib-hover-global:hover .eib-icon a,
.eib-icon-effect-3a.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-3a.eib-hover-icon .eib-icon:hover a {
    color: #1abc9c
}

.eib-icon-effect-3a.eib-hover-global:hover .eib-icon .eib-before-icon,
.eib-icon-effect-3a.eib-hover-icon .eib-icon:hover .eib-before-icon,
.eib-icon-effect-3b .eib-before-icon {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0
}

.eib-icon-effect-3b.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-3b.eib-hover-icon .eib-icon:hover .eib-before-icon {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.eib-icon-effect-4 .eib-icon {
    top: 4px;
    left: 4px
}

.eib-icon-effect-4 .eib-fonts-icon {
    -webkit-box-shadow: 0 0 0 4px #fafafa;
    box-shadow: 0 0 0 4px #fafafa
}

.eib-icon-effect-4 .eib-before-icon {
    display: none
}

.eib-icon-effect-4 .eib-after-icon {
    opacity: 0;
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: 10;
    border-width: 4px;
    border-style: dashed
}

.eib-icon-effect-4.eib-align-right .eib-icon,
.eib-icon-effect-4.eib-top-align-right .eib-icon {
    left: -4px
}

.eib-icon-effect-4.eib-align-center .eib-icon,
.eib-icon-effect-4.eib-top-align-center .eib-icon {
    left: 0
}

.eib-icon-effect-4.eib-hover-global:hover .eib-fonts-icon,
.eib-icon-effect-4.eib-hover-icon .eib-icon:hover .eib-fonts-icon {
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent
}

.eib-icon-effect-4.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-4.eib-hover-icon .eib-icon:hover .eib-after-icon {
    opacity: 1
}

.eib-icon-effect-4.eib-hover-global:hover .eib-icon,
.eib-icon-effect-4.eib-hover-global:hover .eib-icon a,
.eib-icon-effect-4.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-4.eib-hover-icon .eib-icon:hover a {
    color: #1abc9c
}

.eib-icon-effect-4a .eib-icon {
    -webkit-transition: box-shadow .2s;
    -webkit-transition: -webkit-box-shadow .2s;
    transition: box-shadow .2s;
    transition: box-shadow .2s, -webkit-box-shadow .2s
}

.eib-icon-effect-4b.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-4b.eib-hover-icon .eib-icon:hover .eib-after-icon {
    -webkit-animation: spinAround 9s linear infinite;
    animation: spinAround 9s linear infinite
}

.eib-icon-effect-5 .eib-icon {
    -webkit-transition: color .3s;
    transition: color .3s;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    overflow: hidden
}

.eib-icon-effect-5 .eib-icon .eib-fonts-icon {
    top: 4px;
    left: 4px;
    bottom: 4px;
    right: 4px;
    width: auto;
    height: auto;
    display: block
}

.eib-icon-effect-5 .eib-icon .eib-before-icon {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.eib-icon-effect-5 .eib-icon .eib-after-icon {
    left: -4px;
    top: -4px;
    border-width: 4px;
    border-style: solid;
    overflow: hidden;
    -webkit-transition: border .3s opacity .3s;
    transition: border .3s opacity .3s
}

.eib-icon-effect-5.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-5.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: 1
}

.eib-icon-effect-5.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-5.eib-hover-icon .eib-icon:hover .eib-after-icon {
    opacity: .3
}

.eib-icon-effect-5.eib-icon-squared .eib-icon {
    border-radius: 0
}

.eib-icon-effect-5.eib-icon-rounded .eib-icon {
    border-radius: 4px
}

.eib-icon-effect-5.eib-size-small .eib-icon {
    width: 68px;
    height: 68px
}

.eib-icon-effect-5.eib-size-tiny .eib-icon {
    width: 48px;
    height: 48px
}

.eib-icon-effect-5.eib-size-large .eib-icon {
    width: 128px;
    height: 128px
}

.eib-icon-effect-5.eib-size-xlarge .eib-icon {
    width: 208px;
    height: 208px
}

.eib-icon-effect-5.eib-icon-diamond .eib-icon {
    border-radius: 0;
    overflow: visible
}

.eib-icon-effect-5.eib-icon-diamond .eib-icon .eib-before-icon,
.eib-icon-effect-6.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-6.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: 1
}

.eib-icon-effect-5a.eib-hover-global:hover .eib-fonts-icon i,
.eib-icon-effect-5a.eib-hover-global:hover .eib-fonts-icon img,
.eib-icon-effect-5a.eib-hover-icon .eib-icon:hover .eib-fonts-icon i,
.eib-icon-effect-5a.eib-hover-icon .eib-icon:hover .eib-fonts-icon img {
    -webkit-animation: toRightFromLeft .3s forwards;
    animation: toRightFromLeft .3s forwards
}

.eib-icon-effect-5b.eib-hover-global:hover .eib-fonts-icon i,
.eib-icon-effect-5b.eib-hover-global:hover .eib-fonts-icon img,
.eib-icon-effect-5b.eib-hover-icon .eib-icon:hover .eib-fonts-icon i,
.eib-icon-effect-5b.eib-hover-icon .eib-icon:hover .eib-fonts-icon img {
    -webkit-animation: toLeftFromRight .3s forwards;
    animation: toLeftFromRight .3s forwards
}

.eib-icon-effect-5c.eib-hover-global:hover .eib-fonts-icon i,
.eib-icon-effect-5c.eib-hover-global:hover .eib-fonts-icon img,
.eib-icon-effect-5c.eib-hover-icon .eib-icon:hover .eib-fonts-icon i,
.eib-icon-effect-5c.eib-hover-icon .eib-icon:hover .eib-fonts-icon img {
    -webkit-animation: toTopFromBottom .3s forwards;
    animation: toTopFromBottom .3s forwards
}

.eib-icon-effect-5d.eib-hover-global:hover .eib-fonts-icon i,
.eib-icon-effect-5d.eib-hover-global:hover .eib-fonts-icon img,
.eib-icon-effect-5d.eib-hover-icon .eib-icon:hover .eib-fonts-icon i,
.eib-icon-effect-5d.eib-hover-icon .eib-icon:hover .eib-fonts-icon img {
    -webkit-animation: toBottomFromTop .3s forwards;
    animation: toBottomFromTop .3s forwards
}

.eib-icon-effect-6 .eib-icon {
    top: 4px;
    left: 4px
}

.eib-icon-effect-6 .eib-icon .eib-before-icon {
    -webkit-transition: background .2s;
    transition: background .2s;
    opacity: 0
}

.eib-icon-effect-6 .eib-icon .eib-after-icon {
    left: -4px;
    top: -4px;
    border-width: 4px;
    border-style: solid;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.eib-icon-effect-6.eib-hover-global:hover .eib-fonts-icon i,
.eib-icon-effect-6.eib-hover-global:hover .eib-fonts-icon img,
.eib-icon-effect-6.eib-hover-icon .eib-icon:hover .eib-fonts-icon i,
.eib-icon-effect-6.eib-hover-icon .eib-icon:hover .eib-fonts-icon img {
    -webkit-animation: spinAround 2s linear infinite;
    animation: spinAround 2s linear infinite
}

.eib-icon-effect-6.eib-icon-diamond .eib-before-icon {
    opacity: .3
}

.eib-icon-effect-7 .eib-icon {
    -webkit-transition: color .2s;
    transition: color .2s;
    top: 4px;
    left: 4px
}

.eib-icon-effect-7 .eib-icon .eib-before-icon {
    background-color: transparent!important
}

.eib-icon-effect-7 .eib-icon .eib-after-icon {
    top: -4px;
    left: -4px;
    border-width: 4px;
    border-style: solid
}

.eib-icon-effect-7 .eib-icon .eib-before-icon {
    top: -8px;
    left: -8px;
    padding: 8px;
    z-index: -1;
    opacity: 0
}

.eib-icon-effect-7.eib-align-right .eib-icon,
.eib-icon-effect-7.eib-top-align-right .eib-icon {
    left: -4px
}

.eib-icon-effect-7.eib-align-center .eib-icon,
.eib-icon-effect-7.eib-top-align-center .eib-icon {
    left: 0
}

.eib-icon-effect-7.eib-hover-global:hover .eib-icon,
.eib-icon-effect-7.eib-hover-global:hover .eib-icon a,
.eib-icon-effect-7.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-7.eib-hover-icon .eib-icon:hover a {
    color: #1abc9c
}

.eib-icon-effect-7a .eib-before-icon {
    -webkit-box-shadow: 3px 3px #1abc9c;
    box-shadow: 3px 3px #1abc9c;
    -webkit-transition: opacity .2s, box-shadow .2s;
    -webkit-transition: opacity .2s, -webkit-box-shadow .2s;
    transition: opacity .2s, box-shadow .2s;
    transition: opacity .2s, box-shadow .2s, -webkit-box-shadow .2s
}

.eib-icon-effect-7a i,
.eib-icon-effect-7a img,
.eib-icon-effect-7b i,
.eib-icon-effect-7b img {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .7;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.eib-icon-effect-7a.eib-hover-global:hover i,
.eib-icon-effect-7a.eib-hover-global:hover img,
.eib-icon-effect-7a.eib-hover-icon .eib-icon:hover i,
.eib-icon-effect-7a.eib-hover-icon .eib-icon:hover img,
.eib-icon-effect-7b.eib-hover-global:hover i,
.eib-icon-effect-7b.eib-hover-global:hover img,
.eib-icon-effect-7b.eib-hover-icon .eib-icon:hover i,
.eib-icon-effect-7b.eib-hover-icon .eib-icon:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.eib-icon-effect-7a.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-7a.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: 1
}

.eib-icon-effect-7b .eib-before-icon {
    -webkit-box-shadow: 3px 3px #1abc9c;
    box-shadow: 3px 3px #1abc9c;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: opacity .2s, transform .2s;
    transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.eib-icon-effect-7b.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-7b.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.eib-icon-effect-8 .eib-icon {
    width: 98px;
    height: 98px
}

.eib-icon-effect-8 .eib-icon i {
    line-height: 98px
}

.eib-icon-effect-8 .eib-icon .eib-before-icon {
    opacity: .3;
    -webkit-transition: opacity .2s, -webkit-transform ease-out .1s;
    transition: transform ease-out .1s, opacity .2s;
    transition: transform ease-out .1s, opacity .2s, -webkit-transform ease-out .1s
}

.eib-icon-effect-8 .eib-icon .eib-after-icon {
    top: -4px;
    left: -4px;
    padding: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .1);
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.eib-icon-effect-8.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-8.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: .1;
    -webkit-transform: scale(.93);
    transform: scale(.93)
}

.eib-icon-effect-8.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-8.eib-hover-icon .eib-icon:hover .eib-after-icon {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms
}

.eib-icon-effect-8.eib-size-small .eib-icon {
    width: 68px;
    height: 68px
}

.eib-icon-effect-8.eib-size-small .eib-icon i {
    line-height: 68px
}

.eib-icon-effect-8.eib-size-tiny .eib-icon {
    width: 48px;
    height: 48px
}

.eib-icon-effect-8.eib-size-tiny .eib-icon i {
    line-height: 48px
}

.eib-icon-effect-8.eib-size-large .eib-icon {
    width: 128px;
    height: 128px
}

.eib-icon-effect-8.eib-size-large .eib-icon i {
    line-height: 128px
}

.eib-icon-effect-8.eib-size-xlarge .eib-icon {
    width: 208px;
    height: 208px
}

.eib-icon-effect-8.eib-size-xlarge .eib-icon i {
    line-height: 208px
}

.eib-icon-effect-8.eib-layout-icon-on-top .eib-icon,
.eib-icon-effect-8.eib-layout-icon-with-title .eib-icon {
    left: 4px
}

.eib-icon-effect-8.eib-layout-icon-on-top.eib-align-center .eib-icon,
.eib-icon-effect-8.eib-layout-icon-on-top.eib-top-align-center .eib-icon,
.eib-icon-effect-8.eib-layout-icon-with-title.eib-align-center .eib-icon,
.eib-icon-effect-8.eib-layout-icon-with-title.eib-top-align-center .eib-icon {
    left: 0
}

.eib-icon-effect-8.eib-layout-icon-on-top.eib-align-right .eib-icon,
.eib-icon-effect-8.eib-layout-icon-on-top.eib-top-align-right .eib-icon,
.eib-icon-effect-8.eib-layout-icon-with-title.eib-align-right .eib-icon,
.eib-icon-effect-8.eib-layout-icon-with-title.eib-top-align-right .eib-icon {
    left: -4px
}

.eib-icon-effect-9 .eib-icon {
    top: 3px;
    left: 3px
}

.eib-icon-effect-9 .eib-icon .eib-after-icon,
.eib-icon-effect-9 .eib-icon .eib-before-icon {
    border-style: solid;
    -webkit-transition: opacity .2s, -webkit-transform .2s;
    transition: transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s, -webkit-transform .2s
}

.eib-icon-effect-9 .eib-icon .eib-before-icon {
    background-color: transparent!important;
    opacity: 0;
    top: -10px;
    left: -10px;
    border-width: 10px
}

.eib-icon-effect-9 .eib-icon .eib-after-icon {
    top: -3px;
    left: -3px;
    padding: 0;
    border-width: 3px
}

.eib-icon-effect-9.eib-hover-global:hover .eib-icon,
.eib-icon-effect-9.eib-hover-global:hover .eib-icon a,
.eib-icon-effect-9.eib-hover-icon .eib-icon:hover,
.eib-icon-effect-9.eib-hover-icon .eib-icon:hover a {
    color: #1abc9c
}

.eib-icon-effect-9a.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-9a.eib-hover-icon .eib-icon:hover .eib-after-icon {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    opacity: .5
}

.eib-icon-effect-9a.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-9a.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: 1
}

.eib-icon-effect-9b.eib-hover-global:hover .eib-after-icon,
.eib-icon-effect-9b.eib-hover-icon .eib-icon:hover .eib-after-icon {
    -webkit-transform: scale(.85);
    transform: scale(.85);
    opacity: 1
}

.effect-hover.effect-bubba:hover img,
.eib-icon-effect-9b.eib-hover-global:hover .eib-before-icon,
.eib-icon-effect-9b.eib-hover-icon .eib-icon:hover .eib-before-icon {
    opacity: .4
}

.veac-instagram-feed {
    margin: 0;
    padding: 0 15px;
    font-size: 14px
}

.vckit-instafeed img,
.veac-instagram-feed img {
    width: 100%;
    height: auto;
    vertical-align: top
}

.veac-instagram-feed figcaption {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    padding: 15px;
    z-index: 20;
    pointer-events: none;
    text-align: center;
    color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(-50%, -50%, 0) translate3d(0, 20px, 0);
    transform: translate3d(-50%, -50%, 0) translate3d(0, 20px, 0);
    -webkit-transition: opacity .35s, transform .35s;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.veac-instagram-feed .veac-instagram-item-info {
    padding: 0;
    list-style: none;
    margin: 0 0 20px;
    font-size: 16px
}

.veac-instagram-feed .veac-instagram-item-info i {
    font-size: 18px
}

.veac-instagram-feed .veac-instagram-item-info li {
    display: inline-block;
    padding: 0;
    margin: 0 15px 0 0;
    vertical-align: top;
    border: 0
}

.veac-instagram-feed .veac-instagram-item-info li:last-child,
ul.vckit-sharer li:last-child {
    margin-right: 0
}

.veac-instagram-feed .play-button {
    position: absolute;
    top: 10px;
    right: 10px;
    color: rgba(255, 255, 255, .7)
}

.veac-instagram-feed .veac-instagram-item-caption {
    -webkit-font-smoothing: antialiased;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media only screen and (max-width:400px) {
    .veac-instagram-feed .vc_col-xs-1 .veac-instagram-item-caption,
    .veac-instagram-feed .vc_col-xs-2 .veac-instagram-item-caption,
    .veac-instagram-feed .vc_col-xs-3 .veac-instagram-item-caption,
    .veac-instagram-feed .vc_col-xs-4 .veac-instagram-item-caption,
    .veac-instagram-feed .vc_col-xs-6 .veac-instagram-item-caption {
        display: none
    }
}

.veac-instagram-item {
    overflow: hidden
}

.veac-instagram-item a {
    display: block;
    overflow: hidden;
    position: relative
}

.veac-instagram-item a:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.vckit-instafeed-item-wrapper a:before,
.veac-instagram-item a:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 150, 243, .9);
    z-index: 10;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.veac-instagram-item a>figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

.veac-instagram-item a>figure>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.veac-instagram-item:hover a:before,
.veac-instagram-item:hover figcaption {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.veac-instagram-item:hover figcaption {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.modal-veac-instagram {
    background: rgba(0, 0, 0, .8);
    font-size: 14px;
    z-index: 99999
}

.modal-veac-instagram .modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 1042px;
    max-height: 80%;
    -webkit-overflow-scrolling: touch;
    background-color: transparent;
    color: #fff;
    -webkit-transform: translate(-50%, -50%) scale(.8);
    transform: translate(-50%, -50%) scale(.8);
    -webkit-transition: opacity .35s, transform .35s;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

@media only screen and (max-width:1199px) {
    .modal-veac-instagram .modal-dialog {
        max-width: 742px
    }
}

@media only screen and (max-width:991px) {
    .modal-veac-instagram .modal-dialog {
        overflow: visible;
        -webkit-transform: none;
        transform: none;
        top: 50px;
        max-height: initial;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media only screen and (max-width:767px) {
    .modal-veac-instagram .modal-dialog {
        position: relative;
        top: 50px;
        left: 0;
        width: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media only screen and (max-width:991px) {
    .modal-veac-instagram.in {
        overflow-y: scroll
    }
}

.modal-veac-instagram.in .modal-dialog {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

@media only screen and (max-width:991px) {
    .modal-veac-instagram.in .modal-dialog {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }
}

@media only screen and (max-width:767px) {
    .modal-veac-instagram.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.modal-veac-instagram .modal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
    color: #fff;
    display: none
}

.modal-veac-instagram.veac-loading .modal-dialog {
    opacity: 0;
    visibility: hidden
}

.modal-veac-instagram.veac-loading .modal-loading {
    display: block;
    visibility: visible
}

.modal-veac-instagram.veac-loading:before {
    content: '';
    position: absolute
}

.modal-veac-instagram .close {
    position: absolute;
    z-index: 9999;
    padding: 0;
    margin: 0;
    top: -50px;
    right: -50px;
    background-color: transparent;
    font-size: 40px;
    outline: 0;
    border: 0;
    opacity: 1;
    color: #676767;
    text-shadow: none
}

.modal-veac-instagram .close:active,
.modal-veac-instagram .close:hover {
    color: #fff
}

@media only screen and (max-width:991px) {
    .modal-veac-instagram .close {
        background-color: #dedede;
        color: #333;
        -webkit-transform: none;
        transform: none;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        z-index: 9999;
        line-height: 0;
        font-size: 30px
    }
}

.veac-instagram-body {
    position: relative;
    background-color: #fff;
    color: #333;
    clear: both;
    width: 100%
}

.veac-instagram-body a {
    color: #008eff;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.veac-instagram-body .ea-in-poup-content {
    width: 100%;
    height: 100%
}

.veac-instagram-body .ea-in-image {
    width: 60%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.veac-instagram-body .ea-in-image:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.veac-instagram-body .ea-in-image img,
.veac-instagram-body .ea-in-image video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.veac-instagram-body .ea-in-info {
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    padding: 15px
}

.veac-instagram-body .ea-in-info-author {
    font-weight: 700
}

.veac-instagram-body .ea-in-info-author img {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%
}

.veac-instagram-body .ea-in-info-original {
    float: right;
    display: block;
    padding: 1px 8px;
    border-radius: 4px;
    border: 1px solid #008eff;
    font-size: 12px
}

.veac-instagram-body .ea-in-info-meta {
    padding: 10px 0
}

.veac-instagram-body .ea-in-info-meta .fa {
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 5px
}

.veac-instagram-body .ea-in-info-meta-item {
    margin-right: 10px
}

.veac-instagram-body .ea-in-info-meta-location {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (min-width:992px) and (max-width:1199px) {
    .veac-instagram-body .ea-in-info-meta-location {
        max-width: 100px
    }
}

.veac-instagram-body .ea-in-info-meta-time {
    float: right;
    display: block;
    color: #989898
}

.veac-instagram-body .ea-in-info-content {
    position: absolute;
    top: 95px;
    left: 20px;
    right: 0;
    bottom: 0;
    padding: 15px 20px 15px 0;
    border-top: 1px solid rgba(0, 0, 0, .08);
    overflow-y: scroll
}

.veac-instagram-body .ea-in-info-content::-webkit-scrollbar {
    display: none
}

.veac-instagram-body .ea-in-info-description {
    margin-bottom: 15px
}

@media only screen and (max-width:991px) {
    .veac-instagram-body .ea-in-image {
        width: 100%
    }
    .veac-instagram-body .ea-in-info {
        position: relative;
        height: auto;
        width: 100%
    }
    .veac-instagram-body .ea-in-info-content {
        position: relative;
        top: 0;
        left: 0;
        overflow: visible
    }
}

.veac-in-left-btn,
.veac-in-right-btn {
    position: absolute;
    left: -50px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 50px;
    color: #676767
}

.veac-in-right-btn {
    left: auto;
    right: -50px
}

.veac-in-left-btn:active,
.veac-in-left-btn:hover,
.veac-in-right-btn:active,
.veac-in-right-btn:hover,
.veac-instagram-color-blue-white .modal-veac-instagram .close:hover,
.veac-instagram-color-blue-white .modal-veac-instagram .veac-in-left-btn:hover,
.veac-instagram-color-blue-white .modal-veac-instagram .veac-in-right-btn:hover,
.veac-instagram-color-green-gray .modal-veac-instagram .close:hover,
.veac-instagram-color-green-gray .modal-veac-instagram .veac-in-left-btn:hover,
.veac-instagram-color-green-gray .modal-veac-instagram .veac-in-right-btn:hover {
    color: #fff
}

.veac-instagram-color-yellow-black .veac-instagram-item a:before {
    background: rgba(0, 0, 0, .92)
}

.veac-instagram-color-yellow-black .veac-instagram-body a,
.veac-instagram-color-yellow-black .veac-instagram-item-info li {
    color: #fbd800
}

.veac-instagram-color-yellow-black .veac-instagram-body {
    background-color: #242424;
    color: #fff
}

.veac-instagram-color-yellow-black .veac-instagram-body .ea-in-info-original {
    border-color: #fbd800
}

.veac-instagram-color-blue-white .veac-instagram-item a:before {
    background: rgba(255, 255, 255, .92)
}

.veac-instagram-color-blue-white .veac-instagram-item-caption,
.veac-instagram-color-blue-white .veac-instagram-item-info li {
    color: #00a9ff
}

.veac-instagram-color-blue-white .modal-veac-instagram {
    background: rgba(0, 169, 255, .92)
}

.veac-instagram-color-blue-white .modal-veac-instagram .close,
.veac-instagram-color-blue-white .modal-veac-instagram .veac-in-left-btn,
.veac-instagram-color-blue-white .modal-veac-instagram .veac-in-right-btn,
.veac-instagram-color-green-gray .modal-veac-instagram .close,
.veac-instagram-color-green-gray .modal-veac-instagram .veac-in-left-btn,
.veac-instagram-color-green-gray .modal-veac-instagram .veac-in-right-btn {
    color: #eee
}

.veac-instagram-color-green-gray .veac-instagram-item a:before {
    background: rgba(228, 235, 247, .92)
}

.veac-instagram-color-green-gray .veac-instagram-item-info li {
    color: #649032
}

.veac-instagram-color-green-gray .veac-instagram-item-caption {
    color: #465c79
}

.veac-instagram-color-green-gray .modal-veac-instagram {
    background: rgba(196, 212, 232, .92)
}

.veac-instagram-color-green-gray .veac-instagram-body {
    background-color: #4e5f62;
    color: #fff
}

.veac-instagram-color-green-gray .veac-instagram-body a {
    color: #95bd68
}

.veac-instagram-color-green-gray .veac-instagram-body .ea-in-info-original {
    border-color: #95bd68
}

.vckit-instafeed {
    margin: 0;
    padding: 0;
    font-size: 14px
}

.vckit-instafeed-item-info {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease, transform .25s ease;
    -webkit-transition: opacity .25s ease, -webkit-transform .25s ease;
    transition: opacity .25s ease, transform .25s ease;
    transition: opacity .25s ease, transform .25s ease, -webkit-transform .25s ease;
    -webkit-transform: translate(-50%, -50%) translate3d(0, 10px, 0);
    transform: translate(-50%, -50%) translate3d(0, 10px, 0);
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    color: #fff;
    visibility: hidden;
    pointer-events: none
}

.vckit-instafeed-item-info .fa {
    margin-right: 2px
}

.vckit-instafeed-item-wrapper {
    position: relative
}

.effect-hover img,
.vckit-instafeed-item-wrapper a {
    display: block;
    position: relative
}

.vckit-instafeed-item-wrapper:hover a:before {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.vckit-instafeed-item-wrapper:hover .vckit-instafeed-item-info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    visibility: visible
}

.vckit-instafeed-item-likes {
    margin-right: 5px
}

.vckit-instafeed--yellow-black .vckit-instafeed-item-wrapper a:before {
    background: rgba(0, 0, 0, .92)
}

.vckit-instafeed--yellow-black .vckit-instafeed-item-info {
    color: #fbd800
}

.vckit-instafeed--blue-white .vckit-instafeed-item-wrapper a:before {
    background: rgba(255, 255, 255, .92)
}

.vckit-instafeed--blue-white .vckit-instafeed-item-info {
    color: #00a9ff
}

.vckit-instafeed--green-gray .vckit-instafeed-item-wrapper a:before {
    background: rgba(228, 235, 247, .92)
}

.vckit-instafeed--green-gray .vckit-instafeed-item-info {
    color: #649032
}

.effect-hover.effect-no-spacing,
.non-spacing-grid .effect-hover,
.vc_row-no-padding .effect-hover {
    margin-bottom: 0
}

.effect-hover {
    position: relative;
    margin: 0 0 30px;
    padding: 0;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer
}

.effect-hover,
.effect-hover * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.effect-hover.ratio11 img,
.effect-hover.ratio169 img,
.effect-hover.ratio21 img,
.effect-hover.ratio32 img,
.effect-hover.ratio34 img,
.effect-hover.ratio43 img {
    position: absolute;
    top: 0;
    left: 0
}

.effect-hover.ratio11,
.effect-hover.ratio169,
.effect-hover.ratio21,
.effect-hover.ratio32,
.effect-hover.ratio34,
.effect-hover.ratio43 {
    overflow: hidden;
    position: relative
}

.effect-hover.ratio43:after {
    content: '';
    display: block;
    padding-bottom: 75%
}

.effect-hover.ratio11:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.effect-hover.ratio169:after {
    content: '';
    display: block;
    padding-bottom: 56.25%
}

.effect-hover.ratio32:after {
    content: '';
    display: block;
    padding-bottom: 66.66667%
}

.effect-hover.ratio21:after {
    content: '';
    display: block;
    padding-bottom: 50%
}

.effect-hover.ratio34:after {
    content: '';
    display: block;
    padding-bottom: 133.33333%
}

.effect-hover.ratio34 img {
    min-width: 100%;
    max-width: auto;
    min-height: auto
}

.effect-hover img {
    width: 100%;
    height: auto;
    max-width: 100%;
    opacity: .8
}

.effect-hover figcaption,
.effect-hover figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.effect-hover figcaption {
    padding: 2em;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    color: #fff;
    font-size: 20px
}

.effect-hover figcaption h2 {
    margin-bottom: 0;
    font-weight: 300
}

.effect-hover figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}

.effect-hover h2,
.effect-hover p {
    margin: 0;
    font-weight: 300;
    color: #fff;
    font-size: 1.5em;
    letter-spacing: 0;
    -webkit-transition: color .35s ease;
    transition: color .35s ease
}

.effect-hover h2 span {
    font-weight: 800
}

.effect-hover p {
    letter-spacing: 1px;
    font-size: 68.5%;
    font-weight: 400;
    line-height: 1.4em
}

.effect-hover.effect-fonts figcaption,
.effect-hover.effect-fonts figcaption h2,
.effect-hover.effect-fonts figcaption p {
    font-family: "Raleway", sans-serif
}

.effect-hover.effect-sm h2 {
    font-size: 1.3em
}

.effect-hover.effect-sm figcaption {
    padding: 1em
}

.effect-hover.effect-xs h2 {
    font-size: 1.2em
}

.effect-hover.ratiooriginal.vckit-lazyload img:not([src]) {
    height: 0
}

.effect-hover.effect-bubba {
    background: #9e5406
}

.effect-hover.effect-bubba img {
    opacity: .7;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-bubba figcaption::after,
.effect-hover.effect-bubba figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-bubba figcaption::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1)
}

.effect-hover.effect-bubba figcaption::after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0)
}

.effect-hover.effect-bubba h2 {
    padding-top: 20%;
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.effect-hover.effect-bubba p {
    padding: 20px 2.5em;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-hover.effect-bubba:hover figcaption::after,
.effect-hover.effect-bubba:hover figcaption::before,
.effect-hover.effect-chico:hover img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-hover.effect-bubba:hover h2,
.effect-hover.effect-bubba:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-bubba.effect-sm figcaption:after,
.effect-hover.effect-bubba.effect-sm figcaption:before {
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px
}

.effect-hover.effect-bubba.effect-sm p {
    padding: 15px .5em
}

.effect-hover.effect-bubba.effect-xs figcaption:after,
.effect-hover.effect-bubba.effect-xs figcaption:before {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px
}

.effect-hover.effect-bubba.effect-xs p {
    padding: 15px 0
}

.effect-hover.effect-chico figcaption::before,
.effect-hover.effect-chico img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s;
    -webkit-transform: scale(1.12);
    transform: scale(1.12)
}

.effect-hover.effect-chico:hover img {
    opacity: .5
}

.effect-hover.effect-chico figcaption {
    padding: 3em
}

.effect-hover.effect-chico figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0
}

.effect-hover.effect-bubba p,
.effect-hover.effect-chico p,
.effect-hover.effect-dexter p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-chico p {
    margin: 0 auto;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.effect-hover.effect-chico h2 {
    padding: 15% 0 20px
}

.effect-hover.effect-chico:hover figcaption::before,
.effect-hover.effect-chico:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-hover.effect-chico.effect-sm figcaption {
    padding: 2em
}

.effect-hover.effect-chico.effect-sm figcaption:before {
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px
}

.effect-hover.effect-chico.effect-xs figcaption {
    padding: 1em
}

.effect-hover.effect-chico.effect-xs figcaption:before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px
}

.effect-hover.effect-chico.effect-xs h2 {
    padding: 10% 0 10px
}

.effect-hover.effect-dexter {
    background: -webkit-gradient(linear, left top, left bottom, from(#258dc8), to(#683c13));
    background: linear-gradient(to bottom, #258dc8 0%, #683c13 100%)
}

.effect-hover.effect-dexter img,
.effect-hover.effect-honey img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-dexter:hover img {
    opacity: .4
}

.effect-hover.effect-dexter figcaption::after,
.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
    position: absolute;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.effect-hover.effect-dexter figcaption::after {
    right: 30px;
    height: calc(50% - 30px);
    border: 7px solid #fff;
    content: '';
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    bottom: 30px;
    left: 30px
}

.effect-hover.effect-dexter.effect-sm:hover figcaption:after,
.effect-hover.effect-dexter.effect-xs:hover figcaption:after,
.effect-hover.effect-dexter:hover figcaption::after,
.effect-hover.effect-dexter:hover p,
.effect-hover.effect-layla.effect-sm:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-dexter figcaption {
    padding: 3em;
    text-align: left
}

.effect-hover.effect-dexter p {
    position: absolute;
    right: 60px;
    bottom: 60px;
    left: 60px;
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

.effect-hover.effect-dexter:hover p {
    opacity: 1
}

.effect-hover.effect-dexter.effect-sm figcaption {
    padding: 2em
}

.effect-hover.effect-dexter.effect-sm figcaption:after {
    left: 20px;
    right: 20px;
    bottom: 20px;
    border-width: 4px;
    -webkit-transform: translate3d(0, -120%, 0);
    transform: translate3d(0, -120%, 0)
}

.effect-hover.effect-dexter.effect-sm p {
    right: 40px;
    left: 40px;
    bottom: 33px
}

.effect-hover.effect-dexter.effect-xs figcaption {
    padding: 1.5em 1em
}

.effect-hover.effect-dexter.effect-xs figcaption:after {
    left: 10px;
    right: 10px;
    bottom: 10px;
    height: 50%;
    border-width: 3px;
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0)
}

.effect-hover.effect-dexter.effect-xs p {
    right: 20px;
    left: 20px;
    bottom: 20px
}

.effect-hover.effect-honey {
    background: #4a3753
}

.effect-hover.effect-honey img {
    opacity: .9
}

.effect-hover.effect-honey:hover img {
    opacity: .5
}

.effect-hover.effect-honey figcaption::before,
.effect-hover.effect-honey h2 {
    bottom: 0;
    left: 0;
    width: 100%
}

.effect-hover.effect-honey figcaption::before {
    height: 10px;
    background: #f8f8f8;
    content: '';
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.effect-hover.effect-honey h2 {
    padding: 1em 1.5em;
    text-align: left
}

.effect-hover.effect-honey h2 i {
    font-style: normal;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-honey p {
    text-align: left;
    opacity: 0;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    -webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s, color .35s;
    transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-honey:hover figcaption::before,
.effect-hover.effect-honey:hover h2,
.effect-hover.effect-honey:hover h2 i,
.effect-hover.effect-layla:hover img {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-honey:hover p {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effect-hover.effect-honey.effect-sm h2 {
    padding: .8em
}

.effect-hover.effect-layla {
    background: #18a367
}

.effect-hover.effect-honey h2,
.effect-hover.effect-honey h2 i,
.effect-hover.effect-layla h2,
.effect-hover.effect-layla img {
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0)
}

.effect-hover.effect-layla img {
    margin-bottom: -30px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-layla figcaption {
    padding: 3em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before {
    position: absolute;
    content: '';
    opacity: 0
}

.effect-hover.effect-layla figcaption::before {
    top: 30px;
    right: 20px;
    bottom: 30px;
    left: 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.effect-hover.effect-layla figcaption::after {
    top: 20px;
    right: 30px;
    bottom: 20px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.effect-hover.effect-layla h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-layla p {
    padding: .5em 2em;
    text-transform: none;
    opacity: 0;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.effect-hover.effect-layla figcaption::after,
.effect-hover.effect-layla figcaption::before,
.effect-hover.effect-layla p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-layla:hover img {
    opacity: .7
}

.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-hover.effect-honey:hover p,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-layla:hover figcaption::after,
.effect-hover.effect-layla:hover h2,
.effect-hover.effect-layla:hover img,
.effect-hover.effect-layla:hover p {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.effect-hover.effect-layla.effect-sm h2 {
    padding-top: 15%;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.effect-hover.effect-layla.effect-sm figcaption,
.effect-hover.effect-lily.effect-sm .effect-caption {
    padding: 1em
}

.effect-hover.effect-layla.effect-sm figcaption::before {
    top: 20px;
    right: 10px;
    bottom: 20px;
    left: 10px
}

.effect-hover.effect-layla.effect-sm figcaption::after {
    top: 10px;
    right: 20px;
    bottom: 10px;
    left: 20px
}

.effect-hover.effect-layla.ratio11 img,
.effect-hover.effect-layla.ratio169 img,
.effect-hover.effect-layla.ratio21 img,
.effect-hover.effect-layla.ratio32 img,
.effect-hover.effect-layla.ratio34 img,
.effect-hover.effect-layla.ratio43 img {
    height: calc(100% + 30px);
    margin-bottom: 0
}

.effect-hover.effect-lily img {
    max-width: none;
    width: calc(100% + 50px);
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

.effect-hover.effect-lily figcaption {
    text-align: left
}

.effect-hover.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.4em;
    width: 100%;
    height: auto
}

.effect-hover.effect-lily h2,
.effect-hover.effect-lily p {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.effect-hover.effect-lily h2,
.effect-hover.effect-marley h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-lily p {
    padding-top: .8em;
    margin-top: .4em;
    border-top: 1px solid rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .8);
    opacity: 0;
    -webkit-transition: opacity .2s, color .35s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s, color .35s;
    transition: opacity .2s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p {
    opacity: 1
}

.effect-hover.effect-lily:hover h2,
.effect-hover.effect-lily:hover img,
.effect-hover.effect-lily:hover p,
.effect-hover.effect-marley:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-lily:hover p {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}

.effect-hover.effect-marley figcaption {
    text-align: right
}

.effect-hover.effect-marley h2 {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
    top: 30px;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-hover.effect-marley p,
.effect-hover.effect-milo p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    bottom: 30px;
    line-height: 1.5;
    padding: 10px 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.effect-hover.effect-lily img,
.effect-hover.effect-marley h2::after,
.effect-hover.effect-milo img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
    opacity: 0
}

.effect-hover.effect-marley:hover h2::after,
.effect-hover.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-marley.effect-sm h2 {
    right: 20px;
    left: 20px;
    top: 10px;
    padding-top: 0;
    padding-bottom: 3px
}

.effect-hover.effect-marley.effect-sm p {
    left: 20px;
    right: 20px;
    bottom: 20px
}

.effect-hover.effect-milo {
    background: #2e5d5a
}

.effect-hover.effect-milo img {
    max-width: none;
    width: calc(100% + 60px);
    opacity: 1;
    -webkit-transform: translate3d(-30px, 0, 0) scale(1.12);
    transform: translate3d(-30px, 0, 0) scale(1.12);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-milo:hover img {
    opacity: .5;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.effect-hover.effect-milo h2 {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 1em 1.2em
}

.effect-hover.effect-milo p {
    padding: 0 10px 0 0;
    width: 50%;
    border-right: 1px solid #fff;
    text-align: right;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0)
}

.effect-hover.effect-milo:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-milo.effect-sm p {
    width: 70%
}

.effect-hover.effect-milo.effect-xs p {
    width: 80%
}

.effect-hover.effect-milo.effect-xs h2 {
    padding: .5em
}

.effect-hover.effect-oscar {
    background: linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%)
}

.effect-hover.effect-oscar img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-oscar figcaption {
    padding: 3em;
    background-color: rgba(58, 52, 42, .7);
    -webkit-transition: background-color .35s;
    transition: background-color .35s
}

.effect-hover.effect-oscar figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: ''
}

.effect-hover.effect-oscar figcaption h2,
.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-oscar figcaption h2 {
    margin: 20% 0 10px;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.effect-hover.effect-oscar figcaption::before,
.effect-hover.effect-oscar p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.effect-hover.effect-oscar:hover h2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-oscar:hover figcaption::before,
.effect-hover.effect-oscar:hover p {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-hover.effect-oscar:hover figcaption {
    background-color: transparent
}

.effect-hover.effect-oscar:hover img {
    opacity: .4
}

.effect-hover.effect-oscar.effect-sm figcaption {
    padding: 1.5em
}

.effect-hover.effect-oscar.effect-sm figcaption:before {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    border: 1px solid #fff;
    content: ''
}

.effect-hover.effect-oscar.effect-xs figcaption:before {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px
}

.effect-hover.effect-romeo img {
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
}

.effect-hover.effect-romeo:hover img {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: translate3d(1, 1, 1)
}

.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 1px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.effect-hover.effect-romeo:hover figcaption::before {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.effect-hover.effect-romeo:hover figcaption::after {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.effect-hover.effect-romeo h2,
.effect-hover.effect-romeo p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}

.effect-hover.effect-romeo h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -150%, 0)
}

.effect-hover.effect-romeo p {
    padding: .25em 2em;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 150%, 0)
}

.effect-hover.effect-romeo.effect-sm h2,
.effect-hover.effect-romeo:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -100%, 0)
}

.effect-hover.effect-romeo:hover p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 100%, 0)
}

.effect-hover.effect-romeo.effect-sm p {
    padding-left: 1em;
    padding-right: 1em;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 80%, 0)
}

.effect-hover.effect-romeo.effect-sm:hover h2 {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -80%, 0)
}

.effect-hover.effect-romeo.effect-sm:hover p {
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, 60%, 0)
}

.effect-hover.effect-roxy {
    background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%)
}

.effect-hover.effect-romeo figcaption::after,
.effect-hover.effect-romeo figcaption::before,
.effect-hover.effect-romeo img,
.effect-hover.effect-roxy figcaption::before,
.effect-hover.effect-roxy img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-roxy img {
    max-width: none;
    width: calc(100% + 60px);
    -webkit-transform: translate3d(-50px, 0, 0);
    transform: translate3d(-50px, 0, 0)
}

.effect-hover.effect-roxy figcaption {
    padding: 3em;
    text-align: left
}

.effect-hover.effect-roxy figcaption::before {
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0)
}

.effect-hover.effect-roxy h2 {
    padding: 30% 0 10px
}

.effect-hover.effect-roxy p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.effect-hover.effect-roxy:hover img {
    opacity: .7;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-roxy:hover figcaption::before,
.effect-hover.effect-roxy:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-roxy.effect-sm figcaption {
    padding: 1em
}

.effect-hover.effect-roxy.effect-sm figcaption:before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px
}

.effect-hover.effect-ruby {
    background-color: #17819c
}

.effect-hover.effect-ruby img {
    opacity: .7;
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.effect-hover.effect-ruby:hover img {
    opacity: .5;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.effect-hover.effect-ruby h2,
.effect-hover.effect-sadie h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-ruby h2 {
    margin-top: 20%;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-hover.effect-ruby p {
    margin: 1em 0 0;
    padding: 3em;
    border: 1px solid #fff;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1)
}

.effect-hover.effect-ruby:hover h2,
.effect-hover.effect-sarah:hover h2::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-ruby:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.effect-hover.effect-ruby.effect-sm h2 {
    margin-top: 10%
}

.effect-hover.effect-ruby.effect-sm p {
    padding: 1em
}

.effect-hover.effect-ruby.effect-xs p {
    padding-top: .5em;
    padding-bottom: .5em
}

.effect-hover.effect-ruby img,
.effect-hover.effect-sadie figcaption::before,
.effect-hover.effect-sarah img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-sadie figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(72, 76, 97, 0)), color-stop(75%, rgba(72, 76, 97, .8)));
    background: linear-gradient(to bottom, rgba(72, 76, 97, 0) 0%, rgba(72, 76, 97, .8) 75%);
    content: '';
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0)
}

.effect-hover.effect-sadie h2 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #484c61;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.effect-hover.effect-ruby p,
.effect-hover.effect-sadie p,
.effect-hover.effect-sarah p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-sadie p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em!important;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0)
}

.effect-hover.effect-sadie:hover h2 {
    color: #fff;
    -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);
    transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0)
}

.effect-hover.effect-sadie:hover figcaption::before,
.effect-hover.effect-sadie:hover p,
.effect-hover.effect-sarah:hover img,
.effect-hover.effect-sarah:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-sarah {
    background: #42b078
}

.effect-hover.effect-sarah img {
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-sarah:hover img {
    opacity: .4
}

.effect-hover.effect-sarah figcaption {
    text-align: left
}

.effect-hover.effect-sarah h2 {
    position: relative;
    overflow: hidden;
    padding: .5em 0
}

.effect-hover.effect-sarah h2::after,
.effect-hover.effect-zoe figcaption {
    bottom: 0;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.effect-hover.effect-sarah h2::after {
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    content: '';
    height: 3px;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.effect-hover.effect-sarah p {
    padding: 1em 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.effect-hover.effect-zoe figcaption {
    top: auto;
    padding: 1em;
    height: 3.75em;
    background: #f8f8f8;
    color: #3c4a50;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.effect-hover.effect-zoe h2,
.effect-hover.effect-zoe p.icon-links a {
    color: #3c4a50;
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0)
}

.effect-hover.effect-zoe h2 {
    display: inline-block;
    float: left
}

.effect-hover.effect-zoe p.icon-links a {
    float: right;
    font-size: 1.4em
}

.effect-hover.effect-zoe:hover p.icon-links a:focus,
.effect-hover.effect-zoe:hover p.icon-links a:hover {
    color: #252d31
}

.effect-hover.effect-zoe p.description {
    position: absolute;
    bottom: 8em;
    padding: 2em;
    color: #fff;
    text-transform: none;
    font-size: 90%;
    opacity: 0;
    -webkit-transition: opacity .35s;
    transition: opacity .35s;
    -webkit-backface-visibility: hidden
}

.effect-hover.effect-zoe p.icon-links a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.effect-hover.effect-steve:hover:before,
.effect-hover.effect-zoe:hover p.description {
    opacity: 1
}

.effect-hover.effect-zoe:hover figcaption,
.effect-hover.effect-zoe:hover h2,
.effect-hover.effect-zoe:hover p.icon-links a {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-zoe:hover h2 {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.effect-hover.effect-zoe:hover p.icon-links a:nth-child(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effect-hover.effect-zoe:hover p.icon-links a:nth-child(2) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.effect-hover.effect-zoe:hover p.icon-links a:first-child {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.effect-hover.effect-zoe.effect-sm figcaption {
    padding: .55em;
    height: 2.75em
}

.effect-hover.effect-zoe.effect-sm .description {
    bottom: 3em;
    padding: 1em 0
}

.effect-hover.effect-apollo {
    background: #3498db
}

.effect-hover.effect-apollo img {
    opacity: .95;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.effect-hover.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0)
}

.effect-hover.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid #fff;
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s;
    transition: opacity .35s, color .35s
}

.effect-hover.effect-apollo h2,
.effect-hover.effect-julia figcaption {
    text-align: left
}

.effect-hover.effect-apollo:hover img {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0)
}

.effect-hover.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effect-hover.effect-apollo.effect-sm p {
    border-right-width: 3px;
    margin: 1.5em;
    max-width: 200px
}

.effect-hover.effect-duke {
    background: linear-gradient(-45deg, #34495e 0%, #cc6055 100%)
}

.effect-hover.effect-apollo img,
.effect-hover.effect-duke img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-duke p,
.effect-hover.effect-goliath p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px;
    text-transform: none;
    font-size: 90%;
    opacity: 0
}

.effect-hover.effect-duke h2,
.effect-hover.effect-duke p {
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1)
}

.effect-hover.effect-duke p {
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
    margin: 20px;
    border: 2px solid #fff;
    -webkit-transform-origin: 50% -100%;
    transform-origin: 50% -100%
}

.effect-hover.effect-duke:hover img {
    opacity: .1;
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1)
}

.effect-hover.effect-duke h2,
.effect-hover.effect-goliath h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-duke h2 {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.effect-hover.effect-duke:hover h2,
.effect-hover.effect-duke:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-duke.effect-sm p {
    padding: 10px;
    margin: 10px
}

.effect-hover.effect-goliath {
    background: #df4e4e
}

.effect-hover.effect-goliath h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px
}

.effect-hover.effect-goliath img {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-goliath p {
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.effect-hover.effect-goliath:hover img {
    -webkit-transform: translate3d(0, -80px, 0);
    transform: translate3d(0, -80px, 0)
}

.effect-hover.effect-goliath:hover h2 {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0)
}

.effect-hover.effect-goliath:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-goliath.effect-sm h2 {
    padding: 15px
}

.effect-hover.effect-goliath.effect-sm p {
    padding: 10px 15px;
    font-size: 80%
}

.effect-hover.effect-goliath.effect-xs p {
    font-size: 68.5%
}

.effect-hover.effect-hera {
    background: #303fa9
}

.effect-hover.effect-goliath p,
.effect-hover.effect-hera h2,
.effect-hover.effect-hera p {
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-hera h2 {
    font-size: 158.75%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.effect-hover.effect-hera figcaption::before,
.effect-hover.effect-hera p {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.effect-hover.effect-hera p {
    -webkit-transform: translate3d(-50%, -70%, 0);
    transform: translate3d(-50%, -70%, 0);
    text-transform: none;
    line-height: 1.4em;
    width: 30%
}

.effect-hover.effect-hera figcaption::before {
    width: 200px;
    height: 200px;
    border: 2px solid #fff;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(0, 0, 1)
}

.effect-hover.effect-hera p a {
    color: #fff
}

.effect-hover.effect-hera p a:focus,
.effect-hover.effect-hera p a:hover,
.effect-hover.effect-kira p a:focus,
.effect-hover.effect-kira p a:hover {
    opacity: .6
}

.effect-hover.effect-hera p a i {
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-hera p a:first-child i {
    -webkit-transform: translate3d(-60px, -60px, 0);
    transform: translate3d(-60px, -60px, 0)
}

.effect-hover.effect-hera p a:nth-child(2) i {
    -webkit-transform: translate3d(60px, -60px, 0);
    transform: translate3d(60px, -60px, 0)
}

.effect-hover.effect-hera p a:nth-child(3) i {
    -webkit-transform: translate3d(-60px, 60px, 0);
    transform: translate3d(-60px, 60px, 0)
}

.effect-hover.effect-hera p a:nth-child(4) i {
    -webkit-transform: translate3d(60px, 60px, 0);
    transform: translate3d(60px, 60px, 0)
}

.effect-hover.effect-hera:hover figcaption::before {
    opacity: 1;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, -45deg) scale3d(1, 1, 1)
}

.effect-hover.effect-hera:hover h2 {
    opacity: 0;
    -webkit-transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1);
    transform: translate3d(-50%, -50%, 0) scale3d(.8, .8, 1)
}

.effect-hover.effect-hera:hover p {
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 1
}

.effect-hover.effect-hera:hover p i:empty {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.effect-hover.effect-hera.effect-sm h2 {
    font-size: 1.3em
}

.effect-hover.effect-hera.effect-xs p {
    width: 60%
}

.effect-hover.effect-hera.effect-xs h2 {
    font-size: 1.2em
}

.effect-hover.effect-jazz {
    background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%)
}

.effect-hover.effect-jazz img {
    opacity: .9
}

.effect-hover.effect-jazz figcaption::after,
.effect-hover.effect-jazz img,
.effect-hover.effect-jazz p {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-jazz figcaption::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.effect-hover.effect-jazz h2,
.effect-hover.effect-jazz p {
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1)
}

.effect-hover.effect-jazz h2 {
    padding-top: 26%;
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s;
    opacity: 1
}

.effect-hover.effect-jazz p {
    padding: .5em 2em;
    text-transform: none;
    font-size: .85em;
    opacity: 0
}

.effect-hover.effect-jazz:hover img {
    opacity: .7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1)
}

.effect-hover.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1)
}

.effect-hover.effect-jazz:hover h2,
.effect-hover.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-jazz.effect-sm h2 {
    padding-top: 16%
}

.effect-hover.effect-jazz.effect-sm p {
    padding: .5em 0
}

.effect-hover.effect-jazz.effect-sm:hover figcaption:after {
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1.4, 1.4, 1)
}

.effect-hover.effect-julia {
    background: #2f3238
}

.effect-hover.effect-julia img {
    max-width: 100%;
    height: auto;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    transition: opacity 1s, transform 1s, -webkit-transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-julia h2 {
    position: relative;
    padding: .5em 0
}

.effect-hover.effect-julia p {
    display: inline-block;
    margin: 0 0 .25em;
    padding: .4em 1em;
    background: rgba(255, 255, 255, .9);
    color: #2f3238;
    text-transform: none;
    font-weight: 500;
    font-size: 75%;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(-1500px, 0, 0);
    transform: translate3d(-1500px, 0, 0)
}

.effect-hover.effect-julia p:first-child {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.effect-hover.effect-julia p:nth-of-type(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effect-hover.effect-julia p:nth-of-type(3) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.effect-hover.effect-julia:hover p:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.effect-hover.effect-julia:hover p:nth-of-type(2) {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.effect-hover.effect-julia:hover p:nth-of-type(3) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.effect-hover.effect-julia:hover img {
    opacity: .4;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.effect-hover.effect-julia:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-julia.effect-xs h2 {
    padding-top: 0
}

.effect-hover.effect-julia.effect-xs p {
    padding: .3em .5em
}

.effect-hover.effect-kira {
    background: #fff;
    text-align: left
}

.effect-hover.effect-kira img {
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-kira figcaption,
.effect-hover.effect-steve figcaption {
    z-index: 1
}

.effect-hover.effect-kira p {
    padding: 1em .5em;
    font-weight: 600;
    line-height: 1.5;
    color: #101010;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0)
}

.effect-hover.effect-kira p a {
    margin: 0 .5em;
    color: #101010
}

.effect-hover.effect-kira figcaption::before,
.effect-hover.effect-lexi img {
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-kira figcaption::before {
    position: absolute;
    top: 0;
    right: 2em;
    left: 2em;
    z-index: -1;
    height: 3.5em;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
    transform: translate3d(0, 4em, 0) scale3d(1, .023, 1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.effect-hover.effect-kira:hover img {
    opacity: .5
}

.effect-hover.effect-kira:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0)
}

.effect-hover.effect-kira:hover figcaption::before {
    opacity: .7;
    -webkit-transform: translate3d(0, 5em, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 5em, 0) scale3d(1, 1, 1)
}

.effect-hover.effect-kira.effect-sm figcaption:before {
    left: 1em;
    right: 1em;
    height: 4em;
    -webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
    transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}

.effect-hover.effect-kira.effect-sm:hover figcaption:before {
    -webkit-transform: translate3d(0, 3em, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 3em, 0) scale3d(1, 1, 1)
}

.effect-hover.effect-kira.effect-xs p {
    font-size: 62.5%
}

.effect-hover.effect-kira.effect-xs figcaption:before {
    height: 5em;
    -webkit-transform: translate3d(0, 3em, 0) scale3d(1, .023, 1);
    transform: translate3d(0, 3em, 0) scale3d(1, .023, 1)
}

.effect-hover.effect-kira.effect-xs:hover figcaption:before {
    -webkit-transform: translate3d(0, 4em, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 4em, 0) scale3d(1, 1, 1)
}

.effect-hover.effect-lexi {
    background: linear-gradient(-45deg, #000 0%, #fff 100%)
}

.effect-hover.effect-lexi img {
    margin: -10px 0 0 -10px;
    max-width: none;
    width: calc(100% + 10px);
    opacity: .9;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-kira p,
.effect-hover.effect-lexi p,
.effect-hover.effect-ming p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-lexi p {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 140px;
    text-align: right;
    -webkit-transform: translate3d(20px, 20px, 0);
    transform: translate3d(20px, 20px, 0);
    padding: 0 1.5em 1.5em 0
}

.effect-hover.effect-lexi figcaption::before {
    right: -100px;
    bottom: -100px;
    width: 300px;
    height: 300px;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 900px rgba(255, 255, 255, .2);
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.effect-hover.effect-lexi:hover img {
    opacity: .6;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-lexi h2,
.effect-hover.effect-ming h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-lexi h2 {
    text-align: left;
    -webkit-transform: translate3d(5px, 5px, 0);
    transform: translate3d(5px, 5px, 0)
}

.effect-hover.effect-lexi:hover figcaption::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-lexi:hover h2,
.effect-hover.effect-lexi:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-lexi.effect-xs p {
    padding: 0 .5em .5em 0
}

.effect-hover.effect-lexi.effect-xs figcaption:before {
    width: 270px;
    height: 270px
}

.effect-hover.effect-ming {
    background: #030c17
}

.effect-hover.effect-ming img {
    opacity: .9;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-lexi figcaption::before,
.effect-hover.effect-ming figcaption::before,
.effect-hover.effect-phoebe figcaption::before {
    position: absolute;
    content: '';
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    transition: opacity .35s, transform .35s, -webkit-transform .35s
}

.effect-hover.effect-ming figcaption::before {
    right: 30px;
    bottom: 30px;
    border: 2px solid #fff;
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, .2);
    opacity: 0;
    top: 30px;
    left: 30px;
    -webkit-transform: scale3d(1.4, 1.4, 1);
    transform: scale3d(1.4, 1.4, 1)
}

.effect-hover.effect-ming h2 {
    margin: 20% 0 10px
}

.effect-hover.effect-ming p {
    padding: 1em;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.effect-hover.effect-ming:hover h2 {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.effect-hover.effect-ming:hover figcaption::before,
.effect-hover.effect-ming:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-ming:hover figcaption {
    background-color: transparent
}

.effect-hover.effect-ming:hover img {
    opacity: .4
}

.effect-hover.effect-ming.effect-sm h2 {
    margin: 15% 0 10px
}

.effect-hover.effect-ming.effect-sm p {
    padding: 0
}

.effect-hover.effect-ming.effect-sm figcaption:before {
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border-width: 1px
}

.effect-hover.effect-ming.effect-xs h2 {
    margin: 10% 0 10px
}

.effect-hover.effect-moses {
    background: linear-gradient(-45deg, #ec65b7 0%, #05e0d8 100%)
}

.effect-hover.effect-moses img,
.effect-hover.effect-phoebe img {
    opacity: .85;
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-moses h2,
.effect-hover.effect-moses p {
    width: 50%;
    height: 50%;
    min-height: 140px;
    border: 2px solid #fff
}

.effect-hover.effect-moses h2 {
    padding: 20px;
    text-align: left;
    -webkit-transform: translate3d(10px, 10px, 0);
    transform: translate3d(10px, 10px, 0)
}

.effect-hover.effect-moses h2 span,
.vckit-image-tilt img {
    display: block
}

.effect-hover.effect-moses p,
.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-moses p {
    float: right;
    padding: 20px;
    text-align: right;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0)
}

.effect-hover.effect-moses:hover h2,
.effect-hover.effect-moses:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-moses:hover p {
    opacity: 1
}

.effect-hover.effect-moses:hover img,
.effect-hover.effect-phoebe:hover img {
    opacity: .6
}

.effect-hover.effect-moses.effect-sm figcaption,
.effect-hover.effect-moses.effect-xs figcaption {
    padding: .5em
}

.effect-hover.effect-moses.effect-sm h2,
.effect-hover.effect-moses.effect-sm p {
    padding: 10px;
    width: 60%;
    min-height: 100px
}

.effect-hover.effect-moses.effect-sm p {
    margin-top: 5px
}

.effect-hover.effect-moses.effect-xs h2 {
    padding: 10px;
    width: 80%;
    min-height: 80px
}

.effect-hover.effect-moses.effect-xs p {
    margin-top: 5px;
    padding: 10px;
    width: 80%;
    font-size: 62.5%;
    min-height: 80px
}

.effect-hover.effect-phoebe {
    background: #675983
}

.effect-hover.effect-phoebe figcaption::before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/triangle2.svg) no-repeat center center;
    background-size: 100% 100%;
    -webkit-transform: scale3d(5, 2.5, 1);
    transform: scale3d(5, 2.5, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.effect-hover.effect-moses h2,
.effect-hover.effect-phoebe h2,
.effect-hover.effect-selena h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-phoebe h2 {
    margin-top: 1em;
    -webkit-transition: transform .35s, color .35s;
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}

.effect-hover.effect-phoebe p,
.effect-hover.effect-selena p {
    margin-top: 10px
}

.effect-hover.effect-phoebe p {
    position: relative;
    display: inline-block;
    width: 50%;
    color: #fff;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0)
}

.effect-hover.effect-phoebe:hover figcaption:before {
    opacity: .6;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-phoebe:hover h2,
.effect-hover.effect-phoebe:hover p,
.effect-hover.effect-selena:hover h2,
.effect-hover.effect-terry:hover figcaption::after,
.effect-hover.effect-terry:hover figcaption::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-phoebe:hover p {
    opacity: 1
}

.effect-hover.effect-phoebe.effect-xs p {
    width: 100%
}

.effect-hover.effect-selena {
    background: #000
}

.effect-hover.effect-selena img,
.effect-hover.effect-steve img {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.effect-hover.effect-selena img {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: .95
}

.effect-hover.effect-selena:hover img {
    -webkit-transform: scale3d(.95, .95, 1);
    transform: scale3d(.95, .95, 1)
}

.effect-hover.effect-selena h2 {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-hover.effect-selena p {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.effect-hover.effect-selena:hover p {
    opacity: 1;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0)
}

.effect-hover.effect-steve {
    z-index: auto;
    background: #000
}

.effect-hover.effect-steve h2:before,
.effect-hover.effect-steve:before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #000;
    content: '';
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

.effect-hover.effect-steve:before {
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
    box-shadow: 0 3px 30px rgba(0, 0, 0, .8);
    opacity: 0
}

.effect-hover.effect-steve img {
    opacity: 1;
    -webkit-transform: perspective(1000px) translate3d(0, 0, 0);
    transform: perspective(1000px) translate3d(0, 0, 0)
}

.effect-hover.effect-steve h2,
.effect-hover.effect-steve p {
    background: #fff;
    color: #2d434e
}

.effect-hover.effect-steve h2 {
    position: relative;
    margin-top: 2em;
    padding: .25em
}

.effect-hover.effect-steve h2:before {
    -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, .5);
    box-shadow: 0 1px 10px rgba(0, 0, 0, .5)
}

.effect-hover.effect-steve p {
    margin-top: 1em;
    padding: .5em;
    font-weight: 800;
    opacity: 0;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1)
}

.effect-hover.effect-steve:hover img {
    -webkit-transform: perspective(1000px) translate3d(0, 0, 21px);
    transform: perspective(1000px) translate3d(0, 0, 21px)
}

.effect-hover.effect-steve:hover h2:before {
    opacity: 0
}

.effect-hover.effect-steve:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.effect-hover.effect-steve.effect-sm h2 {
    margin-top: 1em
}

.effect-hover.effect-steve.effect-xs h2 {
    margin-top: .5em
}

.effect-hover.effect-terry {
    background: #34495e
}

.effect-hover.effect-terry figcaption {
    padding: 1em
}

.effect-hover.effect-terry figcaption::after,
.effect-hover.effect-terry figcaption::before {
    position: absolute;
    width: 200%;
    height: 200%;
    border-style: solid;
    border-color: #101010;
    content: '';
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    transition: transform .35s, -webkit-transform .35s
}

.effect-hover.effect-terry figcaption::before {
    right: 0;
    bottom: 0;
    border-width: 0 15px 60px 0;
    -webkit-transform: translate3d(15px, 60px, 0);
    transform: translate3d(15px, 60px, 0)
}

.effect-hover.effect-terry figcaption::after {
    top: 0;
    left: 0;
    border-width: 15px 0 0 15px;
    -webkit-transform: translate3d(-15px, -15px, 0);
    transform: translate3d(-15px, -15px, 0)
}

.effect-hover.effect-steve p,
.effect-hover.effect-terry img,
.effect-hover.effect-terry p {
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-terry p {
    position: absolute;
    bottom: 70px;
    display: block;
    clear: both;
    text-align: left;
    text-transform: none;
    padding: 0 2em;
    color: #fff;
    font-size: 80%;
    opacity: 0
}

.effect-hover.effect-terry img {
    opacity: .85
}

.effect-hover.effect-terry h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .4em 1em;
    width: 100%;
    text-align: left;
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s
}

.effect-hover.effect-terry p:focus,
.effect-hover.effect-terry p:hover {
    color: #f3cf3f
}

.effect-hover.effect-terry:hover img,
.effect-hover.effect-winston:hover img {
    opacity: .6
}

.effect-hover.effect-terry:hover p {
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    opacity: 1
}

.effect-hover.effect-terry.effect-sm figcaption:before {
    border-width: 0 15px 50px 0
}

@media screen and (max-width:920px) {
    .effect-hover.effect-terry h2 {
        padding: .75em 10px;
        font-size: 120%
    }
}

.effect-hover.effect-winston {
    background: #162633;
    text-align: left
}

.effect-hover.effect-winston img {
    -webkit-transition: opacity .45s;
    transition: opacity .45s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.effect-hover.effect-winston figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/triangle.svg) no-repeat center center;
    background-size: 100% 100%;
    content: '';
    -webkit-transition: opacity .45s, -webkit-transform .45s;
    transition: opacity .45s, transform .45s;
    transition: opacity .45s, transform .45s, -webkit-transform .45s;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.effect-hover.effect-winston h2 {
    -webkit-transition: color .35s, -webkit-transform .35s;
    transition: transform .35s, color .35s;
    transition: transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.effect-hover.effect-winston p {
    width: 40%;
    color: #5d504f;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 1.5em 1.5em 0;
    opacity: 0;
    -webkit-transition: opacity .35s, color .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s, color .35s;
    transition: opacity .35s, transform .35s, color .35s, -webkit-transform .35s;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0)
}

.effect-hover.effect-winston:hover h2,
.effect-hover.effect-winston:hover p,
.nav--beca .nav__item--current .nav__item-title span,
.nav--etefu .nav__item--current .nav__item-inner::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.effect-hover.effect-winston:hover figcaption::before {
    opacity: .7;
    -webkit-transform: rotate3d(0, 0, 1, 20deg);
    transform: rotate3d(0, 0, 1, 20deg)
}

.effect-hover.effect-winston:hover p {
    opacity: 1
}

.effect-hover.effect-winston.effect-sm p {
    width: 50%;
    padding: 0 .5em .5em 0;
    font-size: 62.5%
}

.effect-hover.effect-winston.effect-sm:hover figcaption:before {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg)
}

.vckit-interactive-nav {
    position: fixed;
    top: 50%;
    left: 20px;
    width: 8em;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 9999;
    font-size: 16px
}

.vckit-interactive-nav a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
    font-size: 100%
}

.vckit-interactive-nav .nav__item {
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 0;
    letter-spacing: 0;
    color: currentColor;
    border: 0;
    background: 0 0;
    line-height: 1;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.vckit-interactive-nav .nav__item:focus {
    outline: 0
}

.nav--aman {
    font-size: 1.5em;
    margin: 0 0 0 1em;
    padding: 0 0 0 1em
}

.nav--aman .nav__item {
    width: 2em;
    height: 2em;
    opacity: .8;
    background: url(../img/image.svg) no-repeat 50% 50%;
    background-size: auto 50%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--aman .nav__item:not(.nav__item--current):focus,
.nav--aman .nav__item:not(.nav__item--current):hover {
    opacity: 1;
    -webkit-transform: scale3d(1.25, 1.25, 1);
    transform: scale3d(1.25, 1.25, 1)
}

.nav--aman .nav__item--current {
    pointer-events: none;
    opacity: 1;
    -webkit-transform: scale3d(1.85, 1.85, 1);
    transform: scale3d(1.85, 1.85, 1)
}

.nav--aman .nav__pointer {
    position: absolute;
    top: 0;
    left: 0;
    width: 2em;
    height: 2em;
    margin: .45em 0 0 1.25em;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--aman .nav__item--current:nth-child(2)~.nav__pointer {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.nav--aman .nav__item--current:nth-child(3)~.nav__pointer {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0)
}

.nav--aman .nav__item--current:nth-child(4)~.nav__pointer {
    -webkit-transform: translate3d(0, 300%, 0);
    transform: translate3d(0, 300%, 0)
}

.nav--aman .nav__item--current:nth-child(5)~.nav__pointer {
    -webkit-transform: translate3d(0, 400%, 0);
    transform: translate3d(0, 400%, 0)
}

.nav--aman .nav__icon {
    display: block;
    width: 90%;
    height: 90%;
    fill: #94938a
}

.nav--ayana .nav__item {
    margin: 1em 0;
    width: 1.5em;
    height: 1.5em
}

.nav--ayana .nav__item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #586c80;
    top: 0;
    left: 0;
    border-radius: 50%;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--ayana .nav__item--current::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.nav--ayana .nav__icon {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 39 39;
    stroke-dashoffset: 0;
    -webkit-transition: stroke-dashoffset .4s, opacity .3s;
    transition: stroke-dashoffset .4s, opacity .3s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--ayana .nav__item--current .nav__icon {
    opacity: 0;
    stroke-dashoffset: 39;
    -webkit-transition-duration: .4s, .2s;
    transition-duration: .4s, .2s;
    -webkit-transition-delay: 0s, .2s;
    transition-delay: 0s, .2s
}

.nav--ayana .nav__item-title {
    display: none
}

.nav--beca {
    left: 0;
    margin: 0;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.nav--beca .nav__item {
    width: 5em;
    height: 1.5em
}

.nav--beca .nav__item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 50%;
    height: 2px;
    margin: -1px 0 0;
    opacity: .5;
    background: #fff;
    -webkit-transform: scale3d(.5, 1, 1);
    transform: scale3d(.5, 1, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--beca .nav__item:not(.nav__item--current):focus::before,
.nav--beca .nav__item:not(.nav__item--current):hover::before {
    opacity: 1;
    -webkit-transform: scale3d(.75, 1, 1);
    transform: scale3d(.75, 1, 1)
}

.nav--beca .nav__item--current::before {
    opacity: 1;
    -webkit-transform: scale3d(2, 1, 1);
    transform: scale3d(2, 1, 1)
}

.nav--beca .nav__item-title {
    font-size: 1.25em;
    font-weight: 700;
    display: block;
    overflow: hidden;
    margin: -1.15em 0 0 1.6em;
    text-align: left;
    white-space: nowrap;
    pointer-events: none
}

.nav--beca .nav__item-title span,
.nav--meklit .nav__item-title span {
    display: block;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--berta {
    width: 12em;
    margin: 0
}

.nav--berta .nav__item {
    width: 100%;
    height: 2em
}

.nav--berta .nav__item::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 4px;
    margin: -3px 0 0;
    pointer-events: none;
    opacity: .5;
    background: #e53e30;
    -webkit-transform: scale3d(.2, 1, 1);
    transform: scale3d(.2, 1, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.nav--berta .nav__item:not(.nav__item--current):focus::before,
.nav--berta .nav__item:not(.nav__item--current):hover::before {
    opacity: 1
}

.nav--berta .nav__item--current::before {
    opacity: 1;
    -webkit-animation: moveScale .5s ease-in forwards;
    animation: moveScale .5s ease-in forwards
}

.nav--berta .nav__item-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    display: block;
    padding: 0 0 0 .75em;
    text-align: left;
    white-space: nowrap;
    letter-spacing: 2px;
    text-transform: uppercase;
    pointer-events: none;
    opacity: 0;
    color: #ffe7db;
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0)
}

.nav--berta .nav__item--current .nav__item-title {
    -webkit-animation: moveToRight .5s .2s forwards;
    animation: moveToRight .5s .2s forwards
}

.nav--desta .nav__item {
    width: 5em;
    height: 3.5em
}

.nav--desta .nav__icon {
    position: absolute;
    top: 1em;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    -webkit-transition: fill .5s, -webkit-transform .5s;
    transition: transform .5s, fill .5s;
    transition: transform .5s, fill .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    fill: currentColor
}

.nav--desta .nav__item:not(.nav__item--current):focus .nav__icon,
.nav--desta .nav__item:not(.nav__item--current):hover .nav__icon {
    fill: #fff
}

.nav--desta .nav__item--current .nav__icon {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    fill: #fff
}

.nav--desta .nav__item-title {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 2;
    display: block;
    margin: 0 0 0 2.25em;
    white-space: nowrap;
    letter-spacing: 2px;
    text-transform: uppercase;
    opacity: 0;
    color: #f39468;
    -webkit-transform: translate3d(-10px, -10px, 0);
    transform: translate3d(-10px, -10px, 0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    padding-top: 7px
}

.nav--desta .nav__item-title:first-letter {
    color: #fff
}

.nav--desta .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--etefu .nav__item {
    width: 2.5em;
    height: 3em;
    margin: 1em 0
}

.nav--etefu .nav__item-inner {
    position: relative;
    display: block;
    overflow: hidden;
    width: .25em;
    height: 100%;
    margin: 0 0 0 1em;
    background: #4fc369;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.nav--etefu .nav__item:not(.nav__item--current):focus .nav__item-inner,
.nav--etefu .nav__item:not(.nav__item--current):hover .nav__item-inner,
.nav--kafa .nav__item:not(.nav__item--current):focus .nav__item-inner,
.nav--kafa .nav__item:not(.nav__item--current):hover .nav__item-inner {
    opacity: 1
}

.nav--etefu .nav__item-inner::before,
.nav--hagos .nav__item::before {
    content: '';
    position: absolute;
    left: 0;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--etefu .nav__item-inner::before {
    background: #326b3f;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    top: 0;
    width: 100%;
    height: 100%;
    transition: transform .5s
}

.nav--etefu .nav__item-title {
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 115%;
    width: 2em;
    font-size: 1.5em;
    opacity: 0;
    color: #4fc369;
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0);
    transform: rotate3d(0, 0, 1, 90deg) translate3d(1em, 0, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--etefu .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg)
}

.nav--hagos .nav__item {
    width: 2em;
    height: 2em
}

.nav--hagos .nav__item::before {
    top: 25%;
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #7cb9a6;
    -webkit-transition: background .5s;
    transition: background .5s
}

.nav--hagos .nav__item--current::before {
    background: #9c7e64
}

.nav--hagos .nav__item:not(.nav__item--current):focus::before,
.nav--hagos .nav__item:not(.nav__item--current):hover::before {
    background: #9c7e64
}

.nav--hagos .nav__icon,
.nav--hagos .nav__item-title {
    position: absolute;
    left: 65%;
    width: 225%;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--hagos .nav__icon {
    height: 125%;
    fill: #9c7e64;
    top: -85%;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s
}

.nav--hagos .nav__item--current .nav__icon,
.nav--hagos .nav__item--current .nav__item-title,
.nav--kafa .nav__item--current .nav__item-inner {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--hagos .nav__item-title {
    font-weight: 700;
    top: -55%;
    white-space: nowrap;
    color: #9c7e64;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.nav--kafa .nav__item {
    margin: .5em 0
}

.nav--kafa .nav__item--current,
.vckit-sharer-link>div {
    pointer-events: none
}

.nav--kafa .nav__item-inner {
    display: block;
    overflow: hidden;
    width: 2.85em;
    height: 2.85em;
    opacity: .6;
    border-radius: 50%;
    background: #b5daab;
    -webkit-transform: scale3d(.65, .65, 1);
    transform: scale3d(.65, .65, 1);
    -webkit-transition: opacity .3s, -webkit-transform .5s;
    transition: transform .5s, opacity .3s;
    transition: transform .5s, opacity .3s, -webkit-transform .5s
}

.nav--kafa .nav__item-img,
.nav--kafa .nav__item-inner,
.nav--kafa .nav__item-title {
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--kafa .nav__item-img {
    display: block;
    width: 2.5em;
    margin: .5em auto 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.nav--kafa .nav__item--current .nav__item-img,
.nav--kafa .nav__item--current .nav__item-title,
.nav--meklit .nav__item--current .nav__item-title span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--kafa .nav__item-title {
    font-weight: 700;
    line-height: 2.85em;
    position: absolute;
    top: 7px;
    left: 3.75em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.nav--kafa .nav__item--current .nav__item-title {
    opacity: 1
}

.nav--magool .nav__item {
    width: 1.5em;
    height: 1.25em
}

.nav--magool .nav__item::after {
    content: '';
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    height: 10%;
    background: #949a52;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: background-color .5s, -webkit-transform .5s;
    transition: transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--magool .nav__item:not(.nav__item--current):focus::after {
    background: #707539
}

.nav--magool .nav__item:not(.nav__item--current):hover::after {
    background: #707539;
    -webkit-transform: scale3d(2, 1, 1);
    transform: scale3d(2, 1, 1)
}

.nav--magool .nav__item--current::after {
    background: #333;
    -webkit-transform: scale3d(2, 1, 1);
    transform: scale3d(2, 1, 1)
}

.nav--magool .nav__item-title {
    display: none
}

.nav--mariame {
    left: 30px
}

.nav--mariame .nav__item {
    height: 2.25em;
    margin: 0 0 1em;
    -webkit-perspective: 500px;
    perspective: 500px
}

.nav--mariame .nav__item::after,
.nav--mariame .nav__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1.75em;
    height: 2.25em;
    border: 2px solid #5050b9;
    background: #a9a9d4
}

.nav--mariame .nav__item::before {
    -webkit-transition: background-color 0s .2s;
    transition: background-color 0s .2s
}

.nav--mariame .nav__item--current::before {
    background: #f3f3f3;
    -webkit-transition: none;
    transition: none
}

.nav--mariame .nav__item::after {
    -webkit-box-shadow: 0 0 9px -4px transparent;
    box-shadow: 0 0 9px -4px transparent;
    -webkit-transform-origin: 1px 50%;
    transform-origin: 1px 50%;
    -webkit-transition: background-color 0s .15s, -webkit-transform .5s, -webkit-box-shadow .5s;
    transition: transform .5s, background-color 0s .15s, box-shadow .5s;
    transition: transform .5s, background-color 0s .15s, box-shadow .5s, -webkit-transform .5s, -webkit-box-shadow .5s
}

.nav--mariame .nav__item:not(.nav__item--current):focus::after,
.nav--mariame .nav__item:not(.nav__item--current):hover::after {
    -webkit-box-shadow: 6px 0 9px -4px rgba(0, 0, 0, .2);
    box-shadow: 6px 0 9px -4px rgba(0, 0, 0, .2);
    -webkit-transform: rotate3d(0, 1, 0, -15deg);
    transform: rotate3d(0, 1, 0, -15deg)
}

.nav--mariame .nav__item--current::after {
    background-color: #f3f3f3;
    -webkit-box-shadow: 6px 0 9px -4px rgba(0, 0, 0, .2);
    box-shadow: 6px 0 9px -4px rgba(0, 0, 0, .2);
    -webkit-transform: rotate3d(0, 1, 0, -145deg);
    transform: rotate3d(0, 1, 0, -145deg)
}

.nav--mariame .nav__item-title {
    font-size: .75em;
    font-weight: 700;
    margin: 0 0 0 3.5em;
    white-space: nowrap;
    display: block;
    opacity: .2;
    color: #5050b9;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    text-align: left;
    padding-top: 7px
}

.nav--mariame .nav__item:not(.nav__item--current):focus .nav__item-title,
.nav--mariame .nav__item:not(.nav__item--current):hover .nav__item-title {
    opacity: .5
}

.nav--mariame .nav__item--current .nav__item-title,
.vckit-animated-typing span.typed-text {
    opacity: 1
}

.nav--maxamed .nav__item {
    width: 2.25em;
    height: 2.25em
}

.nav--maxamed .nav__item::before {
    content: '';
    position: absolute;
    top: .75em;
    right: 0;
    width: 1em;
    height: 1em;
    -webkit-box-shadow: inset 0 0 0 6px #609279;
    box-shadow: inset 0 0 0 6px #609279;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s, -webkit-box-shadow .3s;
    transition: transform .3s, box-shadow .3s;
    transition: transform .3s, box-shadow .3s, -webkit-transform .3s, -webkit-box-shadow .3s
}

.nav--maxamed .nav__item:not(.nav__item--current):focus::before,
.nav--maxamed .nav__item:not(.nav__item--current):hover::before {
    -webkit-box-shadow: inset 0 0 0 6px #4b7560;
    box-shadow: inset 0 0 0 6px #4b7560
}

.nav--maxamed .nav__item--current::before {
    -webkit-transform: scale3d(1.75, 1.75, 1);
    transform: scale3d(1.75, 1.75, 1);
    -webkit-box-shadow: inset 0 0 0 1px #609279;
    box-shadow: inset 0 0 0 1px #609279
}

.nav--maxamed .nav__item-title {
    position: absolute;
    left: 3.5em;
    top: 0;
    pointer-events: none;
    padding: .75em 0;
    font-weight: 700;
    white-space: nowrap;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--maxamed .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--meklit {
    left: 0
}

.nav--meklit .nav__item {
    width: 6em;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav--meklit .nav__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5;
    background: #141417;
    -webkit-transform: scale3d(.2, 1, 1);
    transform: scale3d(.2, 1, 1);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--meklit .nav__item:nth-child(odd)::before {
    background: #0a0a0c
}

.nav--meklit .nav__item:not(.nav__item--current):focus::before,
.nav--meklit .nav__item:not(.nav__item--current):hover::before {
    opacity: 1;
    -webkit-transform: scale3d(.35, 1, 1);
    transform: scale3d(.35, 1, 1)
}

.nav--meklit .nav__item--current::before {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--meklit .nav__item-title {
    font-size: 1.25em;
    font-weight: 700;
    display: block;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg)
}

.nav--shamso .nav__item {
    width: 2.25em;
    height: 2.25em
}

.nav--shamso .nav__item::after,
.nav--shamso .nav__item::before {
    content: '';
    position: absolute;
    border-radius: 50%
}

.nav--shamso .nav__item::before {
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background: #5e798b;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--shamso .nav__item:not(.nav__item--current):focus::before,
.nav--shamso .nav__item:not(.nav__item--current):hover::before {
    -webkit-transform: scale3d(1.35, 1.35, 1);
    transform: scale3d(1.35, 1.35, 1)
}

.nav--shamso .nav__item--current::before,
.nav--shamso .nav__item::after {
    -webkit-transform: scale3d(.35, .35, 1);
    transform: scale3d(.35, .35, 1)
}

.nav--shamso .nav__item::after {
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
    opacity: 0;
    -webkit-box-shadow: inset 0 0 0 3px #5e798b;
    box-shadow: inset 0 0 0 3px #5e798b;
    -webkit-transition: opacity .5s, -webkit-transform .5s, -webkit-box-shadow .5s;
    transition: transform .5s, box-shadow .5s, opacity .5s;
    transition: transform .5s, box-shadow .5s, opacity .5s, -webkit-transform .5s, -webkit-box-shadow .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--shamso .nav__item--current::after {
    opacity: 1;
    -webkit-box-shadow: inset 0 0 0 3px #c1dff9;
    box-shadow: inset 0 0 0 3px #c1dff9;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--shamso .nav__item-title {
    font-weight: 700;
    line-height: 1.5;
    display: block;
    margin: 0 0 0 2.5em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    color: #c1dff9;
    -webkit-transform: scale3d(.1, .1, 1);
    transform: scale3d(.1, .1, 1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--shamso .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.nav--timiro .nav__item-title {
    display: none
}

.nav--timiro .nav__item {
    overflow: hidden;
    width: 1.5em;
    height: 1.5em;
    margin: .5em 0;
    border-radius: 50%;
    background: #fff;
    -webkit-transform: scale3d(.5, .5, 1);
    transform: scale3d(.5, .5, 1);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--timiro .nav__item--current {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--timiro .nav__item:not(.nav__item--current):focus,
.nav--timiro .nav__item:not(.nav__item--current):hover {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--timiro .nav__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ff5722;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--timiro .nav__item--current::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--totit .nav__item {
    width: 2.5em;
    height: 2.5em;
    margin: .5em 0
}

.nav--totit .nav__item::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: .65em;
    height: .65em;
    margin: -.325em 0 0 -.325em;
    border-radius: 50%;
    background: #fff;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--totit .nav__item:not(.nav__item--current):focus::before,
.nav--totit .nav__item:not(.nav__item--current):hover::before {
    opacity: .6
}

.nav--totit .nav__item--current::before {
    opacity: 0;
    -webkit-transform: translate3d(0, 1.5em, 0) scale3d(0, 0, 1);
    transform: translate3d(0, 1.5em, 0) scale3d(0, 0, 1)
}

.nav--totit .nav__icon,
.nav--totit .nav__item-title {
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-animation-timing-function: cubic-bezier(.2, 1, .3, 1);
    animation-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.nav--totit .nav__icon {
    z-index: 100;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: scale3d(0, 0, 1);
    transform: scale3d(0, 0, 1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    fill: #0b64ce
}

.nav--totit .nav__item--current .nav__icon {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.nav--totit .nav__item-title {
    font-weight: 700;
    line-height: 2.5em;
    position: absolute;
    top: 0;
    left: 3em;
    white-space: nowrap;
    pointer-events: none;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0)
}

.nav--totit .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.nav--ubax .nav__item {
    width: 1.5em;
    height: 1.5em
}

.nav--ubax .nav__item::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid transparent;
    background: #ddddda
}

.nav--ubax .nav__item--current::after {
    z-index: 10;
    border-color: #31312f;
    background: #e9eae5;
    -webkit-transform: scale3d(1.5, 1.5, 1);
    transform: scale3d(1.5, 1.5, 1);
    -webkit-transition: background-color .3s, border-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s, border-color .3s;
    transition: transform .3s, background-color .3s, border-color .3s, -webkit-transform .3s
}

.nav--ubax .nav__item:not(.nav__item--current):focus::after,
.nav--ubax .nav__item:not(.nav__item--current):hover::after {
    background: #31312f;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s
}

.nav--ubax .nav__item-title {
    line-height: 1.5;
    display: block;
    padding: 0 0 0 2.5em;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.nav--ubax .nav__item:not(.nav__item--current):focus .nav__item-title,
.nav--ubax .nav__item:not(.nav__item--current):hover .nav__item-title {
    opacity: .25;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--ubax .nav__item--current .nav__item-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--xusni .nav__item {
    width: 3em;
    height: 1.25em;
    margin: .5em 0
}

.nav--xusni .nav__item::after {
    content: '';
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    height: 30%;
    background: #3c4a9a;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: background-color .5s, -webkit-transform .5s;
    transition: transform .5s, background-color .5s;
    transition: transform .5s, background-color .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.nav--xusni .nav__item:not(.nav__item--current):focus::after,
.nav--xusni .nav__item:not(.nav__item--current):hover::after {
    background: #212956;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.nav--xusni .nav__item--current::after {
    background: #212956;
    -webkit-transform: scale3d(.2, 1, 1);
    transform: scale3d(.2, 1, 1)
}

.nav--xusni .nav__item-title {
    margin: 0 0 0 1em;
    opacity: 0;
    display: block;
    -webkit-transform: translate3d(2em, 0, 0);
    transform: translate3d(2em, 0, 0);
    -webkit-transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    transition: opacity .5s, transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.nav--xusni .nav__item--current .nav__item-title {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav--zahi .nav__item {
    width: 2em;
    height: 2em
}

.nav--zahi .nav__item::after,
.nav--zahi .nav__item::before {
    content: '';
    position: absolute
}

.nav--zahi .nav__item:before {
    top: calc(2em - 9px);
    left: 5px;
    width: 2px;
    height: calc(2em - 12px);
    background: #98322a
}

.nav--zahi .nav__item::after {
    top: 50%;
    left: 0;
    width: 12px;
    height: 12px;
    margin: -5px 0 0;
    border: 2px solid #98322a;
    border-radius: 50%;
    background: #f44336;
    -webkit-transition: border-color .3s, border-width .3s, background .3s, -webkit-transform .3s;
    transition: transform .3s, border-color .3s, border-width .3s, background .3s;
    transition: transform .3s, border-color .3s, border-width .3s, background .3s, -webkit-transform .3s
}

.nav--zahi .nav__item--current::after {
    border-width: 1px;
    border-color: #fff;
    -webkit-transform: scale3d(1.6, 1.6, 1);
    transform: scale3d(1.6, 1.6, 1)
}

.nav--zahi .nav__item:not(.nav__item--current):focus::after,
.nav--zahi .nav__item:not(.nav__item--current):hover::after {
    border-color: #fff;
    background: #fff
}

.nav--zahi .nav__item-title {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.5;
    display: block;
    position: relative;
    padding: 0 0 0 2.5em;
    white-space: nowrap;
    opacity: .3;
    color: #98322a;
    -webkit-transition: opacity .3s, color .3s;
    transition: opacity .3s, color .3s
}

.nav--zahi .nav__item:not(.nav__item--current):focus .nav__item-title,
.nav--zahi .nav__item:not(.nav__item--current):hover .nav__item-title {
    opacity: .5
}

.nav--zahi .nav__item--current .nav__item-title {
    opacity: 1;
    color: #fff
}

.nav--zahi li:last-child .nav__item:before {
    display: none
}

.vckit-navigator {
    bottom: 20px;
    position: fixed;
    z-index: 10;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: block;
    opacity: 1;
    border-radius: 30px;
    text-align: center;
    padding: 0 20px
}

.vckit-navigator.left {
    bottom: auto;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(0, -50%);
    padding: 15px 0
}

@media only screen and (max-width:767px) {
    .vckit-navigator.left {
        left: 15px
    }
}

.vckit-navigator.left li,
.vckit-navigator.right li {
    display: block;
    float: none
}

.vckit-navigator.left li a,
.vckit-navigator.right li a {
    padding: 7px 13px
}

.vckit-navigator.right {
    bottom: auto;
    left: auto;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(0, -50%);
    padding: 15px 0
}

@media only screen and (max-width:767px) {
    .vckit-navigator.right {
        right: 15px
    }
}

.vckit-navigator .list {
    list-style: none
}

.vckit-navigator ul {
    margin: 0;
    padding: 0
}

@media only screen and (max-width:767px) {
    .vckit-navigator ul {
        position: absolute;
        left: 50%;
        width: 100%
    }
}

.vckit-contact.vckit-contact-fumi .vckit-input__label-content span,
.vckit-navigator li {
    display: inline-block
}

.vckit-navigator a {
    padding: 13px 7px;
    display: block;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.vckit-navigator a.vckit-active .dot,
.vckit-navigator a:hover .dot {
    border-color: #fff;
    background-color: #fff;
    color: #fff
}

.vckit-navigator a .dot {
    border-radius: 50%;
    height: 14px;
    width: 14px;
    line-height: 14px;
    font-size: 20px;
    color: #bbb;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, .5);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.vckit-navigator a .dot.dot-has-icon {
    background-color: transparent!important;
    position: relative;
    border-color: transparent!important
}

.vckit-navigator button[data-balloon] {
    overflow: visible
}

.vckit-navigator [data-balloon] {
    position: relative
}

.vckit-navigator [data-balloon]:after,
.vckit-navigator [data-balloon]:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .18s ease-out .18s;
    transition: all .18s ease-out .18s;
    bottom: 100%;
    left: 50%;
    position: absolute;
    z-index: 10;
    -webkit-transform: translate(-50%, 10px);
    transform: translate(-50%, 10px);
    -webkit-transform-origin: top;
    transform-origin: top
}

.vckit-navigator [data-balloon]:after {
    background: rgba(17, 17, 17, .9);
    border-radius: 4px;
    color: #fff;
    content: attr(data-balloon);
    font-size: 12px;
    padding: .5em 1em;
    white-space: nowrap;
    margin-bottom: 11px
}

.vckit-navigator [data-balloon]:before {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    content: "";
    margin-bottom: 5px
}

.vckit-navigator [data-balloon]:hover:after,
.vckit-navigator [data-balloon]:hover:before,
.vckit-navigator [data-balloon][data-balloon-visible]:after,
.vckit-navigator [data-balloon][data-balloon-visible]:before {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.vckit-navigator [data-balloon].font-awesome:after {
    font-family: FontAwesome
}

.vckit-navigator [data-balloon][data-balloon-break]:after {
    white-space: pre
}

.vckit-navigator [data-balloon-pos=down]:after,
.vckit-navigator [data-balloon-pos=down]:before {
    bottom: auto;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px)
}

.vckit-navigator [data-balloon-pos=down]:after {
    margin-top: 11px
}

.vckit-navigator [data-balloon-pos=down]:before {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
    background-size: 100% auto;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0
}

.vckit-navigator [data-balloon-pos=down]:hover:after,
.vckit-navigator [data-balloon-pos=down]:hover:before,
.vckit-navigator [data-balloon-pos=down][data-balloon-visible]:after,
.vckit-navigator [data-balloon-pos=down][data-balloon-visible]:before {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

.vckit-navigator [data-balloon-pos=left]:after,
.vckit-navigator [data-balloon-pos=left]:before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    -webkit-transform: translate(10px, -50%);
    transform: translate(10px, -50%)
}

.vckit-navigator [data-balloon-pos=left]:after {
    margin-right: 11px
}

.vckit-navigator [data-balloon-pos=left]:before {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0
}

.vckit-navigator [data-balloon-pos=left]:hover:after,
.vckit-navigator [data-balloon-pos=left]:hover:before,
.vckit-navigator [data-balloon-pos=left][data-balloon-visible]:after,
.vckit-navigator [data-balloon-pos=left][data-balloon-visible]:before,
.vckit-navigator [data-balloon-pos=right]:hover:after,
.vckit-navigator [data-balloon-pos=right]:hover:before,
.vckit-navigator [data-balloon-pos=right][data-balloon-visible]:after,
.vckit-navigator [data-balloon-pos=right][data-balloon-visible]:before {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.vckit-navigator [data-balloon-pos=right]:after,
.vckit-navigator [data-balloon-pos=right]:before {
    bottom: auto;
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-10px, -50%);
    transform: translate(-10px, -50%)
}

.vckit-navigator [data-balloon-pos=right]:after {
    margin-left: 11px
}

.vckit-navigator [data-balloon-pos=right]:before {
    background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E) no-repeat;
    background-size: 100% auto;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px
}

.vckit-navigator [data-balloon-length]:after {
    white-space: normal
}

.vckit-navigator [data-balloon-length=small]:after {
    width: 80px
}

.vckit-navigator [data-balloon-length=medium]:after {
    width: 150px
}

.vckit-navigator [data-balloon-length=large]:after {
    width: 260px
}

.vckit-navigator [data-balloon-length=xlarge]:after {
    width: 90vw
}

@media screen and (min-width:768px) {
    .vckit-navigator [data-balloon-length=xlarge]:after {
        width: 380px
    }
}

.vckit-navigator [data-balloon-length=fit]:after {
    width: 100%
}

.vckit-navigator [data-balloon='']:after,
.vckit-navigator [data-balloon='']:before,
.vckit-tilter--3 svg {
    display: none
}

.vckit-pricing-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 auto 50px;
    text-align: center;
    font-size: 14px
}

.vckit-pricing-box,
.vckit-pricing-box * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-pricing-box .pricing__title {
    font-weight: 700
}

.vckit-pricing-box .pricing__feature-list {
    text-align: left
}

.vckit-pricing-box .pricing__sentence {
    margin-top: 1em
}

.vckit-pricing-box .veac-pricing-footer {
    text-align: center
}

.vckit-pricing-box .pricing__action {
    display: block;
    width: 100%;
    color: inherit;
    border: 0;
    background: 0 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    text-align: center
}

.vckit-pricing-box .pricing__action:focus {
    outline: 0
}

.pricing--jinpa {
    padding: 2em;
    cursor: default;
    color: #fff;
    background-color: #a2e29e;
    border: 1px solid #cbffc8;
    -webkit-transition: background-color .6s, color .3s;
    transition: background-color .6s, color .3s
}

.pricing--jinpa:nth-child(2) {
    border-right: none;
    border-left: none
}

.pricing--jinpa .pricing__title {
    font-size: 2em;
    width: 100%;
    margin: 0;
    padding: 0
}

.pricing--jinpa .pricing__price {
    font-size: 2em;
    font-weight: 700;
    line-height: 95px;
    width: 95px;
    height: 95px;
    margin: 1.15em auto 1em;
    border-radius: 50%;
    background: #ea716e;
    -webkit-transition: color .3s, background .3s;
    transition: color .3s, background .3s
}

.pricing--jinpa .pricing__period {
    font-size: .5em;
    display: block;
    position: relative;
    line-height: 0;
    top: -20px;
    font-weight: 400
}

.pricing--jinpa .pricing__item:first-child .pricing__price {
    background: #eac36e
}

.pricing--jinpa .pricing__item:nth-child(2) .pricing__price {
    background: #eaa36e
}

.pricing--jinpa .pricing__item:hover .pricing__price {
    color: #fff;
    background: #82c57e
}

.pricing--jinpa .pricing__sentence {
    font-weight: 700
}

.pricing--jinpa .pricing__feature-list {
    margin: 0;
    padding: 1em 1em 2em;
    list-style: none;
    text-align: center
}

.pricing--jinpa .pricing__action {
    font-weight: 700;
    margin-top: auto;
    padding: .75em 2em;
    opacity: 0;
    color: #fff;
    background: #82c57e;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0)
}

.pricing--jinpa .pricing__action:focus,
.pricing--jinpa .pricing__action:hover {
    background: #6ea76b
}

.pricing--jinpa:hover {
    color: #444;
    background: #cbffc8
}

.pricing--jinpa:hover .pricing__action {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (max-width:60em) {
    .pricing--jinpa .pricing__item {
        max-width: none;
        width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }
    .pricing--jinpa .pricing__item:nth-child(2) {
        border: 1px solid #fff
    }
}

.pricing--karma {
    color: #382628;
    background: #fff;
    cursor: default;
    text-transform: uppercase;
    letter-spacing: 4px;
    border: 2px solid #382628;
    border-radius: 5px
}

.pricing--karma .pricing__title {
    font-size: 1em;
    font-weight: 700;
    margin: .5em 0 0;
    padding: 1em;
    border-bottom: 2px solid #382628;
    letter-spacing: 4px
}

.pricing--karma .pricing__icon {
    display: inline-block;
    min-width: 2em
}

.pricing--karma .pricing__price {
    font-size: 3em;
    padding: .5em 0 0;
    margin: 1em;
    font-weight: 700;
    border: 2px solid #382628;
    position: relative;
    z-index: 100
}

.pricing--karma .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--karma .pricing__period {
    font-size: .25em;
    display: block;
    padding: 1em;
    margin-top: 1.25em;
    border-top: 2px solid #382628
}

.pricing--karma .pricing__sentence {
    margin: 0 0 1em;
    padding: 1em;
    font-size: .85em;
    border-bottom: 2px solid #382628
}

.pricing--karma .pricing__feature-list {
    font-size: .85em;
    margin: 0;
    letter-spacing: 0;
    padding: 0 1em 2.5em 4em;
    list-style-type: square
}

.pricing--karma .veac-pricing-footer {
    margin: 0 1em
}

.pricing--karma .pricing__action {
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: auto 0 1em;
    padding: 1.25em 2em;
    color: #fff;
    background: #382628;
    letter-spacing: 2px;
    border-radius: 5px;
    border: 2px solid #382628;
    font-size: .95em;
    text-transform: uppercase;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.pricing--karma .pricing__action:focus,
.pricing--karma .pricing__action:hover {
    background-color: #ffdbd5;
    color: #382628
}

.pricing--karma.pricing__item--featured .pricing__price::after {
    background: url(../img/stamp.png);
    background-size: cover;
    content: '';
    position: absolute;
    top: -30px;
    right: -20px;
    width: 100px;
    height: 100px;
    pointer-events: none
}

.pricing--norbu {
    color: #fff;
    cursor: default;
    border: 1px solid rgba(255, 255, 255, .4);
    background: linear-gradient(45deg, #7e67e5, #02cbdf);
    border-radius: 10px;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.pricing--norbu .pricing__title {
    font-size: 2em;
    font-weight: 400;
    margin: .5em 0;
    padding: 1em;
    position: relative
}

.pricing--norbu .pricing__title::after {
    content: '';
    position: absolute;
    width: 20%;
    height: 1px;
    background: #fff;
    left: 40%;
    bottom: 0
}

.pricing--norbu .pricing__icon {
    display: inline-block;
    min-width: 2em
}

.pricing--norbu .pricing__price {
    font-size: 3.5em;
    padding: .5em 0 0;
    font-weight: 400;
    position: relative;
    z-index: 100
}

.pricing--norbu .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--norbu .pricing__period {
    font-size: .25em;
    display: block;
    padding: 1em
}

.pricing--norbu .pricing__sentence {
    padding: 1em 2em;
    font-size: 1em;
    margin: 0 auto 1em
}

.pricing--norbu .pricing__feature-list {
    font-size: 1.15em;
    margin: 0 2em;
    letter-spacing: 0;
    padding: 2em 0;
    list-style: none
}

.pricing--norbu .pricing__feature {
    line-height: 1.4
}

.pricing--norbu .veac-pricing-footer {
    margin: 0 1em
}

.pricing--norbu .pricing__action {
    font-weight: 700;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: auto 0 1em;
    padding: 1.25em 2em;
    color: #4aa8e4;
    background: rgba(255, 255, 255, .7);
    border-radius: 5px;
    -webkit-transition: background .3s;
    transition: background .3s
}

.pricing--norbu .pricing__action:focus,
.pricing--norbu .pricing__action:hover {
    background: #fff
}

.pricing--norbu:hover {
    border: 1px solid #fff;
    background: #7e67e5
}

.pricing--palden {
    cursor: default;
    color: #84697c;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(46, 59, 125, .23);
    box-shadow: 0 0 10px rgba(46, 59, 125, .23);
    border-radius: 20px 20px 10px 10px
}

.pricing--palden .veac-pricing-header {
    border-radius: 10px 10px 0 0;
    background: #a23f80;
    padding: 4em 0 9em;
    position: relative
}

.pricing--palden .veac-pricing-header-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px
}

.pricing--palden .pricing__title {
    font-size: .75em;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #ffd5bd
}

.pricing--palden .deco-layer {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.pricing--palden .pricing__icon {
    font-size: 2.5em
}

.pricing--palden .pricing__price {
    font-size: 5em;
    font-weight: 700;
    padding: 0;
    color: #fff;
    margin: 0 0 .25em;
    line-height: .75
}

.pricing--palden .pricing__currency {
    font-size: .15em;
    vertical-align: top;
    color: rgba(0, 0, 0, .4)
}

.pricing--palden .pricing__period {
    font-size: .15em;
    padding: 0 0 0 .5em;
    color: rgba(0, 0, 0, .4);
    font-style: italic
}

.pricing--palden .pricing__sentence {
    margin: 0 0 1em;
    padding: 1em;
    color: #444
}

.pricing--palden .pricing__feature-list {
    margin: 0;
    padding: .25em 0 2.5em;
    list-style: none;
    text-align: center
}

.pricing--palden .pricing__feature {
    padding: 1em 0
}

.pricing--palden .veac-pricing-footer {
    margin: 0 3em
}

.pricing--palden .pricing__action {
    font-weight: 700;
    margin: auto 0 2em;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #ffae7e;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pricing--palden .pricing__action:focus,
.pricing--palden .pricing__action:hover {
    background-color: #f38747
}

.pricing--palden .pricing__anim--1 {
    position: relative;
    left: 7px
}

.pricing--palden .pricing__anim--2 {
    position: relative;
    left: -7px
}

.pricing--palden.pricing__item--featured {
    padding-bottom: 1em
}

.pricing--palden.pricing__item--featured .veac-pricing-header {
    background: #83ca8e;
    padding: 5em 0 8.885em
}

.pricing--palden:hover .deco-layer--1 {
    -webkit-transform: translate3d(15px, 0, 0);
    transform: translate3d(15px, 0, 0)
}

.pricing--palden:hover .deco-layer--2 {
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0)
}

@media screen and (min-width:66.25em) {
    .pricing--palden {
        margin-top: 1em
    }
    .pricing--palden.pricing__item--featured {
        margin-top: 0;
        z-index: 10;
        -webkit-box-shadow: 0 0 20px rgba(46, 59, 125, .23);
        box-shadow: 0 0 20px rgba(46, 59, 125, .23)
    }
}

.pricing--pema {
    padding: 2em 3em;
    color: #262b38;
    background: #fff;
    cursor: default;
    overflow: hidden;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .05);
    box-shadow: 0 0 15px rgba(0, 0, 0, .05)
}

.pricing--pema .pricing__title {
    font-size: 2em;
    margin: .5em 0 0;
    color: #1d211f
}

.pricing--pema .pricing__icon {
    display: inline-block;
    min-width: 2em;
    color: #8a9790;
    vertical-align: middle
}

.pricing--pema .pricing__price {
    font-size: 5em;
    font-weight: 800;
    color: #6ed19c;
    position: relative;
    z-index: 10
}

.pricing--pema .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--pema .pricing__period {
    font-size: .25em;
    display: inline-block;
    padding: 0 0 0 .5em;
    color: #ceded6
}

.pricing--pema .pricing__sentence {
    font-weight: 700;
    margin: 0 0 1em;
    padding: 0 0 .5em;
    color: #6ed19c
}

.pricing--pema .pricing__feature-list {
    font-size: .95em;
    margin: 0;
    padding: 1.5em .5em 2.5em;
    list-style: none
}

.pricing--pema .pricing__feature {
    padding: .15em 0
}

.pricing--pema .pricing__action {
    font-weight: 700;
    margin-top: auto;
    padding: 1em 2em;
    color: #fff;
    border-radius: 5px;
    background: #6ed19c;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pricing--pema .pricing__action:focus,
.pricing--pema .pricing__action:hover {
    background-color: #4f5f56
}

@media screen and (min-width:66.25em) {
    .pricing--pema {
        margin-top: 1.5em
    }
    .pricing--pema.pricing__item--featured {
        z-index: 10;
        margin-top: 0
    }
    .pricing--pema.pricing__item--featured .veac-pricing-body,
    .pricing--pema.pricing__item--featured .veac-pricing-footer,
    .pricing--pema.pricing__item--featured .veac-pricing-header {
        font-size: 1.15em
    }
}

.pricing--rabten {
    padding: 2em 3em;
    cursor: default;
    color: #262b38;
    max-width: 320px
}

.pricing--rabten:nth-child(2) {
    border-right: 1px solid rgba(139, 144, 157, .18);
    border-left: 1px solid rgba(139, 144, 157, .18)
}

.pricing--rabten .pricing__title {
    font-size: 1em;
    margin: 1.5em 0 0
}

.pricing--rabten .pricing__icon {
    font-size: 2.5em;
    color: #8b909d;
    -webkit-transition: color .3s;
    transition: color .3s
}

.pricing--rabten .pricing__price {
    font-size: 2em;
    font-weight: 700;
    margin: .5em 0 .75em;
    overflow: hidden
}

.pricing--rabten .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--rabten .pricing__period {
    font-size: .35em;
    color: #8b909d
}

.pricing--rabten .pricing__anim {
    display: inline-block;
    position: relative
}

.pricing--rabten .pricing__sentence {
    font-weight: 700;
    margin: 0 0 1em;
    padding: 0 0 .5em;
    color: #8b909d
}

.pricing--rabten .pricing__feature-list {
    font-size: .85em;
    margin: 0;
    padding: .25em 0 2.5em;
    list-style: none;
    text-align: center;
    color: #8b909d
}

.pricing--rabten .pricing__action {
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-weight: 700;
    margin-top: auto;
    padding: 1em 3em;
    color: #fff;
    border-radius: 30px;
    background: #e03e3e;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pricing--rabten .pricing__action:focus,
.pricing--rabten .pricing__action:hover {
    background-color: #c53737
}

.pricing--rabten:hover .pricing__anim {
    -webkit-animation: RabtenMoveUp .4s forwards;
    animation: RabtenMoveUp .4s forwards;
    -webkit-animation-timing-function: cubic-bezier(.7, 0, .3, 1);
    animation-timing-function: cubic-bezier(.7, 0, .3, 1)
}

.pricing--rabten:hover .pricing__anim--2 {
    -webkit-animation-delay: .05s;
    animation-delay: .05s
}

.pricing--rabten:hover .pricing__icon {
    color: #e03e3e
}

@media screen and (max-width:60em) {
    .pricing--rabten {
        max-width: none;
        width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        border: 0!important;
        opacity: 1!important
    }
}

.pricing--sonam {
    padding: 2em;
    cursor: default;
    border-radius: 10px;
    background: #1f1f1f;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .05), 0 15px 30px -10px rgba(0, 0, 0, .3);
    box-shadow: 0 5px 20px rgba(0, 0, 0, .05), 0 15px 30px -10px rgba(0, 0, 0, .3);
    -webkit-transition: background .3s;
    transition: background .3s;
    color: #fff
}

.pricing--sonam .pricing__title {
    font-size: 2em;
    width: 100%;
    margin: 0 0 .25em;
    padding: 0 0 .5em;
    border-bottom: 3px solid #1b1a1c;
    color: #fff
}

.pricing--sonam .pricing__price {
    color: #e06060;
    font-size: 1.75em;
    padding: 1em 0 .75em
}

.pricing--sonam .pricing__sentence {
    font-weight: 700
}

.pricing--sonam .pricing__feature-list {
    margin: 0;
    padding: 1em 1.25em 2em
}

.pricing--sonam .pricing__action {
    font-weight: 700;
    margin-top: auto;
    padding: .75em 2em;
    border-radius: 5px;
    background: #e06060;
    -webkit-transition: background .3s;
    transition: background .3s
}

.pricing--sonam .pricing__action:focus,
.pricing--sonam .pricing__action:hover {
    background: #bd3c3c
}

.pricing--sonam:hover {
    background: #141315
}

.pricing--tashi {
    padding: 2em 2.5em;
    text-align: left;
    color: #fff;
    background: #262c37
}

.pricing--tashi .pricing__title {
    font-size: 2em;
    font-weight: 300;
    margin: 0 0 .15em;
    color: #e25a77
}

.pricing--tashi .pricing__item:nth-child(2) .pricing__title {
    color: #e25abc
}

.pricing--tashi .pricing__item:nth-child(3) .pricing__title {
    color: #7e5ae2
}

.pricing--tashi .pricing__price {
    font-size: 3em;
    font-weight: 300;
    padding: .85em 0
}

.pricing--tashi .pricing__currency {
    font-size: .65em;
    vertical-align: super;
    color: #394150
}

.pricing--tashi .pricing__period {
    font-size: .35em;
    padding: 0 0 0 .5em;
    color: #535965
}

.pricing--tashi .pricing__sentence {
    padding: 0 0 .5em;
    margin: 0;
    color: #535965
}

.pricing--tashi .pricing__feature-list {
    font-size: .95em;
    margin: 0;
    padding: 0 0 2.5em;
    list-style: none;
    color: #757983
}

.pricing--tashi .pricing__feature {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    line-height: 1.5
}

.pricing--tashi .pricing__feature::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background: #1f242d;
    left: 0;
    top: 50%;
    margin: -2px 0 0
}

.pricing--tashi .pricing__action {
    float: right;
    margin-top: auto;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    line-height: 60px;
    font-size: 1.55em;
    color: #fff;
    text-align: center;
    background: #e25a77;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.pricing--tashi .pricing__item:nth-child(2) .pricing__action {
    background: #e25abc
}

.pricing--tashi .pricing__item:nth-child(3) .pricing__action {
    background: #7e5ae2
}

.pricing--tashi .pricing__action:focus,
.pricing--tashi .pricing__action:hover {
    background: #1a1f28
}

.pricing--tenzin {
    padding: 2em 2.5em;
    text-align: left;
    color: #262b38;
    background: #eef0f3;
    border-top: 3px solid #eef0f3;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.pricing--tenzin .pricing__title {
    font-size: 1em;
    margin: 0 0 1em
}

.pricing--tenzin .pricing__price {
    font-size: 2em;
    font-weight: 700;
    padding: .5em 0 .75em;
    border-top: 3px solid rgba(139, 144, 157, .18)
}

.pricing--tenzin .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--tenzin .pricing__sentence {
    font-weight: 700;
    padding: 0 0 .5em;
    color: #9ca0a9;
    border-bottom: 3px solid rgba(139, 144, 157, .18)
}

.pricing--tenzin .pricing__feature-list {
    font-size: .85em;
    font-style: italic;
    margin: 0;
    padding: .25em 0 2.5em;
    list-style: none;
    text-align: right;
    color: #8b909d
}

.pricing--tenzin .pricing__action {
    font-weight: 700;
    margin-top: auto;
    padding: 1em 2em;
    color: #fff;
    border-radius: 30px;
    background: #3e62e0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.pricing--tenzin .pricing__action:focus,
.pricing--tenzin .pricing__action:hover {
    background-color: #3b5ac5
}

.pricing--tenzin:hover {
    border-color: #3e62e0
}

.pricing--yama {
    padding: 0 0 2em;
    background: #1e1c20
}

.pricing--yama .pricing__title {
    font-size: 2.35em;
    font-weight: 900;
    line-height: 1;
    width: 290px;
    margin: 0 auto;
    padding: 1em 1em 0;
    color: #fff
}

.pricing--yama .pricing__sentence {
    margin-bottom: 2em;
    color: #555357
}

.pricing--yama .pricing__price {
    font-size: 2em;
    font-weight: 700;
    position: relative;
    z-index: 10;
    overflow: hidden;
    padding: .75em;
    cursor: default;
    color: #ef7d46;
    background: #1a181b;
    -webkit-transition: color .3s;
    transition: color .3s
}

.pricing--yama .pricing__price::before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: #141315;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translate3d(-150%, 0, 0) skewX(40deg);
    transform: translate3d(-150%, 0, 0) skewX(40deg)
}

.pricing--yama .pricing__period {
    font-size: .5em;
    font-weight: 400;
    display: block;
    color: #2a272c
}

.pricing--yama .pricing__feature-list {
    margin: 0;
    padding: 2em 1em;
    list-style: none;
    text-align: center;
    color: #6a6563
}

.pricing--yama .veac-pricing-footer {
    margin: 0 2em
}

.pricing--yama .pricing__action {
    font-weight: 700;
    margin: 0;
    padding: 1em 0;
    border-radius: 4px;
    background: #ef7d46;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.pricing--yama .pricing__action:focus,
.pricing--yama .pricing__action:hover {
    color: #ef7d46;
    background: #fff
}

.pricing--yama:hover .pricing__price,
body .vckit-contact-jiro input[type=submit]:hover {
    color: #fff
}

.pricing--yama:hover .pricing__price:before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) skewX(0deg);
    transform: translate3d(0, 0, 0) skewX(0deg)
}

.pricing--yonten {
    padding: 2em 4em;
    cursor: default;
    color: #fff;
    background: #30353c;
    border: 1px solid #5c6552
}

.pricing--yonten .pricing__title {
    font-size: 1.5em;
    margin: 0 0 .5em;
    padding: 0 0 .5em
}

.pricing--yonten .pricing__icon {
    font-size: 3em;
    margin: 0 0 .5em;
    color: #85c34a
}

.pricing--yonten .pricing__price {
    font-size: 2em;
    margin: 0 0 .5em;
    font-weight: 700;
    color: #85c34a
}

.pricing--yonten .pricing__currency {
    font-size: .5em;
    vertical-align: super
}

.pricing--yonten .pricing__period {
    font-size: .35em;
    padding: 0 0 0 .5em;
    color: #646d5b
}

.pricing--yonten .pricing__feature-list {
    margin: 0;
    padding: .25em 0 8em;
    list-style: none;
    text-align: center;
    color: #81867d
}

.pricing--yonten .pricing__feature {
    padding: .25em
}

.pricing--yonten .pricing__action {
    display: inline-block;
    width: auto;
    max-width: 100%;
    font-weight: 700;
    margin-top: auto;
    padding: 1em 3em;
    border-radius: 40px;
    background: #85c34a;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.pricing--yonten .pricing__action:focus,
.pricing--yonten .pricing__action:hover {
    color: #85c34a;
    background: #fff
}

.pricing--yonten:hover {
    z-index: 10
}

.pricing--yonten:hover::after {
    content: '';
    pointer-events: none;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    border: 5px solid #8bc34a
}

@media screen and (min-width:66.25em) {
    .pricing--yonten .pricing__item {
        margin: 0
    }
    .pricing--yonten .pricing__item:nth-child(2) {
        border-right: none;
        border-left: none
    }
}

ul.vckit-sharer {
    padding: 0;
    margin: 0;
    list-style: none
}

ul.vckit-sharer li {
    display: inline-block;
    margin: 0 20px 0 0
}

ul.vckit-sharer li a {
    display: block;
    position: relative;
    float: left;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 1.3em;
    background-color: #f4f4f4;
    cursor: pointer;
    color: #777;
    text-decoration: none
}

ul.vckit-sharer li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out;
    transition: transform .3s ease-out, opacity .3s ease-out, -webkit-transform .3s ease-out
}

ul.vckit-sharer li a span {
    margin: 0;
    padding: 0;
    position: relative
}

ul.vckit-sharer li a.vckit-sharer-link-facebook:before {
    background: #3b5998
}

ul.vckit-sharer li a.vckit-sharer-link-twitter:before {
    background: #55acee
}

ul.vckit-sharer li a.vckit-sharer-link-google:before {
    background: #dd4b39
}

ul.vckit-sharer li a.vckit-sharer-link-pinterest:before {
    background: #cb2027
}

ul.vckit-sharer li a.vckit-sharer-link-linkedin:before {
    background: #0077b5
}

ul.vckit-sharer li a:focus,
ul.vckit-sharer li a:hover {
    outline: 0;
    color: #fff!important
}

ul.vckit-sharer li a:focus:before,
ul.vckit-sharer li a:hover:before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.vckit-tilter {
    display: block;
    position: relative;
    min-width: 300px;
    max-width: 500px;
    min-height: 415px;
    margin: 0 auto 30px;
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    font-size: 16px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-tilter * {
    pointer-events: none
}

.vckit-tilter:focus,
.vckit-tilter:hover {
    color: #fff;
    outline: 0
}

.vckit-tilter:not(href) {
    cursor: default
}

.vckit-tilter__figure,
.vckit-tilter__image {
    margin: 0;
    width: 100%;
    height: 100%;
    display: block
}

.vckit-smooth .vckit-tilter__caption,
.vckit-smooth .vckit-tilter__deco--lines,
.vckit-smooth .vckit-tilter__deco--overlay,
.vckit-smooth .vckit-tilter__deco--shine div,
.vckit-smooth .vckit-tilter__figure {
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}

.vckit-tilter__figure {
    position: relative
}

.vckit-tilter__figure>* {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.vckit-tilter__figure:before {
    content: '';
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    -webkit-box-shadow: 0 30px 20px rgba(35, 32, 39, .5);
    box-shadow: 0 30px 20px rgba(35, 32, 39, .5)
}

.vckit-tilter__deco {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.vckit-tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(226, 60, 99, .4), rgba(145, 58, 252, .4), rgba(16, 11, 192, .4))
}

.vckit-tilter__deco--shine div {
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: linear-gradient(45deg, rgba(0, 0, 0, .5) 0%, rgba(255, 255, 255, .25) 50%, transparent 100%)
}

.vckit-tilter__deco--lines {
    fill: none;
    stroke: #fff;
    stroke-width: 1.5px
}

.vckit-tilter__caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 4em
}

.vckit-tilter__title {
    margin: 0;
    font-weight: 400;
    font-size: 2.5em;
    line-height: 1
}

.vckit-tilter__description {
    margin: 1em 0 0;
    font-size: .85em;
    letter-spacing: .15em
}

.vckit-tilter--1 .vckit-tilter__figure::before {
    -webkit-box-shadow: 0 30px 20px rgba(0, 0, 0, .5);
    box-shadow: 0 30px 20px rgba(0, 0, 0, .5)
}

.vckit-tilter--2,
.vckit-tilter--6 {
    color: #2e27ad
}

.vckit-tilter--2:focus,
.vckit-tilter--2:hover {
    color: #2e27ad
}

.vckit-tilter--2 .vckit-tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(245, 239, 40, .6), rgba(164, 22, 169, .6))
}

.vckit-tilter--2 .vckit-tilter__deco--lines {
    stroke: #2e27ad;
    stroke-width: 4px
}

.vckit-tilter--3 .vckit-tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(205, 81, 220, .6), rgba(41, 94, 230, .5))
}

.vckit-tilter--3 .vckit-tilter__caption {
    padding: 2em;
    text-align: right;
    text-shadow: .1em .8em 1em rgba(0, 0, 0, .35)
}

.vckit-tilter--4 .vckit-tilter__deco--overlay {
    background-image: linear-gradient(20deg, #d66428, rgba(46, 39, 173, .58), rgba(53, 74, 165, .6))
}

@media screen and (min-width:30em) {
    .vckit-tilter--4 .vckit-tilter__deco--lines {
        -webkit-transform: scale3d(.8, .8, 1);
        transform: scale3d(.8, .8, 1);
        -webkit-transition: -webkit-transform .4s;
        transition: transform .4s;
        transition: transform .4s, -webkit-transform .4s
    }
    .vckit-tilter--4:hover .vckit-tilter__deco--lines {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    .vckit-tilter--4 .vckit-tilter__description,
    .vckit-tilter--4 .vckit-tilter__title {
        -webkit-transform: translate3d(0, 80px, 0);
        transform: translate3d(0, 80px, 0);
        opacity: 0;
        -webkit-transition: opacity .4s, -webkit-transform .4s;
        transition: transform .4s, opacity .4s;
        transition: transform .4s, opacity .4s, -webkit-transform .4s
    }
    .vckit-tilter--4:hover .vckit-tilter__description {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }
    .vckit-tilter--4:hover .vckit-tilter__description,
    .vckit-tilter--4:hover .vckit-tilter__title {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.vckit-tilter--5 .vckit-tilter__deco--lines path {
    stroke-dasharray: 1270;
    stroke-dashoffset: 1270;
    -webkit-transition: stroke-dashoffset .7s;
    transition: stroke-dashoffset .7s
}

.vckit-tilter--5:hover .vckit-tilter__deco--lines path {
    stroke-dashoffset: 0
}

.legocreative-testimonial a,
.legocreative-testimonial a img,
.legocreative-testimonial a:hover,
.vckit-tilter--5 .vckit-tilter__figure::before,
.vckit-tilter--6 .vckit-tilter__figure::before,
.vckit-tilter--7 .vckit-tilter__figure::before,
.vckit-tilter--8 .vckit-tilter__figure::before {
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-tilter--6:focus,
.vckit-tilter--6:hover {
    color: #2e27ad
}

.vckit-tilter--6 .vckit-tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(46, 39, 173, .2), rgba(255, 186, 59, .58))
}

.vckit-tilter--6 .vckit-tilter__deco--lines {
    stroke: #2e27ad;
    stroke-width: 6px;
    top: -50px;
    left: -50px
}

.vckit-tilter--6 .vckit-tilter__caption {
    padding: 0 4em 5.5em 1em
}

.vckit-tilter--7 .vckit-tilter__deco--overlay {
    background-image: linear-gradient(45deg, rgba(93, 203, 106, .48), rgba(59, 239, 255, .58))
}

.vckit-tilter--7 .vckit-tilter__deco--lines {
    stroke-width: 20px;
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.vckit-tilter--7:hover .vckit-tilter__deco--lines {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-tilter--8 {
    -webkit-perspective: none;
    perspective: none
}

.vckit-tilter--8 .vckit-tilter__figure {
    -webkit-transform-style: flat;
    transform-style: flat
}

.vckit-tilter--8 .vckit-tilter__deco--lines {
    stroke: #9255ae;
    stroke-width: 6px;
    mix-blend-mode: color-burn
}

.vckit-tilter--8 .vckit-tilter__caption {
    color: #9255ae;
    mix-blend-mode: color-burn
}

.vckit-animated-typing-wrap {
    color: inherit;
    text-align: center
}

.vckit-animated-typing-wrap .typed-cursor {
    opacity: 1;
    -webkit-animation: blink .7s infinite;
    animation: blink .7s infinite
}

.vckit-animated-typing-text {
    display: inline-block;
    padding-left: 7px;
    padding-right: 5px
}

.vckit-animated-typing span {
    opacity: 0;
    display: inline-block;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-transition: opacity .85s ease;
    transition: opacity .85s ease
}

.vckit-animated-typing.vckit-animated-bounce span {
    -webkit-animation-name: "bounce";
    animation-name: "bounce"
}

.vckit-animated-typing.vckit-animated-flash span {
    -webkit-animation-name: "flash";
    animation-name: "flash"
}

.vckit-animated-typing.vckit-animated-pulse span {
    -webkit-animation-name: "pulse";
    animation-name: "pulse"
}

.vckit-animated-typing.vckit-animated-rubberBand span {
    -webkit-animation-name: "rubberBand";
    animation-name: "rubberBand"
}

.vckit-animated-typing.vckit-animated-shake span {
    -webkit-animation-name: "shake";
    animation-name: "shake"
}

.vckit-animated-typing.vckit-animated-headShake span {
    -webkit-animation-name: "headShake";
    animation-name: "headShake"
}

.vckit-animated-typing.vckit-animated-swing span {
    -webkit-animation-name: "swing";
    animation-name: "swing"
}

.vckit-animated-typing.vckit-animated-tada span {
    -webkit-animation-name: "tada";
    animation-name: "tada"
}

.vckit-animated-typing.vckit-animated-wobble span {
    -webkit-animation-name: "wobble";
    animation-name: "wobble"
}

.vckit-animated-typing.vckit-animated-jello span {
    -webkit-animation-name: "jello";
    animation-name: "jello"
}

.vckit-animated-typing.vckit-animated-bounceIn span {
    -webkit-animation-name: "bounceIn";
    animation-name: "bounceIn"
}

.vckit-animated-typing.vckit-animated-bounceInDown span {
    -webkit-animation-name: "bounceInDown";
    animation-name: "bounceInDown"
}

.vckit-animated-typing.vckit-animated-bounceInLeft span {
    -webkit-animation-name: "bounceInLeft";
    animation-name: "bounceInLeft"
}

.vckit-animated-typing.vckit-animated-bounceInRight span {
    -webkit-animation-name: "bounceInRight";
    animation-name: "bounceInRight"
}

.vckit-animated-typing.vckit-animated-bounceInUp span {
    -webkit-animation-name: "bounceInUp";
    animation-name: "bounceInUp"
}

.vckit-animated-typing.vckit-animated-fadeIn span {
    -webkit-animation-name: "fadeIn";
    animation-name: "fadeIn"
}

.vckit-animated-typing.vckit-animated-fadeInDown span {
    -webkit-animation-name: "fadeInDown";
    animation-name: "fadeInDown"
}

.vckit-animated-typing.vckit-animated-fadeInDownBig span {
    -webkit-animation-name: "fadeInDownBig";
    animation-name: "fadeInDownBig"
}

.vckit-animated-typing.vckit-animated-fadeInLeft span {
    -webkit-animation-name: "fadeInLeft";
    animation-name: "fadeInLeft"
}

.vckit-animated-typing.vckit-animated-fadeInLeftBig span {
    -webkit-animation-name: "fadeInLeftBig";
    animation-name: "fadeInLeftBig"
}

.vckit-animated-typing.vckit-animated-fadeInRight span {
    -webkit-animation-name: "fadeInRight";
    animation-name: "fadeInRight"
}

.vckit-animated-typing.vckit-animated-fadeInRightBig span {
    -webkit-animation-name: "fadeInRightBig";
    animation-name: "fadeInRightBig"
}

.vckit-animated-typing.vckit-animated-fadeInUp span {
    -webkit-animation-name: "fadeInUp";
    animation-name: "fadeInUp"
}

.vckit-animated-typing.vckit-animated-fadeInUpBig span {
    -webkit-animation-name: "fadeInUpBig";
    animation-name: "fadeInUpBig"
}

.vckit-animated-typing.vckit-animated-flipInX span {
    -webkit-animation-name: "flipInX";
    animation-name: "flipInX"
}

.vckit-animated-typing.vckit-animated-flipInY span {
    -webkit-animation-name: "flipInY";
    animation-name: "flipInY"
}

.vckit-animated-typing.vckit-animated-lightSpeedIn span {
    -webkit-animation-name: "lightSpeedIn";
    animation-name: "lightSpeedIn"
}

.vckit-animated-typing.vckit-animated-lightSpeedOut span {
    -webkit-animation-name: "lightSpeedOut";
    animation-name: "lightSpeedOut"
}

.vckit-animated-typing.vckit-animated-rotateIn span {
    -webkit-animation-name: "rotateIn";
    animation-name: "rotateIn"
}

.vckit-animated-typing.vckit-animated-rotateInDownLeft span {
    -webkit-animation-name: "rotateInDownLeft";
    animation-name: "rotateInDownLeft"
}

.vckit-animated-typing.vckit-animated-rotateInDownRight span {
    -webkit-animation-name: "rotateInDownRight";
    animation-name: "rotateInDownRight"
}

.vckit-animated-typing.vckit-animated-rotateInUpLeft span {
    -webkit-animation-name: "rotateInUpLeft";
    animation-name: "rotateInUpLeft"
}

.vckit-animated-typing.vckit-animated-rotateInUpRight span {
    -webkit-animation-name: "rotateInUpRight";
    animation-name: "rotateInUpRight"
}

.vckit-animated-typing.vckit-animated-hinge span {
    -webkit-animation-name: "hinge";
    animation-name: "hinge"
}

.vckit-animated-typing.vckit-animated-rollIn span {
    -webkit-animation-name: "rollIn";
    animation-name: "rollIn"
}

.vckit-animated-typing.vckit-animated-rollOut span {
    -webkit-animation-name: "rollOut";
    animation-name: "rollOut"
}

.vckit-animated-typing.vckit-animated-zoomIn span {
    -webkit-animation-name: "zoomIn";
    animation-name: "zoomIn"
}

.vckit-animated-typing.vckit-animated-zoomInDown span {
    -webkit-animation-name: "zoomInDown";
    animation-name: "zoomInDown"
}

.vckit-animated-typing.vckit-animated-zoomInLeft span {
    -webkit-animation-name: "zoomInLeft";
    animation-name: "zoomInLeft"
}

.vckit-animated-typing.vckit-animated-zoomInRight span {
    -webkit-animation-name: "zoomInRight";
    animation-name: "zoomInRight"
}

.vckit-animated-typing.vckit-animated-zoomInUp span {
    -webkit-animation-name: "zoomInUp";
    animation-name: "zoomInUp"
}

.vckit-animated-typing.vckit-animated-slideInDown span {
    -webkit-animation-name: "slideInDown";
    animation-name: "slideInDown"
}

.vckit-animated-typing.vckit-animated-slideInLeft span {
    -webkit-animation-name: "slideInLeft";
    animation-name: "slideInLeft"
}

.vckit-animated-typing.vckit-animated-slideInRight span {
    -webkit-animation-name: "slideInRight";
    animation-name: "slideInRight"
}

.vckit-animated-typing.vckit-animated-slideInUp span {
    -webkit-animation-name: "slideInUp";
    animation-name: "slideInUp"
}

.vckit-video-player {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px
}

.vckit-video-player .svg-video-player-border {
    stroke: #888
}

.vckit-video-player .svg-video-player-icon {
    fill: #888
}

.vckit-contact .vckit-input__field,
.vckit-contact .vckit-input__field.wpcf7-form-control {
    -webkit-appearance: none;
    position: relative;
    display: block;
    width: 100%;
    float: right;
    margin: 0;
    padding: .8em;
    line-height: initial;
    background: #f0f0f0;
    border: 0;
    font-size: 1em;
    border-radius: 0;
    font-weight: 400;
    height: 40px;
    min-height: 40px;
    max-width: initial
}

.vckit-contact {
    font-size: 14px
}

.vckit-contact .wpcf7-form-control-wrap {
    position: static;
    margin-top: 0
}

.vckit-contact::-webkit-input-placeholder {
    font-family: inherit
}

.vckit-contact .vckit-input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 1em 0;
    width: 100%;
    vertical-align: top;
    font-size: 1em
}

.vckit-contact .vckit-input__field.wpcf7-form-control:focus,
.vckit-contact .vckit-input__field:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-contact .vckit-input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    margin: 0;
    width: 40%;
    color: #6a7989;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.vckit-contact .vckit-input__label-content {
    position: relative;
    display: block;
    padding: .7em 0;
    width: 100%
}

.vckit-contact .graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none
}

.vckit-contact .vckit-input__textarea,
.vckit-contact textarea,
.vckit-contact textarea.vckit-input__textarea {
    width: 100%;
    padding: .65em .8em;
    border-radius: 0;
    background: 0 0;
    color: #aaa;
    font-size: 1em;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.vckit-contact .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact textarea::-webkit-input-placeholder {
    color: #6a7989;
    font-weight: 400
}

.vckit-contact .vckit-input__textarea:-moz-placeholder,
.vckit-contact .vckit-input__textarea::-moz-placeholder,
.vckit-contact textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact textarea:-moz-placeholder,
.vckit-contact textarea::-moz-placeholder {
    color: #6a7989;
    font-weight: 400
}

.vckit-contact .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact textarea:-ms-input-placeholder {
    color: #6a7989;
    font-weight: 400
}

.vckit-contact .vckit-input__textarea:focus,
.vckit-contact textarea.vckit-input__textarea:focus,
.vckit-contact textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0
}

.vckit-contact input[type=submit] {
    margin-top: 1em;
    margin-bottom: 1em;
    padding: .7em 2em;
    outline: 0;
    border-radius: 0;
    font-size: 1em;
    font-weight: 400;
    background: #f0f0f0;
    color: #6a7989;
    border: 1px solid #696a6e;
    font-family: inherit;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: background-color .2s, border-color .2s, color .2s;
    transition: background-color .2s, border-color .2s, color .2s
}

.vckit-contact input[type=submit]:focus,
.vckit-contact input[type=submit]:hover {
    color: #6a7989;
    border-color: #6a7989;
    background-color: transparent
}

.vckit-contact .wpcf7-not-valid-tip {
    display: block;
    position: absolute;
    right: 0;
    bottom: -2.5em;
    color: #f98a82;
    font-size: .85em
}

.vckit-contact .wpcf7-response-output {
    margin: 0 0 1em;
    padding: 0;
    border: 0;
    color: #f98a82;
    font-size: 1em
}

.vckit-contact .wpcf7-not-valid {
    border-width: 0!important
}

.vckit-contact.vckit-contact-basic .vckit-input__textarea,
.vckit-contact.vckit-contact-basic input[type=submit],
.vckit-contact.vckit-contact-basic textarea,
.vckit-contact.vckit-contact-basic textarea.vckit-input__textarea {
    border-color: #f4f4f4
}

.vckit-contact.vckit-contact-basic .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-basic .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-basic textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-basic textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-basic textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-basic textarea:focus {
    border-color: #6a7989
}

.vckit-contact.vckit-contact-basic .vckit-input__field {
    background-color: transparent;
    border: 1px solid #f4f4f4;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    float: none
}

.vckit-contact.vckit-contact-basic .vckit-input__field.wpcf7-not-valid {
    border: 1px solid #f4f4f4
}

.vckit-contact.vckit-contact-basic .vckit-input__label {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0;
    float: left;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.vckit-contact.vckit-contact-basic .vckit-input__label-content {
    padding: .6em 1em
}

.vckit-contact.vckit-contact-basic .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-basic .vckit-input__field:focus+.vckit-input__label {
    opacity: 0
}

.vckit-contact.vckit-contact-basic .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-basic .vckit-input__field:focus {
    border-color: #6a7989
}

.vckit-contact.vckit-contact-basic .wpcf7-not-valid-tip {
    bottom: -2em
}

.vckit-contact.vckit-contact-basic .wpcf7-not-valid {
    border-width: 1px!important;
    border-color: #f98a82!important
}

.vckit-contact.vckit-contact-akira .vckit-input__textarea,
.vckit-contact.vckit-contact-akira textarea,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea {
    border: 1px solid #696a6e
}

.vckit-contact.vckit-contact-akira .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-akira .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-akira textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-akira textarea:focus {
    border-color: #696a6e;
    color: #aaa
}

.vckit-contact.vckit-contact-akira .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-akira textarea::-webkit-input-placeholder {
    color: #cc6055
}

.vckit-contact.vckit-contact-akira .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-akira .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-akira textarea:-moz-placeholder,
.vckit-contact.vckit-contact-akira textarea::-moz-placeholder {
    color: #cc6055
}

.vckit-contact.vckit-contact-akira .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-akira textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-akira textarea:-ms-input-placeholder {
    color: #cc6055
}

.vckit-contact.vckit-contact-akira .vckit-input {
    margin-top: 2em
}

.vckit-contact.vckit-contact-akira .vckit-input__field {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: block;
    padding: 0 1em;
    width: 100%;
    height: 100%;
    background: 0 0;
    text-align: center
}

.vckit-contact.vckit-contact-akira .vckit-input__label {
    padding: 0;
    width: 100%;
    color: #cc6055;
    cursor: text;
    text-align: center
}

.vckit-contact.vckit-contact-akira .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #696a6e
}

.vckit-contact.vckit-contact-akira .vckit-input__label-content,
.vckit-contact.vckit-contact-akira .vckit-input__label::before {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-akira .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-akira .vckit-input__field:focus+.vckit-input__label {
    cursor: default;
    pointer-events: none
}

.vckit-contact.vckit-contact-akira .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-akira .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: translate3d(0, -2.5em, 0);
    transform: translate3d(0, -2.5em, 0)
}

.vckit-contact.vckit-contact-akira input[type=submit] {
    color: #cc6055
}

.vckit-contact.vckit-contact-akira input[type=submit]:focus,
.vckit-contact.vckit-contact-akira input[type=submit]:hover {
    color: #cc6055;
    border-color: #696a6e
}

.vckit-contact.vckit-contact-haruki .vckit-input__textarea,
.vckit-contact.vckit-contact-haruki textarea,
.vckit-contact.vckit-contact-haruki textarea.vckit-input__textarea {
    margin-top: 0;
    border: 1px solid #6a7989;
    overflow: hidden;
    -webkit-transition: border-color ease-out .2s;
    transition: border-color ease-out .2s
}

.vckit-contact.vckit-contact-haruki .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-haruki .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-haruki textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-haruki textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-haruki textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-haruki textarea:focus {
    overflow: auto;
    border-color: #6a7989
}

.vckit-contact.vckit-contact-haruki .vckit-input {
    margin: 2.5em 0 1em
}

.vckit-contact.vckit-contact-haruki .vckit-input__field {
    width: 100%;
    background: 0 0;
    color: #afb5bb
}

.vckit-contact.vckit-contact-haruki .vckit-input__label {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.vckit-contact.vckit-contact-haruki .vckit-input__label-content {
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    line-height: 40px
}

.vckit-contact.vckit-contact-haruki .vckit-input__label::after,
.vckit-contact.vckit-contact-haruki .vckit-input__label::before {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 1px;
    background: #6a7989;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-haruki .vckit-input__label::before {
    top: 0
}

.vckit-contact.vckit-contact-haruki .vckit-input__label::after {
    bottom: 0
}

.vckit-contact.vckit-contact-haruki .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-haruki .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: translate3d(0, -90%, 0);
    transform: translate3d(0, -90%, 0)
}

.vckit-contact.vckit-contact-haruki .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-haruki .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: translate3d(0, -.2em, 0);
    transform: translate3d(0, -.2em, 0)
}

.vckit-contact.vckit-contact-haruki .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-haruki .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: translate3d(0, .2em, 0);
    transform: translate3d(0, .2em, 0)
}

.vckit-contact.vckit-contact-haruki input[type=submit] {
    color: #555e67;
    border-color: #555e67
}

.vckit-contact.vckit-contact-haruki input[type=submit]:focus,
.vckit-contact.vckit-contact-haruki input[type=submit]:hover {
    color: #555e67;
    border-color: #555e67
}

.vckit-contact.vckit-contact-hideo .vckit-input__textarea,
.vckit-contact.vckit-contact-hideo textarea,
.vckit-contact.vckit-contact-hideo textarea.vckit-input__textarea {
    margin: 0;
    border: 0;
    border-left: 2px solid #899dda;
    background: #f4f4f4
}

.vckit-contact.vckit-contact-hideo .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hideo .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-hideo textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hideo textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-hideo textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hideo textarea:focus {
    border-left: 1px solid #899dda
}

.vckit-contact.vckit-contact-hideo .vckit-input {
    overflow: hidden;
    background: #f4f4f4
}

.vckit-contact.vckit-contact-hideo .vckit-input__field {
    padding: .85em .85em .85em 4em;
    width: 100%;
    background: #f4f4f4;
    -webkit-transform: translate3d(1em, 0, 0);
    transform: translate3d(1em, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-hideo .vckit-input__label {
    position: absolute;
    z-index: 10;
    padding: 1.25em 0 0;
    width: 4em;
    height: 100%
}

.vckit-contact.vckit-contact-hideo .vckit-input__label::before,
.vckit-contact.vckit-contact-hideo .vckit-input__label:after {
    font-family: 'FontAwesome';
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-hideo .vckit-input__label::before {
    z-index: -1;
    width: 4em;
    background: #899dda;
    line-height: 100%
}

.vckit-contact.vckit-contact-hideo .vckit-input__label:after {
    right: 0;
    padding-top: .4em;
    color: #fff;
    font-size: 1.5em;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-contact.vckit-contact-hideo input[type=submit] {
    color: #fff;
    background-color: #899dda;
    border-color: #899dda
}

.vckit-contact.vckit-contact-hideo input[type=submit]:focus,
.vckit-contact.vckit-contact-hideo input[type=submit]:hover {
    color: #fff;
    background-color: #768dd4;
    border-color: #768dd4
}

.vckit-contact.vckit-contact-hideo .your-name+.vckit-input__label:after {
    content: '\f007'
}

.vckit-contact.vckit-contact-hideo .your-email+.vckit-input__label:after {
    content: '\f0e0'
}

.vckit-contact.vckit-contact-hideo .your-subject+.vckit-input__label:after {
    content: '\f023'
}

.vckit-contact.vckit-contact-hideo .vckit-input__label-content {
    position: absolute;
    top: 100%
}

.vckit-contact.vckit-contact-hideo .vckit-input__field:focus {
    background-color: #f4f4f4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-hideo .wpcf7-not-valid-tip {
    right: 0;
    top: .7em;
    bottom: auto
}

.vckit-contact.vckit-contact-hideo .vckit-input--filled .wpcf7-not-valid-tip {
    display: none
}

.vckit-contact.vckit-contact-hideo .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-hideo .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: scale3d(.8, 1, 1);
    transform: scale3d(.8, 1, 1)
}

.vckit-contact.vckit-contact-hideo .vckit-input--filled .vckit-input__label:after,
.vckit-contact.vckit-contact-hideo .vckit-input__field:focus+.vckit-input__label:after {
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1)
}

.vckit-contact.vckit-contact-hoshi .vckit-input__textarea,
.vckit-contact.vckit-contact-hoshi textarea,
.vckit-contact.vckit-contact-hoshi textarea.vckit-input__textarea {
    border: 1px solid #b9c1ca
}

.vckit-contact.vckit-contact-hoshi .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hoshi .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-hoshi textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hoshi textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-hoshi textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-hoshi textarea:focus {
    border-color: #b9c1ca #b9c1ca #81dee4
}

.vckit-contact.vckit-contact-hoshi .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-hoshi textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-hoshi textarea::-webkit-input-placeholder {
    color: #6a7989
}

.vckit-contact.vckit-contact-hoshi .vckit-input {
    overflow: hidden;
    margin-top: 0
}

.vckit-contact.vckit-contact-hoshi .vckit-input__field {
    margin-top: 1em;
    padding: .85em .15em;
    width: 100%;
    background: 0 0;
    color: #595f6e
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 .25em;
    width: 100%;
    height: calc(100% - 1em);
    text-align: left;
    pointer-events: none
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label-content {
    position: absolute;
    padding-top: .5em
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label::after,
.vckit-contact.vckit-contact-hoshi .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 10px);
    border-bottom: 1px solid #b9c1ca
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label::after {
    border-bottom: 1px solid #81dee4;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label-color-1::after {
    border-color: #0af
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label-color-2::after {
    border-color: #0fa
}

.vckit-contact.vckit-contact-hoshi .vckit-input__label-color-3::after {
    border-color: #f50
}

.vckit-contact.vckit-contact-hoshi .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-hoshi .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-hoshi .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-hoshi .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-animation: anim-1 .3s forwards;
    animation: anim-1 .3s forwards
}

.vckit-contact.vckit-contact-hoshi .wpcf7-not-valid-tip {
    bottom: 1em
}

.vckit-contact.vckit-contact-hoshi .vckit-input--filed .wpcf7-not-valid-tip {
    bottom: 3em
}

.vckit-contact.vckit-contact-hoshi input[type=submit] {
    border-color: #b9c1ca
}

.vckit-contact.vckit-contact-hoshi input[type=submit]:focus,
.vckit-contact.vckit-contact-hoshi input[type=submit]:hover {
    color: #595f6e;
    border-color: #71d8de
}

.vckit-contact.vckit-contact-ichiro .vckit-input__textarea,
.vckit-contact.vckit-contact-ichiro textarea,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea {
    margin-top: -1em;
    background: #fff;
    border-color: #f0f0f0
}

.vckit-contact.vckit-contact-ichiro .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ichiro .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-ichiro textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ichiro textarea:focus {
    background-color: #f0f0f0;
    color: #7f8994
}

.vckit-contact.vckit-contact-ichiro .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-ichiro textarea::-webkit-input-placeholder {
    color: #7f8994
}

.vckit-contact.vckit-contact-ichiro .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-ichiro .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-ichiro textarea:-moz-placeholder,
.vckit-contact.vckit-contact-ichiro textarea::-moz-placeholder {
    color: #7f8994
}

.vckit-contact.vckit-contact-ichiro .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-ichiro textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-ichiro textarea:-ms-input-placeholder {
    color: #7f8994
}

.vckit-contact.vckit-contact-ichiro .vckit-input {
    margin-top: 2em;
    margin-bottom: 2em
}

.vckit-contact.vckit-contact-ichiro .vckit-input__field {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 100;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: #f0f0f0;
    color: #7f8994;
    opacity: 0;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-ichiro .vckit-input__label {
    width: 100%;
    text-align: left;
    cursor: text
}

.vckit-contact.vckit-contact-ichiro .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #f0f0f0;
    background: #fff;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-ichiro .vckit-input__label-content {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-ichiro .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-ichiro .vckit-input__field:focus {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-contact.vckit-contact-ichiro .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-ichiro .vckit-input__field:focus+.vckit-input__label {
    cursor: default;
    pointer-events: none
}

.vckit-contact.vckit-contact-ichiro .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-ichiro .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: scale3d(1, 1.6, 1);
    transform: scale3d(1, 1.6, 1)
}

.vckit-contact.vckit-contact-ichiro .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-ichiro .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: translate3d(0, -2.3em, 0) scale3d(.9, .9, 1);
    transform: translate3d(0, -2.3em, 0) scale3d(.9, .9, 1) translateZ(1px)
}

.vckit-contact.vckit-contact-ichiro .wpcf7-not-valid-tip {
    bottom: -2em
}

.vckit-contact.vckit-contact-ichiro input[type=submit] {
    color: #7f8994;
    background-color: #fff;
    border-color: #f0f0f0;
    border-width: 1px
}

.vckit-contact.vckit-contact-ichiro input[type=submit]:focus,
.vckit-contact.vckit-contact-ichiro input[type=submit]:hover {
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    color: #7f8994
}

.vckit-contact.vckit-contact-isao .vckit-input__textarea,
.vckit-contact.vckit-contact-isao textarea,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea {
    margin-top: 1em;
    border: 1px solid #afb3b8
}

.vckit-contact.vckit-contact-isao .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-isao .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-isao textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-isao textarea:focus {
    border-color: #da7071
}

.vckit-contact.vckit-contact-isao .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-isao textarea::-webkit-input-placeholder {
    color: #dadada
}

.vckit-contact.vckit-contact-isao .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-isao .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-isao textarea:-moz-placeholder,
.vckit-contact.vckit-contact-isao textarea::-moz-placeholder {
    color: #dadada
}

.vckit-contact.vckit-contact-isao .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-isao textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-isao textarea:-ms-input-placeholder {
    color: #dadada
}

.legocreative-testimonial p,
.vckit-carousel-item .effect-hover,
.vckit-carousel-item>*,
.vckit-contact.vckit-contact-isao .vckit-input {
    margin: 0
}

.vckit-contact.vckit-contact-isao .vckit-input__field {
    z-index: 10;
    padding: .75em .1em .25em;
    width: 100%;
    background: 0 0;
    color: #afb3b8
}

.vckit-contact.vckit-contact-isao .vckit-input__label {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    color: #dadada;
    text-align: left
}

.vckit-contact.vckit-contact-isao .vckit-input__label::after,
.vckit-contact.vckit-contact-isao .vckit-input__label::before {
    position: absolute;
    top: 0;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-contact.vckit-contact-isao .vckit-input__label::before {
    content: '';
    width: 100%;
    height: 1px;
    background: #dadada;
    -webkit-transform: scale3d(1, .4, 1);
    transform: scale3d(1, .4, 1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-isao .vckit-input__label::after {
    content: attr(data-content);
    left: 0;
    padding: .75em .15em;
    color: #da7071;
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    pointer-events: none
}

.vckit-contact.vckit-contact-isao .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-isao .vckit-input__field:focus+.vckit-input__label {
    pointer-events: none
}

.vckit-contact.vckit-contact-isao .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-isao .vckit-input__field:focus+.vckit-input__label::before {
    background-color: #da7071;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.vckit-contact.vckit-contact-isao .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-isao .vckit-input__field:focus+.vckit-input__label::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-isao .vckit-input--filled .vckit-input__label .vckit-input__label-content,
.vckit-contact.vckit-contact-isao .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #da7071
}

.vckit-contact.vckit-contact-isao .vckit-input__label-content {
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-contact.vckit-contact-isao input[type=submit] {
    margin-top: 2em;
    color: #dadada;
    border-color: #afb3b8
}

.vckit-contact.vckit-contact-isao input[type=submit]:focus,
.vckit-contact.vckit-contact-isao input[type=submit]:hover {
    color: #da7071;
    border-color: #da7071
}

.vckit-contact.vckit-contact-jiro .vckit-input__textarea,
.vckit-contact.vckit-contact-jiro textarea,
.vckit-contact.vckit-contact-jiro textarea.vckit-input__textarea {
    border: 1px solid #6a7989;
    color: #dde2e2
}

.vckit-contact.vckit-contact-jiro .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-jiro .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-jiro input[type=submit]:focus,
.vckit-contact.vckit-contact-jiro input[type=submit]:hover,
.vckit-contact.vckit-contact-jiro textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-jiro textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-jiro textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-jiro textarea:focus {
    border-color: #6a7989;
    background-color: #6a7989
}

.vckit-contact.vckit-contact-jiro .vckit-input {
    margin-top: 2em
}

.vckit-contact.vckit-contact-jiro .vckit-input__field {
    padding: .85em .5em;
    width: 100%;
    background: 0 0;
    color: #dde2e2;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.vckit-contact.vckit-contact-jiro .vckit-input__label {
    position: absolute;
    left: 0;
    padding: 0 .85em;
    width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.vckit-contact.vckit-contact-jiro .vckit-input__label-content {
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s;
    transition: transform .3s .3s, -webkit-transform .3s .3s
}

.vckit-contact.vckit-contact-jiro .vckit-input__label::after,
.vckit-contact.vckit-contact-jiro .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-jiro .vckit-input__label::before {
    border-top: 1px solid #6a7989;
    -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -1px, 0);
    transform: translate3d(0, 100%, 0) translate3d(0, -2px, 0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.vckit-contact.vckit-contact-jiro .vckit-input__label::after {
    z-index: -1;
    background: #6a7989;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1);
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.vckit-contact.vckit-contact-jiro input[type=submit] {
    color: #6a7989;
    border-color: #6a7989
}

.vckit-contact.vckit-contact-jiro .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-jiro .vckit-input__field:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.vckit-contact.vckit-contact-jiro .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-jiro .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: translate3d(0, -80%, 0);
    transform: translate3d(0, -80%, 0);
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-contact.vckit-contact-jiro .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-jiro .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-jiro .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-jiro .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-contact.vckit-contact-juro .vckit-input__textarea,
.vckit-contact.vckit-contact-juro textarea,
.vckit-contact.vckit-contact-juro textarea.vckit-input__textarea {
    background: #fff;
    color: #1784cd;
    border: 1px solid #1784cd
}

.vckit-contact.vckit-contact-juro .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-juro textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-juro textarea:focus {
    border-color: #1784cd
}

.vckit-contact.vckit-contact-juro .vckit-input {
    overflow: hidden
}

.vckit-contact.vckit-contact-juro .vckit-input__field {
    position: absolute;
    z-index: 100;
    padding: 2.75em .75em 0;
    width: 100%;
    background: 0 0;
    color: #1784cd
}

.vckit-contact.vckit-contact-juro .vckit-input__label {
    padding: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    text-align: left
}

.vckit-contact.vckit-contact-juro .vckit-input__label-content {
    padding: 1.85em 1em;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s;
    text-rendering: geometricPrecision
}

.vckit-contact.vckit-contact-juro .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #1784cd;
    -webkit-transition: border-width .3s, border-color .3s;
    transition: border-width .3s, border-color .3s
}

.vckit-contact.vckit-contact-juro .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-juro .vckit-input__field:focus+.vckit-input__label::before {
    border-color: #1784cd;
    border-width: 2em 8px 8px
}

.vckit-contact.vckit-contact-juro .vckit-input--filled .vckit-input__label .vckit-input__label-content,
.vckit-contact.vckit-contact-juro .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #fff;
    -webkit-transform: translate3d(0, -1.6em, 0) scale3d(.75, .75, 1);
    transform: translate3d(0, -1.6em, 0) scale3d(.75, .75, 1) translateZ(1px)
}

.vckit-contact.vckit-contact-juro .wpcf7-not-valid-tip {
    bottom: 1.2em
}

.vckit-contact.vckit-contact-juro input[type=submit] {
    border: 1px solid #1784cd;
    background-color: #fff;
    color: #6a7989
}

.vckit-contact.vckit-contact-juro input[type=submit]:focus,
.vckit-contact.vckit-contact-juro input[type=submit]:hover {
    border-color: #1784cd;
    background-color: #1784cd;
    color: #fff
}

.vckit-contact.vckit-contact-kaede .vckit-input__textarea,
.vckit-contact.vckit-contact-kaede textarea,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea {
    border: 0;
    background: #efeeee
}

.vckit-contact.vckit-contact-kaede .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kaede .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kaede textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kaede textarea:focus {
    background-color: transparent!important;
    color: #9dabba
}

.vckit-contact.vckit-contact-kaede .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kaede textarea::-webkit-input-placeholder {
    color: #6a7989
}

.vckit-contact.vckit-contact-kaede .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kaede .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kaede textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kaede textarea::-moz-placeholder {
    color: #6a7989
}

.vckit-contact.vckit-contact-kaede .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kaede textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kaede textarea:-ms-input-placeholder {
    color: #6a7989
}

.vckit-contact.vckit-contact-kaede .vckit-input {
    overflow: hidden;
    border: 1px solid #9dabba
}

.vckit-contact.vckit-contact-kaede .vckit-input__field,
.vckit-contact.vckit-contact-kaede .vckit-input__label {
    height: 100%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2, 1, .3, 1);
    transition-timing-function: cubic-bezier(.2, 1, .3, 1)
}

.vckit-contact.vckit-contact-kaede .vckit-input__field {
    position: absolute;
    top: 0;
    right: 100%;
    background: 0 0;
    color: #9dabba;
    width: 60%
}

.vckit-contact.vckit-contact-kaede .vckit-input__label {
    background: #efeeee;
    z-index: 10;
    display: block;
    width: 100%;
    text-align: left;
    cursor: text;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%
}

.vckit-contact.vckit-contact-kaede .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-kaede .vckit-input__field:focus {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

.vckit-contact.vckit-contact-kaede .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-kaede .vckit-input__field:focus+.vckit-input__label {
    -webkit-transform: translate3d(60%, 0, 0);
    transform: translate3d(60%, 0, 0);
    pointer-events: none
}

@media screen and (max-width:34em) {
    .vckit-contact.vckit-contact-kaede .vckit-input--filled .vckit-input__label,
    .vckit-contact.vckit-contact-kaede .vckit-input__field:focus+.vckit-input__label {
        -webkit-transform: translate3d(65%, 0, 0) scale3d(.65, .65, 1);
        transform: translate3d(65%, 0, 0) scale3d(.65, .65, 1);
        pointer-events: none
    }
}

.vckit-contact.vckit-contact-kaede .wpcf7-not-valid-tip {
    bottom: .8em
}

.vckit-contact.vckit-contact-kaede input[type=submit] {
    color: #6a7989;
    border: 1px solid #9dabba;
    background-color: #efeeee
}

.vckit-contact.vckit-contact-kaede input[type=submit]:focus,
.vckit-contact.vckit-contact-kaede input[type=submit]:hover {
    color: #6a7989;
    border-color: #9dabba;
    background-color: transparent!important
}

.vckit-contact.vckit-contact-kuro .vckit-input__textarea,
.vckit-contact.vckit-contact-kuro textarea,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea {
    margin-bottom: 0;
    border: 1px solid #747981
}

.vckit-contact.vckit-contact-kuro .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kuro .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kuro textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kuro textarea:focus {
    border-color: #747981
}

.vckit-contact.vckit-contact-kuro .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kuro textarea::-webkit-input-placeholder {
    color: #df6589
}

.vckit-contact.vckit-contact-kuro .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kuro .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kuro textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kuro textarea::-moz-placeholder {
    color: #df6589
}

.vckit-contact.vckit-contact-kuro .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kuro textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kuro textarea:-ms-input-placeholder {
    color: #df6589
}

.vckit-contact.vckit-contact-kuro .vckit-input {
    margin-bottom: 3em
}

.vckit-contact.vckit-contact-kuro .vckit-input__field {
    width: 100%;
    background: 0 0;
    color: #9196a1;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.vckit-contact.vckit-contact-kuro .vckit-input__label {
    position: absolute;
    left: 0;
    width: 100%;
    color: #df6589;
    text-align: center;
    pointer-events: none
}

.vckit-contact.vckit-contact-kuro .vckit-input__label::before {
    left: 0
}

.vckit-contact.vckit-contact-kuro .vckit-input__label::after,
.vckit-contact.vckit-contact-kuro .vckit-input__label::before {
    content: '';
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    border: 1px solid #747981;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-kuro .vckit-input__label::before {
    border-right: none
}

.vckit-contact.vckit-contact-kuro .vckit-input__label::after {
    left: 50%;
    border-left: none
}

.vckit-contact.vckit-contact-kuro .wpcf7-not-valid-tip {
    bottom: -3em
}

.vckit-contact.vckit-contact-kuro .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-kuro .vckit-input__field:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.vckit-contact.vckit-contact-kuro .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-kuro .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0)
}

.vckit-contact.vckit-contact-kuro .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-kuro .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0)
}

.vckit-contact.vckit-contact-kuro .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-kuro .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-animation: anim-2 .3s forwards;
    animation: anim-2 .3s forwards
}

.vckit-contact.vckit-contact-kuro input[type=submit] {
    color: #df6589;
    border-color: #747981
}

.vckit-contact.vckit-contact-kuro input[type=submit]:focus,
.vckit-contact.vckit-contact-kuro input[type=submit]:hover {
    color: #df6589;
    border-color: #747981
}

.vckit-contact.vckit-contact-kyo .vckit-input__textarea,
.vckit-contact.vckit-contact-kyo textarea,
.vckit-contact.vckit-contact-kyo textarea.vckit-input__textarea {
    padding: .85em 1.5em;
    background: #fff;
    color: #535d92;
    border-color: rgba(11, 43, 205, .6);
    border-radius: 5px
}

.vckit-contact.vckit-contact-kyo .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kyo textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kyo textarea:focus {
    border-color: rgba(11, 43, 205, .6)
}

.vckit-contact.vckit-contact-kyo .vckit-input {
    z-index: auto
}

.vckit-contact.vckit-contact-kyo .vckit-input__field {
    padding: .85em 1.5em;
    width: 100%;
    border-radius: 2em;
    background: #fff;
    color: #535d92;
    border: 1px solid rgba(11, 43, 205, .6)
}

.vckit-contact.vckit-contact-kyo .vckit-input__label {
    position: absolute;
    z-index: 0;
    padding: 0 0 0 2em;
    width: 100%;
    text-align: left
}

.vckit-contact.vckit-contact-kyo .vckit-input__label-content {
    padding: .6em 0
}

.vckit-contact.vckit-contact-kyo .vckit-input__field:focus {
    z-index: 100
}

.vckit-contact.vckit-contact-kyo .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-kyo .vckit-input__field:focus+.vckit-input__label {
    z-index: -1
}

.vckit-contact.vckit-contact-kyo .vckit-input--focused .vckit-input__label {
    z-index: -1
}

.vckit-contact.vckit-contact-kyo .wpcf7-not-valid-tip {
    bottom: -2em
}

.vckit-contact.vckit-contact-kyo input[type=submit] {
    border-color: rgba(11, 43, 205, .6);
    background-color: transparent;
    border-radius: 2em;
    color: #535d92;
    padding-left: 2.5em;
    padding-right: 2.5em
}

.vckit-contact.vckit-contact-kyo input[type=submit]:focus,
.vckit-contact.vckit-contact-kyo input[type=submit]:hover {
    background-color: rgba(11, 43, 205, .6);
    color: #fff
}

.vckit-contact.vckit-contact-madoka .vckit-input__textarea,
.vckit-contact.vckit-contact-madoka textarea,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea {
    color: #7a7593;
    margin-top: 3em;
    border: 1px solid #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-madoka .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-madoka textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-madoka textarea:focus {
    border-color: #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-madoka textarea::-webkit-input-placeholder {
    color: #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-madoka .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-madoka textarea:-moz-placeholder,
.vckit-contact.vckit-contact-madoka textarea::-moz-placeholder {
    color: #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-madoka textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-madoka textarea:-ms-input-placeholder {
    color: #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input {
    margin: 1.1em 0
}

.vckit-contact.vckit-contact-madoka .vckit-input__field {
    width: 100%;
    background: 0 0;
    color: #7a7593
}

.vckit-contact.vckit-contact-madoka .vckit-input__label {
    position: absolute;
    width: 100%;
    height: 100%;
    color: #7a7593;
    text-align: left;
    cursor: text;
    padding-left: 0;
    padding-right: 0
}

.vckit-contact.vckit-contact-madoka .vckit-input__label::before {
    width: 0
}

.vckit-contact.vckit-contact-madoka .vckit-input__label::after,
.vckit-contact.vckit-contact-madoka .vckit-input__label::before {
    content: '';
    position: absolute;
    height: 0;
    border: 1px solid transparent
}

.vckit-contact.vckit-contact-madoka .vckit-input__label::before {
    top: 0;
    right: 0;
    border-bottom-color: transparent!important;
    border-right-color: transparent!important
}

.vckit-contact.vckit-contact-madoka .vckit-input__label::after {
    bottom: 0;
    right: 0;
    width: 100%;
    border-bottom-color: #7a7593;
    border-top-color: transparent!important;
    border-left-color: transparent!important
}

.vckit-contact.vckit-contact-madoka .vckit-input__label-content {
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    padding: .8em
}

.vckit-contact.vckit-contact-madoka .graphic {
    -webkit-transform: scale3d(1, -1, 1);
    transform: scale3d(1, -1, 1);
    -webkit-transition: stroke-dashoffset .3s;
    transition: stroke-dashoffset .3s;
    pointer-events: none;
    stroke: #7a7593;
    stroke-width: 4px;
    stroke-dasharray: 962;
    stroke-dashoffset: 558
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label {
    cursor: default;
    pointer-events: none
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .graphic,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label .graphic {
    stroke-dashoffset: 0
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: scale3d(.81, .81, 1) translate3d(0, 2.5em, 0);
    transform: scale3d(.81, .81, 1) translate3d(0, 2.5em, 0)
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label {
    border-color: transparent
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .vckit-input__label:before,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label:before {
    width: 100%;
    height: 100%;
    border-top-color: #7a7593;
    border-left-color: #7a7593;
    -webkit-transition: border-color 0s ease-out .25s, width .25s ease-out .25s, height .25s ease-out .5s;
    transition: border-color 0s ease-out .25s, width .25s ease-out .25s, height .25s ease-out .5s
}

.vckit-contact.vckit-contact-madoka .vckit-input--filled .vckit-input__label:after,
.vckit-contact.vckit-contact-madoka .vckit-input__field:focus+.vckit-input__label:after {
    height: 100%;
    border-right-color: #7a7593;
    -webkit-transition: height .25s ease-out;
    transition: height .25s ease-out
}

.vckit-contact.vckit-contact-madoka input[type=submit] {
    color: #7a7593;
    border-color: #7a7593
}

.vckit-contact.vckit-contact-madoka input[type=submit]:focus,
.vckit-contact.vckit-contact-madoka input[type=submit]:hover {
    color: #6e6986;
    border-color: #7a7593;
    background-color: transparent
}

.vckit-contact.vckit-contact-minoru .vckit-input {
    margin: .5em 0
}

.vckit-contact.vckit-contact-minoru .vckit-input__textarea,
.vckit-contact.vckit-contact-minoru textarea,
.vckit-contact.vckit-contact-minoru textarea.vckit-input__textarea {
    margin: 0 0 .7em;
    color: #eca29b;
    background-color: #f4f4f4;
    border: 1px solid transparent;
    -webkit-transition: border-color ease-out .2s;
    transition: border-color ease-out .2s
}

.vckit-contact.vckit-contact-minoru .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-minoru .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-minoru textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-minoru textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-minoru textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-minoru textarea:focus {
    color: #eca29b;
    border-color: #eca29b
}

.vckit-contact.vckit-contact-minoru .vckit-input__field {
    width: 100%;
    height: 40px;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 0 0 2px transparent;
    box-shadow: 0 0 0 2px transparent;
    color: #eca29b;
    -webkit-transition: box-shadow .3s;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s
}

.vckit-contact.vckit-contact-minoru .vckit-input__label {
    padding: 0;
    width: 100%;
    text-align: left
}

.vckit-contact.vckit-contact-minoru .vckit-input__label::after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 40px;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
    color: rgba(199, 152, 157, .6)
}

.vckit-contact.vckit-contact-minoru .vckit-input__field:focus {
    -webkit-box-shadow: 0 0 0 1px #eca29b;
    box-shadow: 0 0 0 1px #eca29b
}

.vckit-contact.vckit-contact-minoru .vckit-input__field:focus+.vckit-input__label {
    pointer-events: none
}

.vckit-contact.vckit-contact-minoru .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-animation: anim-shadow .3s forwards;
    animation: anim-shadow .3s forwards
}

.vckit-contact.vckit-contact-minoru .vckit-input--filled .vckit-input__field {
    -webkit-box-shadow: 0 0 0 1px #eca29b;
    box-shadow: 0 0 0 1px #eca29b
}

.vckit-contact.vckit-contact-minoru .vckit-input--filled .vckit-input__label {
    pointer-events: none
}

.vckit-contact.vckit-contact-minoru .vckit-input--filled .vckit-input__label::after {
    -webkit-animation: anim-shadow .3s forwards;
    animation: anim-shadow .3s forwards
}

.vckit-contact.vckit-contact-minoru .wpcf7-not-valid-tip {
    bottom: 1em
}

.vckit-contact.vckit-contact-minoru input[type=submit] {
    background-color: #f4f4f4;
    border-color: transparent
}

.vckit-contact.vckit-contact-minoru input[type=submit]:focus,
.vckit-contact.vckit-contact-minoru input[type=submit]:hover {
    color: #f98a82;
    border-color: #f98a82;
    background-color: #f4f4f4
}

.vckit-contact.vckit-contact-minoru .vckit-input__label-content {
    padding: .5em .15em
}

.vckit-contact.vckit-contact-yoko .vckit-input__textarea,
.vckit-contact.vckit-contact-yoko textarea,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea {
    color: #f5f5f5;
    border: 1px solid #ad473c
}

.vckit-contact.vckit-contact-yoko .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoko .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-yoko textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoko textarea:focus {
    border-color: #ad473c;
    background-color: #ad473c
}

.vckit-contact.vckit-contact-yoko .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-yoko textarea::-webkit-input-placeholder {
    color: #b04b40
}

.vckit-contact.vckit-contact-yoko .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-yoko .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-yoko textarea:-moz-placeholder,
.vckit-contact.vckit-contact-yoko textarea::-moz-placeholder {
    color: #b04b40
}

.vckit-contact.vckit-contact-yoko .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-yoko textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-yoko textarea:-ms-input-placeholder {
    color: #b04b40
}

.vckit-contact.vckit-contact-yoko .vckit-input {
    margin-top: 0
}

.vckit-contact.vckit-contact-yoko .vckit-input__field {
    z-index: 10;
    width: 100%;
    background: 0 0;
    color: #f5f5f5;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.vckit-contact.vckit-contact-yoko .vckit-input__label {
    position: relative;
    width: 100%;
    color: #b04b40;
    text-align: left
}

.vckit-contact.vckit-contact-yoko .vckit-input__label::after,
.vckit-contact.vckit-contact-yoko .vckit-input__label::before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-yoko .vckit-input__label::before {
    bottom: 100%;
    background: #c5564a;
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
    height: 2.9em;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.vckit-contact.vckit-contact-yoko .vckit-input__label::after {
    top: 0;
    height: 1px;
    background: #ad473c;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%
}

.vckit-contact.vckit-contact-yoko .vckit-input__label-content {
    padding: .75em 0
}

.vckit-contact.vckit-contact-yoko .wpcf7-not-valid-tip {
    bottom: 1em
}

.vckit-contact.vckit-contact-yoko input[type=submit] {
    color: #ad473c;
    border-color: #ad473c
}

.vckit-contact.vckit-contact-yoko input[type=submit]:focus,
.vckit-contact.vckit-contact-yoko input[type=submit]:hover {
    color: #f5f5f5;
    border-color: #ad473c;
    background-color: #ad473c
}

.vckit-contact.vckit-contact-yoko .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-yoko .vckit-input__field:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.vckit-contact.vckit-contact-yoko .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-yoko .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, 0deg)
}

.vckit-contact.vckit-contact-yoko .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-yoko .vckit-input__field:focus+.vckit-input__label {
    pointer-events: none
}

.vckit-contact.vckit-contact-yoko .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-yoko .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
    transform: perspective(1000px) rotate3d(1, 0, 0, -90deg)
}

.vckit-contact.vckit-contact-chisato .vckit-input__textarea,
.vckit-contact.vckit-contact-chisato textarea,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea {
    border: 1px solid #b5b5b5;
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-chisato .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-chisato textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-chisato textarea:focus {
    border-color: #da6484
}

.vckit-contact.vckit-contact-chisato .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-chisato textarea::-webkit-input-placeholder {
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-chisato .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-chisato textarea:-moz-placeholder,
.vckit-contact.vckit-contact-chisato textarea::-moz-placeholder {
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-chisato textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-chisato textarea:-ms-input-placeholder {
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input {
    padding-top: 1em
}

.vckit-contact.vckit-contact-chisato .vckit-input__field {
    width: 100%;
    padding: .8em .5em;
    background: 0 0;
    border: 1px solid #b5b5b5;
    color: #b5b5b5;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.vckit-contact.vckit-contact-chisato .vckit-input__field.wpcf7-not-valid {
    border: 1px solid #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input__label {
    width: 100%;
    position: absolute;
    top: -.7em;
    text-align: left;
    padding: 0;
    pointer-events: none;
    -webkit-transform: translate3d(0, 2.3em, 0);
    transform: translate3d(0, 2.3em, 0)
}

.vckit-contact.vckit-contact-chisato .vckit-input__label-content {
    position: absolute;
    padding: 0;
    left: 1em;
    font-weight: 400;
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-chisato .vckit-input__field:focus {
    border-color: #da6484
}

.vckit-contact.vckit-contact-chisato .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-chisato .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #da6484;
    position: absolute;
    top: -3em;
    left: 0;
    font-weight: 800
}

.vckit-contact.vckit-contact-chisato input[type=submit] {
    border-color: #b5b5b5;
    color: #b5b5b5
}

.vckit-contact.vckit-contact-chisato input[type=submit]:focus,
.vckit-contact.vckit-contact-chisato input[type=submit]:hover {
    background-color: transparent;
    border-color: #da6484;
    color: #da6484
}

.vckit-contact.vckit-contact-fumi .vckit-input__textarea,
.vckit-contact.vckit-contact-fumi textarea,
.vckit-contact.vckit-contact-fumi textarea.vckit-input__textarea {
    border-color: transparent!important;
    background: #fff;
    position: relative;
    z-index: 101
}

.vckit-contact.vckit-contact-fumi .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-fumi .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-fumi textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-fumi textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-fumi textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-fumi textarea:focus {
    background: #fff
}

.vckit-contact.vckit-contact-fumi .vckit-input {
    background: #fff;
    border: 1px solid #f0f0f0;
    overflow: hidden
}

.vckit-contact.vckit-contact-fumi .vckit-input::after {
    content: '';
    width: 1px;
    position: absolute;
    top: .5em;
    bottom: .5em;
    left: 2.8em;
    background: #f0f0f0;
    z-index: 100
}

.vckit-contact.vckit-contact-fumi .vckit-input__field {
    background: 0 0;
    padding-left: 4em;
    width: 100%;
    color: #00aeef
}

.vckit-contact.vckit-contact-fumi .vckit-input__label {
    position: absolute;
    width: 100%;
    text-align: left;
    padding-left: 4em;
    pointer-events: none
}

.vckit-contact.vckit-contact-fumi .vckit-input__label:before {
    font-family: 'FontAwesome';
    content: '';
    position: absolute;
    width: 2.5em;
    font-size: 1.4em;
    top: 0;
    left: 0;
    padding: 8px 0 0;
    text-align: center
}

.vckit-contact.vckit-contact-fumi .your-name+.vckit-input__label:before {
    content: '\f007'
}

.vckit-contact.vckit-contact-fumi .your-email+.vckit-input__label:before {
    content: '\f0e0'
}

.vckit-contact.vckit-contact-fumi .your-subject+.vckit-input__label:before {
    content: '\f023'
}

.vckit-contact.vckit-contact-fumi .vckit-input__label-content {
    padding: 8px 0;
    display: inline-block;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.vckit-contact.vckit-contact-fumi .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-fumi .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-animation: anim-fumi-1 .3s forwards;
    animation: anim-fumi-1 .3s forwards
}

.vckit-contact.vckit-contact-fumi input[type=submit] {
    background-color: #fff;
    border-width: 1px;
    border-color: #f0f0f0
}

.vckit-contact.vckit-contact-fumi input[type=submit]:focus,
.vckit-contact.vckit-contact-fumi input[type=submit]:hover {
    background-color: #fff;
    border-color: #f0f0f0;
    color: #00aeef
}

.vckit-contact.vckit-contact-fumi .vckit-input--filled .vckit-input__label:before,
.vckit-contact.vckit-contact-fumi .vckit-input__field:focus+.vckit-input__label:before {
    -webkit-animation: anim-fumi-2 .3s forwards;
    animation: anim-fumi-2 .3s forwards
}

.vckit-contact.vckit-contact-kohana .vckit-input__textarea,
.vckit-contact.vckit-contact-kohana textarea,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea {
    border: 1px solid #d2d2d2;
    background: #fff
}

.vckit-contact.vckit-contact-kohana .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kohana .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kohana textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kohana textarea:focus {
    border-color: #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kohana textarea::-webkit-input-placeholder {
    color: #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kohana .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kohana textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kohana textarea::-moz-placeholder {
    color: #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kohana textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kohana textarea:-ms-input-placeholder {
    color: #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input {
    overflow: hidden;
    background: #fff
}

.vckit-contact.vckit-contact-kohana .vckit-input__field {
    width: 100%;
    background: 0 0;
    padding-left: 2.75em;
    color: #6a7989;
    border: 1px solid #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__field.wpcf7-not-valid {
    border: 1px solid #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__label {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
    color: #d2d2d2
}

.vckit-contact.vckit-contact-kohana .vckit-input__label:before {
    font-family: 'FontAwesome';
    content: '';
    display: inline-block;
    margin-top: .5em;
    font-size: 1.2em;
    text-align: center;
    -webkit-transform: translate3d(-2em, 0, 0);
    transform: translate3d(-2em, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-kohana .vckit-input__label-content {
    padding: .6em 0;
    display: inline-block;
    width: auto;
    -webkit-transform: translate3d(-1.35em, 0, 0);
    transform: translate3d(-1.35em, 0, 0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-kohana .your-name+.vckit-input__label:before {
    content: '\f007'
}

.vckit-contact.vckit-contact-kohana .your-email+.vckit-input__label:before {
    content: '\f0e0'
}

.vckit-contact.vckit-contact-kohana .your-subject+.vckit-input__label:before {
    content: '\f023'
}

.vckit-contact.vckit-contact-kohana .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-kohana .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    opacity: 0;
    -webkit-transform: translate3d(200px, 0, 0);
    transform: translate3d(200px, 0, 0)
}

.vckit-contact.vckit-contact-kohana .vckit-input--filled .vckit-input__label:before,
.vckit-contact.vckit-contact-kohana .vckit-input__field:focus+.vckit-input__label:before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-kohana .wpcf7-not-valid-tip {
    bottom: .5em
}

.vckit-contact.vckit-contact-kohana input[type=submit] {
    background-color: #fff;
    border-width: 1px;
    border-color: transparent
}

.vckit-contact.vckit-contact-kohana input[type=submit]:focus,
.vckit-contact.vckit-contact-kohana input[type=submit]:hover {
    background-color: #fff;
    border-color: transparent
}

.vckit-contact.vckit-contact-kozakura .vckit-input__textarea,
.vckit-contact.vckit-contact-kozakura textarea,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea {
    background: #494e57;
    color: #a4a5a6;
    border-color: #494e57
}

.vckit-contact.vckit-contact-kozakura .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kozakura .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-kozakura textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-kozakura textarea:focus {
    background: #fff;
    color: #797693;
    border-color: #a4a5a6
}

.vckit-contact.vckit-contact-kozakura .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-kozakura textarea::-webkit-input-placeholder {
    color: #a4a5a6
}

.vckit-contact.vckit-contact-kozakura .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kozakura .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-kozakura textarea:-moz-placeholder,
.vckit-contact.vckit-contact-kozakura textarea::-moz-placeholder {
    color: #a4a5a6
}

.vckit-contact.vckit-contact-kozakura .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kozakura textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-kozakura textarea:-ms-input-placeholder {
    color: #a4a5a6
}

.vckit-contact.vckit-contact-kozakura .vckit-input {
    overflow: hidden
}

.vckit-contact.vckit-contact-kozakura .vckit-input__field {
    padding: .25em .5em;
    margin-top: 1.25em;
    width: 100%;
    background: 0 0;
    color: #2f3238;
    font-size: 1.55em;
    opacity: 0
}

.vckit-contact.vckit-contact-kozakura .vckit-input__label {
    width: 100%;
    text-align: left;
    position: absolute;
    top: -.7em;
    pointer-events: none;
    overflow: hidden;
    padding: 0 .25em;
    -webkit-transform: translate3d(1em, 2.75em, 0);
    transform: translate3d(1em, 2.75em, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-kozakura .vckit-input__label-content {
    color: #a4a5a6;
    padding: .25em 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-kozakura .vckit-input__label-content::after {
    content: attr(data-content);
    position: absolute;
    font-weight: 800;
    top: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: #fff;
    padding: .25em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em
}

.vckit-contact.vckit-contact-kozakura .graphic {
    fill: #494e57;
    pointer-events: none;
    top: 1em;
    bottom: 0;
    height: 4.5em;
    z-index: -1;
    -webkit-transition: fill .7s, -webkit-transform .7s;
    transition: transform .7s, fill .7s;
    transition: transform .7s, fill .7s, -webkit-transform .7s;
    -webkit-transition-timing-function: cubic-bezier(0, .25, .5, 1);
    transition-timing-function: cubic-bezier(0, .25, .5, 1)
}

.vckit-contact.vckit-contact-kozakura .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-kozakura .vckit-input__field:focus {
    -webkit-transition: opacity 0s .35s;
    transition: opacity 0s .35s;
    opacity: 1
}

.vckit-contact.vckit-contact-kozakura .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-kozakura .vckit-input__field:focus+.vckit-input__label {
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-kozakura .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-kozakura .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.vckit-contact.vckit-contact-kozakura .vckit-input--filled .graphic,
.vckit-contact.vckit-contact-kozakura .vckit-input__field:focus~.graphic {
    fill: #fff;
    -webkit-transform: translate3d(-66.6%, 0, 0);
    transform: translate3d(-66.6%, 0, 0)
}

.vckit-contact.vckit-contact-kozakura .wpcf7-not-valid-tip {
    bottom: auto
}

.vckit-contact.vckit-contact-kozakura input[type=submit] {
    background-color: #494e57;
    color: #a4a5a6;
    border-width: 1px;
    border-color: #494e57
}

.vckit-contact.vckit-contact-kozakura input[type=submit]:focus,
.vckit-contact.vckit-contact-kozakura input[type=submit]:hover {
    border-color: #494e57;
    background-color: transparent!important
}

.vckit-contact.vckit-contact-makiko .vckit-input__textarea,
.vckit-contact.vckit-contact-makiko textarea,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea {
    color: #fff
}

.vckit-contact.vckit-contact-makiko .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-makiko .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-makiko textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-makiko textarea:focus {
    background: #fff;
    color: #797693;
    border-color: #8781bd
}

.vckit-contact.vckit-contact-makiko .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-makiko textarea::-webkit-input-placeholder {
    color: #fff
}

.vckit-contact.vckit-contact-makiko .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-makiko .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-makiko textarea:-moz-placeholder,
.vckit-contact.vckit-contact-makiko textarea::-moz-placeholder {
    color: #fff
}

.vckit-contact.vckit-contact-makiko .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-makiko textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-makiko textarea:-ms-input-placeholder {
    color: #fff
}

.vckit-contact.vckit-contact-makiko .vckit-input {
    overflow: hidden;
    background: #8781bd
}

.vckit-contact.vckit-contact-makiko .vckit-input__field {
    width: 100%;
    background: 0 0;
    color: #797693;
    z-index: 10;
    font-weight: 500
}

.vckit-contact.vckit-contact-makiko .vckit-input__label {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
    color: #fff
}

.vckit-contact.vckit-contact-makiko .vckit-input__label::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 20px;
    top: 10px;
    left: 18px;
    background-size: 100%;
    background-color: #fff;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    -webkit-transform-origin: 10% 50%;
    transform-origin: 10% 50%;
    -webkit-animation: MakikoFlash 2s infinite;
    animation: MakikoFlash 2s infinite
}

.vckit-contact.vckit-contact-makiko .vckit-input__label-content {
    display: block;
    padding: .6em 0 0 1em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-makiko .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-makiko .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: scale3d(2000, 2000, 1);
    transform: scale3d(2000, 2000, 1);
    -webkit-animation: none;
    animation: none
}

.vckit-contact.vckit-contact-makiko .vckit-input__field {
    border: 1px solid #8781bd
}

.vckit-contact.vckit-contact-makiko .wpcf7-not-valid-tip {
    bottom: .5em
}

.vckit-contact.vckit-contact-makiko input[type=submit] {
    border-width: 1px;
    color: #fff;
    background-color: #8781bd;
    border-color: #fff
}

.vckit-contact.vckit-contact-makiko input[type=submit]:focus,
.vckit-contact.vckit-contact-makiko input[type=submit]:hover {
    border-color: #fff;
    color: #8781bd;
    background-color: #fff
}

.vckit-contact.vckit-contact-manami .vckit-input__textarea,
.vckit-contact.vckit-contact-manami textarea,
.vckit-contact.vckit-contact-manami textarea.vckit-input__textarea {
    border: 1px solid #6a7989;
    color: #f48fb1
}

.vckit-contact.vckit-contact-manami .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-manami .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-manami textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-manami textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-manami textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-manami textarea:focus {
    background: #fff
}

.vckit-contact.vckit-contact-manami .vckit-input {
    overflow: hidden;
    margin-bottom: 0
}

.vckit-contact.vckit-contact-manami .vckit-input__field {
    width: 100%;
    background: 0 0;
    margin-bottom: 2em;
    color: #f48fb1;
    z-index: 100;
    opacity: 0
}

.vckit-contact.vckit-contact-manami .vckit-input__label {
    width: 100%;
    position: absolute;
    text-align: left;
    padding: .5em 0;
    pointer-events: none;
    font-size: 1em
}

.vckit-contact.vckit-contact-manami .vckit-input__label::after,
.vckit-contact.vckit-contact-manami .vckit-input__label::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0
}

.vckit-contact.vckit-contact-manami .vckit-input__label::before {
    height: 100%;
    background: #fff;
    top: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-manami .vckit-input__label::after {
    height: 1px;
    background: #6a7989;
    top: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.vckit-contact.vckit-contact-manami .vckit-input__label-content {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-manami .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-manami .vckit-input__field:focus {
    opacity: 1;
    -webkit-transition: opacity 0s .3s;
    transition: opacity 0s .3s
}

.vckit-contact.vckit-contact-manami .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-manami .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-manami .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-manami .vckit-input__field:focus+.vckit-input__label::after {
    opacity: 0
}

.vckit-contact.vckit-contact-manami .vckit-input--filled .vckit-input__label .vckit-input__label-content,
.vckit-contact.vckit-contact-manami .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #cbc4c6;
    -webkit-transform: translate3d(0, 2.4em, 0) scale3d(.95, .95, 1);
    transform: translate3d(0, 2.4em, 0) scale3d(.95, .95, 1)
}

.vckit-contact.vckit-contact-manami .wpcf7-not-valid-tip {
    bottom: .5em
}

.vckit-contact.vckit-contact-manami input[type=submit] {
    margin-top: 2em
}

.vckit-contact.vckit-contact-manami input[type=submit]:focus,
.vckit-contact.vckit-contact-manami input[type=submit]:hover {
    color: #f48fb1;
    border-color: #fff;
    background-color: #fff
}

.vckit-contact.vckit-contact-nao .vckit-input__textarea,
.vckit-contact.vckit-contact-nao textarea,
.vckit-contact.vckit-contact-nao textarea.vckit-input__textarea {
    border: 1px solid #92989e
}

.vckit-contact.vckit-contact-nao .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nao .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-nao textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nao textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-nao textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nao textarea:focus {
    border-color: #333
}

.vckit-contact.vckit-contact-nao .vckit-input {
    overflow: hidden;
    padding-top: 1em;
    margin-top: 0
}

.vckit-contact.vckit-contact-nao .vckit-input__field {
    width: 100%;
    background: 0 0;
    color: #9da8b2
}

.vckit-contact.vckit-contact-nao .graphic,
.vckit-contact.vckit-contact-nao .vckit-input__label {
    pointer-events: none;
    -webkit-transition-timing-function: cubic-bezier(0, .25, .5, 1);
    transition-timing-function: cubic-bezier(0, .25, .5, 1)
}

.vckit-contact.vckit-contact-nao .vckit-input__label {
    position: absolute;
    top: .95em;
    left: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color 1s, -webkit-transform .3s .1s;
    transition: transform .3s .1s, color 1s;
    transition: transform .3s .1s, color 1s, -webkit-transform .3s .1s
}

.vckit-contact.vckit-contact-nao .graphic {
    stroke: #92989e;
    -webkit-transition: stroke .7s, -webkit-transform .7s;
    transition: transform .7s, stroke .7s;
    transition: transform .7s, stroke .7s, -webkit-transform .7s
}

.vckit-contact.vckit-contact-nao .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-nao .vckit-input__field:focus+.vckit-input__label {
    color: #333;
    -webkit-transform: translate3d(0, -1.45em, 0) scale3d(.85, .85, 1);
    transform: translate3d(0, -1.45em, 0) scale3d(.85, .85, 1)
}

.vckit-contact.vckit-contact-nao .vckit-input--filled .graphic,
.vckit-contact.vckit-contact-nao .vckit-input__field:focus~.graphic {
    stroke: #333;
    -webkit-transform: translate3d(-66.6%, 0, 0);
    transform: translate3d(-66.6%, 0, 0)
}

.vckit-contact.vckit-contact-nao .wpcf7-not-valid-tip {
    bottom: .5em
}

.vckit-contact.vckit-contact-nao input[type=submit] {
    border-color: #92989e;
    background-color: transparent
}

.vckit-contact.vckit-contact-nao input[type=submit]:focus,
.vckit-contact.vckit-contact-nao input[type=submit]:hover {
    border-color: #333;
    background-color: transparent
}

.vckit-contact.vckit-contact-nariko .vckit-input__textarea,
.vckit-contact.vckit-contact-nariko textarea,
.vckit-contact.vckit-contact-nariko textarea.vckit-input__textarea {
    border: 1px solid #6b6e6e
}

.vckit-contact.vckit-contact-nariko .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nariko .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-nariko textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nariko textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-nariko textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-nariko textarea:focus {
    border-color: #6b6e6e;
    background: #fff;
    color: #f18292
}

.vckit-contact.vckit-contact-nariko .vckit-input {
    overflow: hidden;
    padding-top: 2em
}

.vckit-contact.vckit-contact-nariko .vckit-input__field {
    width: 100%;
    background: 0 0;
    opacity: 0;
    z-index: 100;
    color: #f18292
}

.vckit-contact.vckit-contact-nariko .vckit-input__label {
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    text-align: left;
    color: #8e9191;
    padding: 0 .5em
}

.vckit-contact.vckit-contact-nariko .vckit-input__label::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 4em;
    top: 100%;
    left: 0;
    background: #fff;
    border-top: 1px solid #6b6e6e;
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-nariko .vckit-input__label-content {
    padding: .5em 0;
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-nariko .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-nariko .vckit-input__field:focus {
    cursor: text;
    opacity: 1;
    -webkit-transition: opacity 0s .3s;
    transition: opacity 0s .3s
}

.vckit-contact.vckit-contact-nariko .vckit-input--filled .vckit-input__label::before,
.vckit-contact.vckit-contact-nariko .vckit-input__field:focus+.vckit-input__label::before {
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transform: translate3d(0, -3.3em, 0);
    transform: translate3d(0, -3.3em, 0)
}

.vckit-contact.vckit-contact-nariko .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-nariko .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #6b6e6e;
    -webkit-transform: translate3d(0, -3.3em, 0) scale3d(.81, .81, 1);
    transform: translate3d(0, -3.3em, 0) scale3d(.81, .81, 1)
}

.vckit-contact.vckit-contact-nariko .wpcf7-not-valid-tip {
    bottom: .5em
}

.vckit-contact.vckit-contact-nariko input[type=submit] {
    border-color: #8e9191;
    background-color: transparent
}

.vckit-contact.vckit-contact-ruri .vckit-input__textarea,
.vckit-contact.vckit-contact-ruri textarea,
.vckit-contact.vckit-contact-ruri textarea.vckit-input__textarea {
    border: 1px solid #6a7989;
    color: #fff
}

.vckit-contact.vckit-contact-ruri .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ruri .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-ruri textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ruri textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-ruri textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-ruri textarea:focus {
    border-color: #a3d39c
}

.vckit-contact.vckit-contact-ruri .vckit-input__field {
    width: 100%;
    background: 0 0;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 1em;
    color: #fff
}

.vckit-contact.vckit-contact-ruri .vckit-input__label {
    width: 100%;
    position: absolute;
    text-align: left;
    font-size: 1em;
    padding: 10px 0 5px;
    pointer-events: none
}

.vckit-contact.vckit-contact-ruri .vckit-input__label::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #6a7989;
    left: 0;
    top: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-ruri .vckit-input__label-content {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: color .3s, -webkit-transform .3s;
    transition: transform .3s, color .3s;
    transition: transform .3s, color .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-ruri .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-ruri .vckit-input__field:focus+.vckit-input__label::after {
    background: #a3d39c;
    -webkit-transform: scale3d(1, .25, 1);
    transform: scale3d(1, .25, 1)
}

.vckit-contact.vckit-contact-ruri .vckit-input--filled .vckit-input__label .vckit-input__label-content,
.vckit-contact.vckit-contact-ruri .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #a3d39c;
    -webkit-transform: translate3d(0, 2.5em, 0) scale3d(.8, .8, 1);
    transform: translate3d(0, 2.5em, 0) scale3d(.8, .8, 1)
}

.vckit-contact.vckit-contact-ruri .wpcf7-not-valid-tip {
    bottom: -1em
}

.vckit-contact.vckit-contact-ruri input[type=submit] {
    border-color: #6a7989
}

.vckit-contact.vckit-contact-ruri input[type=submit]:focus,
.vckit-contact.vckit-contact-ruri input[type=submit]:hover {
    background-color: transparent;
    border-color: #a3d39c;
    color: #a3d39c
}

.vckit-contact.vckit-contact-sae .vckit-input__textarea,
.vckit-contact.vckit-contact-sae textarea,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea {
    border: 1px solid #8781bd;
    color: #fff
}

.vckit-contact.vckit-contact-sae .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-sae .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-sae textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-sae textarea:focus {
    border-color: #8781bd
}

.vckit-contact.vckit-contact-sae .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-sae textarea::-webkit-input-placeholder {
    color: #7771ab
}

.vckit-contact.vckit-contact-sae .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-sae .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-sae textarea:-moz-placeholder,
.vckit-contact.vckit-contact-sae textarea::-moz-placeholder {
    color: #7771ab
}

.vckit-contact.vckit-contact-sae .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-sae textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-sae textarea:-ms-input-placeholder {
    color: #7771ab
}

.vckit-contact.vckit-contact-sae .vckit-input {
    overflow: hidden
}

.vckit-contact.vckit-contact-sae .vckit-input__field {
    background: 0 0;
    width: 100%;
    color: #fff;
    padding-left: 0;
    padding-right: 0
}

.vckit-contact.vckit-contact-sae .vckit-input__label {
    position: absolute;
    top: -1px;
    width: 100%;
    text-align: left;
    color: #7771ab;
    padding: 0;
    height: 100%;
    pointer-events: none
}

.vckit-contact.vckit-contact-sae .vckit-input__label::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #fff;
    bottom: 0;
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-sae .vckit-input__label-content,
.vckit-contact.vckit-contact-sae .vckit-input__label:before {
    font-size: 1em;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-sae .vckit-input__label:before {
    content: "\f040";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .5;
    color: #7771ab;
    pointer-events: none
}

.vckit-contact.vckit-contact-sae .vckit-input__label-content {
    padding: 0;
    display: block;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: translate3d(0, 1.3em, 0);
    transform: translate3d(0, 1.3em, 0)
}

.vckit-contact.vckit-contact-sae .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-sae .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    -webkit-transform: translate3d(0, -.3em, 0) scale3d(.9, .9, 1);
    transform: translate3d(0, -.3em, 0) scale3d(.9, .9, 1)
}

.vckit-contact.vckit-contact-sae .vckit-input--filled .vckit-input__label::after,
.vckit-contact.vckit-contact-sae .vckit-input__field:focus+.vckit-input__label::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-sae .vckit-input--filled .vckit-input__label:before,
.vckit-contact.vckit-contact-sae .vckit-input__field:focus+.vckit-input__label:before {
    -webkit-transition-delay: .01s;
    transition-delay: .01s;
    -webkit-transform: translate3d(-2000px, 0, 0) rotate3d(0, 0, 1, -90deg);
    transform: translate3d(-2000px, 0, 0) rotate3d(0, 0, 1, -90deg)
}

.vckit-contact.vckit-contact-sae .wpcf7-not-valid-tip {
    bottom: 0;
    right: 1.5em
}

.vckit-contact.vckit-contact-sae input[type=submit] {
    color: #7771ab;
    border-color: #7771ab
}

.vckit-contact.vckit-contact-sae input[type=submit]:focus,
.vckit-contact.vckit-contact-sae input[type=submit]:hover {
    color: #7771ab;
    border-color: #7771ab
}

.vckit-contact.vckit-contact-shoko .vckit-input__textarea,
.vckit-contact.vckit-contact-shoko textarea,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea {
    border: 1px solid #a09c9c;
    margin-bottom: -1em
}

.vckit-contact.vckit-contact-shoko .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-shoko .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-shoko textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-shoko textarea:focus {
    border-color: #a58282
}

.vckit-contact.vckit-contact-shoko .vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea::-webkit-input-placeholder,
.vckit-contact.vckit-contact-shoko textarea::-webkit-input-placeholder {
    color: #a09c9c
}

.vckit-contact.vckit-contact-shoko .vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-shoko .vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea:-moz-placeholder,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea::-moz-placeholder,
.vckit-contact.vckit-contact-shoko textarea:-moz-placeholder,
.vckit-contact.vckit-contact-shoko textarea::-moz-placeholder {
    color: #a09c9c
}

.vckit-contact.vckit-contact-shoko .vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-shoko textarea.vckit-input__textarea:-ms-input-placeholder,
.vckit-contact.vckit-contact-shoko textarea:-ms-input-placeholder {
    color: #a09c9c
}

.vckit-contact.vckit-contact-shoko .vckit-input {
    overflow: hidden;
    padding-bottom: 2em;
    margin-bottom: 0
}

.vckit-contact.vckit-contact-shoko .vckit-input__field {
    margin-top: 1.2em;
    width: 100%;
    background: 0 0
}

.vckit-contact.vckit-contact-shoko .graphic,
.vckit-contact.vckit-contact-shoko .vckit-input__label {
    pointer-events: none;
    -webkit-transition-timing-function: cubic-bezier(0, .25, .5, 1);
    transition-timing-function: cubic-bezier(0, .25, .5, 1)
}

.vckit-contact.vckit-contact-shoko .vckit-input__label {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a09c9c;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 1.2em;
    -webkit-transition: color 1s, -webkit-transform .3s .1s;
    transition: transform .3s .1s, color 1s;
    transition: transform .3s .1s, color 1s, -webkit-transform .3s .1s
}

.vckit-contact.vckit-contact-shoko .graphic {
    stroke: #a09c9c;
    stroke-width: 1px;
    top: 1.25em;
    bottom: 0;
    height: 3.275em;
    -webkit-transition: stroke .7s, -webkit-transform .7s;
    transition: transform .7s, stroke .7s;
    transition: transform .7s, stroke .7s, -webkit-transform .7s
}

.vckit-contact.vckit-contact-shoko .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-shoko .vckit-input__field:focus+.vckit-input__label {
    color: #a58282;
    -webkit-transform: translate3d(0, 2.8em, 0) scale3d(.85, .85, 1);
    transform: translate3d(0, 2.8em, 0) scale3d(.85, .85, 1)
}

.vckit-contact.vckit-contact-shoko .vckit-input--filled .graphic,
.vckit-contact.vckit-contact-shoko .vckit-input__field:focus~.graphic {
    stroke: #a58282;
    -webkit-transform: translate3d(-66.6%, 0, 0);
    transform: translate3d(-66.6%, 0, 0)
}

.vckit-contact.vckit-contact-shoko .wpcf7-not-valid-tip {
    bottom: 0
}

.vckit-contact.vckit-contact-shoko input[type=submit] {
    border-color: #a09c9c;
    color: #a09c9c
}

.vckit-contact.vckit-contact-shoko input[type=submit]:focus,
.vckit-contact.vckit-contact-shoko input[type=submit]:hover {
    color: #a58282;
    border-color: #a58282;
    background-color: transparent
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__textarea,
.vckit-contact.vckit-contact-yoshiko textarea,
.vckit-contact.vckit-contact-yoshiko textarea.vckit-input__textarea {
    background-color: #d0d1d0;
    border: 1px solid transparent
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoshiko .vckit-input__textarea:focus,
.vckit-contact.vckit-contact-yoshiko textarea.vckit-input__textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoshiko textarea.vckit-input__textarea:focus,
.vckit-contact.vckit-contact-yoshiko textarea.vckit-textarea--filled,
.vckit-contact.vckit-contact-yoshiko textarea:focus {
    border-color: #a3d39c;
    background: 0 0!important
}

.vckit-contact.vckit-contact-yoshiko .vckit-input {
    margin-bottom: 2em
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__field {
    width: 100%;
    background-color: #d0d1d0;
    border: 1px solid transparent;
    -webkit-transition: background-color .3s, border-color .3s;
    transition: background-color .3s, border-color .3s
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__field.wpcf7-not-valid {
    border: 1px solid transparent
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__label {
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 100%;
    pointer-events: none;
    overflow: hidden;
    padding: 0 1em;
    -webkit-transform: translate3d(0, 2.6em, 0);
    transform: translate3d(0, 2.6em, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__label-content {
    color: #8b8c8b;
    padding: .25em 0;
    -webkit-transition: -webkit-transform .3s color .3s;
    transition: transform .3s color .3s;
    transition: transform .3s color .3s, -webkit-transform .3s color .3s
}

.vckit-contact.vckit-contact-yoshiko .vckit-input__label-content::after {
    content: attr(data-content);
    position: absolute;
    font-weight: 800;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: #a3d39c;
    padding: .25em 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em
}

.vckit-contact.vckit-contact-yoshiko .vckit-input--filled .vckit-input__label,
.vckit-contact.vckit-contact-yoshiko .vckit-input__field:focus+.vckit-input__label {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.vckit-contact.vckit-contact-yoshiko .vckit-input--filled .vckit-input__label-content,
.vckit-contact.vckit-contact-yoshiko .vckit-input__field:focus+.vckit-input__label .vckit-input__label-content {
    color: #a3d39c
}

.vckit-contact.vckit-contact-yoshiko .vckit-input--filled .vckit-input__field,
.vckit-contact.vckit-contact-yoshiko .vckit-input__field:focus {
    background-color: transparent!important;
    border-color: #a3d39c
}

.vckit-contact.vckit-contact-yoshiko input[type=submit] {
    border-color: #d0d1d0;
    background-color: #d0d1d0
}

.vckit-contact.vckit-contact-yoshiko input[type=submit]:focus,
.vckit-contact.vckit-contact-yoshiko input[type=submit]:hover {
    border-color: #a3d39c;
    color: #a3d39c;
    background-color: transparent!important
}

.vckit-carousel {
    margin: 0 auto;
    padding: 0;
    position: relative;
    opacity: 0
}

.vckit-carousel.slick-initialized {
    opacity: 1
}

.vckit-carousel.vckit-carousel-dot-outside {
    margin-bottom: 50px
}

.vckit-carousel.vckit-carousel-dot-outside .slick-dots {
    bottom: -40px
}

@media only screen and (max-width:767px) {
    .vckit-carousel {
        margin-bottom: 50px
    }
}

.vckit-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background: 0 0;
    text-align: center;
    cursor: pointer;
    opacity: .5
}

@media only screen and (min-width:1200px) {
    .vckit-carousel-hide-arrow-mouse.vckit-carousel .slick-arrow {
        opacity: 0
    }
}

.vckit-carousel .slick-arrow:hover {
    opacity: 1
}

.vckit-carousel .icon-wrap,
.vckit-carousel .slick-arrow {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.vckit-carousel:hover .slick-arrow {
    opacity: .8
}

.vckit-carousel:hover .slick-arrow.slick-disabled {
    opacity: .5
}

.tilt,
.vckit-carousel .carousel-prev {
    left: 0
}

.vckit-carousel .carousel-next {
    left: auto;
    right: 0
}

.vckit-carousel-arrow-outside .carousel-prev {
    left: -50px
}

.vckit-carousel-arrow-outside .carousel-next {
    right: -50px
}

[data-vckit-carousel] .imgbar-next,
[data-vckit-carousel] .imgbar-prev {
    color: #fff;
    background: #333
}

[data-vckit-carousel] .imgbar-next .fa,
[data-vckit-carousel] .imgbar-prev .fa {
    font-size: 20px
}

[data-vckit-carousel] .circlepop-next .icon-wrap,
[data-vckit-carousel] .circlepop-prev .icon-wrap {
    position: relative;
    display: block;
    width: 70%;
    height: 70%;
    left: 15%
}

[data-vckit-carousel] .circlepop-next .icon-wrap::after,
[data-vckit-carousel] .circlepop-next .icon-wrap::before,
[data-vckit-carousel] .circlepop-prev .icon-wrap::after,
[data-vckit-carousel] .circlepop-prev .icon-wrap::before {
    position: absolute;
    left: 25%;
    width: 3px;
    height: 50%;
    background: #ccc;
    content: '';
    -webkit-transition: background-color .3s, -webkit-transform .3s;
    transition: transform .3s, background-color .3s;
    transition: transform .3s, background-color .3s, -webkit-transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-vckit-carousel] .circlepop-next .icon-wrap::before,
[data-vckit-carousel] .circlepop-prev .icon-wrap::before {
    -webkit-transform: translateX(-50%) rotate(30deg);
    transform: translateX(-50%) rotate(30deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}

[data-vckit-carousel] .circlepop-next .icon-wrap::after,
[data-vckit-carousel] .circlepop-prev .icon-wrap::after {
    top: 50%;
    -webkit-transform: translateX(-50%) rotate(-30deg);
    transform: translateX(-50%) rotate(-30deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

[data-vckit-carousel] .circlepop-next::before,
[data-vckit-carousel] .circlepop-prev::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    opacity: 0;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

[data-vckit-carousel] .circlepop-next:hover::before,
[data-vckit-carousel] .circlepop-prev:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #ccc
}

[data-vckit-carousel] .circlepop-next:hover .icon-wrap::after,
[data-vckit-carousel] .circlepop-next:hover .icon-wrap::before,
[data-vckit-carousel] .circlepop-prev:hover .icon-wrap::after,
[data-vckit-carousel] .circlepop-prev:hover .icon-wrap::before {
    background: #fff
}

[data-vckit-carousel] .circlepop-next:hover .icon-wrap::before,
[data-vckit-carousel] .circlepop-prev:hover .icon-wrap::before {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

[data-vckit-carousel] .circlepop-next:hover .icon-wrap::after,
[data-vckit-carousel] .circlepop-prev:hover .icon-wrap::after {
    -webkit-transform: translateX(-50%) rotate(-45deg);
    transform: translateX(-50%) rotate(-45deg)
}

[data-vckit-carousel] .circlepop-next.carousel-next .icon-wrap,
[data-vckit-carousel] .circlepop-prev.carousel-next .icon-wrap {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[data-vckit-carousel] .roundslide-next,
[data-vckit-carousel] .roundslide-prev {
    border-radius: 40px;
    color: #3b3b3b;
    background: #f1f1f1;
    -webkit-transition: width .3s, background-color .3s;
    transition: width .3s, background-color .3s
}

[data-vckit-carousel] .roundslide-next .fa,
[data-vckit-carousel] .roundslide-prev .fa {
    font-size: 18px
}

[data-vckit-carousel] .roundslide-next:hover,
[data-vckit-carousel] .roundslide-prev:hover {
    background: #3b3b3b;
    color: #fff
}

[data-vckit-carousel] .split-next,
[data-vckit-carousel] .split-prev {
    background-color: #888
}

[data-vckit-carousel] .flip-next:hover,
[data-vckit-carousel] .flip-prev:hover,
[data-vckit-carousel] .reveal-next:hover,
[data-vckit-carousel] .reveal-prev:hover,
[data-vckit-carousel] .split-next:hover,
[data-vckit-carousel] .split-prev:hover {
    background-color: #333;
    color: #fff
}

[data-vckit-carousel] .reveal-next,
[data-vckit-carousel] .reveal-prev {
    color: #3b3b3b;
    overflow: hidden;
    width: 40px;
    height: 80px;
    background-color: #f1f1f1;
    -webkit-transition: width .4s, background-color .4s;
    transition: width .4s, background-color .4s;
    -webkit-transition-timing-function: cubic-bezier(.7, 0, .3, 1);
    transition-timing-function: cubic-bezier(.7, 0, .3, 1)
}

[data-vckit-carousel] .flip-next,
[data-vckit-carousel] .flip-prev {
    background-color: #888;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

[data-vckit-carousel] .circleslide-next:before,
[data-vckit-carousel] .circleslide-prev:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #333;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    -webkit-transform-origin: 30% 50%;
    transform-origin: 30% 50%
}

[data-vckit-carousel] .circleslide-next:before {
    -webkit-transform-origin: 70% 50%;
    transform-origin: 70% 50%
}

[data-vckit-carousel] .circleslide-next .fa,
[data-vckit-carousel] .circleslide-prev .fa {
    font-size: 18px;
    z-index: 2
}

[data-vckit-carousel] .circleslide-next:hover,
[data-vckit-carousel] .circleslide-prev:hover {
    color: #fff
}

[data-vckit-carousel] .circleslide-next:hover:before,
[data-vckit-carousel] .circleslide-prev:hover:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

[data-vckit-carousel] .growpop-next,
[data-vckit-carousel] .growpop-prev {
    padding: 20px 5px;
    height: auto;
    border: 0 solid #ddd;
    background: #ddd;
    -webkit-transition: border-width .3s .15s;
    transition: border-width .3s .15s
}

[data-vckit-carousel] .growpop-next:hover,
[data-vckit-carousel] .growpop-prev:hover {
    border-top-width: 20px;
    border-bottom-width: 20px;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

[data-vckit-carousel] .diamond-next,
[data-vckit-carousel] .diamond-prev {
    color: #fff
}

[data-vckit-carousel] .diamond-next:before,
[data-vckit-carousel] .diamond-prev:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #333;
    z-index: 1;
    -webkit-transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear
}

[data-vckit-carousel] .diamond-next .fa,
[data-vckit-carousel] .diamond-prev .fa {
    z-index: 2
}

[data-vckit-carousel] .diamond-next:hover:before,
[data-vckit-carousel] .diamond-prev:hover:before {
    -webkit-transform: scale(1.2) rotate(45deg);
    transform: scale(1.2) rotate(45deg)
}

[data-vckit-carousel] .fillslide-next,
[data-vckit-carousel] .fillslide-prev {
    padding: 30px 0;
    height: auto;
    background: #999;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

[data-vckit-carousel] .fillslide-next:before,
[data-vckit-carousel] .fillslide-prev:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transition: -webkit-transform .1s linear;
    transition: transform .1s linear;
    transition: transform .1s linear, -webkit-transform .1s linear
}

[data-vckit-carousel] .fillslide-next .fa,
[data-vckit-carousel] .fillslide-prev .fa {
    font-size: 18px;
    z-index: 2
}

[data-vckit-carousel] .fillslide-next:hover:before,
[data-vckit-carousel] .fillslide-prev:hover:before {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.tilt {
    position: absolute;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.tilt .tilt__back,
.tilt .tilt__front {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tilt .tilt__back {
    position: relative
}

.tilt .tilt__front {
    position: absolute;
    top: 0;
    left: 0
}

.vckit-image-tilt,
.vckit-image-tilt.ratio11,
.vckit-image-tilt.ratio12,
.vckit-image-tilt.ratio169,
.vckit-image-tilt.ratio21,
.vckit-image-tilt.ratio32,
.vckit-image-tilt.ratio34,
.vckit-image-tilt.ratio43 {
    overflow: hidden;
    position: relative
}

.vckit-image-tilt:after {
    content: '';
    display: block;
    padding-bottom: 66.66667%
}

.vckit-image-tilt.ratio43:after {
    content: '';
    display: block;
    padding-bottom: 75%
}

.vckit-image-tilt.ratio11:after {
    content: '';
    display: block;
    padding-bottom: 100%
}

.vckit-image-tilt.ratio169:after {
    content: '';
    display: block;
    padding-bottom: 56.25%
}

.vckit-image-tilt.ratio32:after {
    content: '';
    display: block;
    padding-bottom: 66.66667%
}

.vckit-image-tilt.ratio21:after {
    content: '';
    display: block;
    padding-bottom: 50%
}

.vckit-image-tilt.ratio12:after {
    content: '';
    display: block;
    padding-bottom: 200%
}

.vckit-image-tilt.ratio34:after {
    content: '';
    display: block;
    padding-bottom: 133.33333%
}

.vckit-image-tilt.vckit-image-tilt--border,
.vckit-image-tilt.vckit-image-tilt--border .tilt {
    overflow: visible
}

.legocreative-testimonial,
.legocreative-testimonial * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0
}

.legocreative-testimonial .columns-2 .testimonials-list {
    margin-right: -15px;
    margin-left: -15px
}

.legocreative-testimonial .columns-2 .quote.last:after,
.legocreative-testimonial .columns-2 .quote.last:before,
.legocreative-testimonial .columns-2 .testimonials-list:after,
.legocreative-testimonial .columns-2 .testimonials-list:before {
    content: " ";
    display: table
}

.legocreative-testimonial .columns-2 .quote.last:after,
.legocreative-testimonial .columns-2 .testimonials-list:after {
    clear: both
}

.legocreative-testimonial .columns-2 .quote {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    .legocreative-testimonial .columns-2 .quote {
        width: 100%
    }
}

.legocreative-testimonial .columns-3 .testimonials-list {
    margin-right: -15px;
    margin-left: -15px
}

.legocreative-testimonial .columns-3 .quote.last:after,
.legocreative-testimonial .columns-3 .quote.last:before,
.legocreative-testimonial .columns-3 .testimonials-list:after,
.legocreative-testimonial .columns-3 .testimonials-list:before {
    content: " ";
    display: table
}

.legocreative-testimonial .columns-3 .quote.last:after,
.legocreative-testimonial .columns-3 .testimonials-list:after {
    clear: both
}

.legocreative-testimonial .columns-3 .quote {
    float: left;
    width: 33.33333%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    .legocreative-testimonial .columns-3 .quote {
        width: 100%
    }
}

.legocreative-testimonial .columns-4 .testimonials-list {
    margin-right: -15px;
    margin-left: -15px
}

.legocreative-testimonial .columns-4 .quote.last:after,
.legocreative-testimonial .columns-4 .quote.last:before,
.legocreative-testimonial .columns-4 .testimonials-list:after,
.legocreative-testimonial .columns-4 .testimonials-list:before {
    content: " ";
    display: table
}

.legocreative-testimonial .columns-4 .quote.last:after,
.legocreative-testimonial .columns-4 .testimonials-list:after {
    clear: both
}

.legocreative-testimonial .columns-4 .quote {
    float: left;
    width: 25%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    .legocreative-testimonial .columns-4 .quote {
        width: 100%
    }
}

.legocreative-testimonial .columns-5 .testimonials-list {
    margin-right: -15px;
    margin-left: -15px
}

.layout02 .legocreative-testi-item:after,
.layout02 .legocreative-testi-item:before,
.legocreative-testimonial .columns-5 .quote.last:after,
.legocreative-testimonial .columns-5 .quote.last:before,
.legocreative-testimonial .columns-5 .testimonials-list:after,
.legocreative-testimonial .columns-5 .testimonials-list:before {
    content: " ";
    display: table
}

.layout02 .legocreative-testi-item:after,
.legocreative-testimonial .columns-5 .quote.last:after,
.legocreative-testimonial .columns-5 .testimonials-list:after {
    clear: both
}

.legocreative-testimonial .columns-5 .quote {
    float: left;
    width: 20%;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px
}

@media only screen and (max-width:767px) {
    .legocreative-testimonial .columns-5 .quote {
        width: 100%
    }
}

.legocreative-testimonial img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.legocreative-testi-item .testi-author {
    padding: 0
}

.legocreative-testi-item .testi-author cite {
    font-style: normal
}

.legocreative-testi-item .testi-author .title:before {
    display: none
}

.legocreative-testi-item .testi-author .url {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.legocreative-testi-item span[itemprop=name] {
    font-weight: 400
}

.legocreative-testi-item span[itemprop=jobTitle] {
    display: block;
    font-size: 11px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0
}

.legocreative-testi-item .testi-text {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 300;
    border: 0;
    background: 0 0;
    float: none
}

.legocreative-testi-item .testi-text>* {
    font-size: inherit;
    color: inherit;
    text-transform: initial;
    font-weight: 400
}

.testi-ava {
    text-align: center
}

.avatar-link {
    display: inline-block;
    overflow: hidden
}

.avatar-link>img {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out
}

.avatar-link:hover,
.avatar-link:hover>img {
    -webkit-box-shadow: 0;
    box-shadow: 0
}

.avatar-link:hover>img {
    -webkit-transform: scale(.98, .98);
    transform: scale(.98, .98)
}

.testimonials-list.slick-dotted {
    margin-bottom: 50px
}

.testimonials-has-slick .testimonials-list {
    opacity: 0;
    visibility: hidden
}

.testimonials-has-slick .testimonials-list.slick-initialized {
    opacity: 1;
    visibility: visible
}

.ava-squared .avatar-link,
.ava-squared img {
    max-width: 100%;
    height: auto;
    border-radius: 0
}

.ava-rounded .avatar-link,
.ava-rounded img {
    max-width: 100%;
    height: auto;
    border-radius: 4px
}

.ava-circled .avatar-link,
.ava-circled img {
    max-width: 100%;
    height: auto;
    border-radius: 50%
}

.vckit-slide-button {
    display: block;
    position: absolute;
    top: 50%;
    padding: 0;
    text-align: center;
    color: #000;
    background-color: transparent;
    outline: 0!important;
    border: 1px solid transparent;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    z-index: 900
}

.vckit-slide-button.square-next,
.vckit-slide-button.square-prev {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.slick-slider:hover .vckit-slide-button.square-next,
.slick-slider:hover .vckit-slide-button.square-prev {
    opacity: .5;
    filter: alpha(opacity=50)
}

.slick-slider .vckit-slide-button.square-next:hover,
.slick-slider .vckit-slide-button.square-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    background-color: #fff
}

.vckit-slide-button.square-next i,
.vckit-slide-button.square-prev i {
    display: block;
    font-size: 24px;
    margin-top: 1px
}

.vckit-slide-button.square-prev {
    left: 0
}

.vckit-slide-button.square-next {
    right: 0
}

.vckit-slide-button.arrow-next,
.vckit-slide-button.arrow-prev {
    font-size: 32px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: .3;
    filter: alpha(opacity=30);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

@media only screen and (max-width:767px) {
    .vckit-slide-button.arrow-next,
    .vckit-slide-button.arrow-prev {
        font-size: 24px
    }
}

.vckit-slide-button.arrow-next:hover,
.vckit-slide-button.arrow-prev:hover {
    opacity: 1;
    filter: alpha(opacity=100)
}

.vckit-slide-button.arrow-next {
    right: -50px
}

@media only screen and (max-width:1439px) {
    .vckit-slide-button.arrow-next {
        right: 0;
        padding: 0
    }
}

.vckit-slide-button.arrow-prev {
    left: -50px
}

@media only screen and (max-width:1439px) {
    .vckit-slide-button.arrow-prev {
        left: 0;
        padding: 0
    }
}

.vckit-slide-button:active,
.vckit-slide-button:focus,
.vckit-slide-button:hover {
    background-color: transparent;
    border-color: transparent
}

.testimonials .slick-dots li {
    border: 0
}

.layout01 .quote {
    padding-top: 3px;
    padding-bottom: 3px
}

.layout01 .legocreative-testi-item {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    border: 1px solid #efefef
}

.layout01 .testi-ava {
    float: left;
    width: 25%;
    overflow: hidden
}

.layout01 .testi-author {
    float: left;
    width: 75%;
    padding-left: 10px
}

.layout01 span[itemprop=name] {
    font-size: 16px;
    font-weight: 400
}

.layout01 a[itemprop=url] {
    font-size: 11px;
    font-weight: 300;
    color: #00aef0
}

.layout01 a[itemprop=url]:hover {
    color: #0089bd
}

.layout01 .testi-text {
    margin-top: 15px
}

.layout02 .legocreative-testi-item {
    margin-right: 25px;
    margin-left: -15px
}

.layout02 .author {
    font-style: normal
}

.layout02 span[itemprop=name] {
    font-size: 20px;
    text-transform: none
}

.layout02 span[itemprop=jobTitle] {
    margin-bottom: 15px
}

.layout02 a[itemprop=url],
.layout03 a[itemprop=url],
.layout04 .legocreative-testi-item a[itemprop=url],
.layout05 a[itemprop=url],
.layout06 a[itemprop=url],
.layout07 a[itemprop=url],
.vckit-mailchimp .mc4wp-form label,
.vckit-mailchimp-style2 .mc4wp-form label {
    display: none
}

.layout02 .slick-slide .col-xs-9 {
    padding: 0 5px
}

.layout03 .testi-author {
    text-align: center
}

.layout03 span[itemprop=name] {
    font-size: 14px;
    font-weight: 600
}

.layout03 span[itemprop=jobTitle] {
    display: inline-block;
    position: relative;
    padding: 0 15px
}

.layout03 span[itemprop=jobTitle]:after,
.layout03 span[itemprop=jobTitle]:before,
.layout04 .legocreative-testi-item span[itemprop=jobTitle]:after,
.layout04 .legocreative-testi-item span[itemprop=jobTitle]:before {
    content: '';
    position: absolute;
    top: 6px;
    width: 5px;
    height: 1px;
    background-color: #767676
}

.layout03 span[itemprop=jobTitle]:before,
.layout04 .legocreative-testi-item span[itemprop=jobTitle]:before {
    left: 6px
}

.layout03 span[itemprop=jobTitle]:after,
.layout04 .legocreative-testi-item span[itemprop=jobTitle]:after {
    right: 6px
}

.layout03 .testi-text {
    padding: 25px;
    text-align: center;
    line-height: 28px;
    letter-spacing: 1px
}

.layout04 .legocreative-testi-item {
    padding-top: 25px;
    padding-left: 100px
}

.layout04 .legocreative-testi-item .testi-author {
    margin-top: 15px
}

.layout04 .legocreative-testi-item span[itemprop=name] {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 3px
}

.layout04 .legocreative-testi-item span[itemprop=jobTitle] {
    display: inline-block;
    position: relative;
    padding: 0 15px
}

.layout04 .legocreative-testi-item .testi-text {
    position: relative;
    font-size: 16px;
    line-height: 30px;
    overflow: visible
}

.layout04 .legocreative-testi-item .testi-text:before,
.layout06 .testi-text:before {
    content: '\f10d';
    font-family: 'FontAwesome';
    position: absolute;
    font-size: 34px;
    color: #fff
}

.layout04 .legocreative-testi-item .testi-text:before {
    border-radius: 50%;
    font-style: normal;
    display: block;
    width: 70px;
    height: 70px;
    padding: 20px;
    text-align: center;
    background-color: #cbaa5c;
    border: 1px solid transparent;
    top: -25px;
    left: -100px
}

.layout05 .testi-author {
    margin-top: 35px;
    text-align: center
}

.layout05 span[itemprop=name] {
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 1px
}

.layout05 span[itemprop=jobTitle] {
    margin-top: 5px;
    font-size: 12px;
    text-transform: none
}

.layout05 .testi-text {
    margin-bottom: 25px;
    padding: 10px;
    font-size: 20px;
    line-height: 30px;
    text-align: center
}

.layout06 .testi-author {
    margin-top: 30px;
    text-align: center;
    text-transform: none
}

.layout06 span[itemprop=name] {
    font-size: 16px;
    font-weight: 400;
    color: #000
}

.layout06 span[itemprop=jobTitle] {
    margin-top: 5px;
    font-size: 13px
}

.layout06 .testi-text {
    border-radius: 10px;
    position: relative;
    margin-bottom: 25px;
    padding: 30px 30px 30px 70px;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    background-color: #1e83ec;
    overflow: visible
}

.layout06 .testi-text:before {
    top: 30px;
    left: 30px
}

.layout06 .testi-text:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -14px;
    width: 0;
    height: 0;
    border: 14px solid transparent;
    border-top-color: #1e83ec
}

.layout07 .testi-author,
.vckit-cflp-figure div {
    text-align: center
}

.layout07 span[itemprop=name] {
    font-size: 14px;
    font-weight: 600
}

.layout07 span[itemprop=jobTitle] {
    display: inline-block;
    position: relative;
    padding: 0 15px
}

.layout07 span[itemprop=jobTitle]:after,
.layout07 span[itemprop=jobTitle]:before {
    content: '';
    position: absolute;
    top: 6px;
    width: 5px;
    height: 1px;
    background-color: #767676
}

.layout07 span[itemprop=jobTitle]:before {
    left: 6px
}

.layout07 span[itemprop=jobTitle]:after {
    right: 6px
}

.layout07 .testi-text {
    position: relative;
    margin-bottom: 30px;
    padding-top: 100px;
    font-size: 22px;
    line-height: 40px;
    text-align: center
}

.layout07 .testi-text:before {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-radius: 50%;
    content: '\f10d';
    font-family: 'FontAwesome';
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    padding: 15px;
    font-size: 34px;
    font-style: normal;
    text-align: center;
    color: #efefef;
    background-color: transparent;
    border: 1px solid #efefef
}

.vckit-lightbox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding: 40px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.vckit-lightbox>* {
    margin: 0
}

@media only screen and (min-width:768px) {
    .vckit-lightbox {
        width: 600px
    }
}

.vckit-lightbox .mfp-close {
    position: absolute;
    right: 0;
    top: 0
}

.vckit-lightbox.vckit-lightbox-size--large {
    padding: 60px
}

@media only screen and (min-width:992px) {
    .vckit-lightbox.vckit-lightbox-size--large {
        width: 900px
    }
}

@media only screen and (min-width:768px) {
    .vckit-lightbox.vckit-lightbox-size--small {
        width: 300px
    }
}

.vckit-lightbox-wrapper .vckit-lightbox {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.vckit-lightbox-wrapper.mfp-ready .vckit-lightbox {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vckit-lightbox-wrapper .vckit-lightbox,
.vckit-lightbox-wrapper.mfp-removing .vckit-lightbox {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.vckit-lightbox-wrapper.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.vckit-lightbox-wrapper.mfp-ready.mfp-bg {
    opacity: .8
}

.vckit-lightbox-wrapper.mfp-removing.mfp-bg {
    opacity: 0
}

.vckit-cflp-insider {
    padding-left: inherit;
    padding-right: inherit
}

.vckit-cflp-container {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-cflp-card {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

.vckit-cflp-card .vckit-cflp-figure {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-cflp-card .vckit-cflp-front {
    z-index: 9999
}

.vckit-cflp-card .vckit-cflp-back {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999
}

.vckit-cflp-back,
.vckit-cflp-front {
    padding: 50px 15px;
    border-radius: 0
}

.vckit-cflp-icon {
    margin-top: 0;
    margin-bottom: 15px
}

.vckit-cflp-icon .cflp-iconar,
.vckit-cflp-icon img {
    display: inline-block
}

.cflp-iconar,
.vckit-cflp-icon,
.vckit-trcflp-figure div {
    text-align: center
}

.vckit-cflp-button,
.vckit-trcflp-button {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-weight: 600;
    margin: 0;
    padding: 0 15px
}

.vckit-cflp-button a,
.vckit-trcflp-button a {
    display: inline-block;
    width: auto;
    float: none
}

.vckit-cflp-insider,
.vckit-trcflp-insider {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%
}

.vckit-cflp-container[data-layout=toright] .vckit-cflp-back,
.vckit-cflp-container[data-layout=toright]:focus .vckit-cflp-card,
.vckit-cflp-container[data-layout=toright]:hover .vckit-cflp-card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.vckit-cflp-container[data-layout=toleft] .vckit-cflp-back,
.vckit-cflp-container[data-layout=toleft]:focus .vckit-cflp-card,
.vckit-cflp-container[data-layout=toleft]:hover .vckit-cflp-card {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.vckit-cflp-container[data-layout=tobottom] .vckit-cflp-back,
.vckit-cflp-container[data-layout=tobottom]:focus .vckit-cflp-card,
.vckit-cflp-container[data-layout=tobottom]:hover .vckit-cflp-card {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.vckit-cflp-container[data-layout=totop] .vckit-cflp-back,
.vckit-cflp-container[data-layout=totop]:focus .vckit-cflp-card,
.vckit-cflp-container[data-layout=totop]:hover .vckit-cflp-card {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toleft] .vckit-cflp-card {
    transform-origin: right center;
    -webkit-transform-origin: right center
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toright] .vckit-cflp-card {
    transform-origin: left center;
    -webkit-transform-origin: left center
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=totop] .vckit-cflp-card {
    transform-origin: top center;
    -webkit-transform-origin: top center
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=tobottom] .vckit-cflp-card {
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toright] .vckit-cflp-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toright]:focus .vckit-cflp-card,
.vckit-cflp-container[data-smootheffect="1"][data-layout=toright]:hover .vckit-cflp-card {
    -webkit-transform: translateX(100%) rotateY(180deg);
    transform: translateX(100%) rotateY(180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toleft] .vckit-cflp-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=toleft]:focus .vckit-cflp-card,
.vckit-cflp-container[data-smootheffect="1"][data-layout=toleft]:hover .vckit-cflp-card {
    -webkit-transform: translateX(-100%) rotateY(-180deg);
    transform: translateX(-100%) rotateY(-180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=tobottom] .vckit-cflp-back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=tobottom]:focus .vckit-cflp-card,
.vckit-cflp-container[data-smootheffect="1"][data-layout=tobottom]:hover .vckit-cflp-card {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=totop] .vckit-cflp-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.vckit-cflp-container[data-smootheffect="1"][data-layout=totop]:focus .vckit-cflp-card,
.vckit-cflp-container[data-smootheffect="1"][data-layout=totop]:hover .vckit-cflp-card {
    -webkit-transform: translateY(100%) rotateX(180deg);
    transform: translateY(100%) rotateX(180deg)
}

.vckit-cflp-back-bg-gradient,
.vckit-cflp-front-bg-gradient {
    background-color: #39dfa5;
    background: -webkit-gradient(linear, left top, right bottom, from(#39dfa5), to(#1fbdf2));
    background: linear-gradient(to bottom right, #39dfa5, #1fbdf2)
}

.vckit-cflp-front-bg-color,
.vckit-trcflp-front-bg-color {
    background-color: #262b31
}

.vckit-cflp-back-bg-color,
.vckit-trcflp-back-bg-color {
    background-color: #fafafa
}

.vckit-cflp-feature-bg-gradient,
.vckit-trcflp-feature-bg-gradient {
    background-color: #3ed2ec;
    background: -webkit-gradient(linear, left top, right bottom, from(#3ed2ec), to(#1864c5));
    background: linear-gradient(to bottom right, #3ed2ec, #1864c5)
}

.vckit-cflp-back-title,
.vckit-cflp-front-title,
.vckit-trcflp-back-title,
.vckit-trcflp-front-title {
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 8px;
    font-size: 18px
}

.vckit-cflp-front-title,
.vckit-trcflp-front-title {
    color: #fff
}

.vckit-cflp-back-title,
.vckit-trcflp-back-title {
    color: #000
}

.vckit-cflp-back-subtitle,
.vckit-cflp-front-subtitle,
.vckit-trcflp-back-subtitle,
.vckit-trcflp-front-subtitle {
    font-weight: inherit;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 15px
}

.vckit-cflp-front-subtitle,
.vckit-trcflp-front-subtitle {
    color: #eee
}

.vckit-cflp-back-subtitle,
.vckit-trcflp-back-subtitle {
    color: #888
}

.vckit-trcflp-container {
    width: 100%;
    height: auto;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-perspective: 800px;
    perspective: 800px
}

.vckit-trcflp-card {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.vckit-trcflp-card .vckit-trcflp-figure {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.vckit-trcflp-card .vckit-trcflp-front {
    z-index: 9999999999
}

.vckit-trcflp-card .vckit-trcflp-back {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.trcflp-iconar,
.vckit-trcflp-icon {
    text-align: center
}

.vckit-trcflp-icon .trcflp-iconar,
.vckit-trcflp-icon img {
    display: inline-block
}

.vckit-trcflp-container[data-layout=toleft]:focus .vckit-trcflp-back,
.vckit-trcflp-container[data-layout=toleft]:hover .vckit-trcflp-back {
    -webkit-transform: rotateY(0) translateX(0);
    transform: rotateY(0) translateX(0);
    left: 0
}

.vckit-trcflp-container[data-layout=toleft] .vckit-trcflp-back {
    -webkit-transform: rotateY(90deg) translateX(22%);
    transform: rotateY(90deg) translateX(22%);
    left: 50%
}

.vckit-trcflp-container[data-layout=toleft]:focus .vckit-trcflp-front,
.vckit-trcflp-container[data-layout=toleft]:hover .vckit-trcflp-front {
    -webkit-transform: rotateY(-90deg) translateX(-22%);
    transform: rotateY(-90deg) translateX(-22%);
    margin-left: -50%
}

.vckit-trcflp-container .vckit-trcflp-back,
.vckit-trcflp-container .vckit-trcflp-front {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.vckit-trcflp-container[data-layout=toright]:focus .vckit-trcflp-back,
.vckit-trcflp-container[data-layout=toright]:hover .vckit-trcflp-back {
    -webkit-transform: rotateY(0) translateX(0);
    transform: rotateY(0) translateX(0);
    left: 0
}

.vckit-trcflp-container[data-layout=toright] .vckit-trcflp-back {
    -webkit-transform: rotateY(-90deg) translateX(-22%);
    transform: rotateY(-90deg) translateX(-22%);
    left: -50%
}

.vckit-trcflp-container[data-layout=toright]:focus .vckit-trcflp-front,
.vckit-trcflp-container[data-layout=toright]:hover .vckit-trcflp-front {
    -webkit-transform: rotateY(90deg) translateX(22%);
    transform: rotateY(90deg) translateX(22%);
    margin-left: 50%
}

.vckit-trcflp-back,
.vckit-trcflp-front {
    padding: 50px 20px;
    border-radius: 0
}

.vckit-cflp-action-wrapper,
.vckit-mailchimp .mc4wp-form p,
.vckit-trcflp-action-wrapper {
    margin: 0
}

.vckit-cflp-action-wrapper .vckit-cflp-action,
.vckit-cflp-action-wrapper .vckit-trcflp-action,
.vckit-trcflp-action-wrapper .vckit-cflp-action,
.vckit-trcflp-action-wrapper .vckit-trcflp-action {
    display: inline-block;
    color: #fff;
    border: 0 transparent;
    border-radius: 0;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    font-family: Default;
    font-weight: 600;
    padding: 0 15px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-cflp-action-wrapper .vckit-cflp-action:focus,
.vckit-cflp-action-wrapper .vckit-cflp-action:hover,
.vckit-cflp-action-wrapper .vckit-trcflp-action:focus,
.vckit-cflp-action-wrapper .vckit-trcflp-action:hover,
.vckit-trcflp-action-wrapper .vckit-cflp-action:focus,
.vckit-trcflp-action-wrapper .vckit-cflp-action:hover,
.vckit-trcflp-action-wrapper .vckit-trcflp-action:focus,
.vckit-trcflp-action-wrapper .vckit-trcflp-action:hover {
    color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.vckit-cflp-action-bg-color,
.vckit-trcflp-action-bg-color {
    background-color: #232323
}

.vckit-cflp-action-bg-gradient,
.vckit-trcflp-action-bg-gradient {
    background-color: #39dfa5;
    background: -webkit-gradient(linear, left top, right bottom, from(#39dfa5), to(#1fbdf2));
    background: linear-gradient(to bottom right, #39dfa5, #1fbdf2)
}

.icon-gradient {
    color: #39dfa5;
    background: -webkit-gradient(linear, right top, left top, from(#39dfa5), to(#1fbdf2));
    background: linear-gradient(to left, #39dfa5, #1fbdf2)
}

.icon-color {
    color: #fff
}

.vckit-alert {
    position: relative
}

.vckit-alert .close {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    right: -10px;
    padding: 1px 10px;
    background: 0 0;
    border: 0
}

.vckit-alert.alert-squared {
    border-radius: 0
}

.vckit-alert.alert-rounded {
    border-radius: 4px
}

.vckit-alert.alert-circled {
    border-radius: 1000px
}

.alert-classic {
    background-color: #fff;
    border-color: #222;
    color: #222
}

.alert-classic hr {
    border-top-color: #151515
}

.alert-classic .alert-link {
    color: #090909
}

.alert-classic-reverse,
.alert-info-reverse {
    background-color: #222;
    border-color: transparent;
    color: #fff
}

.alert-classic-reverse hr,
.alert-danger-reverse hr,
.alert-info-bright hr,
.alert-info-reverse hr,
.alert-success-reverse hr,
.alert-warning-reverse hr {
    border-top-color: transparent
}

.alert-classic-reverse .alert-link {
    color: #e6e6e6
}

.alert-info-reverse {
    background-color: #31708f;
    color: #d9edf7
}

.alert-info-reverse .alert-link {
    color: #afd9ee
}

.alert-success-reverse,
.alert-warning-reverse {
    background-color: #3c763d;
    border-color: transparent;
    color: #dff0d8
}

.alert-success-reverse .alert-link {
    color: #c1e2b3
}

.alert-warning-reverse {
    background-color: #8a6d3b;
    color: #fcf8e3
}

.alert-warning-reverse .alert-link {
    color: #f7ecb5
}

.alert-danger-reverse,
.alert-info-bright {
    background-color: #a94442;
    border-color: transparent;
    color: #f2dede
}

.alert-danger-reverse .alert-link {
    color: #e4b9b9
}

.alert-info-bright {
    background-color: #44c1e6;
    color: #fff
}

.alert-info-bright .alert-link {
    color: #e6e6e6
}

.alert-info-bright-reverse {
    background-color: #fff;
    border-color: #44c1e6;
    color: #44c1e6
}

.alert-info-bright-reverse hr {
    border-top-color: #2ebae3
}

.alert-info-bright-reverse .alert-link {
    color: #1dafda
}

.alert-success-bright {
    background-color: #4ae388;
    border-color: transparent;
    color: #fff
}

.alert-success-bright hr {
    border-top-color: transparent
}

.alert-success-bright .alert-link {
    color: #e6e6e6
}

.alert-success-bright-reverse {
    background-color: #fff;
    border-color: #4ae388;
    color: #4ae388
}

.alert-success-bright-reverse hr {
    border-top-color: #34e079
}

.alert-success-bright-reverse .alert-link {
    color: #21d96c
}

.alert-warning-bright {
    background-color: #feb654;
    border-color: transparent;
    color: #fff
}

.alert-warning-bright hr {
    border-top-color: transparent
}

.alert-warning-bright .alert-link {
    color: #e6e6e6
}

.alert-warning-bright-reverse {
    background-color: #fff;
    border-color: #feb654;
    color: #feb654
}

.alert-warning-bright-reverse hr {
    border-top-color: #feab3b
}

.alert-warning-bright-reverse .alert-link {
    color: #fea021
}

.alert-danger-bright {
    background-color: #f57a7a;
    border-color: transparent;
    color: #fff
}

.alert-danger-bright hr {
    border-top-color: transparent
}

.alert-danger-bright .alert-link {
    color: #e6e6e6
}

.alert-danger-bright-reverse {
    background-color: #fff;
    border-color: #f57a7a;
    color: #f57a7a
}

.alert-danger-bright-reverse hr {
    border-top-color: #f36262
}

.alert-danger-bright-reverse .alert-link {
    color: #f14b4b
}

.vckit-mailchimp .mc4wp-form {
    margin-top: -10px
}

.vckit-mailchimp .mc4wp-form input[type=email] {
    float: left;
    margin-right: 20px;
    padding: 13px 0;
    width: 100%;
    height: 45px;
    border: 0;
    border-bottom: 1px solid #bbb;
    background: 0 0;
    color: #222
}

@media only screen and (min-width:992px) {
    .vckit-mailchimp .mc4wp-form input[type=email] {
        width: 60%
    }
}

@media only screen and (min-width:1200px) {
    .vckit-mailchimp .mc4wp-form input[type=email] {
        width: 72%
    }
}

.vckit-mailchimp .mc4wp-form input[type=email]::-webkit-input-placeholder {
    color: #222;
    letter-spacing: .05em
}

.vckit-mailchimp .mc4wp-form input[type=email]:-moz-placeholder,
.vckit-mailchimp .mc4wp-form input[type=email]::-moz-placeholder {
    color: #222;
    letter-spacing: .05em
}

.vckit-mailchimp .mc4wp-form input[type=email]:-ms-input-placeholder {
    color: #222;
    letter-spacing: .05em
}

.vckit-mailchimp .mc4wp-form input[type=email]:focus,
.vckit-mailchimp .mc4wp-form input[type=email]:hover {
    border-color: #444
}

.vckit-mailchimp .mc4wp-form input[type=submit] {
    padding: 12px 30px;
    border: 1px solid transparent;
    border-radius: 30px;
    letter-spacing: .2em
}

@media only screen and (max-width:991px) {
    .vckit-mailchimp .mc4wp-form input[type=submit] {
        margin-top: 20px
    }
}

.vckit-mailchimp .mc4wp-form input[type=submit]:hover {
    border: 1px solid #222;
    background: #fff;
    color: #222
}

.vckit-mailchimp .mc4wp-response {
    clear: both;
    float: none;
    padding-top: 10px
}

.vckit-mailchimp-style2:before {
    z-index: 2;
    display: block!important;
    background-color: rgba(0, 0, 0, .8);
    content: ''!important
}

.vckit-mailchimp-style2>div {
    position: relative;
    z-index: 3
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email],
.vckit-mailchimp-style2 .mc4wp-response {
    color: #fff
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email]::-webkit-input-placeholder {
    color: #fff;
    letter-spacing: .05em;
    font-size: 17px
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email]:-moz-placeholder,
.vckit-mailchimp-style2 .mc4wp-form input[type=email]::-moz-placeholder {
    color: #fff;
    letter-spacing: .05em;
    font-size: 17px
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email]:-ms-input-placeholder {
    color: #fff;
    letter-spacing: .05em;
    font-size: 17px
}

.vckit-mailchimp-style2 .mc4wp-form input[type=submit] {
    padding: 15px 30px;
    border: 1px solid transparent;
    border-radius: 30px;
    background-color: #fff;
    color: #222;
    letter-spacing: .2em;
    font-size: 12px
}

.vckit-mailchimp-style2 .mc4wp-form input[type=submit]:hover {
    border-color: #fff;
    background-color: transparent;
    color: #fff
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email] {
    border-color: rgba(255, 255, 255, .4);
    background-color: transparent
}

.vckit-mailchimp-style2 .mc4wp-form input[type=email]:focus,
.vckit-mailchimp-style2 .mc4wp-form input[type=email]:hover {
    border-color: #fff
}

.vckit-dropcap {
    float: left;
    display: inline-block;
    margin-top: 5px;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    line-height: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-color: transparent;
    overflow: hidden
}

.dcap-squared,
.vckit-pb-squared div.vc_single_bar {
    border-radius: 0
}

.dcap-rounded {
    border-radius: 4px
}

.dcap-circled {
    border-radius: 50%
}

.dcap-sm {
    width: 45px;
    height: 45px;
    font-size: 1.5em;
    line-height: 45px
}

.vckit-dropcap.border-sm {
    border-width: 1px
}

.dcap-sm.border-sm {
    line-height: 43px
}

.dcap-sm.border-md {
    line-height: 41px
}

.dcap-sm.border-lg {
    line-height: 39px
}

.dcap-sm.border-xl {
    line-height: 35px
}

.dcap-md {
    width: 58px;
    height: 58px;
    font-size: 2em;
    line-height: 58px
}

.vckit-dropcap.border-md {
    border-width: 2px
}

.dcap-md.border-sm {
    line-height: 56px
}

.dcap-md.border-md {
    line-height: 54px
}

.dcap-md.border-lg {
    line-height: 52px
}

.dcap-md.border-xl {
    line-height: 48px
}

.dcap-lg {
    width: 67px;
    height: 67px;
    font-size: 2.5em;
    line-height: 67px
}

.vckit-dropcap.border-lg {
    border-width: 3px
}

.dcap-lg.border-sm {
    line-height: 65px
}

.dcap-lg.border-md {
    line-height: 63px
}

.dcap-lg.border-lg {
    line-height: 61px
}

.dcap-lg.border-xl {
    line-height: 57px
}

.dcap-xl {
    width: 80px;
    height: 80px;
    font-size: 3em;
    line-height: 80px
}

.vckit-dropcap.border-xl {
    border-width: 5px
}

.dcap-xl.border-sm {
    line-height: 78px
}

.dcap-xl.border-md {
    line-height: 76px
}

.dcap-xl.border-lg {
    line-height: 74px
}

.dcap-xl.border-xl {
    line-height: 70px
}

.vckit-dropcap.border-solid {
    border-style: solid
}

.vckit-dropcap.border-dotted {
    border-style: dotted
}

.vckit-dropcap.border-dashed {
    border-style: dashed
}

.vckit-dropcap.border-double {
    border-style: double
}

.vckit-member {
    text-align: center;
    overflow: hidden
}

.vckit-member a:hover {
    text-decoration: none
}

.vckit-member.layout02:before {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vckit-member.layout02:hover:before {
    opacity: .6;
    filter: alpha(opacity=60)
}

.vckit-member__ava {
    position: relative;
    overflow: hidden
}

.vckit-member__ava img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto
}

.vckit-member__info {
    margin-top: 20px
}

.vckit-member__info h5 {
    margin: 0;
    padding: 10px 0;
    font-size: 1.25em;
    font-weight: 400;
    text-transform: uppercase
}

.vckit-member__info p {
    margin-bottom: 30px
}

.vckit-member__social__link {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    display: inline-block;
    width: 40px;
    height: 40px;
    padding: 10px;
    font-size: 1.1em;
    line-height: 1.3em;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #222;
    cursor: pointer
}

.layout01 .vckit-member__info h5 {
    letter-spacing: 1px;
    color: #222
}

.layout01 .vckit-member__info p {
    color: #888
}

.layout01 .vckit-member__social__link {
    margin-right: -3px
}

.layout01 .vckit-member__social__link:hover {
    color: #fff;
    background-color: #222
}

.layout02,
.vc_label {
    position: relative
}

.layout02 .vckit-member__ava img {
    -webkit-transition: -webkit-transform .4s linear;
    transition: transform .4s linear;
    transition: transform .4s linear, -webkit-transform .4s linear;
    width: 110%;
    margin: 0 -5% -10%
}

.layout02 .vckit-member__info {
    -webkit-transform: translate(0, 125%);
    transform: translate(0, 125%);
    -webkit-transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 15px 20px;
    text-align: left;
    background-color: rgba(255, 255, 255, .9);
    z-index: 10
}

.layout02 .vckit-member__info h5 {
    padding: 0;
    font-size: 1em;
    letter-spacing: 1px;
    color: #444
}

.layout02 .vckit-member__info p {
    margin: 0;
    color: #888
}

.layout02 .vckit-member__social {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin-top: -10px;
    z-index: 10
}

.layout02 .vckit-member__social__link {
    color: #fff;
    border-color: #fff
}

.layout02 .vckit-member__social__link:hover {
    color: #222;
    background-color: #fff
}

.layout02:hover .vckit-member__ava img {
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%)
}

.layout02:hover .vckit-member__info {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

.layout02:hover .vckit-member__social {
    opacity: 1;
    filter: alpha(opacity=100);
    margin-top: 0
}

.vckit-pb-style02 .vc_label_units {
    position: absolute;
    width: 48px;
    padding: 10px 0 7px;
    line-height: 1;
    font-size: 12px;
    letter-spacing: .05em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

.vckit-pb-style03 .vc_label_units {
    top: -40px;
    right: -24px
}

.vckit-pb-style03 .vc_label_units,
.vckit-pb-style04 .vc_label_units {
    position: absolute;
    width: 48px;
    padding: 10px 0 7px;
    line-height: 1;
    font-size: 12px;
    letter-spacing: .05em;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

.vckit-pb-style02 .vc_label_units:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, .8)
}

.vckit-pb-style03 .vc_label_units:after {
    left: 50%;
    margin-left: -6px
}

.vckit-pb-style03 .vc_label_units:after,
.vckit-pb-style04 .vc_label_units:after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: rgba(0, 0, 0, .8)
}

.vckit-pb-squared .vc_label_units,
.vckit-pb-squared div.vc_single_bar .vc_bar {
    border-radius: 0
}

.vckit-pb-rounded .vc_label_units,
.vckit-pb-rounded div.vc_single_bar,
.vckit-pb-rounded div.vc_single_bar .vc_bar {
    border-radius: 3px
}

.vckit-pb-rounded.vckit-pb-style02 .vc_label_units {
    border-radius: 3px 3px 0 3px
}

.vckit-pb-rounded.vckit-pb-style04 .vc_label_units {
    border-radius: 3px 3px 3px 0
}

.vckit-pb-circled .vc_label_units,
.vckit-pb-circled div.vc_single_bar,
.vckit-pb-circled div.vc_single_bar .vc_bar {
    border-radius: 1200px
}

.vckit-pb-vertical .vckit-single-bar-wrapper {
    margin-bottom: 20px
}

.vc_label {
    margin-bottom: 5px
}

.vckit-progress-bar.vc_progress_bar .vc_single_bar .vc_bar {
    -webkit-transition: width 2s ease-in-out;
    transition: width 2s ease-in-out
}

.vckit-pb-style01 .vc_label {
    font-weight: 600
}

.vckit-pb-style01 .vc_label_units {
    position: absolute;
    top: -23px;
    left: 100%;
    font-size: 12px;
    font-weight: 300
}

.vckit-pb-style01.vckit-pb-vertical .vc_label {
    letter-spacing: 1px
}

.vckit-pb-style01.vckit-pb-vertical .vc_label_units {
    letter-spacing: 0
}

.vckit-pb-style02 .vc_label_units {
    top: -42px;
    right: 0
}

.vckit-pb-style02 .vc_label_units:after {
    left: 100%;
    margin-left: -8px;
    border-width: 4px;
    border-right-color: rgba(0, 0, 0, .8)
}

.vckit-pb-style04 .vc_label_units {
    top: -42px;
    right: -48px
}

.vckit-pb-style04 .vc_label_units:after {
    left: 0;
    margin-left: 0;
    border-width: 4px;
    border-left-color: rgba(0, 0, 0, .8)
}

.vckit-pb-style05 .vckit-single-bar-wrapper {
    position: relative
}

.vckit-pb-style05 .vc_label {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    letter-spacing: 1px;
    z-index: 10
}

.vckit-pb-style05 .vc_label_units {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 12px
}

.vckit-pb-style05 .vckit-single-bar {
    height: 30px
}

.vckit-pb-style05.vckit-pb-horizontal .vc_label {
    left: 25px
}

.vckit-workflow-item {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding-bottom: 50px;
    overflow: hidden
}

.vckit-workflow-item .line {
    display: none;
    background-color: #fff;
    height: 100%;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    width: 2px
}

.vckit-workflow-item:first-of-type .line {
    display: block;
    top: 4px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.vckit-workflow-item:last-of-type .line {
    display: block;
    top: 24px
}

.vckit-workflow-title {
    margin: 0;
    font-weight: 700
}

.vckit-workflow-subtitle {
    margin: 5px 0 0;
    font-weight: 600
}

.vckit-workflow-image,
.vckit-workflow-text {
    float: left;
    width: 50%;
    margin: 0;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.vckit-workflow-text .text {
    margin-top: 25px;
    color: #777
}

.vckit-workflow-text .circle {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 50%;
    content: "";
    height: 18px;
    left: 50%;
    margin: 0 0 0 -9px;
    position: absolute;
    top: 0;
    width: 18px
}

.vckit-workflow-item-inner {
    display: inline-block;
    position: relative;
    width: 100%;
    vertical-align: middle
}

.vckit-workflow-item-inner.reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vckit-workflow-item-inner.reverse .vckit-workflow-text {
    text-align: right
}

.vckit-workflow-image {
    text-align: center
}

.vckit-workflow-image.left {
    padding: 0 60px;
    text-align: left
}

.vckit-workflow-image.right {
    padding: 0 60px;
    text-align: right
}

.vckit-workflow-image img {
    max-width: 100%;
    height: auto
}

.vckit-workflow {
    margin-top: 50px;
    position: relative
}

.vckit-workflow .main-line {
    background: #fff;
    left: 50%;
    margin-left: -1px;
    position: absolute;
    right: 50%;
    top: 0;
    height: 100%;
    width: 2px
}

.vckit-workflow-animate {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .55s cubic-bezier(.23, 1, .32, 1), transform .55s cubic-bezier(.23, 1, .32, 1);
    transition: opacity .55s cubic-bezier(.23, 1, .32, 1), transform .55s cubic-bezier(.23, 1, .32, 1), -webkit-transform .55s cubic-bezier(.23, 1, .32, 1)
}

.vckit-workflow-animate .main-line {
    opacity: 0;
    height: 0;
    -webkit-transition: opacity .55s cubic-bezier(.23, 1, .32, 1), height 1.8s ease-out;
    transition: opacity .55s cubic-bezier(.23, 1, .32, 1), height 1.8s ease-out
}

.vckit-workflow-animate .circle {
    -webkit-transform: scale(.2);
    transform: scale(.2);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.18, .89, .32, 1.68) .5s;
    transition: transform .6s cubic-bezier(.18, .89, .32, 1.68) .5s;
    transition: transform .6s cubic-bezier(.18, .89, .32, 1.68) .5s, -webkit-transform .6s cubic-bezier(.18, .89, .32, 1.68) .5s
}

.vckit-workflow-animate .vckit-workflow-item .vckit-workflow-item-inner .vckit-workflow-image {
    opacity: 0;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: opacity .3s ease-out, -webkit-transform .6s cubic-bezier(.18, .89, .32, 1.28);
    transition: transform .6s cubic-bezier(.18, .89, .32, 1.28), opacity .3s ease-out;
    transition: transform .6s cubic-bezier(.18, .89, .32, 1.28), opacity .3s ease-out, -webkit-transform .6s cubic-bezier(.18, .89, .32, 1.28)
}

.vckit-workflow-animate .vckit-workflow-item .vckit-workflow-item-inner .vckit-workflow-text {
    opacity: 0;
    -webkit-transition: opacity .5s cubic-bezier(.22, .61, .36, 1) .2s;
    transition: opacity .5s cubic-bezier(.22, .61, .36, 1) .2s
}

.vckit-workflow-animate.vckit-appeared {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.vckit-workflow-animate.vckit-appeared .main-line {
    opacity: 1;
    height: 100%
}

.vckit-workflow-animate.vckit-appeared .circle {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vckit-workflow-animate.vckit-appeared .vckit-workflow-item.vckit-appeared .vckit-workflow-image {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vckit-workflow-animate.vckit-appeared .vckit-workflow-item.vckit-appeared .vckit-workflow-text {
    opacity: 1
}

@media only screen and (max-width:1200px) {
    .vckit-workflow .vckit-workflow-item .vckit-workflow-item-inner .vckit-workflow-image,
    .vckit-workflow .vckit-workflow-item .vckit-workflow-item-inner .vckit-workflow-text {
        padding: 0 40px
    }
}

@media only screen and (max-width:600px) {
    .vckit-workflow .main-line,
    .vckit-workflow .vckit-workflow-item .line,
    .vckit-workflow .vckit-workflow-item .vckit-workflow-text .circle {
        display: none!important
    }
    .vckit-workflow .vckit-workflow-item .vckit-workflow-item-inner.reverse {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .vckit-workflow .vckit-workflow-item .vckit-workflow-item-inner.reverse .vckit-workflow-text {
        text-align: left
    }
    .vckit-workflow .vckit-workflow-text {
        width: 100%!important;
        padding: 0!important
    }
    .vckit-workflow .vckit-workflow-image {
        width: 100%!important;
        margin-bottom: 20px!important;
        padding: 0
    }
}

.vckit-icon-showcase-inner {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px
}

.vckit-icon-showcase {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative
}

.vckit-icon-showcase-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 100px);
    height: calc(100% - 100px);
    margin: 50px;
    z-index: 1
}

.vckit-icon-showcase-circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all .85s cubic-bezier(.18, .89, .32, 1.28);
    transition: all .85s cubic-bezier(.18, .89, .32, 1.28);
    -webkit-transform: scale(.1, .1);
    transform: scale(.1, .1)
}

.vckit-appeared .vckit-icon-showcase-circle:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.vckit-icon-holder {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    line-height: 80px;
    font-size: 30px;
    text-align: center;
    background-color: #f3f3f3;
    color: #328fee;
    -webkit-transition: background-color .8s cubic-bezier(.19, .65, .02, .93), border-color .8s cubic-bezier(.19, .65, .02, .93);
    transition: background-color .8s cubic-bezier(.19, .65, .02, .93), border-color .8s cubic-bezier(.19, .65, .02, .93)
}

.vckit-icon-showcase-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    text-align: center;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.vckit-section-subtitle {
    text-transform: capitalize
}

.vckit-icon-showcase-title {
    font-weight: 700
}

.vckit-icon-showcase-content-inner {
    margin-top: 18px
}

.vckit-icon-showcase-content-table {
    display: table;
    height: 100%;
    width: 100%;
    table-layout: fixed
}

.vckit-icon-showcase-content-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20%
}

.vckit-icon-showcase-icon {
    position: absolute;
    z-index: 10;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%) scale(1.01);
    transform: translate(-50%, -50%) scale(1.01);
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .2s ease, top .5s cubic-bezier(.18, .89, .32, 1), left .5s cubic-bezier(.18, .89, .32, 1), -webkit-transform .5s ease;
    transition: opacity .2s ease, top .5s cubic-bezier(.18, .89, .32, 1), left .5s cubic-bezier(.18, .89, .32, 1), transform .5s ease;
    transition: opacity .2s ease, top .5s cubic-bezier(.18, .89, .32, 1), left .5s cubic-bezier(.18, .89, .32, 1), transform .5s ease, -webkit-transform .5s ease
}

.vckit-icon-showcase-active .vckit-icon-showcase-content {
    z-index: 3;
    opacity: 1
}

@media only screen and (max-width:600px) {
    .vckit-icon-showcase .vckit-icon-showcase-circle,
    .vckit-icon-showcase .vckit-icon-showcase-inner {
        width: calc(100% - 60px);
        height: calc(100% - 60px);
        margin: 30px
    }
    .vckit-icon-holder {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 20px
    }
    .vckit-icon-showcase-content-inner {
        display: none
    }
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(1) .vckit-icon-showcase-icon {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(2) .vckit-icon-showcase-icon {
    -webkit-transition-delay: .85s;
    transition-delay: .85s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(3) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 1.05s;
    transition-delay: 1.05s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(4) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(5) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 1.45s;
    transition-delay: 1.45s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(6) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 1.65s;
    transition-delay: 1.65s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(7) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 1.85s;
    transition-delay: 1.85s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(8) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 2.05s;
    transition-delay: 2.05s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(9) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 2.25s;
    transition-delay: 2.25s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(10) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 2.45s;
    transition-delay: 2.45s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(11) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 2.65s;
    transition-delay: 2.65s
}

.vckit-icon-showcase .vckit-icon-showcase-item:nth-child(12) .vckit-icon-showcase-icon {
    -webkit-transition-delay: 2.85s;
    transition-delay: 2.85s
}

.vckit-icon-showcase.vckit-appeared .vckit-icon-showcase-item .vckit-icon-showcase-icon {
    opacity: 1
}

.vckit-scroller-image {
    position: relative;
    background-size: 100% auto;
    background-position: top;
    overflow: hidden;
    border-radius: 6px;
    -webkit-box-shadow: 0 9px 38px 0 rgba(0, 0, 0, .13);
    box-shadow: 0 9px 38px 0 rgba(0, 0, 0, .13);
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.vckit-scroller-image:hover {
    background-position: bottom;
    -webkit-box-shadow: 0 12px 48px 0 rgba(0, 0, 0, .17);
    box-shadow: 0 12px 48px 0 rgba(0, 0, 0, .17)
}

.vckit-scroller-image a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1
}

.vckit-image-slider .vckit-image-slider__element {
    text-align: center
}

.vckit-image-slider .vckit-image-slider__element img {
    display: inline-block;
    max-width: 100%
}