.et_fixed_nav #main-header{display:none}#main-footer{display:none}#page-container{padding-top:0px!important}.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:0px}@media only screen and (min-width:1350px){.et_pb_row{padding:0px 0}}.gform_title{display:none}.gform_wrapper.gravity-theme .gform_footer input{padding:10px 20px;background-color:#72482f;border:#72482f;font-family:'Roboto';color:#fff;font-size:16px;text-transform:uppercase;font-weight:600}.table,tr,td,th{border:1px solid #333}.dnxte_multi_heading_0 .dnxt-text-one{font-size:28px}h1{font-size:28px}.dnxt-hover-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.dnxt-hover-grow:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .dnxt-hover-shrink { vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-shrink:hover {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
} .dnxt-hover-pulse {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse:hover {
-webkit-animation-name: dnxt-hover-pulse;
animation-name: dnxt-hover-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 dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .dnxt-hover-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-grow:hover {
-webkit-animation-name: dnxt-hover-pulse-grow;
animation-name: dnxt-hover-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes dnxt-hover-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
} .dnxt-hover-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
}
.dnxt-hover-pulse-shrink:hover {
-webkit-animation-name: dnxt-hover-pulse-shrink;
animation-name: dnxt-hover-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-direction: alternate;
animation-direction: alternate;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes dnxt-hover-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} @-webkit-keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes dnxt-hover-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.dnxt-hover-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-push:hover {
-webkit-animation-name: dnxt-hover-push;
animation-name: dnxt-hover-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes dnxt-hover-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.dnxt-hover-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-pop:hover {
-webkit-animation-name: dnxt-hover-pop;
animation-name: dnxt-hover-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-in:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-out:hover {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-rotate:hover {
-webkit-transform: rotate(4deg);
-ms-transform: rotate(4deg);
transform: rotate(4deg);
} .dnxt-hover-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-grow-rotate:hover {
-webkit-transform: scale(1.1) rotate(4deg);
-ms-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .dnxt-hover-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-float:hover {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
} .dnxt-hover-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sink:hover {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes dnxt-hover-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.dnxt-hover-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-bob:hover {
-webkit-animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
animation-name: dnxt-hover-bob-float, dnxt-hover-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes dnxt-hover-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.dnxt-hover-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-hang:hover {
-webkit-animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
animation-name: dnxt-hover-hang-sink, dnxt-hover-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-skew:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-forward:hover {
-webkit-transform: skew(-10deg);
-ms-transform: skew(-10deg);
transform: skew(-10deg);
} .dnxt-hover-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-skew-backward:hover {
-webkit-transform: skew(10deg);
-ms-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-horizontal:hover {
-webkit-animation-name: dnxt-hover-wobble-horizontal;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-vertical:hover {
-webkit-animation-name: dnxt-hover-wobble-vertical;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-bottom-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-bottom-right;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-to-top-right:hover {
-webkit-animation-name: dnxt-hover-wobble-to-top-right;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.dnxt-hover-wobble-top:hover {
-webkit-animation-name: dnxt-hover-wobble-top;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.dnxt-hover-wobble-bottom:hover {
-webkit-animation-name: dnxt-hover-wobble-bottom;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-wobble-skew:hover {
-webkit-animation-name: dnxt-hover-wobble-skew;
animation-name: dnxt-hover-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 dnxt-hover-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 dnxt-hover-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);
}
}
.dnxt-hover-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz:hover {
-webkit-animation-name: dnxt-hover-buzz;
animation-name: dnxt-hover-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
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 dnxt-hover-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
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);
}
}
.dnxt-hover-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.dnxt-hover-buzz-out:hover {
-webkit-animation-name: dnxt-hover-buzz-out;
animation-name: dnxt-hover-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-forward:hover {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px);
} .dnxt-hover-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.dnxt-hover-backward:hover {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px);
}  .dnxt-hover-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
overflow: hidden;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-fade:hover {
background: #2098d1;
color: white;
} .dnxt-hover-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-right:hover {
color: white;
}
.dnxt-hover-sweep-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-left:hover {
color: white;
}
.dnxt-hover-sweep-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-bottom:hover {
color: white;
}
.dnxt-hover-sweep-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-sweep-to-top:hover {
color: white;
}
.dnxt-hover-sweep-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
} .dnxt-hover-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-right:hover {
color: white;
}
.dnxt-hover-bounce-to-right:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-left:hover {
color: white;
}
.dnxt-hover-bounce-to-left:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-bottom:hover {
color: white;
}
.dnxt-hover-bounce-to-bottom:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.dnxt-hover-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-bounce-to-top:hover {
color: white;
}
.dnxt-hover-bounce-to-top:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
-o-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
border-radius: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-out:hover {
color: white;
}
.dnxt-hover-radial-out:hover:before {
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
} .dnxt-hover-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-radial-in:hover {
color: white;
}
.dnxt-hover-radial-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-in:hover {
color: white;
}
.dnxt-hover-rectangle-in:hover:before {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
} .dnxt-hover-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-rectangle-out:hover {
color: white;
}
.dnxt-hover-rectangle-out:hover:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .dnxt-hover-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-in-horizontal:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
} .dnxt-hover-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-horizontal:hover {
color: white;
}
.dnxt-hover-shutter-out-horizontal:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
} .dnxt-hover-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #2098d1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-in-vertical:hover {
color: white;
}
.dnxt-hover-shutter-in-vertical:hover:before {
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
} .dnxt-hover-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
-o-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-hover-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098d1;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-shutter-out-vertical:hover {
color: white;
}
.dnxt-hover-shutter-out-vertical:hover:before {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}  .dnxt-hover-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-trim:before {
content: "";
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.dnxt-hover-trim:hover:before {
opacity: 1;
} @-webkit-keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes dnxt-hover-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.dnxt-hover-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-out:before {
content: "";
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-out:hover:before {
-webkit-animation-name: dnxt-hover-ripple-out;
animation-name: dnxt-hover-ripple-out;
} @-webkit-keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes dnxt-hover-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.dnxt-hover-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
}
.dnxt-hover-ripple-in:before {
content: "";
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.dnxt-hover-ripple-in:hover:before {
-webkit-animation-name: dnxt-hover-ripple-in;
animation-name: dnxt-hover-ripple-in;
} .dnxt-hover-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-left:hover:before {
right: 0;
} .dnxt-hover-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-from-right:hover:before {
left: 0;
} .dnxt-hover-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: right;
-o-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-left:hover:before {
right: 0;
} .dnxt-hover-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 51%;
right: 51%;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left, right;
-o-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-center:hover:before {
left: 0;
right: 0;
} .dnxt-hover-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transition-property: left;
-o-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-from-right:hover:before {
left: 0;
} .dnxt-hover-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098d1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
-o-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .dnxt-hover-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-underline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .dnxt-hover-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;
overflow: hidden;
}
.dnxt-hover-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098d1;
height: 4px;
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-overline-reveal:hover:before {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}  .dnxt-hover-icon-back i::before {
font-weight: 900;
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
text-rendering: auto;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-back:hover i::before {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
} .dnxt-hover-icon-forward i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
-o-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-forward:hover i:before {
-webkit-transform: translateX(4px);
-ms-transform: translateX(4px);
transform: translateX(4px);
} .dnxt-hover-icon-down i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-down:hover i::before {
-webkit-animation-name: dnxt-hover-icon-down;
animation-name: dnxt-hover-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-up i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY (0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY (-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY (0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY (-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-up:hover i::before {
-webkit-animation-name: dnxt-hover-icon-up;
animation-name: dnxt-hover-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-drop i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes dnxt-hover-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
.dnxt-hover-icon-drop:hover i::before {
opacity: 0;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: dnxt-hover-icon-drop;
animation-name: dnxt-hover-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .dnxt-hover-icon-float-away i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes dnxt-hover-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
.dnxt-hover-icon-float-away:hover i::before {
-webkit-animation-name: dnxt-hover-icon-float-away;
animation-name: dnxt-hover-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-sink-away i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes dnxt-hover-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
.dnxt-hover-icon-sink-away:hover i:before {
-webkit-animation-name: dnxt-hover-icon-sink-away;
animation-name: dnxt-hover-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .dnxt-hover-icon-grow i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow:hover i::before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .dnxt-hover-icon-shrink i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-shrink:hover i::before {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
} .dnxt-hover-icon-pulse i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse:hover i::before {
-webkit-animation-name: dnxt-hover-icon-pulse;
animation-name: dnxt-hover-icon-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;
} .dnxt-hover-icon-pulse-grow i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes dnxt-hover-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.dnxt-hover-icon-pulse-grow:hover i::before {
-webkit-animation-name: dnxt-hover-icon-pulse-grow;
animation-name: dnxt-hover-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-pulse-shrink i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-pulse-shrink:hover i::before {
-webkit-animation-name: dnxt-hover-icon-pulse-shrink;
animation-name: dnxt-hover-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} .dnxt-hover-icon-push i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes dnxt-hover-icon-push {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.dnxt-hover-icon-push:hover i::before {
-webkit-animation-name: dnxt-hover-icon-push;
animation-name: dnxt-hover-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-pop i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
@-webkit-keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes dnxt-hover-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.dnxt-hover-icon-pop:hover i:before {
-webkit-animation-name: dnxt-hover-icon-pop;
animation-name: dnxt-hover-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .dnxt-hover-icon-bounce i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-bounce:hover i::before {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
-o-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .dnxt-hover-icon-rotate i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-rotate:hover i::before {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
} .dnxt-hover-icon-grow-rotate i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-grow-rotate:hover i::before {
-webkit-transform: scale(1.5) rotate(12deg);
-ms-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .dnxt-hover-icon-float i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-float:hover i::before {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
} .dnxt-hover-icon-sink i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.dnxt-hover-icon-sink:hover i::before {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
} .dnxt-hover-icon-bob i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes dnxt-hover-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.dnxt-hover-icon-bob:hover i::before {
-webkit-animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
animation-name: dnxt-hover-icon-bob-float, dnxt-hover-icon-bob;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-hang i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes dnxt-hover-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.dnxt-hover-icon-hang:hover i:before {
-webkit-animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
animation-name: dnxt-hover-icon-hang-sink, dnxt-hover-icon-hang;
-webkit-animation-duration: 0.3s, 1.5s;
animation-duration: 0.3s, 1.5s;
-webkit-animation-delay: 0s, 0.3s;
animation-delay: 0s, 0.3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .dnxt-hover-icon-wobble-horizontal i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
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 dnxt-hover-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
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);
}
}
.dnxt-hover-icon-wobble-horizontal:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-horizontal;
animation-name: dnxt-hover-icon-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;
} .dnxt-hover-icon-wobble-vertical i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
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 dnxt-hover-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
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);
}
}
.dnxt-hover-icon-wobble-vertical:hover i:before {
-webkit-animation-name: dnxt-hover-icon-wobble-vertical;
animation-name: dnxt-hover-icon-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;
} .dnxt-hover-icon-buzz i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-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 dnxt-hover-icon-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);
}
}
.dnxt-hover-icon-buzz:hover i:before {
-webkit-animation-name: dnxt-hover-icon-buzz;
animation-name: dnxt-hover-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} .dnxt-hover-icon-buzz-out i::before {
font-family: "ETmodules!important";
display: inline-block;
font-size: inherit;
font-variant: normal;
font-style: normal;
font-weight: 900;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
@-webkit-keyframes dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
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 dnxt-hover-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
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);
}
}
.dnxt-hover-icon-buzz-out:hover i::before {
-webkit-animation-name: dnxt-hover-icon-buzz-out;
animation-name: dnxt-hover-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}@keyframes play {
0% { opacity: 0; }
5% { opacity: 1; }
20% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes show-img-1 {
0%,66.6% {
visibility: hidden
}
100%,66.7% {
visibility: visible
}
}
@keyframes show-img-1 {
0%,66.6% {
visibility: hidden
}
100%,66.7% {
visibility: visible
}
}
@-webkit-keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(.05,1);
transform: scale(.05,1)
}
66.6% { 
-webkit-transform-origin: left center; 
transform-origin: left center; 
-webkit-transform: scale(1,1); 
transform: scale(1,1)
}
66.7% { 
-webkit-transform-origin: right center; 
transform-origin: right center; 
-webkit-transform: scale(1,1); 
transform: scale(1,1)
}
100% { 
-webkit-transform-origin: right center; 
transform-origin: right center; 
-webkit-transform: scale(0,1); 
transform: scale(0,1)
}
}
@keyframes slide-bg-2 {
33.3% {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(.05,1);
transform: scale(.05,1)
}
66.6% { 
-webkit-transform-origin: left center; 
transform-origin: left center; 
-webkit-transform: scale(1,1); 
transform: scale(1,1)
}
66.7% { 
-webkit-transform-origin: right center; 
transform-origin: right center; 
-webkit-transform: scale(1,1); 
transform: scale(1,1)
}
100% { 
-webkit-transform-origin: right center; 
transform-origin: right center; 
-webkit-transform: scale(0,1); 
transform: scale(0,1)
}
}[class^='imghvr-msnary-'], [class*=' imghvr-msnary-'] {
position: relative;
display: inline-block;
margin: 0px;
max-width: 100%;
background-color: tranparent;
color: #fff;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
[class^='imghvr-msnary-'], [class*=' imghvr-msnary-'], [class^='imghvr-msnary-']:before, [class^='imghvr-msnary-']:after, [class*=' imghvr-msnary-']:before, [class*=' imghvr-msnary-']:after, [class^='imghvr-msnary-'] *, [class*=' imghvr-msnary-'] *, [class^='imghvr-msnary-'] *:before, [class^='imghvr-msnary-'] *:after, [class*=' imghvr-msnary-'] *:before, [class*=' imghvr-msnary-'] *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.5s ;
-o-transition: all 0.5s ;
transition: all 0.5s ;
} [class^='imghvr-msnary-push-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-push-']:hover .dnxte-msnary-details {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
} .imghvr-msnary-push-up .dnxte-msnary-details {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-msnary-push-up:hover>img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-push-down .dnxte-msnary-details {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-msnary-push-down:hover>img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-push-left .dnxte-msnary-details {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-msnary-push-left:hover>img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-push-right .dnxte-msnary-details {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-msnary-push-right:hover>img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} [class^='imghvr-msnary-reveal-']:before, [class*=' imghvr-msnary-reveal-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
background-color: #135796;
}
[class^='imghvr-msnary-reveal-'] .dnxte-msnary-details, [class*=' imghvr-msnary-reveal-'] .dnxte-msnary-details {
opacity: 0;
}
[class^='imghvr-msnary-reveal-']:hover:before, [class*=' imghvr-msnary-reveal-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-reveal-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-reveal-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-reveal-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-reveal-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-reveal-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-reveal-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-reveal-top-left:before {
-webkit-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-msnary-reveal-top-right:before {
-webkit-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-msnary-reveal-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-msnary-reveal-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-msnary-hinge-'], [class*=' imghvr-msnary-hinge-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-hinge-'] .dnxte-msnary-details, [class*=' imghvr-msnary-hinge-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-hinge-']:hover img, [class*=' imghvr-msnary-hinge-']:hover img {
opacity: 0;
}
[class^='imghvr-msnary-hinge-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-hinge-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-hinge-up img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-hinge-up .dnxte-msnary-details {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-hinge-up:hover>img {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.imghvr-msnary-hinge-up:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-msnary-hinge-down img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-hinge-down .dnxte-msnary-details {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.imghvr-msnary-hinge-down:hover>img {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
opacity: 0;
}
.imghvr-msnary-hinge-down:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .imghvr-msnary-hinge-left img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-hinge-left .dnxte-msnary-details {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-hinge-left:hover>img {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.imghvr-msnary-hinge-left:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .imghvr-msnary-hinge-right img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-hinge-right .dnxte-msnary-details {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-msnary-hinge-right:hover>img {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.imghvr-msnary-hinge-right:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} [class^='imghvr-msnary-flip-'], [class*=' imghvr-msnary-flip-'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-flip-'] img, [class*=' imghvr-msnary-flip-'] img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
[class^='imghvr-msnary-flip-'] .dnxte-msnary-details, [class*=' imghvr-msnary-flip-'] .dnxte-msnary-details {
opacity: 0;
}
[class^='imghvr-msnary-flip-']:hover>img, [class*=' imghvr-msnary-flip-']:hover>img {
opacity: 0;
}
[class^='imghvr-msnary-flip-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-flip-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.14s;
-o-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-msnary-flip-horiz .dnxte-msnary-details {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-flip-horiz:hover img {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.imghvr-msnary-flip-horiz:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
} .imghvr-msnary-flip-vert .dnxte-msnary-details {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-flip-vert:hover>img {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.imghvr-msnary-flip-vert:hover .dnxte-msnary-details {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .imghvr-msnary-flip-diag-1 .dnxte-msnary-details {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.imghvr-msnary-flip-diag-1:hover>img {
-webkit-transform: rotate3d(-1, 1, 0, 100deg);
transform: rotate3d(-1, 1, 0, 100deg);
}
.imghvr-msnary-flip-diag-1:hover .dnxte-msnary-details {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-msnary-flip-diag-2 .dnxte-msnary-details {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.imghvr-msnary-flip-diag-2:hover>img {
-webkit-transform: rotate3d(-1, -1, 0, 100deg);
transform: rotate3d(-1, -1, 0, 100deg);
}
.imghvr-msnary-flip-diag-2:hover .dnxte-msnary-details {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} [class^='imghvr-msnary-shutter-in-']:after, [class^='imghvr-msnary-shutter-in-']:before, [class*=' imghvr-msnary-shutter-in-']:after, [class*=' imghvr-msnary-shutter-in-']:before {
background: #135796;
position: absolute;
content: '';
}
[class^='imghvr-msnary-shutter-in-']:after, [class*=' imghvr-msnary-shutter-in-']:after {
top: 0;
left: 0;
}
[class^='imghvr-msnary-shutter-in-']:before, [class*=' imghvr-msnary-shutter-in-']:before {
right: 0;
bottom: 0;
}
[class^='imghvr-msnary-shutter-in-'] .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-in-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-shutter-in-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-in-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-shutter-in-horiz:after, .imghvr-msnary-shutter-in-horiz:before {
width: 0;
height: 100%;
}
.imghvr-msnary-shutter-in-horiz:hover:after, .imghvr-msnary-shutter-in-horiz:hover:before {
width: 50%;
} .imghvr-msnary-shutter-in-vert:after, .imghvr-msnary-shutter-in-vert:before {
height: 0;
width: 100%;
}
.imghvr-msnary-shutter-in-vert:hover:after, .imghvr-msnary-shutter-in-vert:hover:before {
height: 50%;
} .imghvr-msnary-shutter-in-out-horiz:after, .imghvr-msnary-shutter-in-out-horiz:before {
width: 0;
height: 100%;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-horiz:hover:after, .imghvr-msnary-shutter-in-out-horiz:hover:before {
width: 100%;
} .imghvr-msnary-shutter-in-out-vert:after, .imghvr-msnary-shutter-in-out-vert:before {
height: 0;
width: 100%;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-vert:hover:after, .imghvr-msnary-shutter-in-out-vert:hover:before {
height: 100%;
} .imghvr-msnary-shutter-in-out-diag-1:after, .imghvr-msnary-shutter-in-out-diag-1:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ;
-o-transition: all 0.6s ;
transition: all 0.6s ;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-diag-1:after {
-webkit-transform: skew(-45deg) translateX(-150%);
-ms-transform: skew(-45deg) translateX(-150%);
transform: skew(-45deg) translateX(-150%);
}
.imghvr-msnary-shutter-in-out-diag-1:before {
-webkit-transform: skew(-45deg) translateX(150%);
-ms-transform: skew(-45deg) translateX(150%);
transform: skew(-45deg) translateX(150%);
}
.imghvr-msnary-shutter-in-out-diag-1:hover:after {
-webkit-transform: skew(-45deg) translateX(-50%);
-ms-transform: skew(-45deg) translateX(-50%);
transform: skew(-45deg) translateX(-50%);
}
.imghvr-msnary-shutter-in-out-diag-1:hover:before {
-webkit-transform: skew(-45deg) translateX(50%);
-ms-transform: skew(-45deg) translateX(50%);
transform: skew(-45deg) translateX(50%);
} .imghvr-msnary-shutter-in-out-diag-2:after, .imghvr-msnary-shutter-in-out-diag-2:before {
width: 200%;
height: 200%;
-webkit-transition: all 0.6s ;
-o-transition: all 0.6s ;
transition: all 0.6s ;
opacity: 0.75;
}
.imghvr-msnary-shutter-in-out-diag-2:after {
-webkit-transform: skew(45deg) translateX(-100%);
-ms-transform: skew(45deg) translateX(-100%);
transform: skew(45deg) translateX(-100%);
}
.imghvr-msnary-shutter-in-out-diag-2:before {
-webkit-transform: skew(45deg) translateX(100%);
-ms-transform: skew(45deg) translateX(100%);
transform: skew(45deg) translateX(100%);
}
.imghvr-msnary-shutter-in-out-diag-2:hover:after {
-webkit-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
}
.imghvr-msnary-shutter-in-out-diag-2:hover:before {
-webkit-transform: skew(45deg) translateX(0%);
-ms-transform: skew(45deg) translateX(0%);
transform: skew(45deg) translateX(0%);
} [class^='imghvr-msnary-shutter-out-']:before, [class*=' imghvr-msnary-shutter-out-']:before {
background: #135796;
position: absolute;
content: '';
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
}
[class^='imghvr-msnary-shutter-out-'] .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-out-'] .dnxte-msnary-details {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-shutter-out-']:hover:before, [class*=' imghvr-msnary-shutter-out-']:hover:before {
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-shutter-out-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-shutter-out-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-msnary-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
}
.imghvr-msnary-shutter-out-horiz:hover:before {
left: 0;
right: 0;
} .imghvr-msnary-shutter-out-vert:before {
top: 50%;
bottom: 50%;
left: 0;
right: 0;
}
.imghvr-msnary-shutter-out-vert:hover:before {
top: 0;
bottom: 0;
} .imghvr-msnary-shutter-out-diag-1:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.imghvr-msnary-shutter-out-diag-1:hover:before {
top: -35%;
bottom: -35%;
} .imghvr-msnary-shutter-out-diag-2:before {
top: 50%;
bottom: 50%;
left: -35%;
right: -35%;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.imghvr-msnary-shutter-out-diag-2:hover:before {
top: -35%;
bottom: -35%;
} [class^='imghvr-msnary-fold'], [class*=' imghvr-msnary-fold'] {
-webkit-perspective: 50em;
perspective: 50em;
}
[class^='imghvr-msnary-fold'] img, [class*=' imghvr-msnary-fold'] img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
[class^='imghvr-msnary-fold'] .dnxte-msnary-details, [class*=' imghvr-msnary-fold'] .dnxte-msnary-details {
z-index: 1;
opacity: 0;
}
[class^='imghvr-msnary-fold']:hover>img, [class*=' imghvr-msnary-fold']:hover>img {
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
[class^='imghvr-msnary-fold']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-fold']:hover .dnxte-msnary-details {
-webkit-transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
transform: rotateX(0) translate3d(0, 0%, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-fold-up>img {
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-fold-up .dnxte-msnary-details {
-webkit-transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
transform: rotateX(-90deg) translate3d(0%, -50%, 0) scale(0.6);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-fold-up:hover>img {
-webkit-transform: rotateX(90deg) scale(0.6) translateY(50%);
transform: rotateX(90deg) scale(0.6) translateY(50%);
} .imghvr-msnary-fold-down>img {
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.imghvr-msnary-fold-down .dnxte-msnary-details {
-webkit-transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
transform: rotateX(90deg) translate3d(0%, 50%, 0) scale(0.6);
-webkit-transform-origin: 50% 0%;
-ms-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.imghvr-msnary-fold-down:hover>img {
-webkit-transform: rotateX(-90deg) scale(0.6) translateY(-50%);
transform: rotateX(-90deg) scale(0.6) translateY(-50%);
} .imghvr-msnary-fold-left>img {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.imghvr-msnary-fold-left .dnxte-msnary-details {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
transform: rotateY(90deg) translate3d(-50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-fold-left:hover>img {
-webkit-transform: rotateY(-90deg) scale(0.6) translateX(50%);
transform: rotateY(-90deg) scale(0.6) translateX(50%);
} .imghvr-msnary-fold-right>img {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.imghvr-msnary-fold-right .dnxte-msnary-details {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
transform: rotateY(-90deg) translate3d(50%, 0%, 0) scale(0.6);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.imghvr-msnary-fold-right:hover>img {
-webkit-transform: rotateY(90deg) scale(0.6) translateX(-50%);
transform: rotateY(90deg) scale(0.6) translateX(-50%);
} [class^='imghvr-msnary-zoom-out'] .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out'] .dnxte-msnary-details {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
[class^='imghvr-msnary-zoom-out']:hover .dnxte-msnary-details, [class^='imghvr-msnary-zoom-out'].hover .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-zoom-out'].hover .dnxte-msnary-details {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-zoom-out:hover>img {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
} .imghvr-msnary-zoom-out-up:hover>img, .imghvr-msnary-zoom-out-up.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-up 0.4025s linear;
animation: imghvr-msnary-zoom-out-up 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-up {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(-150%);
transform: scale(0.8) translateY(-150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-down:hover>img, .imghvr-msnary-zoom-out-down.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-down 0.4025s linear;
animation: imghvr-msnary-zoom-out-down 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-down {
50% {
-webkit-transform: scale(0.8) translateY(0%);
transform: scale(0.8) translateY(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateY(150%);
transform: scale(0.8) translateY(150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-left:hover>img, .imghvr-msnary-zoom-out-left.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-left 0.4025s linear;
animation: imghvr-msnary-zoom-out-left 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-left {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(-150%);
transform: scale(0.8) translateX(-150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-right:hover>img, .imghvr-msnary-zoom-out-right.hover>img {
-webkit-animation: imghvr-msnary-zoom-out-right 0.4025s linear;
animation: imghvr-msnary-zoom-out-right 0.4025s linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes imghvr-msnary-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
}
@keyframes imghvr-msnary-zoom-out-right {
50% {
-webkit-transform: scale(0.8) translateX(0%);
transform: scale(0.8) translateX(0%);
opacity: 0.5;
}
100% {
-webkit-transform: scale(0.8) translateX(150%);
transform: scale(0.8) translateX(150%);
opacity: 0.5;
}
} .imghvr-msnary-zoom-out-flip-horiz {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-msnary-zoom-out-flip-horiz .dnxte-msnary-details {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(0.5);
transform: rotateX(90deg) translateY(-100%) scale(0.5);
}
.imghvr-msnary-zoom-out-flip-horiz:hover>img, .imghvr-msnary-zoom-out-flip-horiz.hover>img {
-webkit-transform: rotateX(-100deg) translateY(50%) scale(0.5);
transform: rotateX(-100deg) translateY(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.imghvr-msnary-zoom-out-flip-horiz:hover .dnxte-msnary-details, .imghvr-msnary-zoom-out-flip-horiz.hover .dnxte-msnary-details {
-webkit-transform: rotateX(0) translateY(0%) scale(1);
transform: rotateX(0) translateY(0%) scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-zoom-out-flip-vert {
-webkit-perspective: 50em;
perspective: 50em;
}
.imghvr-msnary-zoom-out-flip-vert .dnxte-msnary-details {
opacity: 0;
-webkit-transform: rotateY(90deg) translate(50%, 0) scale(0.5);
transform: rotateY(90deg) translate(50%, 0) scale(0.5);
}
.imghvr-msnary-zoom-out-flip-vert:hover>img, .imghvr-msnary-zoom-out-flip-vert.hover>img {
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0.5);
transform: rotateY(-100deg) translateX(50%) scale(0.5);
opacity: 0;
-webkit-transition-delay: 0;
-o-transition-delay: 0;
transition-delay: 0;
}
.imghvr-msnary-zoom-out-flip-vert:hover .dnxte-msnary-details, .imghvr-msnary-zoom-out-flip-vert.hover .dnxte-msnary-details {
-webkit-transform: rotateY(0) translate(0, 0) scale(1);
transform: rotateY(0) translate(0, 0) scale(1);
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} [class^='imghvr-msnary-image-'] .dnxte-msnary-details, [class*=' imghvr-msnary-image-'] .dnxte-msnary-details {
opacity: 0;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
[class^='imghvr-msnary-image-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-image-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.14s;
-o-transition-delay: 0.14s;
transition-delay: 0.14s;
} .imghvr-msnary-image-zoom-center:hover>img {
-webkit-transform: scale(1.25);
-ms-transform: scale(1.25);
transform: scale(1.25);
} .imghvr-msnary-image-zoom-out:hover>img {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
} .imghvr-msnary-image-rotate-left:hover>img {
-webkit-transform: scale(1.3) rotate(-15deg);
-ms-transform: scale(1.3) rotate(-15deg);
transform: scale(1.3) rotate(-15deg);
} .imghvr-msnary-image-rotate-right:hover>img {
-webkit-transform: scale(1.3) rotate(15deg);
-ms-transform: scale(1.3) rotate(15deg);
transform: scale(1.3) rotate(15deg);
} [class^='imghvr-msnary-circle-']:before, [class*=' imghvr-msnary-circle-']:before {
position: absolute;
top: -25%;
bottom: -25%;
left: -25%;
right: -25%;
content: '';
background-color: #135796;
border-radius: 50%;
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
[class^='imghvr-msnary-circle-'] .dnxte-msnary-details, [class*=' imghvr-msnary-circle-'] .dnxte-msnary-details {
opacity: 0;
background-color: transparent;
}
[class^='imghvr-msnary-circle-']:hover:before, [class*=' imghvr-msnary-circle-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-circle-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-circle-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
} .imghvr-msnary-circle-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-circle-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-circle-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-circle-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .imghvr-msnary-circle-top-left:before {
-webkit-transform: translate(-100%, -100%);
-ms-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
} .imghvr-msnary-circle-top-right:before {
-webkit-transform: translate(100%, -100%);
-ms-transform: translate(100%, -100%);
transform: translate(100%, -100%);
} .imghvr-msnary-circle-bottom-left:before {
-webkit-transform: translate(-100%, 100%);
-ms-transform: translate(-100%, 100%);
transform: translate(-100%, 100%);
} .imghvr-msnary-circle-bottom-right:before {
-webkit-transform: translate(100%, 100%);
-ms-transform: translate(100%, 100%);
transform: translate(100%, 100%);
} [class^='imghvr-msnary-bounce'] .dnxte-msnary-details, [class*=' imghvr-msnary-bounce'] .dnxte-msnary-details {
background-color: #135796;
opacity: 1;
}
[class^='imghvr-msnary-bounce']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-bounce']:hover .dnxte-msnary-details {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.55, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.55, 1);
} .imghvr-msnary-bounce-out .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out:hover>img {
-webkit-animation: imghvr-msnary-bounce-out 0.4025s -in forwards;
animation: imghvr-msnary-bounce-out 0.4025s -in forwards;
}
.imghvr-msnary-bounce-out:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes imghvr-msnary-bounce-out {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
} .imghvr-msnary-bounce-out-up .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-up:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-up 0.4025s -in forwards;
animation: imghvr-msnary-bounce-out-up 0.4025s -in forwards;
}
.imghvr-msnary-bounce-out-up:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes imghvr-msnary-bounce-out-up {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
} .imghvr-msnary-bounce-out-down .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-down:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-down 0.4025s -in forwards;
animation: imghvr-msnary-bounce-out-down 0.4025s -in forwards;
}
.imghvr-msnary-bounce-out-down:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes imghvr-msnary-bounce-out-down {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
} .imghvr-msnary-bounce-out-left .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-left:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-left 0.4025s -in forwards;
animation: imghvr-msnary-bounce-out-left 0.4025s -in forwards;
}
.imghvr-msnary-bounce-out-left:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes imghvr-msnary-bounce-out-left {
20% {
opacity: 1;
-webkit-transform: translate3d(15%, 0, 0);
transform: translate3d(15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
} .imghvr-msnary-bounce-out-right .dnxte-msnary-details {
opacity: 0;
}
.imghvr-msnary-bounce-out-right:hover>img {
-webkit-animation: imghvr-msnary-bounce-out-right 0.4025s -in forwards;
animation: imghvr-msnary-bounce-out-right 0.4025s -in forwards;
}
.imghvr-msnary-bounce-out-right:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
@-webkit-keyframes imghvr-msnary-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes imghvr-msnary-bounce-out-right {
20% {
opacity: 1;
-webkit-transform: translate3d(-15%, 0, 0);
transform: translate3d(-15%, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
} [class^='imghvr-msnary-grad-']:before, [class*=' imghvr-msnary-grad-']:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
}
[class^='imghvr-msnary-grad-'] .dnxte-msnary-details, [class*=' imghvr-msnary-grad-'] .dnxte-msnary-details {
z-index: 1;
opacity: 0;
background-color: transparent;
}
[class^='imghvr-msnary-grad-']:hover:before, [class*=' imghvr-msnary-grad-']:hover:before {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
[class^='imghvr-msnary-grad-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-grad-']:hover .dnxte-msnary-details {
opacity: 1;
-webkit-transition-delay: 0.21s;
-o-transition-delay: 0.21s;
transition-delay: 0.21s;
} .imghvr-msnary-grad-radial-in:before {
background-image: -o-radial-gradient(transparent 0%, #135796 100%);
background-image: radial-gradient(transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
}
.dnxte_masonary .imghvr-msnary-grad-radial-in:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
content: '';
opacity: 0; }
.imghvr-msnary-grad-radial-in:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.imghvr-msnary-grad-radial-in:hover:after {
opacity: 0.75;
-webkit-transition-delay: 0.105s;
-o-transition-delay: 0.105s;
transition-delay: 0.105s;
} .imghvr-msnary-grad-radial-out:before {
background-image: -o-radial-gradient(#135796 0%, transparent 100%);
background-image: radial-gradient(#135796 0%, transparent 100%);
position: absolute;
top: -75%;
bottom: -75%;
left: -75%;
right: -75%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
}
.imghvr-msnary-grad-radial-out:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-up:before {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#135796));
background-image: -o-linear-gradient(top, transparent 0%, #135796 100%);
background-image: linear-gradient(to bottom, transparent 0%, #135796 100%);
top: -75%;
} .imghvr-msnary-grad-down:before {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(#135796));
background-image: -o-linear-gradient(bottom, transparent 0%, #135796 100%);
background-image: linear-gradient(to top, transparent 0%, #135796 100%);
bottom: -75%;
} .imghvr-msnary-grad-left:before {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(#135796));
background-image: -o-linear-gradient(left, transparent 0%, #135796 100%);
background-image: linear-gradient(to right, transparent 0%, #135796 100%);
left: -75%;
} .imghvr-msnary-grad-right:before {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#135796));
background-image: -o-linear-gradient(right, transparent 0%, #135796 100%);
background-image: linear-gradient(to left, transparent 0%, #135796 100%);
right: -75%;
} .imghvr-msnary-grad-top-left:before {
background-image: -o-linear-gradient(135deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
right: -75%;
}
.imghvr-msnary-grad-top-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-top-right:before {
background-image: -o-linear-gradient(45deg, transparent 0%, #135796 100%);
background-image: linear-gradient(45deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
bottom: -75%;
left: -75%;
}
.imghvr-msnary-grad-top-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-bottom-left:before {
background-image: -o-linear-gradient(225deg, transparent 0%, #135796 100%);
background-image: linear-gradient(-135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
right: -75%;
}
.imghvr-msnary-grad-bottom-left:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-grad-bottom-right:before {
background-image: -o-linear-gradient(315deg, transparent 0%, #135796 100%);
background-image: linear-gradient(135deg, transparent 0%, #135796 100%);
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
opacity: 0;
top: -75%;
left: -75%;
}
.imghvr-msnary-grad-bottom-right:hover:before {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .imghvr-msnary-dive-cc .dnxte-msnary-details {
-webkit-transform: rotate(-45deg) scale(5);
-ms-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-msnary-dive-cc:hover>img {
-webkit-transform: rotate(45deg) scale(5);
-ms-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-msnary-dive-cc:hover .dnxte-msnary-details {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-msnary-dive-ccc .dnxte-msnary-details {
-webkit-transform: rotate(45deg) scale(5);
-ms-transform: rotate(45deg) scale(5);
transform: rotate(45deg) scale(5);
}
.imghvr-msnary-dive-ccc:hover>img {
-webkit-transform: rotate(-45deg) scale(5);
-ms-transform: rotate(-45deg) scale(5);
transform: rotate(-45deg) scale(5);
}
.imghvr-msnary-dive-ccc:hover .dnxte-msnary-details {
-webkit-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
} .imghvr-msnary-switch-up .dnxte-msnary-details {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.imghvr-msnary-switch-up:hover>img {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
} .imghvr-msnary-switch-down .dnxte-msnary-details {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.imghvr-msnary-switch-down:hover>img {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .imghvr-msnary-switch-left .dnxte-msnary-details {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.imghvr-msnary-switch-left:hover>img {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .imghvr-msnary-switch-right .dnxte-msnary-details {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.imghvr-msnary-switch-right:hover>img {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} [class^='imghvr-msnary-flash-']:before, [class^='imghvr-msnary-flash-']:after, [class*=' imghvr-msnary-flash-']:before, [class*=' imghvr-msnary-flash-']:after {
opacity: 0.75;
background-color: #135796;
position: absolute;
top: -50%;
bottom: -50%;
left: -50%;
right: -50%;
content: '';
}
[class^='imghvr-msnary-flash-']:after, [class*=' imghvr-msnary-flash-']:after {
-webkit-transition-delay: 0.175s;
-o-transition-delay: 0.175s;
transition-delay: 0.175s;
}
[class^='imghvr-msnary-flash-'] .dnxte-msnary-details, [class*=' imghvr-msnary-flash-'] .dnxte-msnary-details {
opacity: 0;
z-index: 1;
}
[class^='imghvr-msnary-flash-']:hover .dnxte-msnary-details, [class*=' imghvr-msnary-flash-']:hover .dnxte-msnary-details {
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 1;
} .imghvr-msnary-flash-top-left:before, .imghvr-msnary-flash-top-left:after {
-webkit-transform: rotate(-45deg) translateY(-100%);
-ms-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-msnary-flash-top-left:hover:before {
-webkit-transform: rotate(-45deg) translateY(100%);
-ms-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-msnary-flash-top-left:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
-ms-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
} .imghvr-msnary-flash-top-right:before, .imghvr-msnary-flash-top-right:after {
-webkit-transform: rotate(45deg) translateY(-100%);
-ms-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-msnary-flash-top-right:hover:before {
-webkit-transform: rotate(45deg) translateY(100%);
-ms-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-msnary-flash-top-right:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
-ms-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-msnary-flash-bottom-left:before, .imghvr-msnary-flash-bottom-left:after {
-webkit-transform: rotate(45deg) translateY(100%);
-ms-transform: rotate(45deg) translateY(100%);
transform: rotate(45deg) translateY(100%);
}
.imghvr-msnary-flash-bottom-left:hover:before {
-webkit-transform: rotate(45deg) translateY(-100%);
-ms-transform: rotate(45deg) translateY(-100%);
transform: rotate(45deg) translateY(-100%);
}
.imghvr-msnary-flash-bottom-left:hover:after {
-webkit-transform: rotate(45deg) translateY(0%);
-ms-transform: rotate(45deg) translateY(0%);
transform: rotate(45deg) translateY(0%);
} .imghvr-msnary-flash-bottom-right:before, .imghvr-msnary-flash-bottom-right:after {
-webkit-transform: rotate(-45deg) translateY(100%);
-ms-transform: rotate(-45deg) translateY(100%);
transform: rotate(-45deg) translateY(100%);
}
.imghvr-msnary-flash-bottom-right:hover:before {
-webkit-transform: rotate(-45deg) translateY(-100%);
-ms-transform: rotate(-45deg) translateY(-100%);
transform: rotate(-45deg) translateY(-100%);
}
.imghvr-msnary-flash-bottom-right:hover:after {
-webkit-transform: rotate(-45deg) translateY(0%);
-ms-transform: rotate(-45deg) translateY(0%);
transform: rotate(-45deg) translateY(0%);
}.dnxte-msnary-filter-items.dnxte-msnary-layout-one li {
margin-bottom: 0;
letter-spacing: 2px;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-one li:before {
position: absolute;
content: "";
background: #111;
width: 1px;
height: 15px;
right: -6px;
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-one li:last-child:before {
display: none;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-one li.active::after {
position: absolute;
background: #111;
bottom: -10px;
content: "";
height: 4px;
left: 0;
right: 0;
margin:0 auto;
opacity: 1;
transition: all 0.3s ease 0s;
width: 4px;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-one li.hover::after {
position: absolute;
background: #111;
bottom: -10px;
content: "";
height: 4px;
left: 0;
right: 0;
margin:0 auto;
opacity: 1;
transition: all 0.3s ease 0s;
width: 4px;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-two li.active {
background: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-two li:hover.active{
border-color: transparent;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-two li:hover {
background: #772adb;
border-color: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-two li {
color: #222;
border: 1px solid #ccc;
border-radius: 35px;
background: transparent;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-three li.active {
background: transparent;
border: 1px solid#8e8b8b;
color: #8e8b8b;
}
.dnxte-msnary-filter-items li.dnxte-msnary-layout-three:hover {
background: transparent;
border: 1px solid#8e8b8b;
color: #8e8b8b;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-three li {
color: #8e8b8b;
border-radius: 35px;
background: transparent;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-four li:first-child {
border-radius: 35px 0 0 35px;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-four li:last-child {
border-radius: 0 35px 35px 0;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-four li.active {
background: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-four li:hover {
background: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-four li {
color: #030303;
border-radius: 35px;
background: #b8b7b7;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-five li {
text-transform: capitalize;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li:before, .dnxte-msnary-filter-items.dnxte-msnary-layout-five li:after {
position: absolute;
content: "";
width: 100%;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
left: 0;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li.active:before {
border-top: 1px solid #333333;
top: 0;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li.active::after {
border-bottom: 1px solid #333333;
bottom: 0;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li:before {
border-top: 1px solid #333333;
top: 50%;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li:after {
border-bottom: 1px solid #333333;
bottom: 50%;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li:hover::before {
border-top: 1px solid #333333;
top: 0%;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-five li:hover::after {
border-bottom: 1px solid #333333;
bottom: 0%;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-six li.active {
background: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-six li:hover {
background: #772adb;
color: #fff;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-six li {
color: #8e8b8b;
background: transparent;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-seven li {
position: relative;
margin-bottom: 0;
letter-spacing: 2px;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-seven li:before {
position: absolute;
content: "";
background: #111;
width: 2px;
height: 15px;
right: -6px;
top: 12px;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-seven li {
color: #727272;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-seven li.active {
color: #772adb;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-seven li:last-child:before {
display: none;
} .dnxte-msnary-filter-items.dnxte-msnary-layout-eight li.active {
background: #772adb;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-eight li:hover {
background: #772adb;
}
.dnxte-msnary-filter-items.dnxte-msnary-layout-eight li {
color: #fff;
background: #3a3a3a;
letter-spacing: 2px;
}