@charset 'UTF-8';
@font-face{font-family:"WC_GC";src:url(//mutcat.fi/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120);src:url(//mutcat.fi/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.eot?74918120#iefix) format("embedded-opentype"),url(//mutcat.fi/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.woff?74918120) format("woff"),url(//mutcat.fi/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.ttf?74918120) format("truetype"),url(//mutcat.fi/wp-content/plugins/woocommerce-gift-cards/assets/fonts/WC_GC.svg?74918120#WC_GC) format("svg");font-weight:normal;font-style:normal}.gc-icon:before{display:inline-block;font-size:20px;line-height:1;font-family:WC_GC !important;text-decoration:inherit;font-weight:normal;font-style:normal;vertical-align:top;text-align:center;transition:color .1s ease-in 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gc-icon.gc-giftcard:before{content:""}body.theme-storefront .woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--giftcards a:before{content:""}.woocommerce-MyAccount-Giftcards-form{display:flex}.woocommerce-MyAccount-Giftcards-form input{flex-grow:2;margin-right:1em}.woocommerce-MyAccount-Giftcards-form button{flex-grow:1}.woocommerce-MyAccount-Giftcards-balance-amount{font-size:3em;margin-bottom:1em;font-weight:lighter}.woocommerce-MyAccount-Giftcards-pending-amount{display:block}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon{top:1px;position:relative;font-size:1em;margin-right:.5em;color:#e48642;font-family:"WooCommerce" !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased}.woocommerce-MyAccount-Giftcards-pending-amount .warning-icon:before{content:""}#use_gift_card_balance{margin-right:5px}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text],.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form button{display:block;width:100%;box-sizing:border-box}.woocommerce-checkout .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{margin-bottom:.3em}.woocommerce-cart .add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:100%;max-width:280px}.add_gift_card_form #wc_gc_cart_redeem_form{margin-bottom:1em}.add_gift_card_form #wc_gc_cart_redeem_form input[type=text]{width:auto;display:inline-block}.add_gift_card_form #wc_gc_cart_redeem_form button{display:inline-block}.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-message,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-error,.add_gift_card_form .wc_gc_add_gift_card_form__notices .woocommerce-info{margin:.5em 0 1em}#order_review table tr.gift-card td small,#order_review table tr.gift-card th small,.cart_totals table tr.gift-card td small,.cart_totals table tr.gift-card th small{display:block;font-weight:normal;font-size:.75em}#order_review .button.wc-forward:not(.checkout-button),.wc-proceed-to-checkout .button.wc-forward:not(.checkout-button){margin-bottom:0;font-size:1em !important;width:auto !important}.woocommerce_gc_giftcard_form{margin-bottom:1.618em}.woocommerce_gc_giftcard_form .wc_gc_field{margin-bottom:.8em;padding:0 2px}.woocommerce_gc_giftcard_form label{display:block}.woocommerce_gc_giftcard_form input[type=text]{width:100%}.wc_gc_datepicker{width:40em;font-size:10px;padding:0 1.3em 2.3em;background-color:#f5f5f5;color:#060606;z-index:9999 !important}.wc_gc_datepicker div,.wc_gc_datepicker span,.wc_gc_datepicker h1,.wc_gc_datepicker h2,.wc_gc_datepicker h3,.wc_gc_datepicker h4,.wc_gc_datepicker h5,.wc_gc_datepicker h6,.wc_gc_datepicker p,.wc_gc_datepicker pre,.wc_gc_datepicker a,.wc_gc_datepicker abbr,.wc_gc_datepicker acronym,.wc_gc_datepicker big,.wc_gc_datepicker cite,.wc_gc_datepicker code,.wc_gc_datepicker del,.wc_gc_datepicker dfn,.wc_gc_datepicker em,.wc_gc_datepicker img,.wc_gc_datepicker ins,.wc_gc_datepicker kbd,.wc_gc_datepicker q,.wc_gc_datepicker s,.wc_gc_datepicker small,.wc_gc_datepicker strike,.wc_gc_datepicker strong,.wc_gc_datepicker sub,.wc_gc_datepicker sup,.wc_gc_datepicker tt,.wc_gc_datepicker var,.wc_gc_datepicker b,.wc_gc_datepicker u,.wc_gc_datepicker i,.wc_gc_datepicker center,.wc_gc_datepicker dl,.wc_gc_datepicker dt,.wc_gc_datepicker dd,.wc_gc_datepicker ol,.wc_gc_datepicker ul,.wc_gc_datepicker li,.wc_gc_datepicker fieldset,.wc_gc_datepicker form,.wc_gc_datepicker label,.wc_gc_datepicker legend,.wc_gc_datepicker table,.wc_gc_datepicker caption,.wc_gc_datepicker tbody,.wc_gc_datepicker tfoot,.wc_gc_datepicker thead,.wc_gc_datepicker tr,.wc_gc_datepicker th,.wc_gc_datepicker td,.wc_gc_datepicker article,.wc_gc_datepicker aside,.wc_gc_datepicker canvas,.wc_gc_datepicker details,.wc_gc_datepicker embed,.wc_gc_datepicker figure,.wc_gc_datepicker figcaption,.wc_gc_datepicker footer,.wc_gc_datepicker header,.wc_gc_datepicker hgroup,.wc_gc_datepicker section{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}.wc_gc_datepicker table{border-collapse:collapse;border-spacing:0}.wc_gc_datepicker .ui-datepicker-header{font-size:1.5em;overflow:hidden}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{padding:1em;cursor:pointer;color:#060606;-webkit-user-select:none;-ms-user-select:none;user-select:none}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev:hover,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next:hover{color:#000}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled,.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled{color:#bbb;cursor:initial}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-prev{float:left}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-next{float:right}.wc_gc_datepicker .ui-datepicker-header .ui-datepicker-title{text-align:center;font-weight:bold;padding:1em}.wc_gc_datepicker table.ui-datepicker-calendar{font-size:1.4em;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:100%}.wc_gc_datepicker table.ui-datepicker-calendar th,.wc_gc_datepicker table.ui-datepicker-calendar td{background-color:rgba(0,0,0,0) !important;text-align:center}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a{color:#000 !important;cursor:default}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day a:hover{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-datepicker-current-day:after{background-color:#fff !important}.wc_gc_datepicker table.ui-datepicker-calendar td:after{content:"";position:absolute;background-color:rgba(0,0,0,0);border-radius:50%;width:2.3em;height:2.3em;top:50%;left:50%;z-index:1;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.wc_gc_datepicker table.ui-datepicker-calendar th span{font-weight:500;padding:.5em;display:block;color:#bbb;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td.ui-state-disabled span{color:#bbbbbc}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled){position:relative}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled) a{position:relative;z-index:2;font-weight:500;padding:.5em;display:block;color:#2f2f2f;font-weight:bold}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover a{color:#000}.wc_gc_datepicker table.ui-datepicker-calendar td:not(.ui-state-disabled):hover:after{background-color:#fff}.wc_gc_giftcard_delivery .reset_delivery_date{display:none;font-size:.9em}.wc_gc_send_as_gift_wrapper #wc_gc_send_as_gift_checkbox{margin-right:3px}.wc_gc_giftcard_product.nyp-product .nyp{margin-bottom:0}.elementor-add-to-cart-wc-gc-giftcard form.cart:not(.grouped_form):not(.variations_form),.elementor-add-to-cart-wc-gc-giftcard form.cart div.woocommerce-variation-add-to-cart{display:block !important}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
-ms-touch-action: manipulation;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 1;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing;
}
.fancybox-container [data-selectable="true"] {
cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe,
.fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
left: env(safe-area-inset-left);
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
right: env(safe-area-inset-right);
}
.fancybox-caption {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 75px 44px 25px;
pointer-events: none;
right: 0;
text-align: center;
z-index: 99996;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
}
}
.fancybox-caption--separate {
margin-top: -50px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes a {
to {
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
.fancybox-caption {
padding-left: 12px;
padding-right: 12px;
}
@supports (padding: max(0px)) {
.fancybox-caption {
padding-left: max(12px, env(safe-area-inset-left));
padding-right: max(12px, env(safe-area-inset-right));
}
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link,
.fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
top: 0;
width: 115px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 115px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs__list::-webkit-scrollbar
{
width: 7px;
}
.fancybox-thumbs__list::-webkit-scrollbar-track{
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
}
 .slick-loading .slick-list
{
background: #fff url(https://mutcat.fi/wp-content/plugins/twist/assets/css/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: 0;
left: auto !important;
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto !important;
left: 0;
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: "";
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
min-height: 1px;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 0px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}@font-face {
font-family: 'fontelloq';
src: url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.eot?46041983);
src: url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.eot?46041983#iefix) format('embedded-opentype'),
url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.woff2?46041983) format('woff2'),
url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.woff?46041983) format('woff'),
url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.ttf?46041983) format('truetype'),
url(//mutcat.fi/wp-content/plugins/twist/assets/fonts/fontello.svg?46041983#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
.wpgs-wrapper [class^="icon-"]:before,.wpgs-wrapper [class*=" icon-"]:before,
.woocommerce-product-gallery__lightbox .none:before {
font-family: "fontelloq" !important;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.wpgs-wrapper .icon-resize-full:before { content: '\e800'; } .wpgs-wrapper .icon-right-dir:before { content: '\e801'; } .wpgs-wrapper .icon-left-dir:before { content: '\e802'; } .wpgs-wrapper .icon-resize-full-alt:before { content: '\e803'; } .wpgs-wrapper .icon-right-open-big:before { content: '\e804'; } .wpgs-wrapper .icon-left-open-big:before { content: '\e805'; } .wpgs-wrapper .icon-right-bold:before { content: '\e806'; } .wpgs-wrapper .icon-left-bold:before { content: '\e807'; } .wpgs-wrapper .icon-right-outline:before { content: '\e808'; } .wpgs-wrapper .icon-left-outline:before { content: '\e809'; } .wpgs-wrapper .icon-right:before { content: '\e80a'; } .wpgs-wrapper .icon-left:before { content: '\e80b'; } .wpgs-wrapper .icon-picture:before { content: '\e80c'; } .wpgs-wrapper .icon-zoom-in:before { content: '\e80d'; } .wpgs-wrapper .woocommerce-product-gallery__lightbox .none:before { content: '\e80d'; } .wpgs-wrapper .icon-plus:before { content: '\e80e'; } .wpgs-wrapper .slick-prev:before,
.fancybox-button--arrow .arrow-prev:before,
.fancybox-button--arrow .arrow-next:before,
.wpgs-wrapper .slick-next:before {
font-family: "fontelloq" !important;
}
.wpgs-image .slick-prev,.wpgs-image .slick-next{
width: 40px;
height: 40px;
text-align: center;
line-height: 54px;
transition: all 0.3s ease-in-out;
opacity: 0;
z-index: 1;
}
.wpgs-thumb .slick-prev,.wpgs-thumb .slick-next{
z-index: 1;
opacity: 1;
width: 25px;
height: 95%;
text-align: center;
line-height: 40px;
}
.wpgs-thumb .slick-prev:before,.wpgs-thumb .slick-next:before{
font-size: 14px;
top: 50%;
position: absolute;
left: 0;
margin-left: 6px;
margin-top: -8px;
}
.wpgs-thumb.slick-vertical .slick-prev:before, .wpgs-thumb.slick-vertical .slick-next:before {
top: 50%;
position: absolute;
left: 50%;
margin-left: -6px;
}
.wpgs-thumb .slick-next{
right:0;
}
.wpgs-thumb .slick-prev{
left:0;
}
.wpgs-wrapper  .wpgs-thumb.slick-vertical  .slick-next{
position: absolute;
top: auto;
bottom: -8px;
height: 25px;
width: 100%;
} 
.wpgs-wrapper .wpgs-thumb.slick-vertical .slick-prev{
position: absolute;
top: 12px;
height: 25px;
width: 100%;
bottom: auto;
margin-top: 0;
left: 0;
margin-left: 0;
}
.wpgs-wrapper  .wpgs-thumb.slick-vertical  .slick-prev:before,
.wpgs-wrapper  .wpgs-thumb.slick-vertical  .slick-next:before{
transform: rotate(90deg);
display: inline-block;
}
.wpgs-image:hover .slick-next {
right: 0;
opacity: 1;
}
.wpgs-image:hover .slick-prev{
left:0;
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 1;
}
.woocommerce-product-gallery__lightbox {
position: absolute;
top:0;
right:0;
padding: 6px ;
font-size:20px;
background: #ddd;
color: #000;
transition: all 0.2s ease-in;
}
.wpgs_image {
position: relative;
padding: 0px !important;
}
.wpgs-wrapper{
overflow: hidden;
}
.woocommerce-product-gallery__lightbox{
opacity: 0;
display: none;
transition: all 0.2s ;
}
.images.wpgs-wrapper {
padding-bottom: 35px;
}
.slick-dots li button:before{
font-size: 16px;
}
.woocommerce-product-gallery__image .woocommerce-product-gallery__lightbox{
opacity: 1;
display: block;
}
.slick-disabled{
display: none !important;
}
.slick-prev:before, .slick-next:before{
opacity: 1;
}
.thumbnail_image {
cursor: pointer;
transition: all 0.2s ease-in;
}
.thumbnail_image {
position: relative;
}
.thumbnail_image:before{
content: '';
transition: all 0.2s ease-in;
position: absolute;
width: 100%;
left:0;
height: 100%;
z-index: 999;
}
.thumbnail_image.slick-slide.slick-current:before {
background: transparent !important;
}
*:focus {
outline: none;
}
.elementor-widget-container .images.wpgs-wrapper {
width: 100% !important;
}
.images.wpgs-wrapper .wpgs-image {
margin-bottom: 10px;
}
.et_pb_module_inner .wpgs-wrapper {
width: 100% !important;
}
.wpgs-video:after {
content: '\e801';
font-family: "fontelloq" !important;
position: absolute;
top: 5px;
right: 4px;
display: block;
color: #fff;
background: red;
width: 22px;
text-align: center;
height: 23px;
line-height: 24px;
font-size: 18px;
padding-left: 2px;
border-radius: 2px;
}
.wpgs-image .wpgs-video:after {
display:none;
}
.wpgs-image .wpgs-video i:before{
content:'\e801';
}
.wpgs-image .wpgs-video {
}
.wpgs-no-gallery-images .wpgs-thumb {
display: none;
}
.wpgs-no-gallery-images .wpgs-image {
width: 100% !important;
}
.zoom_w { width: 100%; }
.fancybox-container{
z-index:9999999;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image a {
z-index: 999;
}
.slick-current .thumbnail_image:before {
background: transparent;
}
.woocommerce-product-gallery {
display: block !important;
}
.wpgs-thumb .yith-wcbm-badge {
display: none !important;
}
.imgStyle {
width: 100%;
height: auto;
vertical-align: bottom
}
.zoomtoo-container:hover {
cursor: zoom-in;
cursor: -webkit-zoom-in
}
.wpgs-gallery-caption {
display: block;
margin-top: 5px;
} .wpgs-dots li button:before{
display: none;
}
.wpgs-dots li button {
width: 12px;
height: 12px;
}
.wpgs-dots li {
width: 12px;
height: 12px;
}