@charset "utf-8";


.ubtn-sep-icon:hover .ubtn-icon {
    opacity: 1
}





.ubtn-img-container .ubtn-sep-icon-left:hover .ubtn-icon, .ubtn-sep-icon-left:hover .ubtn-icon {
    left: 10px
}

.ubtn-sep-icon-left-rev:hover .ubtn-icon {
    left: 20px
}

.ubtn-img-container .ubtn-sep-icon-right:hover .ubtn-icon {
    right: 30px
}

.ubtn-sep-icon-right:hover .ubtn-icon {
    right: 5px
}

.ubtn-sep-icon-right-rev:hover .ubtn-icon {
    right: 20px
}

.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-icon {
    top: 0
}

.ubtn-sep-icon.ubtn-sep-icon-top-push:hover .ubtn-text {
    display: inline-block;
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    -ms-transform: translateY(500px);
    transform: translateY(500px)
}


.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-icon {
    top: 0
}

.ubtn-sep-icon.ubtn-sep-icon-bottom-push:hover .ubtn-text {
    display: inline-block;
    -webkit-transform: translateY(-500px);
    -moz-transform: translateY(-500px);
    -ms-transform: translateY(-500px);
    transform: translateY(-500px)
}


.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-icon {
    left: 0
}

.ubtn-sep-icon.ubtn-sep-icon-left-push:hover .ubtn-text {
    display: inline-block;
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    transform: translateX(500px)
}


.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-icon {
    left: 0
}

.ubtn-sep-icon.ubtn-sep-icon-right-push:hover .ubtn-text {
    display: inline-block;
    -webkit-transform: translateX(-500px);
    -moz-transform: translateX(-500px);
    -ms-transform: translateX(-500px);
    transform: translateX(-500px)
}


.ubtn-fade-bg:hover .ubtn-hover {
    opacity: 1
}

.ubtn-top-bg:hover .ubtn-hover {
    top: 0
}

.ubtn-bottom-bg:hover .ubtn-hover {
    top: 0
}

.ubtn-left-bg:hover .ubtn-hover {
    left: 0
}

.ubtn-right-bg:hover .ubtn-hover {
    left: 0
}

.ubtn-center-hz-bg:hover .ubtn-hover {
    width: 90%;
    opacity: 1
}

.ubtn-center-vt-bg:hover .ubtn-hover {
    height: 75%;
    opacity: 1
}

.ubtn-center-dg-bg:hover .ubtn-hover {
    height: 260%;
    opacity: 1
}

.ulta-grow:focus, .ulta-grow:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ulta-shrink:focus, .ulta-shrink:hover {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

@-webkit-keyframes ulta-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes ulta-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.ulta-pulse:focus, .ulta-pulse:hover {
    -webkit-animation-name: ulta-pulse;
    animation-name: ulta-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes ulta-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes ulta-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.ulta-pulse-grow:focus, .ulta-pulse-grow:hover {
    -webkit-animation-name: ulta-pulse-grow;
    animation-name: ulta-pulse-grow;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

.ulta-pulse-grow:focus, .ulta-pulse-grow:hover, .ulta-pulse-shrink:focus, .ulta-pulse-shrink:hover {
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate
}

@-webkit-keyframes ulta-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes ulta-pulse-shrink {
    to {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

.ulta-pulse-shrink:focus, .ulta-pulse-shrink:hover {
    -webkit-animation-name: ulta-pulse-shrink;
    animation-name: ulta-pulse-shrink;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate
}

@-webkit-keyframes ulta-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ulta-push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.ulta-push:focus, .ulta-push:hover {
    -webkit-animation-name: ulta-push;
    animation-name: ulta-push;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.ulta-pop:focus, .ulta-pop:hover, .ulta-push:focus, .ulta-push:hover {
    -webkit-animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 1
}

@-webkit-keyframes ulta-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes ulta-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}



.ulta-pop:focus, .ulta-pop:hover {
    -webkit-animation-name: ulta-pop;
    animation-name: ulta-pop;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.ulta-rotate {
    -webkit-transition-duration: .3s
}

.ulta-rotate:focus, .ulta-rotate:hover {
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg)
}

.ulta-grow-rotate:focus, .ulta-grow-rotate:hover {
    -webkit-transform: scale(1.1) rotate(4deg);
    transform: scale(1.1) rotate(4deg)
}

.ulta-float:focus, .ulta-float:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.ulta-sink:focus, .ulta-sink:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

@-webkit-keyframes ulta-hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes ulta-hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

.ulta-hover:focus, .ulta-hover:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: ulta-hover;
    animation-name: ulta-hover;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.ulta-hang:focus, .ulta-hang:hover, .ulta-hover:focus, .ulta-hover:hover {
    -webkit-animation-duration: 1.5s;
    -webkit-animation-delay: .3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes ulta-hang {
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes ulta-hang {
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.ulta-hang:focus, .ulta-hang:hover {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: ulta-hang;
    animation-name: ulta-hang;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.ulta-skew:focus, .ulta-skew:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.ulta-skew-forward:focus, .ulta-skew-forward:hover {
    -webkit-transform: skew(-10deg);
    transform: skew(-10deg)
}

.ulta-skew-backward:focus, .ulta-skew-backward:hover {
    -webkit-transform: skew(10deg);
    transform: skew(10deg)
}

@-webkit-keyframes ulta-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes ulta-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.ulta-wobble-vertical:focus, .ulta-wobble-vertical:hover {
    -webkit-animation-name: ulta-wobble-vertical;
    animation-name: ulta-wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes ulta-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px)
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px)
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px)
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.ulta-wobble-horizontal:focus, .ulta-wobble-horizontal:hover {
    -webkit-animation-name: ulta-wobble-horizontal;
    animation-name: ulta-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ulta-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px)
    }
    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px)
    }
    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ulta-wobble-to-bottom-right:focus, .ulta-wobble-to-bottom-right:hover {
    -webkit-animation-name: ulta-wobble-to-bottom-right;
    animation-name: ulta-wobble-to-bottom-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes ulta-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px)
    }
    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px)
    }
    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px)
    }
    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px)
    }
    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px)
    }
    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.ulta-wobble-to-top-right:focus, .ulta-wobble-to-top-right:hover {
    -webkit-animation-name: ulta-wobble-to-top-right;
    animation-name: ulta-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes ulta-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.ulta-wobble-top:focus, .ulta-wobble-top:hover {
    -webkit-animation-name: ulta-wobble-top;
    animation-name: ulta-wobble-top;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes ulta-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.ulta-wobble-bottom:focus, .ulta-wobble-bottom:hover {
    -webkit-animation-name: ulta-wobble-bottom;
    animation-name: ulta-wobble-bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

@keyframes ulta-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg)
    }
    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg)
    }
    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg)
    }
    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg)
    }
    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg)
    }
    100% {
        -webkit-transform: skew(0);
        transform: skew(0)
    }
}

.ulta-wobble-skew:focus, .ulta-wobble-skew:hover {
    -webkit-animation-name: ulta-wobble-skew;
    animation-name: ulta-wobble-skew;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

@-webkit-keyframes ulta-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

@keyframes ulta-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
}

