@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:auto}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;margin-left:auto!important;margin-right:auto!important;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.5}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes spinner__animation{0%{animation-timing-function:cubic-bezier(.5856,.0703,.4143,.9297);transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loading__animation{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{-ms-grid-row-align:center;align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{-moz-appearance:none;appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}.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: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 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;
}