img {
max-width: 100%;
height: auto;
}
.dnxte_blurb {
overflow: visible;
}
.dnxt-blurb-icon span::after {
opacity: 0;
}
.dnxt-blurb-wrapper-outer {
border-style: solid;
display: block !important;
}
.dnxt-blurb-icon span{
font-family: "ETmodules"; }
.dnxt-blurb-icon span {
font-family: "ETmodules";
box-sizing: border-box;
font-size: 96px;
font-weight: normal;
font-style: normal;
font-variant: normal;
-webkit-font-smoothing: antialiased;
line-height: 1;
text-transform: none;
speak: none;
border: 0px solid;
}
.dnxt-blurb-image img {
border: 0px solid;
} .dnxt-blurb-pre-heading,
.dnxt-blurb-heading,
.dnxt-blurb-post-heading,
.dnxt-blurb-container,
.dnxt-blurb-description,
.dnxt-blurb-btn {
border: 0px solid;
}
span.dnxt-blurb-pre-heading,
span.dnxt-blurb-post-heading {
display: inherit;
}
.dnxt-blurb-btn {
border: 2px solid;
border-width: 2px;
}
.dnxt-blurb-image img,
.dnxt-blurb-icon,
.dnxt-blurb-heading-wrapper,
.dnxt-blurb-btn {
z-index: 0;
}
.dnxt-btn-icon {
display: inline-block;
padding: 0.3em 1em;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.dnxt-btn-icon i {
font-weight: 900;
font-family: ETmodules;
display: inline-block;
font-size: inherit;
font-variant: normal;
text-rendering: auto;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
visibility: hidden;
margin-left: -1em;
-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;
transition: all 300ms ease 0ms;
vertical-align: middle;
}
.dnxt-button-wrapper a {
border-style: solid;
border-width: 2px;
font-size: 20px;
border-radius: 0px 0px 0px 0px;
line-height: 34px;
} .dnxt-blurb-wrapper-one_image_placement_top-left {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_top-left {
align-items: flex-start;
margin-left: 0 !important;
} .dnxt-blurb-wrapper-one_image_placement_top-center {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_top-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_top-right {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_top-right {
align-items: flex-end;
margin-left: auto !important;
margin-right: 0 !important;
} .dnxt-blurb-wrapper-one_image_placement_left-top {
display: flex;
flex-direction: row;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_left-center {
display: flex;
flex-direction: row;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_left-bottom {
display: flex;
flex-direction: row;
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_bottom-left {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_bottom-left {
align-items: flex-start;
margin-left: 0 !important;
} .dnxt-blurb-wrapper-one_image_placement_bottom-center {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_bottom-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_bottom-right {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_bottom-right {
align-items: flex-end;
margin-left: auto !important;
margin-right: 0 !important;
} .dnxt-blurb-wrapper-one_image_placement_right-top {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_right-center {
display: flex;
flex-direction: row-reverse;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_right-bottom {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
} .dnxt-blurb-wrapper-two-top-left {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-left {
text-align: left;
} .dnxt-blurb-wrapper-two-top-center {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-center {
text-align: center;
} .dnxt-blurb-wrapper-two-top-right {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-right {
text-align: right;
} .dnxt-blurb-wrapper-two-left-top {
display: flex;
flex-direction: row;
align-items: flex-start;
} .dnxt-blurb-wrapper-two-left-center {
display: flex;
flex-direction: row;
align-items: center;
} .dnxt-blurb-wrapper-two-left-bottom {
display: flex;
flex-direction: row;
align-items: flex-end;
} .dnxt-blurb-wrapper-two-bottom-left {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-left {
text-align: left;
} .dnxt-blurb-wrapper-two-bottom-center {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-center {
text-align: center;
} .dnxt-blurb-wrapper-two-bottom-right {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-right {
text-align: right;
} .dnxt-blurb-wrapper-two-right-top {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
} .dnxt-blurb-wrapper-two-right-center {
display: flex;
flex-direction: row-reverse;
align-items: center;
} .dnxt-blurb-wrapper-two-right-bottom {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}
@media (max-width: 980px) { .dnxt-blurb-wrapper-two-top-left {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-left {
text-align: left;
} .dnxt-blurb-wrapper-two-top-center {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-center {
text-align: center;
} .dnxt-blurb-wrapper-two-top-right {
display: flex;
flex-direction: column;
}
.dnxt-blurb-icon-top-right {
text-align: right;
} .dnxt-blurb-wrapper-two-left-top {
display: flex;
flex-direction: row;
align-items: flex-start;
} .dnxt-blurb-wrapper-two-left-center {
display: flex;
flex-direction: row;
align-items: center;
} .dnxt-blurb-wrapper-two-left-bottom {
display: flex;
flex-direction: row;
align-items: flex-end;
} .dnxt-blurb-wrapper-two-bottom-left {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-left {
text-align: left;
} .dnxt-blurb-wrapper-two-bottom-center {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-center {
text-align: center;
} .dnxt-blurb-wrapper-two-bottom-right {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-icon-bottom-right {
text-align: right;
} .dnxt-blurb-wrapper-two-right-top {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
} .dnxt-blurb-wrapper-two-right-center {
display: flex;
flex-direction: row-reverse;
align-items: center;
} .dnxt-blurb-wrapper-two-right-bottom {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}
}
.dnxt-blurb-image {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-size: contain;
mask-size: contain;
text-align: center;
display: flex;
position: relative;
margin: 0 auto;
text-align: center;
width: 100%; }
.dnxt-blurb-image img {
max-width: 100%;
height: auto;
display: inline-block;
vertical-align: middle;
border: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
} @media (max-width: 980px) { .dnxt-blurb-wrapper-one_image_placement_tablet_top-left {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_tablet_top-left {
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_tablet_top-center {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_tablet_top-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_tablet_top-right {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_tablet_top-right {
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_tablet_left-top {
display: flex;
flex-direction: row;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_tablet_left-center {
display: flex;
flex-direction: row;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_tablet_left-bottom {
display: flex;
flex-direction: row;
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_tablet_bottom-left {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_tablet_bottom-left {
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_tablet_bottom-center {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_tablet_bottom-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_tablet_bottom-right {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_tablet_bottom-right {
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_tablet_right-top {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_tablet_right-center {
display: flex;
flex-direction: row-reverse;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_tablet_right-bottom {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}
}
@media (max-width: 767px) { .dnxt-blurb-wrapper-one_image_placement_phone_top-left {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_phone_top-left {
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_phone_top-center {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_phone_top-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_phone_top-right {
display: flex;
flex-direction: column;
}
.dnxt-blurb-image_image_placement_phone_top-right {
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_phone_left-top {
display: flex;
flex-direction: row;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_phone_left-center {
display: flex;
flex-direction: row;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_phone_left-bottom {
display: flex;
flex-direction: row;
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_phone_bottom-left {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_phone_bottom-left {
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_phone_bottom-center {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_phone_bottom-center {
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_phone_bottom-right {
display: flex;
flex-direction: column-reverse;
}
.dnxt-blurb-image_image_placement_phone_bottom-right {
align-items: flex-end;
} .dnxt-blurb-wrapper-one_image_placement_phone_right-top {
display: flex;
flex-direction: row-reverse;
align-items: flex-start;
} .dnxt-blurb-wrapper-one_image_placement_phone_right-center {
display: flex;
flex-direction: row-reverse;
align-items: center;
} .dnxt-blurb-wrapper-one_image_placement_phone_right-bottom {
display: flex;
flex-direction: row-reverse;
align-items: flex-end;
}
}
.dnxt-blurb-image {
display: flex;
flex-direction: column;
}
.dnxt-blurb-description p:empty, .dnxt-blurb-description p:empty:before {
display: none;
}.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 {
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 {
-webkit-transform: translateX(-4px);
-ms-transform: translateX(-4px);
transform: translateX(-4px);
} .dnxt-hover-icon-forward i {
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 {
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 {
-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 {
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 {
-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 {
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 {
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 {
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 {
-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 {
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 {
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 {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .dnxt-hover-icon-shrink i {
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 {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
} .dnxt-hover-icon-pulse i {
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 {
-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 {
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 {
-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 {
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 {
-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 {
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 {
-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 {
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 {
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 {
-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 {
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 {
-webkit-transform: rotate(20deg);
-ms-transform: rotate(20deg);
transform: rotate(20deg);
} .dnxt-hover-icon-grow-rotate i {
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 {
-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 {
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 {
-webkit-transform: translateY(-4px);
-ms-transform: translateY(-4px);
transform: translateY(-4px);
} .dnxt-hover-icon-sink i {
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 {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
} .dnxt-hover-icon-bob i {
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 {
-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 {
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 {
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 {
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 {
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 {
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 {
-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;
}.dnxt-reveal-text-line{
position: relative;
overflow: hidden;
display: inline-block;
line-height: 1.2;
}
.dnxt-text-one {
display: inline;
}
.dnxt-text-two {
display: inline;
}
.dnxt-text-three {
display: inline;
}
.dnxt-bg {
display: inline;
}
.dnxt_divi_heading h1,
.dnxt_divi_heading h2,
.dnxt_divi_heading h3,
.dnxt_divi_heading h4,
.dnxt_divi_heading h5,
.dnxt_divi_heading h6 {
padding-bottom: 0px;
} .wrapper .reveal-effect {
position: relative;
}
.wrapper .reveal-effect>* {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
position: relative;
}
.wrapper .reveal-effect>* {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.wrapper .reveal-effect {
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.wrapper .reveal-effect {
-webkit-transition-duration: 1.2s;
transition-duration: 1.2s;
-webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
.wrapper .reveal-effect.animated {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.wrapper .reveal-effect.animated * {
-webkit-animation-name: show-img-1;
animation-name: show-img-1;
}
.wrapper .reveal-effect:after {
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.wrapper .reveal-effect:after {
content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.wrapper .reveal-effect:after {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86); 
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.05, 0);
transform: scale(0.05, 0);
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;     
}
.wrapper .reveal-effect.animated:after {
-webkit-animation-name: slide-bg-2;
animation-name: slide-bg-2;
}
.dnxte_multi_heading .wrapper {
width: 100%;
}
.dnxte_multi_heading .header-level {
display: block;
}@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)
}
}.dnxte-msnary-item {
position: relative;
display: block;
line-height: 0;
border: 0px solid #333;
}
.dnxte-msnary-details .dnxte-msnary-heading {
text-align: center;
color: #ffffff;
}
.dnxte-msnary-details .dnxte-msnary-pra {
text-align: center;
color: #ffffff;
}
.dnxte-msnary-item a {
display: inline-block;
}
.dnxte-msnary-item a img {
display: inline-block;
}
.dnxte-msnary-grid .dnxte-msnary-item {
overflow: hidden;
}
.dnxte-msnary-item img {
max-width: 100%;
width: 100%;
} .imghve-color:before,
.imghve-color:after {
opacity: 1 !important;
}
.dnxte_ovl.et_overlay {
border: 0px !important;
background: rgba(0, 0, 0, 0.5);
opacity: 1;
z-index: -1;
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
transition: all 0.5s;
box-sizing: border-box;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-font-smoothing: antialiased;
}
.dnxte-grid {
border-style: solid;
}
.dnxte_ovl.et_overlay::before {
font-family: "ETmodules";
content: attr(data-icon);
position: absolute;
top: 50% !important;
left: 50%;
margin: -16px 0 0 -16px;
font-size: 32px;
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0 auto;
text-align: center;
display: inline-block;
line-height: 1;
border-style: solid;
border-width: 0px;
border-color: transparent;
opacity: 0;
visibility: hidden;
}
@media (max-width: 980px) {
.dnxte_ovl.et_overlay::before {
content: attr(data-icon-tablet) !important;
}
}
@media (max-width: 767px) {
.dnxte_ovl.et_overlay::before {
content: attr(data-icon-phone) !important;
}
}
.dnxte-msnary-item:hover .dnxte_ovl.et_overlay:before {
opacity: 1;
visibility: visible;
}
.dnxte-msnary-item {
margin-bottom: 10px;
overflow: hidden !important;
}
.grid-sizer,
.dnxte-msnary-item {
width: calc((100% - (5 - 1) * 0px) / 5);
}
.gutter-sizer {
width: 0px;
}
.dnxte-msnary-grid {
display: -webkit-box; display: -ms-flexbox; display: flex;
width: auto;
}
.dnxte-msnary-column {
background-clip: padding-box;
}
.dnxte-msnary-column:first-child {
margin-left: 0px !important;
} .dnxte-msnary-column>div {
margin-bottom: 30px;
width: 100%;
}
.dnxte-msnary-details {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 0;
padding: 0 15px;
opacity: 0;
visibility: hidden;
transition: all 0.5s;
z-index: 999;
}
.dnxte-msnary-heading {
color: #266de8;
font-size: 16px;
line-height: 1.3em;
padding: 0;
text-transform: capitalize;
}
.dnxte-msnary-pra {
font-size: 16px;
color: #266de8;
line-height: 24px;
}
.dnxte-msnary-item:hover .dnxte_ovl.et_overlay {
z-index: 2;
}
.dnxte-msnary-item:hover .dnxte-msnary-details {
opacity: 1;
visibility: visible;
}
.mfp-arrow {
font-family: "ETmodules";
font-size: 60px;
color: #fff;
}
.mfp-arrow-left::after {
content: "4" !important;
}
.mfp-arrow-right::after {
content: "5" !important;
margin-left: 0px !important;
} li.dnxte-msnary-filter-item {
border: 0px solid #0f0f0f;
}
.dnxte-msnary-filter-items {
list-style: none;
padding: 0;
text-align: center;
}
.dnxte-msnary-filter-items li {
position: relative;
display: inline-block;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
margin-right: 15px;
padding: 8px 15px;
line-height: normal;
cursor: pointer; -webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}  .dnxte-msnary-mfp-config .mfp-bottom-bar .mfp-title { top: auto;
bottom: 0;
background: rgba(0, 0, 0, 0.72);
width: 100%;
padding: 20px;
}
.dnxte-msnary-mfp-config .mfp-bottom-bar .mfp-title .dnxte-mfe-caption {
margin-right: 50px;
}
.dnxte-msnary-mfp-config .mfp-bottom-bar .mfp-counter {
top: auto;
bottom: 20px;
right: 20px;
}
.dnxte-msnary-mfp-config .mfp-close {
position: fixed;
top: 10px !important;
right: 10px !important;
opacity: 1 !important;
font-size: 60px;
font-weight: 300;
}
.dnxte-msnary-mfp-config .mfp-close:active {
position: fixed !important;
}
.dnxte-masonary-background-custom {
opacity: 1 !important;
}
.dnxte-masonary-background-custom,
.mfp-wrap {
z-index: 20000000 !important;
}
.mfp-arrow:before,
.mfp-arrow:after {
border: none !important;
} .dnxte-msnary-item .imghvr-msnary-push-up~span.dnxte_ovl.et_overlay {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%)
} .dnxte-msnary-item .imghvr-msnary-push-left~span.dnxte_ovl.et_overlay {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
} .dnxte-msnary-item .imghvr-msnary-push-down~span.dnxte_ovl.et_overlay {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
} .dnxte-msnary-item .imghvr-msnary-push-right~span.dnxte_ovl.et_overlay {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
} .dnxte-msnary-item .imghvr-msnary-hinge-up~.dnxte_ovl.et_overlay {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.dnxte-msnary-item:hover .imghvr-msnary-hinge-up~.dnxte_ovl.et_overlay {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .dnxte-msnary-item .imghvr-msnary-hinge-down~.dnxte_ovl.et_overlay {
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% -50%;
-ms-transform-origin: 50% -50%;
transform-origin: 50% -50%;
}
.dnxte-msnary-item:hover .imghvr-msnary-hinge-down~.dnxte_ovl.et_overlay {
-webkit-transform: rotateX(0);
transform: rotateX(0);
} .dnxte-msnary-item .imghvr-msnary-hinge-left~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.dnxte-msnary-item:hover .imghvr-msnary-hinge-left~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .dnxte-msnary-item .imghvr-msnary-hinge-right~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.dnxte-msnary-item:hover .imghvr-msnary-hinge-right~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .dnxte-msnary-item .imghvr-msnary-flip-horiz .dnxte_ovl.et_overlay {
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.dnxte-msnary-item:hover .imghvr-msnary-flip-horiz .dnxte_ovl.et_overlay {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
} .dnxte-msnary-item .imghvr-msnary-flip-vert~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.dnxte-msnary-item:hover .imghvr-msnary-flip-vert~.dnxte_ovl.et_overlay {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
} .dnxte-msnary-item .imghvr-msnary-flip-diag-1~.dnxte_ovl.et_overlay {
-webkit-transform: rotate3d(1, -1, 0, 100deg);
transform: rotate3d(1, -1, 0, 100deg);
}
.dnxte-msnary-item:hover .imghvr-msnary-flip-diag-1~.dnxte_ovl.et_overlay {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
} .dnxte-msnary-item .imghvr-msnary-flip-diag-2~.dnxte_ovl.et_overlay {
-webkit-transform: rotate3d(1, 1, 0, 100deg);
transform: rotate3d(1, 1, 0, 100deg);
}
.dnxte-msnary-item:hover .imghvr-msnary-flip-diag-2~.dnxte_ovl.et_overlay {
-webkit-transform: rotate3d(0, 0, 0, 0deg);
transform: rotate3d(0, 0, 0, 0deg);
} .imghvr-msnary-shutter-out-horiz:before {
left: 50%;
right: 50%;
top: 0;
bottom: 0;
} .dnxte-msnary-item .image-link.imghvr-msnary-fold-up~.dnxte_ovl {
-webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
} .dnxte-msnary-item .image-link.imghvr-msnary-fold-down~.dnxte_ovl {
-webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
} .dnxte-msnary-item .image-link.imghvr-msnary-fold-left~.dnxte_ovl {
-webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
} .dnxte-msnary-item .image-link.imghvr-msnary-fold-right~.dnxte_ovl {
-webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
} .dnxte-msnary-item .image-link.imghvr-msnary-zoom-in~.dnxte_ovl {
opacity: 0;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
}
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-in~.dnxte_ovl {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .dnxte-msnary-item .image-link.imghvr-msnary-zoom-out~.dnxte_ovl {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out~.dnxte_ovl {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
} .dnxte-msnary-item .image-link.imghvr-msnary-zoom-out-up~.dnxte_ovl,
.dnxte-msnary-item .image-link.imghvr-msnary-zoom-out-down~.dnxte_ovl,
.dnxte-msnary-item .image-link.imghvr-msnary-zoom-out-left~.dnxte_ovl,
.dnxte-msnary-item .image-link.imghvr-msnary-zoom-out-right~.dnxte_ovl {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out-up~.dnxte_ovl,
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out-down~.dnxte_ovl,
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out-left~.dnxte_ovl,
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out-right~.dnxte_ovl {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
} .dnxte-msnary-item .image-link.imghvr-msnary-zoom-out-flip-horiz~.dnxte_ovl .dnxte-msnary-details {
opacity: 0;
-webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
transform: rotateX(90deg) translateY(-100%) scale(.5);
}
.dnxte-msnary-item:hover .image-link.imghvr-msnary-zoom-out-flip-horiz~.dnxte_ovl .dnxte-msnary-details {
-webkit-transform: rotateX(0) translateY(0) scale(1);
transform: rotateX(0) translateY(0) scale(1);
opacity: 1;
-webkit-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s;
}
.dnxte-msnary-item:hover span.dnxte_ovl.et_overlay {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: 0; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }[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 !important;
-o-transition: all 0.5s !important;
transition: all 0.5s !important; } [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 !important;
-o-transition: all 0.5s linear !important;
transition: all 0.5s linear !important;
}
[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;
}