.ulta-buzz:focus, .ulta-buzz:hover {
    -webkit-animation-name: ulta-buzz;
    animation-name: ulta-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

@-webkit-keyframes ulta-buzz-out {
    10%, 30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%, 40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%, 70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%, 80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes ulta-buzz-out {
    10%, 30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%, 40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%, 70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%, 80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

.ulta-buzz-out:focus, .ulta-buzz-out:hover {
    -webkit-animation-name: ulta-buzz-out;
    animation-name: ulta-buzz-out;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}



.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes flash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@-webkit-keyframes rubberBand {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@keyframes rubberBand {
    0%, 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes shake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@keyframes wobble {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg)
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg)
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg)
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg)
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg)
    }
}

@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    25% {
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
}

@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg)
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes slideInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@keyframes slideOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@keyframes slideOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@keyframes slideOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideInUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@keyframes slideOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px)
    }
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(48px);
        -ms-transform: scale(.475) translateX(48px);
        transform: scale(.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-48px);
        -ms-transform: scale(.475) translateX(-48px);
        transform: scale(.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(-60px);
        -ms-transform: scale(.475) translateY(-60px);
        transform: scale(.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(2000px);
        -ms-transform: scale(.1) translateY(2000px);
        transform: scale(.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(42px);
        -ms-transform: scale(.475) translateX(42px);
        transform: scale(.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(-2000px);
        -ms-transform: scale(.1) translateX(-2000px);
        transform: scale(.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateX(-42px);
        -ms-transform: scale(.475) translateX(-42px);
        transform: scale(.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateX(2000px);
        -ms-transform: scale(.1) translateX(2000px);
        transform: scale(.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(.475) translateY(60px);
        -ms-transform: scale(.475) translateY(60px);
        transform: scale(.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translateY(-2000px);
        -ms-transform: scale(.1) translateY(-2000px);
        transform: scale(.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top
    }
}



@-webkit-keyframes InfiniteRotate {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

@keyframes InfiniteRotate {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(359deg)
    }
}

@-webkit-keyframes InfiniteRotateCounter {
    from {
        -webkit-transform: rotate(359deg)
    }
    to {
        -webkit-transform: rotate(0)
    }
}

@keyframes InfiniteRotateCounter {
    from {
        transform: rotate(359deg)
    }
    to {
        transform: rotate(0)
    }
}

@-webkit-keyframes InfiniteDangle {
    0%, 100% {
        -webkit-transform: rotate(-4deg)
    }
    50% {
        -webkit-transform: rotate(4deg)
    }
}

@keyframes InfiniteDangle {
    0%, 100% {
        transform: rotate(-4deg)
    }
    50% {
        transform: rotate(4deg)
    }
}

@-webkit-keyframes InfinitePulse {
    0%, 100% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(.85)
    }
}

@keyframes InfinitePulse {
    0%, 100% {
        transform: scale(1)
    }
    50% {
        transform: scale(.85)
    }
}

@-webkit-keyframes InfiniteHorizontalShake {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@keyframes InfiniteHorizontalShake {
    0%, 100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px)
    }
}

@-webkit-keyframes InfiniteBounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes InfiniteBounce {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@-webkit-keyframes InfiniteFlash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@keyframes InfiniteFlash {
    0%, 100%, 50% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}

@-webkit-keyframes InfiniteTADA {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@keyframes InfiniteTADA {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    10%, 20% {
        -webkit-transform: scale(.9) rotate(-3deg);
        -ms-transform: scale(.9) rotate(-3deg);
        transform: scale(.9) rotate(-3deg)
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }
    40%, 60%, 80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@-webkit-keyframes InfiniteSwing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes InfiniteSwing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes InfiniteVericalShake {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes InfiniteVericalShake {
    0%, 100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@-webkit-keyframes InfiniteRubberBand {
    0%, 100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@keyframes InfiniteRubberBand {
    0%, 100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(.75);
        -ms-transform: scaleX(1.25) scaleY(.75);
        transform: scaleX(1.25) scaleY(.75)
    }
    40% {
        -webkit-transform: scaleX(.75) scaleY(1.25);
        -ms-transform: scaleX(.75) scaleY(1.25);
        transform: scaleX(.75) scaleY(1.25)
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(.85);
        -ms-transform: scaleX(1.15) scaleY(.85);
        transform: scaleX(1.15) scaleY(.85)
    }
}

@-webkit-keyframes InfiniteHorizontalFlip {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(359deg);
        transform: perspective(400px) rotateY(359deg)
    }
}

@keyframes InfiniteHorizontalFlip {
    from {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateY(359deg);
        -ms-transform: perspective(400px) rotateY(359deg);
        transform: perspective(400px) rotateY(359deg)
    }
}

@-webkit-keyframes InfiniteVericalFlip {
    from {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateY(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(359deg);
        transform: perspective(400px) rotateY(359deg)
    }
}

@keyframes InfiniteVericalFlip {
    from {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0)
    }
    to {
        -webkit-transform: perspective(400px) rotateX(359deg);
        -ms-transform: perspective(400px) rotateX(359deg);
        transform: perspective(400px) rotateX(359deg)
    }
}

@-webkit-keyframes InfiniteHorizontalScaleFlip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes InfiniteHorizontalScaleFlip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes InfiniteVerticalScaleFlip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateX(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateX(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateX(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateX(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateX(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateX(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes InfiniteVerticalScaleFlip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(-360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateX(-360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateX(-360deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateX(-190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateX(-190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateX(-190deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateX(-170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateX(-170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateX(-170deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(0) scale(.95);
        -ms-transform: perspective(400px) translateZ(0) rotateX(0) scale(.95);
        transform: perspective(400px) translateZ(0) rotateX(0) scale(.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateX(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateX(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateX(0) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.ult-rounded-split-seperator:after, .ult-rounded-split-seperator:before {
    left: 0;
    z-index: 10;
    width: 50%;
    height: 70px;
    background: inherit;
    content: '';
    position: absolute
}

.upb_video-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-position: 50% 50%;
    margin: 0 auto
}

@-webkit-keyframes MultiColorVC {
    0% {
        background-color: #e14949
    }
    25% {
        background-color: #3de02c
    }
    50% {
        background-color: #2c8de0
    }
    100% {
        background-color: #e02cbc
    }
}

@-moz-keyframes MultiColorVC {
    0% {
        background-color: #e14949
    }
    25% {
        background-color: #3de02c
    }
    50% {
        background-color: #2c8de0
    }
    100% {
        background-color: #e02cbc
    }
}

@keyframes MultiColorVC {
    0% {
        background-color: #e14949
    }
    25% {
        background-color: #3de02c
    }
    50% {
        background-color: #2c8de0
    }
    100% {
        background-color: #e02cbc
    }
}

@media (max-width: 479px) {
    .uvc_hidden-xs {
        display: none !important
    }
}

@media (min-width: 480px)and (max-width: 767px) {
    .uvc_hidden-xsl {
        display: none !important
    }
}

@media (min-width: 768px)and (max-width: 991px) {
    .uvc_hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px)and (max-width: 1199px) {
    .uvc_hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px)and (max-width: 1823px) {
    .uvc_hidden-ml {
        display: none !important
    }
}

@media (min-width: 1824px) {
    .uvc_hidden-lg {
        display: none !important
    }
}











.ult-content-box-container .ult-content-box-anchor:focus, .ult-content-box-container .ult-content-box-anchor:hover {
    text-decoration: none;
    line-height: inherit;
    outline: 0
}

.ult-content-box:after {
    display: block;
    clear: both
}

.ult_crlink a {
    display: inline-block;
    outline: 0;
    color: #000;
    text-transform: none;
    letter-spacing: inherit;
    font-weight: inherit;
    max-width: 100%
}

.ult_crlink a:focus, .ult_crlink a:hover {
    outline: 0
}

.ult_cl_link_1 a:after, .ult_cl_link_1 a:before {
    display: inline-block;
    opacity: 0;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    -webkit-transition: -webkit-transform .3s, opacity .2s;
    -moz-transition: -moz-transform .3s, opacity .2s;
    transition: transform .3s, opacity .2s;
    color: inherit;
    padding: 0 3px
}

.ult_cl_link_1 a:before {
    content: '[';
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px)
}

.ult_cl_link_1 a:after {
    content: ']';
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px)
}

.ult_cl_link_1 a:focus:after, .ult_cl_link_1 a:focus:before, .ult_cl_link_1 a:hover::before, .ult_cl_link_1 a:hover:after {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.ult_cl_link_2 a span:before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    content: attr(data-hover);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    padding: inherit;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: inherit
}



.ult_cl_link_2 a:focus span, .ult_cl_link_2 a:hover span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px)
}

.ult_cl_link_2 a:focus span:before, .ult_cl_link_2 a:hover span:before {
    background: inherit
}

.ult_cl_link_3 a:hover .ult_link_btm3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.ult_cl_link_4 a:hover .ult_link_btm4 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.ult_cl_link_5 a:focus .ult_link_btm, .ult_cl_link_5 a:focus .ult_link_top, .ult_cl_link_5 a:hover .ult_link_btm, .ult_cl_link_5 a:hover .ult_link_top {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.ult_cl_link_5 a:focus .ult_link_btm, .ult_cl_link_5 a:hover .ult_link_btm {
    top: 0;
    opacity: 1
}

.ult_cl_link_6 a:focus .ult_btn6_link_top, .ult_cl_link_6 a:hover .ult_btn6_link_top {
    color: inherit
}

.ult_cl_link_6 a:focus, .ult_cl_link_6 a:hover {
    color: #ba7700
}



.ult_cl_link_7 a:focus .btn7_link_btm, .ult_cl_link_7 a:focus .btn7_link_top, .ult_cl_link_7 a:hover .btn7_link_btm, .ult_cl_link_7 a:hover .btn7_link_top {
    opacity: 1
}

.ult_cl_link_7 a:focus .btn7_link_top, .ult_cl_link_7 a:hover .btn7_link_top {
    left: 50%;
    -webkit-transform: rotate(0) translateX(-50%);
    -moz-transform: rotate(0) translateX(-50%);
    transform: rotate(0) translateX(-50%)
}

.ult_cl_link_7 a:focus .btn7_link_btm, .ult_cl_link_7 a:hover .btn7_link_btm {
    right: 50%;
    -webkit-transform: rotate(0) translateX(50%);
    -moz-transform: rotate(0) translateX(50%);
    transform: rotate(0) translateX(50%)
}

.ult_cl_link_8 a:focus .ult_btn8_link_top, .ult_cl_link_8 a:hover .ult_btn8_link_top {
    opacity: 0;
    -webkit-transform: translateY(5px) translateX(-5px);
    -moz-transform: translateY(5px) translateX(-5px);
    transform: translateY(5px) translateX(-5px)
}

.ult_cl_link_8 a:focus .ulmt_btn8_link_btm, .ult_cl_link_8 a:hover .ulmt_btn8_link_btm {
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    -moz-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0)
}



.ult_cl_link_9 a:focus, .ult_cl_link_9 a:hover {
    color: #fff
}

.ult_cl_link_9 a:focus span.ult_btn9_link_top, .ult_cl_link_9 a:hover span.ult_btn9_link_btm, .ult_cl_link_9 a:hover span.ult_btn9_link_top {
    opacity: .65
}

.ult_cl_link_9 a:focus span.ult_btn9_link_top, .ult_cl_link_9 a:hover span.ult_btn9_link_top {
    top: 50%;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
    -webkit-transform: rotate(45deg) !important;
    -moz-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important
}

.ult_cl_link_9 a:focus span.ult_btn9_link_btm, .ult_cl_link_9 a:hover span.ult_btn9_link_btm {
    top: 50%;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .53s;
    transition: transform .5s, opacity .5s;
    -webkit-transform: rotate(-45deg) !important;
    -moz-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important
}

.ult_cl_link_10 a:focus span.ult_btn10_link_top, .ult_cl_link_10 a:hover span.ult_btn10_link_top {
    -webkit-transform: rotateX(2deg);
    -moz-transform: rotateX(2deg);
    transform: rotateX(2deg)
}



.ult_cl_link_11 a:focus span.ult_btn10_span, .ult_cl_link_11 a:hover span.ult_btn10_span {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%)
}

.ult_cl_link_11 a:focus .ult_btn11_link_top, .ult_cl_link_11 a:hover .ult_btn11_link_top {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0)
}

.ult_ivan_button:hover {
    color: #fff
}

.ult_ivan_button:hover hr {
    background-color: #fff;
    border: none
}

.ult_ivan_button.outline:hover {
    border-color: #2ac56c;
    color: #2ac56c
}

.ult_ivan_button.outline:hover hr {
    background-color: #2ac56c
}

.ult_ivan_button.no-border:hover {
    background-color: #2ac56c;
    border-color: #2ac56c
}

.ult_ivan_button.button-zoom:hover {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15)
}

html[data-rtl=true] .ult_dual_button .title_right, html[dir=rtl] .ult_dual_button .title_right {
    padding-right: 0 !important;
    padding-left: 20px !important
}

html[data-rtl=true] .ult_dual_button .icon-left2, html[dir=rtl] .ult_dual_button .icon-left2 {
    padding-left: 10px !important
}

html[data-rtl=true] .ult_dual_button .title_left, html[dir=rtl] .ult_dual_button .title_left {
    padding-right: 20px !important;
    padding-left: 0 !important
}

html[data-rtl=true] .ult_dual_button .icon-right1, html[dir=rtl] .ult_dual_button .icon-right1 {
    padding-right: 10px !important
}







.ult_exp_section:after, .ult_exp_section:before {
    display: table;
    content: ""
}

















.flip-box-wrap .flip_link a:hover {
    text-decoration: none;
    color: #FFF;
    background-color: #636363
}

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

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

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

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

0
,
100
%
{
    opacity: 1
}
50
%
{
    opacity: 0
}
}

.flip-box-wrap .ifb-front {
    z-index: 9;
    backface-visibility: hidden
}

.flip-box-wrap .ifb-front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.flip-box-wrap .ifb-back {
    position: absolute;
    top: 0;
    z-index: -1
}

.flip-box-wrap:hover .ifb-back {
    z-index: 1
}













@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .vertical_door_flip .ifb-multiple-front.v_door {
        width: 50.2%
    }
}



@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .reverse_vertical_door_flip .ifb-hover .rv_door.ifb-multiple-back {
        visibility: visible
    }
}

.flip-box-wrap .ifb-back, .flip-box-wrap .ifb-front {
    display: block;
    width: 100%
}



.reverse_horizontal_door_flip .rh_door.ifb-multiple-back {
    z-index: -4
}





.uvc-heading-spacer.line_with_icon:after, .uvc-heading-spacer.line_with_icon:before {
    content: "";
    position: absolute;
    bottom: 50%;
    border-width: 0;
    top: 50%
}

.uvc-heading-spacer.line_with_icon:before {
    right: 0
}

.uvc-heading-spacer.line_with_icon:after {
    left: 0
}

.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:hover {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    -o-animation: none;
    animation: none
}

.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item a:focus {
    outline: 0
}

.ult_hotspot_container .utl-hotspot-items .ult-hotspot-item.ult-glow .aio-icon i:before {
    z-index: 50
}

@-webkit-keyframes Hotspot_Glow {
    0% {
        -webkit-transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: .7
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}

@keyframes Hotspot_Glow {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: .7
    }
    100% {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes Hotspot_Pulse {
    0%, 100% {
        -webkit-transform: scale(1);
        text-shadow: 0 0 15px #4F4F4F
    }
    50% {
        -webkit-transform: scale(.8);
        text-shadow: 0 0 10px #4F4F4F
    }
}

@keyframes Hotspot_Pulse {
    0%, 100% {
        transform: scale(1);
        text-shadow: 0 0 15px #4F4F4F
    }
    50% {
        transform: scale(.8);
        text-shadow: 0 0 10px #4F4F4F
    }
}

.aio-icon-component, .ult-new-ib {
    margin-bottom: 35px
}



.ult-ib-effect-style10.ult-ib2-min-height:not(.ult-ib2-min-height) img, .ult-ib-effect-style11.ult-ib2-min-height:not(.ult-ib2-min-height) img, .ult-ib-effect-style14.ult-ib2-min-height:not(.ult-ib2-min-height) img, .ult-ib-effect-style15.ult-ib2-min-height:not(.ult-ib2-min-height) img, .ult-ib-effect-style7.ult-ib2-min-height:not(.ult-ib2-min-height) img {
    max-width: none !important;
    width: auto !important
}

.ult-ib-effect-style1:hover .ult-new-ib-content {
    opacity: 1;
    -webkit-transition-delay: .05s
}

.ult-ib-effect-style1:hover .ult-new-ib-content, .ult-ib-effect-style1:hover .ult-new-ib-title, .ult-ib-effect-style1:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s;
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    transition-duration: .35s
}

.ult-ib-effect-style2:hover .ult-new-ib-title {
    color: #fff;
    -webkit-transform: translate3d(0, -40px, 0);
    -moz-transform: translate3d(0, -40px, 0);
    transform: translate3d(0, -40px, 0)
}

.ult-ib-effect-style2:hover .ult-new-ib-content, .ult-ib-effect-style2:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style3:hover .ult-new-ib-desc::before, .ult-ib-effect-style3:hover .ult-new-ib-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}


.ult-ib-effect-style4:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style4:hover .ult-new-ib-desc::after, .ult-ib-effect-style4:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style4:hover .ult-new-ib-content, .ult-ib-effect-style4:hover .ult-new-ib-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style4:hover .ult-new-ib-content, .ult-ib-effect-style4:hover .ult-new-ib-desc::after, .ult-ib-effect-style4:hover .ult-new-ib-title, .ult-ib-effect-style4:hover img {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.ult-ib-effect-style5:hover .ult-new-ib-content, .ult-ib-effect-style5:hover .ult-new-ib-content * {
    opacity: 1 !important;
    z-index: 99 !important;
    -webkit-backface-visibility: hidden !important;
    -moz-backface-visibility: hidden !important;
    backface-visibility: hidden !important
}

.ult-ib-effect-style5:hover .ult-new-ib-desc, .ult-ib-effect-style5:hover .ult-new-ib-title {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.ult-ib-effect-style5:hover .ult-new-ib-title {
    -webkit-transition-delay: .05s;
    transition-delay: .05s
}

.ult-ib-effect-style6:hover .ult-new-ib-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style6:hover .ult-new-ib-content, .ult-ib-effect-style6:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style7:hover .ult-new-ib-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style7:hover .ult-new-ib-content, .ult-ib-effect-style7:hover .ult-new-ib-title::after {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style8:hover img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style8:hover .ult-new-ib-title {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style8:hover .ult-new-ib-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.ult-ib-effect-style9:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style9:hover .ult-new-ib-content, .ult-ib-effect-style9:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style10:hover .ult-new-ib-desc::after, .ult-ib-effect-style10:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style10:hover .ult-new-ib-content, .ult-ib-effect-style10:hover .ult-new-ib-title {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style11:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}



.ult-ib-effect-style11:hover .ult-new-ib-desc::before {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.ult-ib-effect-style11:hover .ult-new-ib-desc::after {
    opacity: .5;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.ult-ib-effect-style11:hover .ult-new-ib-title {
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0)
}

.ult-ib-effect-style11:hover .ult-new-ib-content {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0)
}

.ult-ib-effect-style12:hover .ult-new-ib-desc::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style12:hover .ult-new-ib-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style13:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style13:hover .ult-new-ib-title::after {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style13:hover .ult-new-ib-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-ib-effect-style14:hover img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style14:hover .ult-new-ib-content, .ult-ib-effect-style14:hover .ult-new-ib-desc::before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ult-ib-effect-style15:hover img {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.ult-ib-effect-style15:hover .ult-new-ib-content {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.ult-new-ib.ult-ib-effect-style15:not(.ult-ib2-min-height) .ult-ib2-toggle-size {
    left: 50%;
    width: auto !important;
    height: 100%;
    max-width: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@font-face {
    font-family: ult-silk;
    src: url(fonts/ult-silk.eot);
    src: url(fonts/ult-silk.eot) format('embedded-opentype'), url(fonts/ult-silk.woff) format('woff'), url(fonts/ult-silk.ttf) format('truetype'), url(fonts/ult-silk.svg) format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" ultsl-"], [class^=ultsl-] {
    font-family: ult-silk;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    outline: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ultsl-arrow-right:before {
    content: "\e600"
}

.ultsl-arrow-left:before {
    content: "\e601"
}

.ultsl-arrow-right2:before {
    content: "\e602"
}

.ultsl-arrow-left2:before {
    content: "\e603"
}

.ultsl-arrow-right3:before {
    content: "\e604"
}

.ultsl-arrow-left3:before {
    content: "\e605"
}

.ultsl-checkbox-unchecked:before {
    content: "\e606"
}

.ultsl-checkbox-partial:before {
    content: "\e607"
}

.ultsl-radio-checked:before {
    content: "\e608"
}

.ultsl-radio-unchecked:before {
    content: "\e609"
}

.ultsl-record:before {
    content: "\e60a"
}

.ultsl-stop:before {
    content: "\e60b"
}

.ultsl-arrow-left4:before {
    content: "\e60c"
}

.ultsl-arrow-right4:before {
    content: "\e60d"
}

.ultsl-arrow-left5:before {
    content: "\e60e"
}

.ultsl-arrow-right5:before {
    content: "\e60f"
}

.ultsl-arrow-left6:before {
    content: "\e610"
}

.ultsl-arrow-right6:before {
    content: "\e611"
}

.ult-ih-container ul.ult-ih-list li.ult-ih-list-item:after, .ult-ih-container ul.ult-ih-list li.ult-ih-list-item:before, .ult-ih-item a.ult-ih-link:before {
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    box-shadow: none;
    font-size: inherit;
    letter-spacing: normal;
    background: 0;
    content: ""
}

.ult-ih-container ul.ult-ih-list li.ult-ih-list-item:after, .ult-ih-container ul.ult-ih-list li.ult-ih-list-item:before {
    font-style: inherit;
    font-stretch: normal;
    text-shadow: none;
    word-wrap: normal;
    word-spacing: normal;
    position: relative
}

.ult-ih-item .ult-ih-image-block:before {
    display: block;
    width: 100%;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out
}

.ult-ih-item a.ult-ih-link:before {
    text-decoration: none;
    opacity: 1;
    visibility: visible;
    outline: 0
}

.ult-ih-item a.ult-ih-link:focus, .ult-ih-item a.ult-ih-link:hover {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    border: 0;
    background: 0;
    box-shadow: none;
    letter-spacing: normal;
    text-decoration: none;
    margin: 0;
    padding: 0;
    opacity: 1;
    visibility: visible;
    outline: 0
}



.ult-ih-item .ult-ih-image-block:before {
    position: absolute;
    content: '';
    height: 100%;
    transition: all .35s ease-in-out
}



.ult-ih-item.ult-ih-circle .ult-ih-image-block:before {
    border-radius: 50%
}



.ult-ih-item.ult-ih-square .ult-ih-image-block:before {
    border-radius: 0
}









.ult-ih-item.ult-ih-circle.ult-ih-effect1:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect1:hover .ult-ih-image-block {
    opacity: 0
}

.ult-ih-item.ult-ih-circle.ult-ih-effect1:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-square.ult-ih-effect1:hover .ult-ih-info .ult-ih-info-back {
    opacity: 1;
    visibility: visible
}



.ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-bottom_to_top:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-top_to_bottom:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-bottom_to_top:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-top_to_bottom:hover .ult-ih-info .ult-ih-info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0);
    -moz-transform: rotate3d(1, 0, 0, 0);
    -ms-transform: rotate3d(1, 0, 0, 0);
    -o-transform: rotate3d(1, 0, 0, 0);
    transform: rotate3d(1, 0, 0, 0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-right_to_left:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-right_to_left:hover .ult-ih-info .ult-ih-info-back {
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -moz-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    -o-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect1.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect1.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(0, 0, 1, 0);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(0, 0, 1, 0);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(0, 0, 1, 0);
    -o-transform: translate3d(0, 0, -220px) rotate3d(0, 0, 1, 0);
    transform: translate3d(0, 0, -220px) rotate3d(0, 0, 1, 0)
}









.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-left_to_right:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-right_to_left:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-top_to_bottom:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect2.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect2.ult-ih-bottom_to_top:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}









.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: scale(.5) translateX(100%);
    -moz-transform: scale(.5) translateX(100%);
    -ms-transform: scale(.5) translateX(100%);
    -o-transform: scale(.5) translateX(100%);
    transform: scale(.5) translateX(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-left_to_right:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: scale(.5) translateX(-100%);
    -moz-transform: scale(.5) translateX(-100%);
    -ms-transform: scale(.5) translateX(-100%);
    -o-transform: scale(.5) translateX(-100%);
    transform: scale(.5) translateX(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-right_to_left:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}





.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: scale(.5) translateY(100%);
    -moz-transform: scale(.5) translateY(100%);
    -ms-transform: scale(.5) translateY(100%);
    -o-transform: scale(.5) translateY(100%);
    transform: scale(.5) translateY(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-top_to_bottom:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}





.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: scale(.5) translateY(-100%);
    -moz-transform: scale(.5) translateY(-100%);
    -ms-transform: scale(.5) translateY(-100%);
    -o-transform: scale(.5) translateY(-100%);
    transform: scale(.5) translateY(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect3.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect3.ult-ih-bottom_to_top:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}











.ult-ih-item.ult-ih-circle.ult-ih-effect4:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect4:hover .ult-ih-image-block {
    opacity: 0
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect4:hover .ult-ih-info {
    visibility: visible;
    opacity: 1
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-left_to_right:hover .ult-ih-info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-right_to_left:hover .ult-ih-info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-top_to_bottom:hover .ult-ih-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect4.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect4.ult-ih-bottom_to_top:hover .ult-ih-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}





.ult-ih-item.ult-ih-circle.ult-ih-effect5:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect5:hover .ult-ih-info {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect5:hover .ult-ih-info .ult-ih-info-back, .ult-ih-item.ult-ih-square.ult-ih-effect5:hover .ult-ih-info .ult-ih-info-back {
    visibility: visible
}











.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_up:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_up:hover .ult-ih-image-block {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_up:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_up:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_down:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_down:hover .ult-ih-image-block {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_down:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_down:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_down_up:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_down_up:hover .ult-ih-image-block {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect6.ult-ih-scale_down_up:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect6.ult-ih-scale_down_up:hover .ult-ih-info {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}







.ult-ih-item.ult-ih-circle.ult-ih-effect7:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect7:hover .ult-ih-image-block {
    opacity: 0;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect7:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect7:hover .ult-ih-info {
    visibility: visible;
    z-index: 0;
    opacity: 1
}

.ult-ih-item.ult-ih-circle.ult-ih-effect7.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect7.ult-ih-left_to_right:hover .ult-ih-info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect7.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect7.ult-ih-right_to_left:hover .ult-ih-info {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect7.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect7.ult-ih-top_to_bottom:hover .ult-ih-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect7.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect7.ult-ih-bottom_to_top:hover .ult-ih-info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}











.ult-ih-item.ult-ih-circle.ult-ih-effect8:hover .ult-ih-image-block-container, .ult-ih-item.ult-ih-square.ult-ih-effect8:hover .ult-ih-image-block-container {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8:hover .ult-ih-image-block-container .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect8:hover .ult-ih-image-block-container .ult-ih-image-block {
    opacity: 0
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8:hover .info-container, .ult-ih-item.ult-ih-square.ult-ih-effect8:hover .info-container {
    opacity: 1;
    z-index: 1
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8:hover .info-container .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect8:hover .info-container .ult-ih-info {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-left_to_right:hover .ult-ih-image-block-container .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-left_to_right:hover .ult-ih-image-block-container .ult-ih-image-block {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-left_to_right:hover .info-container, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-left_to_right:hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-right_to_left:hover .ult-ih-image-block-container .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-right_to_left:hover .ult-ih-image-block-container .ult-ih-image-block {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-right_to_left:hover .info-container, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-right_to_left:hover .info-container {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-top_to_bottom:hover .ult-ih-image-block-container .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-top_to_bottom:hover .ult-ih-image-block-container .ult-ih-image-block {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-top_to_bottom:hover .info-container, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-top_to_bottom:hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-bottom_to_top:hover .ult-ih-image-block-container .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-bottom_to_top:hover .ult-ih-image-block-container .ult-ih-image-block {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect8.ult-ih-bottom_to_top:hover .info-container, .ult-ih-item.ult-ih-square.ult-ih-effect8.ult-ih-bottom_to_top:hover .info-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}







.ult-ih-item.ult-ih-circle.ult-ih-effect9:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect9:hover .ult-ih-image-block {
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect9:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect9:hover .ult-ih-info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect9.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect9.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect9.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect9.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect9.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect9.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect9.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect9.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%)
}







.ult-ih-item.ult-ih-circle.ult-ih-effect10:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect10:hover .ult-ih-info {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect10.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect10.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translateY(25%) scale(.5);
    -moz-transform: translateY(25%) scale(.5);
    -ms-transform: translateY(25%) scale(.5);
    -o-transform: translateY(25%) scale(.5);
    transform: translateY(25%) scale(.5)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect10.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect10.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translateY(-25%) scale(.5);
    -moz-transform: translateY(-25%) scale(.5);
    -ms-transform: translateY(-25%) scale(.5);
    -o-transform: translateY(-25%) scale(.5);
    transform: translateY(-25%) scale(.5)
}





.ult-ih-item.ult-ih-circle.ult-ih-effect11:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect11:hover .ult-ih-image-block {
    opacity: 0
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect11:hover .ult-ih-info {
    visibility: visible;
    opacity: 1
}





.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: translateZ(-1000px) rotateY(90deg);
    -moz-transform: translateZ(-1000px) rotateY(90deg);
    -ms-transform: translateZ(-1000px) rotateY(90deg);
    -o-transform: translateZ(-1000px) rotateY(90deg);
    transform: translateZ(-1000px) rotateY(90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-left_to_right:hover .ult-ih-info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: translateZ(-1000px) rotateY(-90deg);
    -moz-transform: translateZ(-1000px) rotateY(-90deg);
    -ms-transform: translateZ(-1000px) rotateY(-90deg);
    -o-transform: translateZ(-1000px) rotateY(-90deg);
    transform: translateZ(-1000px) rotateY(-90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-right_to_left:hover .ult-ih-info {
    -webkit-transform: translateZ(0) rotateY(0);
    -moz-transform: translateZ(0) rotateY(0);
    -ms-transform: translateZ(0) rotateY(0);
    -o-transform: translateZ(0) rotateY(0);
    transform: translateZ(0) rotateY(0)
}







.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translateZ(-1000px) rotateX(-90deg);
    -moz-transform: translateZ(-1000px) rotateX(-90deg);
    -ms-transform: translateZ(-1000px) rotateX(-90deg);
    -o-transform: translateZ(-1000px) rotateX(-90deg);
    transform: translateZ(-1000px) rotateX(-90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-top_to_bottom:hover .ult-ih-info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translateZ(-1000px) rotateX(90deg);
    -moz-transform: translateZ(-1000px) rotateX(90deg);
    -ms-transform: translateZ(-1000px) rotateX(90deg);
    -o-transform: translateZ(-1000px) rotateX(90deg);
    transform: translateZ(-1000px) rotateX(90deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect11.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect11.ult-ih-bottom_to_top:hover .ult-ih-info {
    -webkit-transform: translateZ(0) rotateX(0);
    -moz-transform: translateZ(0) rotateX(0);
    -ms-transform: translateZ(0) rotateX(0);
    -o-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0)
}



.ult-ih-item.ult-ih-circle.ult-ih-effect12:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12:hover .ult-ih-image-block {
    opacity: 0
}





.ult-ih-item.ult-ih-circle.ult-ih-effect12:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12:hover .ult-ih-image-block {
    z-index: -1
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect12:hover .ult-ih-info {
    opacity: 1;
    z-index: 1;
    visibility: visible
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-left_to_right:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-left_to_right:hover .ult-ih-image-block {
    -webkit-transform: translateX(100%) rotate(180deg);
    -moz-transform: translateX(100%) rotate(180deg);
    -ms-transform: translateX(100%) rotate(180deg);
    -o-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-left_to_right:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-left_to_right:hover .ult-ih-info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}





.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-right_to_left:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-right_to_left:hover .ult-ih-image-block {
    -webkit-transform: translateX(-100%) rotate(-180deg);
    -moz-transform: translateX(-100%) rotate(-180deg);
    -ms-transform: translateX(-100%) rotate(-180deg);
    -o-transform: translateX(-100%) rotate(-180deg);
    transform: translateX(-100%) rotate(-180deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-right_to_left:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-right_to_left:hover .ult-ih-info {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}





.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-top_to_bottom:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-top_to_bottom:hover .ult-ih-image-block {
    -webkit-transform: translateY(-100%) rotate(-180deg);
    -moz-transform: translateY(-100%) rotate(-180deg);
    -ms-transform: translateY(-100%) rotate(-180deg);
    -o-transform: translateY(-100%) rotate(-180deg);
    transform: translateY(-100%) rotate(-180deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-top_to_bottom:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-top_to_bottom:hover .ult-ih-info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}





.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-bottom_to_top:hover .ult-ih-image-block, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-bottom_to_top:hover .ult-ih-image-block {
    -webkit-transform: translateY(100%) rotate(180deg);
    -moz-transform: translateY(100%) rotate(180deg);
    -ms-transform: translateY(100%) rotate(180deg);
    -o-transform: translateY(100%) rotate(180deg);
    transform: translateY(100%) rotate(180deg)
}

.ult-ih-item.ult-ih-circle.ult-ih-effect12.ult-ih-bottom_to_top:hover .ult-ih-info, .ult-ih-item.ult-ih-square.ult-ih-effect12.ult-ih-bottom_to_top:hover .ult-ih-info {
    -webkit-transform: translateY(0) rotate(0);
    -moz-transform: translateY(0) rotate(0);
    -ms-transform: translateY(0) rotate(0);
    -o-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}





.aio-icon-component .aio-icon {
    -webkit-transition: -webkit-transform 200ms linear;
    -moz-transition: -moz-transform 200ms linear;
    -o-transition: -o-transform 200ms linear;
    transition: transform 200ms linear
}

.aio-icon-header h3.aio-icon-title {
    margin: 0;
    display: block;
    font-size: 16px;
    line-height: 1.2em
}

.aio-icon-description {
    width: 100%;
    display: block;
    margin-top: 0
}

.aio-icon-header + .aio-icon-description {
    margin-top: 10px
}

.aio-icon-box.left-icon {
    display: inline-block
}

.left-icon .aio-icon-left {
    display: table-cell;
    vertical-align: top
}

.left-icon .aio-icon-left .aio-icon {
    margin-right: 15px
}

.left-icon .aio-ibd-block {
    display: table-cell;
    vertical-align: middle
}

.left-icon .aio-icon-description, .left-icon .aio-icon-header {
    float: left;
    width: 100%
}









.style_2 .aio-icon-box:hover .aio-icon, .style_2 .aio-icon-box:hover .img-icon {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}



.style_3 .aio-icon-box:hover .aio-icon, .style_3 .aio-icon-box:hover .img-icon {
    -webkit-transform: translateY(-3px);
    -moz-transform: translateY(-3px);
    -o-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

@-webkit-keyframes circle_buzz_out {
    10%, 30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%, 40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%, 70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%, 80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@keyframes circle_buzz_out {
    10%, 30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        -ms-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    20%, 40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        -ms-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    50%, 70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        -ms-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    60%, 80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        -ms-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        -ms-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        -ms-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@-webkit-keyframes circle_pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes circle_pulse {
    25% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
    75% {
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9)
    }
}

@-webkit-keyframes circle_push {
    50% {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes circle_push {
    50% {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        transform: scale(.8)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes circle_pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes circle_pop {
    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    font-family: slick;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}



.ult-banner-block:hover .mask.solid-background {
    opacity: 1;
    background: #000
}

.ult-banner-block:hover .mask.opaque-background {
    background: rgba(0, 0, 0, .45)
}



.banner-style01:hover .mask {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms
}

.banner-style02:hover .mask {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms
}

.banner-style03:hover .mask {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms
}

.banner-style04:hover .mask {
    opacity: 1;
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms
}

.banner-style11:hover img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.ult-banner-block-custom-height.banner-style11:hover img {
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1)
}

.banner-style11:hover .mask {
    opacity: 1
}



.banner-style11:hover a, .banner-style11:hover p {
    transform: scale(1);
    opacity: 1
}

.banner-style11:hover a, .banner-style11:hover p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1)
}

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

.ult-banner-block-custom-height.banner-style12:hover img {
    -webkit-transform: translateX(-50%) scale(1.05);
    -moz-transform: translateX(-50%) scale(1.05);
    -ms-transform: translateX(-50%) scale(1.05);
    -o-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05)
}

.banner-style12:hover .mask {
    opacity: 1
}



.banner-style12:hover a, .banner-style12:hover p {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

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

.ult-banner-block-custom-height.banner-style13:hover img {
    -webkit-transform: translateX(-50%) scale(1.05);
    -moz-transform: translateX(-50%) scale(1.05);
    -ms-transform: translateX(-50%) scale(1.05);
    -o-transform: translateX(-50%) scale(1.05);
    transform: translateX(-50%) scale(1.05)
}

.banner-style13:hover .mask {
    opacity: 1
}

.banner-style13:hover .mask p {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    transition-delay: 200ms
}

.banner-style21 .mask:hover {
    opacity: 1
}

.banner-style21:hover .mask {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.banner-style21:hover .bb-back-icon {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style21:hover .mask p {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style21:hover .mask a {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style22 .mask:hover {
    opacity: 1
}

.banner-style22:hover .mask {
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.banner-style22:hover .bb-back-icon {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style22:hover .mask p {
    -webkit-transform: translateX(0) rotate(0);
    -moz-transform: translateX(0) rotate(0);
    -o-transform: translateX(0) rotate(0);
    -ms-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style22:hover .mask a {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    transition-delay: 300ms
}

.banner-style31:hover .mask.opaque-background, .banner-style32:hover .mask.opaque-background, .banner-style33:hover .mask.opaque-background, .banner-style34:hover .mask.opaque-background {
    background: #414141
}

.banner-style31:hover img {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
}

.ult-banner-block-custom-height.banner-style31:hover img {
    -webkit-transform: translateX(-50%) translateY(-100%);
    -moz-transform: translateX(-50%) translateY(-100%);
    -ms-transform: translateX(-50%) translateY(-100%);
    -o-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%)
}

.banner-style31:hover .mask {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-style32:hover img {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.ult-banner-block-custom-height.banner-style32:hover img {
    -webkit-transform: translateX(-50%) translateY(100%);
    -moz-transform: translateX(-50%) translateY(100%);
    -ms-transform: translateX(-50%) translateY(100%);
    -o-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%)
}

.banner-style32:hover .mask {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.banner-style33:hover img {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.banner-style33:hover .mask {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.banner-style34:hover img {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.banner-style34:hover .mask {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}







@media (max-width: 767px) {
    .ult_modal.ult-container {
        width: 80%
    }
}



.ult_pricing_table:hover {
    box-shadow: 0 0 7px rgba(167, 167, 167, .5)
}

.ult_design_2 .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    bottom: -6px;
    right: 0;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #1a1a1a
}

.slick-list, .slick-slider, .slick-track {
    position: relative
}



.ult_design_2.ult-cs-black .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #1a1818
}



.ult_design_2.ult-cs-red .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #ac3900
}



.ult_design_2.ult-cs-blue .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #0555ba
}



.ult_design_2.ult-cs-yellow .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #ce5e0b
}



.ult_design_2.ult-cs-green .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #037433
}



.ult_design_2.ult-cs-gray .ult_pricing_table .ult_price_link .ult_price_action_button:after {
    border-left: 8px solid #bdbdbd
}

.ult-carousel-wrapper {
    margin-bottom: 35px;
    padding-bottom: 20px
}

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

.slick-slider {
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

.slick-list:focus {
    outline: 0
}

.slick-slide, .slick-slide img, .slick-slider .slick-list, .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    display: block;
    zoom: 1
}

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

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

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

.slick-slide img {
    display: block
}

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

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



.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background: 0 0;
    color: transparent;
    box-shadow: none
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-size: 20px;
    line-height: 1;
    opacity: .75
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -15px;
    -webkit-tranform: rotate(-180deg);
    -moz-tranform: rotate(-180deg);
    transform: rotate(-180deg)
}

[dir=rtl] .slick-next {
    left: -15px;
    right: auto;
    -webkit-tranform: rotate(-180deg);
    -moz-tranform: rotate(-180deg);
    transform: rotate(-180deg)
}

[dir=rtl] .ult-carousel-wrapper.ult_full_width button.slick-prev {
    right: 25px
}

[dir=rtl] .ult-carousel-wrapper.ult_full_width button.slick-next {
    left: 25px
}

.slick-dots {
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    bottom: 0;
    transform: translateY(100%)
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: """;
    width: 20px;
    height: 20px;
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.ult-carousel-wrapper .slick-dots li i {
    opacity: .75;
    transition: all .3s ease-in-out
}

.ult-carousel-wrapper .slick-dots li.slick-active i {
    opacity: 1
}


ul.slick-dots {
    margin: 0;
    padding: 10px 0
}
















.aio-icon-component i, .align-icon i {
    font-size: inherit;
    line-height: inherit
}


.aio-icon-component, .aio-icon-component *, .align-icon, .align-icon *, .flip-box-wrap, .ubtn, .ult-new-ib {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}


.smile_icon_list.top:after, .smile_icon_list.top:before {
    content: " ";
    display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.hexagon li .icon_list_icon:after, .hexagon li .icon_list_icon:before {
    content: "";
    border-left: 1.5em solid transparent;
    border-right: 1.5em solid transparent
}



@media only screen and (max-width: 768px) {
    .smile_icon_list_wrap .smile_icon_list.top {
        display: inline-block;
        width: 100%
    }
}

.hexagon li .icon_list_icon:before {
    position: absolute;
    top: -1em;
    left: 0;
    border-bottom: 1em solid;
    border-bottom-color: inherit !important
}

.hexagon li .icon_list_icon:after {
    position: absolute;
    bottom: -1em;
    left: 0;
    border-top: 1em solid;
    border-top-color: inherit !important
}

.aio-icon i {
    line-height: inherit
}











[class*=x-icon-], [data-x-icon] {
    line-height: inherit
}

.ulsb-container .ulsb-strip:nth-child(1) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 1px 1px 1px rgba(0, 0, 0, .1)
}

.ulsb-container .ulsb-strip:nth-child(2) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 2px 2px 1px rgba(0, 0, 0, .1)
}

.ulsb-container .ulsb-strip:nth-child(3) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 3px 3px 2px rgba(0, 0, 0, .2)
}

.ulsb-container .ulsb-strip:nth-child(4) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 4px 4px 4px rgba(0, 0, 0, .2)
}

.ulsb-container .ulsb-strip:nth-child(5) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 5px 5px 6px rgba(0, 0, 0, .3)
}

.ulsb-container .ulsb-strip:nth-child(6) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 6px 6px 8px rgba(0, 0, 0, .3)
}

.ulsb-container .ulsb-strip:nth-child(7) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 7px 7px 10px rgba(0, 0, 0, .4)
}

.ulsb-container .ulsb-strip:nth-child(8) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 8px 8px 12px rgba(0, 0, 0, .4)
}

.ulsb-container .ulsb-strip:nth-child(9) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 9px 9px 14px rgba(0, 0, 0, .4)
}

.ulsb-container .ulsb-strip:nth-child(10) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 10px 10px 16px rgba(0, 0, 0, .4)
}

.ulsb-container .ulsb-strip:nth-child(11) {
    box-shadow: -1px -1px 3px rgba(0, 0, 0, .1), 11px 11px 18px rgba(0, 0, 0, .4)
}

.ulsb-container .ulsb-strip:last-child:after {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #ddd;
    background: -moz-linear-gradient(-45deg, #ddd 0, #58535e 48%, #889396 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ddd), color-stop(48%, #58535e), color-stop(100%, #889396));
    background: -webkit-linear-gradient(-45deg, #ddd 0, #58535e 48%, #889396 100%);
    background: -o-linear-gradient(-45deg, #ddd 0, #58535e 48%, #889396 100%);
    background: -ms-linear-gradient(-45deg, #ddd 0, #58535e 48%, #889396 100%);
    background: linear-gradient(135deg, #ddd 0, #58535e 48%, #889396 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#889396', GradientType=1);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .5), 1px 1px 1px rgba(255, 255, 255, .1)
}

.ulsb-container.ulsb-responsive .ulsb-strip:last-child:after {
    content: none
}



.ult-tabto-accordion dt > a:focus {
    outline: 0
}

.ult-tabto-actitle:hover {
    color: #fff;
    background-color: #999
}



@media screen and (min-width: 48em) {
    .ult-tabto-accordion .ult-tabto-accordionItem {
        max-height: 80em;
        -moz-transition: max-height .5s;
        -o-transition: max-height .5s;
        -webkit-transition: max-height .5s;
        transition: max-height .5s
    }
}

@-webkit-keyframes accordionIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes accordionIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes accordionIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes accordionOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes accordionOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes accordionOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.ult_tabmenu.style3 > li.current:after, .ult_tabmenu.style3 > li.current:before {
    opacity: 1
}



.ult_tabmenu.style1 li.ult_tab_li:not(:first-child) {
    border-left: none !important
}

.ult_tabmenu.style2 li.ult_tab_li a:hover {
    margin-top: 32px;
    padding: 12px 20px 10px
}

.ult_tabmenu.style2 li.ult_tab_li:nth-child(2) a {
    z-index: 2
}

.ult_tabmenu.style3 > li.ult_tab_li:before {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .5);
    top: 50%;
    bottom: 0;
    left: 5px;
    right: 5px;
    border-radius: 100px/10px
}

.ult_tabmenu.style3 > li.ult_tab_li a:focus, .ult_tabmenu.style3 > li.ult_tab_li:focus {
    outline: 0
}





.ult_tabmenu.style3 li.ult_tab_li:not(:first-child) {
    border-left: none !important
}



li.ult_tab_style_5 a.ult_a:after, li.ult_tab_style_6 a.ult_a:after {
    content: "";
    border-color: inherit;
    border-width: 3px;
    border-style: solid
}

li.ult_tab_style_4:not(:first-child) {
    border-left: none !important
}



li.ult_tab_style_5 a.ult_a:after {
    position: absolute;
    bottom: 0;
    left: -5px;
    width: 115%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0)
}

li.ult_tab_style_5.current a.ult_a:after {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}



li.ult_tab_style_6 a.ult_a:after {
    position: absolute;
    top: 0;
    left: -5px;
    width: 115%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transform: translate3d(0, 150%, 0);
    transform: translate3d(0, 150%, 0);
    display: none
}

li.ult_tab_style_6.current a.ult_a:after {
    display: block;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (min-width: 300px) and (max-width: 450px) {
    span.ult-span-text {
        line-height: 2.5em;
        font-size: 1em !important;
        margin: 5px
    }

    .ult_tabmenu.style2 li.ult_tab_li a:hover {
        margin-top: 32px;
        padding: 10px
    }
}

@media screen and (min-width: 450px) and (max-width: 650px) {
    span.ult-span-text {
        line-height: 2.5em;
        font-size: 1em
    }

    .ult_tabmenu .aio-icon {
        font-size: 15px !important
    }
}

a.ult_a:focus {
    outline: 0
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes backSlideOutRight {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
}

@-moz-keyframes backSlideOutRight {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
}

@keyframes backSlideOutRight {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100%, 75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
}

@-webkit-keyframes backSlideInRight {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideInRight {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideInRight {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}