/** Shopify CDN: Minification failed

Line 226:48 Unexpected "{"

**/
/* --- section.css --- */
.t4s-section-inner{margin-top:var(--mg-top);margin-inline-end:var(--mg-right);margin-bottom:var(--mg-bottom);margin-inline-start:var(--mg-left);padding-top:var(--pd-top);padding-inline-end:var(--pd-right);padding-bottom:var(--pd-bottom);padding-inline-start:var(--pd-left);}.t4s-section-inner:not(.t4s-se-container),.t4s-container>.t4s-container-inner{background:var(--bg-gradient);background-color:var(--bg-color);}.t4s-container-inner.t4s-has-imgbg,.t4s-section-inner.t4s-has-imgbg{background-repeat:no-repeat;background-position:center;background-size:cover;}.t4s-container-fluid{width:calc(100% - var(--mg-left,0) - var(--mg-right,0));width:-webkit-calc(100% - var(--mg-left,0) - var(--mg-right,0));}.t4s-section-inner.t4s-se-container{padding-top:0;padding-inline-end:0;padding-bottom:0;padding-inline-start:0;}.t4s-section-inner.t4s-se-container .t4s-container-inner{padding-top:var(--pd-top);padding-inline-end:var(--pd-right);padding-bottom:var(--pd-bottom);padding-inline-start:var(--pd-left);}.t4s-custom-line{width:var(--width);border-width:var(--height);border-style:var(--line-style);border-color:var(--line-cl);border-top:none;border-right:none;border-left:none;display:inline-block;vertical-align:top;}@media(max-width:1024px){.t4s-container-fluid{width:calc(100% - var(--mgtb-left,0) - var(--mgtb-right,0));width:-webkit-calc(100% - var(--mgtb-left,0) - var(--mgtb-right,0));}.t4s-section-inner.t4s-se-container .t4s-container-inner,.t4s-section-inner{margin-top:var(--mgtb-top);margin-inline-end:var(--mgtb-right);margin-bottom:var(--mgtb-bottom);margin-inline-start:var(--mgtb-left);padding-top:var(--pdtb-top);padding-inline-end:var(--pdtb-right);padding-bottom:var(--pdtb-bottom);padding-inline-start:var(--pdtb-left);}}@media(max-width:767px){.t4s-container-fluid{width:calc(100% - var(--mgmb-left,0) - var(--mgmb-right,0));width:-webkit-calc(100% - var(--mgmb-left,0) - var(--mgmb-right,0));}.t4s-section-inner.t4s-se-container .t4s-container-inner,.t4s-section-inner{margin-top:var(--mgmb-top);margin-inline-end:var(--mgmb-right);margin-bottom:var(--mgmb-bottom);margin-inline-start:var(--mgmb-left);padding-top:var(--pdmb-top);padding-inline-end:var(--pdmb-right);padding-bottom:var(--pdmb-bottom);padding-inline-start:var(--pdmb-left);}}

/* --- button-style.css --- */
.t4s-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    line-height: 1;
   transition: .3s ease-in-out;

    color:  var(--btn-color);
    background-color: var(--btn-background);
    border-color: var(--btn-border);
    font-weight: var(--btn-fw);
    border-radius: var(--btn-radius);

    font-size: var(--btn-fs);
    letter-spacing: var(--btn-ls);
    height: var(--btn-mh);
    padding: var(--btn-pd-lr);
    margin-bottom: var(--mgb);
}
.t4s-btn:hover {
   color: var(--btn-color-hover);
   border-color: var(--btn-border-hover);
}
.t4s-btn:not(.t4s-btn-style-outline):not(.t4s-btn-effect-fade):not(.t4s-btn-effect-default):hover {
    background-color: var(--btn-background);
}
.t4s-btn.t4s-btn-effect-fade:hover,
.t4s-btn.t4s-btn-effect-default:hover{  
   background-color: var(--btn-background-hover);
}
.t4s-btn + .t4s-btn {
    margin-left: 10px;
}
.t4s-btn span:first-child {
    height: inherit;
    display: flex;
    align-items: center;
}
svg.t4s-btn-icon{
    width: var(--icon-width);
    height: var(--icon-height);
    margin-left: 8px;
}
@media(max-width: 767px) {
    .t4s-btn {
        font-size: var(--btn-fs-mb);
        letter-spacing: var(--btn-ls-mb);
        height: var(--btn-mh-mb);
        padding: 0 var(--btn-pd-lr-mb);
        margin-bottom: var(--mgb-mb);
    }
    
    .t4s-btn + .t4s-btn {
        margin-left: 5px;
    }
    svg.t4s-btn-icon {
        width: var(--icon-width-mb);
        height: var(--icon-height-mb);
        margin-left: 5px;
    }
}

.t4s-btn-custom {
    --btn-fs: var(--button-fs);
    --btn-fw: var(--button-fw);
    --btn-ls: var(--button-ls);
    --btn-mh:var(--button-mh);
    --btn-pd-lr: 0 var(--button-pd-lr);
    --mgb: var(--button-mgb);
     --btn-fs-mb: var(--button-fs-mb);
     --btn-ls-mb: var(--button-ls-mb);
     --btn-mh-mb: var(--button-mh-mb);
     --btn-pd-lr-mb: var(--button-pd-lr-mb);
    --mgb-mb: var(--button-mgb-mb);
    --btn-color           : var(--second-cl);
    --btn-color-hover     : var(--second-cl-hover);
    --btn-background      : var(--pri-cl);
    --btn-background-hover: var(--pri-cl-hover);
    --btn-border          : var(--pri-cl);
    --btn-border-hover    : var(--pri-cl-hover);
    --btn-radius          : var(--button-bdr);

    --icon-width: var(--button-icon-w);
    --icon-height: var(--button-icon-w);
    --icon-width-mb: var(--button-icon-w-mb);
    --icon-height-mb: var(--button-icon-w-mb);
}
/* Custom button*/
.t4s-btn-style-outline {
    --btn-border : var(--pri-cl);
    --btn-color: var(--pri-cl);
    background-color: transparent;
    border-width: 2px;
}
.t4s-btn-style-outline + .t4s-btn-style-outline {
    margin-left: 18px;
}
.t4s-btn-style-outline:hover {
    background-color: transparent;
}

.t4s-btn:before,
.t4s-btn-style-default::before,
.t4s-btn-style-outline:before {
    background-color: var( --btn-background-hover);
}
.t4s-btn-style-outline::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid var(--btn-border);
    transition: opacity .3s,border .3s;
    border-radius: var(--btn-radius);
    z-index: -2;
    background-color: transparent;
}
.t4s-btn-style-outline:hover::after {
    border-color: var(--btn-background-hover);
}
.t4s-btn-style-bordered,
.t4s-btn-style-bordered_top,
.t4s-btn-style-link {
    --btn-color: var(--pri-cl);
    --btn-color-hover: var(--pri-cl-hover);
    min-height: 1px;
    height: auto !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important;
}
.t4s-btn-style-bordered_top{
    --btn-color: var(--pri-cl);
    --btn-color-hover: var(--pri-cl-hover);
    min-height: var(--btn-mh);
    height: auto!important;
    padding: 0!important;
    border-radius: 0!important;
    background-color: transparent!important;
}
.t4s-btn-style-bordered {
    --btn-border          : var(--pri-cl);
    --btn-border-hover    : var(--pri-cl-hover);
    border-bottom: solid 1px;
}
.t4s-btn-style-bordered_top {
    --btn-border          : var(--pri-cl);
    --btn-border-hover    : var(--pri-cl-hover);
    border-top: solid 2px;
}
/*Static button*/
.t4s-btn-base {
    padding: var(--padding-btn);
    font-size: var(--btn-size);
    height: var(--btn-height);
    font-weight: var(--btn-fw);
    border-radius: var(--btn-radius);
}
.t4s-btn-base svg.t4s-btn-icon{
    width: var(--btn-size);
    height: var(--btn-size);
    margin-inline-start: 4px;
    fill: currentColor;
}
.t4s-btn-size-small {
    --padding-btn: 0 15px;
    --btn-height: 30px;
    --btn-size: 12px;
}
.t4s-btn-size-extra-small {
    --padding-btn: 0 19px;
    --btn-height: 36px;
    --btn-size: 13px;
}
.t4s-btn-size-medium {
    --padding-btn: 0 34px;
    --btn-height: 40px;
    --btn-size: 14px;
}
.t4s-btn-size-extra-medium {
    --padding-btn: 0 34px;
    --btn-height: 44px;
    --btn-size: 14px;
}
.t4s-btn-size-medium svg.t4s-btn-icon{
    margin-left: 4px;
}
.t4s-btn-size-large {
    --padding-btn: 0 45px;
    --btn-height: 50px;
    --btn-size: 14px;
}
.t4s-btn-size-large.t4s-btn-icon-true{
    --btn-height: 54px;
}
.t4s-btn-size-extra-large {
    --padding-btn: 0 49px;
    --btn-height: 56px;
    --btn-size: 16px;
}
.t4s-btn-size-large svg.t4s-btn-icon,
.t4s-btn-size-extra-large svg.t4s-btn-icon {
    margin-left: 9px;
}
.t4s-btn-style-link.t4s-btn-size-extra-medium,
.t4s-btn-style-bordered.t4s-btn-size-extra-medium,
.t4s-btn-style-bordered_top.t4s-btn-size-extra-medium  {
    --btn-size: 15px;
}
.t4s-btn-style-link.t4s-btn-size-large ,
.t4s-btn-style-bordered.t4s-btn-size-large,
.t4s-btn-style-bordered_top.t4s-btn-size-large, {
    --btn-size: 16px;
}
.t4s-btn-style-link.t4s-btn-size-extra-large ,
.t4s-btn-style-bordered.t4s-btn-size-extra-large,
.t4s-btn-style-bordered_top.t4s-btn-size-extra-large {
    --btn-size: 17px;
}

.t4s-btn-color-light {
    --btn-color           : var(--t4s-dark-color);
    --btn-background      : var(--t4s-light-color);
    --btn-border          : var(--t4s-light-color);
    --btn-color-hover     : var(--t4s-light-color);
    --btn-background-hover: var(--accent-color);
    --btn-border-hover    : var(--accent-color);
}
.t4s-btn-color-dark {
    --btn-color           : var(--t4s-light-color);
    --btn-background      : var(--t4s-dark-color);
    --btn-border          : var(--t4s-dark-color);
    --btn-color-hover     : var(--t4s-light-color);
    --btn-background-hover: var(--accent-color);
    --btn-border-hover    : var(--accent-color);
}

.t4s-btn-color-primary {
    --btn-color           : var(--t4s-light-color);
    --btn-background      : var(--accent-color);
    --btn-border          : var(--accent-color);
    --btn-color-hover     : var(--t4s-light-color );
    --btn-background-hover: var(--accent-color-hover);
    --btn-border-hover    : var(--accent-color-hover);
}

.t4s-btn-style-outline.t4s-btn-color-light {
    --btn-color           : var(--t4s-light-color);
}

.t4s-btn-style-outline.t4s-btn-color-dark {
    --btn-color           : var(--t4s-dark-color);
}

.t4s-btn-style-outline.t4s-btn-color-primary {
    --btn-color           : var(--accent-color);
    --btn-border          : var(--accent-color);
    --btn-color-hover     : var(--t4s-light-color);
    --btn-background-hover : var(--accent-color);
    --btn-border-hover    : var(--accent-color);
}

.t4s-btn-style-bordered.t4s-btn-color-light,
.t4s-btn-style-bordered_top.t4s-btn-color-light,
.t4s-btn-style-link.t4s-btn-color-light {
    --btn-color: var(--t4s-light-color);
    --btn-color-hover: var(--accent-color);
    --btn-border          : var(--t4s-light-color);
    --btn-border-hover          : var(--accent-color);
}

.t4s-btn-style-bordered.t4s-btn-color-dark,
.t4s-btn-style-bordered_top.t4s-btn-color-dark,
.t4s-btn-style-link.t4s-btn-color-dark {
    --btn-color: var(--t4s-dark-color);
    --btn-color-hover: var(--accent-color);
    --btn-border          : var(--t4s-dark-color);
    --btn-border-hover          : var(--accent-color);
}
.t4s-btn-style-bordered.t4s-btn-color-primary,
.t4s-btn-style-bordered_top.t4s-btn-color-primary,
.t4s-btn-style-link.t4s-btn-color-primary{
    --btn-color           : var(--accent-color);
    --btn-border          : var(--accent-color);
    --btn-color-hover     : var(--accent-color-hover);
    --btn-border-hover    : var(--accent-color-hover);
}
@media(max-width: 767px) {
    .t4s-btn-size-small {
        --padding-btn: 0 15px;
        --btn-height: 26px;
        --btn-size: 10px;
    }
    .t4s-btn-size-extra-small {
        --padding-btn: 0 20px;
        --btn-height: 30px;
        --btn-size: 11px;
    }
    .t4s-btn-size-medium {
        --padding-btn: 0 24px;
        --btn-height: 34px;
        --btn-size: 12px;
    }
    .t4s-btn-size-extra-medium {
        --padding-btn: 0 24px;
        --btn-height: 36px;
        --btn-size: 12px;
    }
    .t4s-btn-size-large {
        --padding-btn: 0 25px;
        --btn-height: 44px;
        --btn-size: 13px;
    }
    .t4s-btn-size-large.t4s-btn-icon-true{
        --btn-height: 46px;
    }
    .t4s-btn-size-extra-large {
        --padding-btn: 0 30px;
        --btn-height: 46px;
        --btn-size: 14px;
    }
    .t4s-btn-size-large svg.t4s-btn-icon,
    .t4s-btn-size-extra-large svg.t4s-btn-icon {
        margin-left: 9px;
    }

    .t4s-btn-style-link.t4s-btn-size-small,
    .t4s-btn-style-bordered.t4s-btn-size-small,
    .t4s-btn-style-bordered_top.t4s-btn-size-small{
        --btn-size: 11px;
    }
    .t4s-btn-style-link.t4s-btn-size-extra-small,
    .t4s-btn-style-bordered.t4s-btn-size-extra-small,
    .t4s-btn-style-bordered_top.t4s-btn-size-extra-small {
        --btn-size: 12px;
    }
    .t4s-btn-style-link.t4s-btn-size-medium,
    .t4s-btn-style-bordered.t4s-btn-size-medium,
    .t4s-btn-style-bordered_top.t4s-btn-size-medium{
        --btn-size: 13px;
    }
    .t4s-btn-style-link.t4s-btn-size-extra-medium,
    .t4s-btn-style-bordered.t4s-btn-size-extra-medium,
    .t4s-btn-style-bordered_top.t4s-btn-size-extra-medium{
        --btn-size: 14px;
    }
    .t4s-btn-style-link.t4s-btn-size-large ,
    .t4s-btn-style-bordered.t4s-btn-size-large,
    .t4s-btn-style-bordered_top.t4s-btn-size-large {
        --btn-size: 15px;
    }
    .t4s-btn-style-link.t4s-btn-size-extra-large ,
    .t4s-btn-style-bordered.t4s-btn-size-extra-large,
    .t4s-btn-style-bordered_top.t4s-btn-size-extra-large {
        --btn-size: 16px;
    }
    .t4s-btn-style-bordered_top{
        min-height: var(--btn-mh-mb);
    }
}

/* --- t4s-animation.css --- */

@-webkit-keyframes flicker{ 0%, 100%{ opacity: 0} 50%{ opacity: 1}} @keyframes flicker{ 0%, 100%{ opacity: 0} 50%{ opacity: 1}} @-webkit-keyframes bounce{ from, 20%, 53%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 40%, 43%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1);} 70%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05);} 80%{ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02);}}
@keyframes bounce{ from, 20%, 53%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 40%, 43%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1); transform: translate3d(0, -30px, 0) scaleY(1.1);} 70%{ -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05); transform: translate3d(0, -15px, 0) scaleY(1.05);} 80%{ -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0) scaleY(0.95); transform: translate3d(0, 0, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02); transform: translate3d(0, -4px, 0) scaleY(1.02);}}
.animate__bounce{ -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;} @-webkit-keyframes bounceIn{ from, 20%, 40%, 60%, 80%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{ -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
@keyframes bounceIn{ from, 20%, 40%, 60%, 80%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 20%{ -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);} 40%{ -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9);} 60%{ opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03);} 80%{ -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97);} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.animate__bounceIn{ -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); -webkit-animation-name: bounceIn; animation-name: bounceIn;}
@-webkit-keyframes bounceInDown{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3);} 60%{ opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9);} 75%{ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes bounceInDown{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(0, -3000px, 0) scaleY(3); transform: translate3d(0, -3000px, 0) scaleY(3);} 60%{ opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9);} 75%{ -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__bounceInDown{ -webkit-animation-name: bounceInDown; animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3);} 60%{ opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1);} 75%{ -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98);} 90%{ -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes bounceInLeft{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} 0%{ opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3); transform: translate3d(-3000px, 0, 0) scaleX(3);} 60%{ opacity: 1; -webkit-transform: translate3d(25px, 0, 0) scaleX(1); transform: translate3d(25px, 0, 0) scaleX(1);} 75%{ -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98); transform: translate3d(-10px, 0, 0) scaleX(0.98);} 90%{ -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995); transform: translate3d(5px, 0, 0) scaleX(0.995);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__bounceInLeft{ -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} from{ opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1);} 75%{ -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98);} 90%{ -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes bounceInRight{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} from{ opacity: 0; -webkit-transform: translate3d(3000px, 0, 0) scaleX(3); transform: translate3d(3000px, 0, 0) scaleX(3);} 60%{ opacity: 1; -webkit-transform: translate3d(-25px, 0, 0) scaleX(1); transform: translate3d(-25px, 0, 0) scaleX(1);} 75%{ -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98); transform: translate3d(10px, 0, 0) scaleX(0.98);} 90%{ -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995); transform: translate3d(-5px, 0, 0) scaleX(0.995);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__bounceInRight{ -webkit-animation-name: bounceInRight; animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} from{ opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5);} 60%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9);} 75%{ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes bounceInUp{ from, 60%, 75%, 90%, to{ opacity: 1; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);} from{ opacity: 0; -webkit-transform: translate3d(0, 3000px, 0) scaleY(5); transform: translate3d(0, 3000px, 0) scaleY(5);} 60%{ opacity: 1; -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9); transform: translate3d(0, -20px, 0) scaleY(0.9);} 75%{ -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95); transform: translate3d(0, 10px, 0) scaleY(0.95);} 90%{ -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985); transform: translate3d(0, -5px, 0) scaleY(0.985);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__bounceInUp{ -webkit-animation-name: bounceInUp; animation-name: bounceInUp;} @-webkit-keyframes fadeIn{ from{ opacity: 0;} to{ opacity: 1;}}
@keyframes fadeIn{ from{ opacity: 0;} to{ opacity: 1;}}
.animate__fadeIn{ -webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInDown{ from{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInDown{ from{ opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInDown{ -webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig{ from{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInDownBig{ from{ opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInDownBig{ -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInLeft{ -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{ from{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInLeftBig{ from{ opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInLeftBig{ -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInRight{ -webkit-animation-name: fadeInRight; animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig{ from{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInRightBig{ from{ opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInRightBig{ -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp{ from{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUp{ from{ opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInUp{ -webkit-animation-name: fadeInUp; animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig{ from{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInUpBig{ from{ opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInUpBig{ -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig;}
@-webkit-keyframes fadeInTopLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInTopLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, -100%, 0); transform: translate3d(-100%, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInTopLeft{ -webkit-animation-name: fadeInTopLeft; animation-name: fadeInTopLeft;}
@-webkit-keyframes fadeInTopRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInTopRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, -100%, 0); transform: translate3d(100%, -100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInTopRight{ -webkit-animation-name: fadeInTopRight; animation-name: fadeInTopRight;}
@-webkit-keyframes fadeInBottomLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInBottomLeft{ from{ opacity: 0; -webkit-transform: translate3d(-100%, 100%, 0); transform: translate3d(-100%, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInBottomLeft{ -webkit-animation-name: fadeInBottomLeft; animation-name: fadeInBottomLeft;}
@-webkit-keyframes fadeInBottomRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes fadeInBottomRight{ from{ opacity: 0; -webkit-transform: translate3d(100%, 100%, 0); transform: translate3d(100%, 100%, 0);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__fadeInBottomRight{ -webkit-animation-name: fadeInBottomRight; animation-name: fadeInBottomRight;} @-webkit-keyframes slideInDown{ from{ -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;} to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes slideInDown{ from{ -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible;} to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__slideInDown{ -webkit-animation-name: slideInDown; animation-name: slideInDown;}
@-webkit-keyframes slideInLeft{ from{ -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;} to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes slideInLeft{ from{ -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible;} to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__slideInLeft{ -webkit-animation-name: slideInLeft; animation-name: slideInLeft;}
@-webkit-keyframes slideInRight{ from{ -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes slideInRight{ from{ -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible;} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__slideInRight{ -webkit-animation-name: slideInRight; animation-name: slideInRight;}
@-webkit-keyframes slideInUp{ from{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes slideInUp{ from{ -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible;} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__slideInUp{ -webkit-animation-name: slideInUp; animation-name: slideInUp;} @-webkit-keyframes slideOutDown{ from{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} to{ visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}} @-webkit-keyframes lightSpeedInRight{ from{ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes lightSpeedInRight{ from{ -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0;} 60%{ -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1;} 80%{ -webkit-transform: skewX(-5deg); transform: skewX(-5deg);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__lightSpeedInRight{ -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedInLeft{ from{ -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0;} 60%{ -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1;} 80%{ -webkit-transform: skewX(5deg); transform: skewX(5deg);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
@keyframes lightSpeedInLeft{ from{ -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg); transform: translate3d(-100%, 0, 0) skewX(30deg); opacity: 0;} 60%{ -webkit-transform: skewX(-20deg); transform: skewX(-20deg); opacity: 1;} 80%{ -webkit-transform: skewX(5deg); transform: skewX(5deg);} to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}}
.animate__lightSpeedInLeft{ -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOutRight{ from{ opacity: 1;} to{ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}
@keyframes lightSpeedOutRight{ from{ opacity: 1;} to{ -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0;}}
.animate__lightSpeedOutRight{ -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;}
@-webkit-keyframes lightSpeedOutLeft{ from{ opacity: 1;} to{ -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0;}}
@keyframes lightSpeedOutLeft{ from{ opacity: 1;} to{ -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg); transform: translate3d(-100%, 0, 0) skewX(-30deg); opacity: 0;}}
.animate__lightSpeedOutLeft{ -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in;} @-webkit-keyframes zoomIn{ from{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{ opacity: 1;} 100%{ opacity: 1;}}
@keyframes zoomIn{ from{ opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3);} 50%{ opacity: 1;} 100%{ opacity: 1;}}
.animate__zoomIn{ -webkit-animation-name: zoomIn; animation-name: zoomIn;}
@-webkit-keyframes zoomInDown{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
@keyframes zoomInDown{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
.animate__zoomInDown{ -webkit-animation-name: zoomInDown; animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
@keyframes zoomInLeft{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
.animate__zoomInLeft{ -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
@keyframes zoomInRight{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
.animate__zoomInRight{ -webkit-animation-name: zoomInRight; animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
@keyframes zoomInUp{ from{ opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);} 60%{ opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);} 100%{ opacity: 1;}}
.animate__zoomInUp{ -webkit-animation-name: zoomInUp; animation-name: zoomInUp;} @-webkit-keyframes pulse{ from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
@keyframes pulse{ from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 50%{ -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05);} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.animate__pulse{ -webkit-animation-name: pulse; animation-name: pulse; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} @-webkit-keyframes tada{ from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{ opacity: 1;} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
@keyframes tada{ from{ -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);} 10%, 20%{ -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} to{ opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}}
.animate__tada{ -webkit-animation-name: tada; animation-name: tada;} @-webkit-keyframes jello{ from, 11.1%, to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 22.2%{ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{ -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}
@keyframes jello{ from, 11.1%, to{ opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 22.2%{ -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg);} 33.3%{ -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg);} 44.4%{ -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg);} 55.5%{ -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg);} 66.6%{ -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg);} 77.7%{ -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg);} 88.8%{ -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg);}}
.animate__jello{ -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}
@keyframes spin{ from{ transform:rotate(0deg);} to{ transform:rotate(360deg);}}


/* --- custom-effect.css --- */
 .t4s-eff{position:relative;z-index:3;display:block;vertical-align:top;overflow:hidden}.t4s-eff::before,.t4s-eff::after{content:'';z-index:1;pointer-events:none}.t4s-eff-border-run::before,.t4s-eff-border-run::after{position:absolute;content:'';opacity:0;width:0;height:0;transition:all .8s ease}.t4s-eff-border-run::before{border-top:1px solid #fff;border-left:1px solid #fff;top:15px;left:15px}.t4s-eff-border-run::after{border-right:1px solid #fff;border-bottom:1px solid #fff;right:15px;bottom:15px}.t4s-eff-pervasive-circle::before{position:absolute;border-radius:50%;width:0;height:0;top:50%;left:50%;background-color:rgba(255,255,255,.3);content:"";z-index:2}.t4s-eff-plus-zoom-overlay::before,.t4s-eff-plus-zoom-overlay::after{content:'';position:absolute;width:100%;height:100%;margin:auto;transition:all .5s ease;z-index:2;background-color:rgba(255,255,255,.15);pointer-events:none}.t4s-eff-plus-zoom-overlay::before,.t4s-eff-plus-zoom-overlay::after{top:0;bottom:0;left:0;right:0;opacity:0;visibility:hidden}.t4s-eff-dark-overlay::before{position:absolute;content:'';top:0;bottom:0;left:0;right:0;background-color:#000;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.t4s-eff-light-overlay::before{position:absolute;content:'';top:0;bottom:0;left:0;right:0;background-color:#fff;opacity:0;transition:opacity .2s ease;z-index:2;pointer-events:none}.t4s-eff-img-zoom .t4s-obj-eff{transition:all 1s}.t4s-eff-img-rotate .t4s-obj-eff{transition:.6s ease-in-out}.t4s-eff-img-translateToTop .t4s-obj-eff,.t4s-eff-img-translateToRight .t4s-obj-eff,.t4s-eff-img-translateToLeft .t4s-obj-eff,.t4s-eff-img-translateToBottom .t4s-obj-eff{transition:.6s ease-in-out;transform:scale(1.15)}.t4s-eff-img-translateToTop .t4s-obj-eff{transform-origin:top}.t4s-eff-img-translateToRight .t4s-obj-eff{transform-origin:right}.t4s-eff-img-translateToLeft .t4s-obj-eff{transform-origin:left}.t4s-eff-img-translateToBottom .t4s-obj-eff{transform-origin:bottom}.t4s-eff-img-filter .t4s-obj-eff{opacity:.5;filter:grayscale(100%);transition:filter .3s,opacity .3s,-webkit-filter .3s}.t4s-eff-img-filter-unset .t4s-obj-eff{transition:filter .3s,opacity .3s,-webkit-filter .3s}.flicker .t4s-obj-eff{animation:1s infinite flicker}.t4s-btn::before{content:'';position:absolute;z-index:-1;border-radius:inherit;opacity:0;visibility:hidden}.t4s-btn:not(.t4s-btn-effect-default):not(.t4s-btn-effect-overlay-run)::before{transition:.3s ease-in-out}.t4s-btn::before{background-color:var(--btn-background);border-color:var(--btn-background)}.t4s-btn-effect-default::before{top:0;left:0;right:0;bottom:0;background-color:var(--btn-background);border-color:var(--btn-background)}.t4s-btn-effect-rectangle-out::before{top:50%;left:50%;width:0;height:0;border-radius:50%}.t4s-btn-effect-sweep-to-left:before,.t4s-btn-effect-sweep-to-right:before,.t4s-btn-effect-sweep-to-top:before,.t4s-btn-effect-sweep-to-bottom:before{top:0;left:0;right:0;bottom:0;z-index:-1;opacity:1;visibility:visible;transform:scaleX(0);transform-origin:0 0;transition-duration:.5s;transition-property:transform;transition-timing-function:ease-out}.t4s-btn-effect-sweep-to-bottom:before,.t4s-btn-effect-sweep-to-top:before{transform:scaleX(1) scaleY(0)}.t4s-btn-effect-sweep-to-left:before,.t4s-btn-effect-sweep-to-top:before{transform-origin:100% 100%}.t4s-btn-effect-shutter-out-horizontal{transform:perspective(1px) translateZ(0)}.t4s-btn-effect-shutter-out-horizontal::before{top:0;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:50%;transition-property:transform;opacity:1;visibility:visible}.t4s-btn-effect-outline{overflow:unset!important;transition:all .4s ease-in-out}.t4s-btn-effect-outline::before{content:"";position:absolute;left:8px;top:8px;width:100%;height:100%;background-color:transparent;border-bottom:2px solid var(--btn-border);border-right:2px solid var(--btn-border);border-radius:inherit;transition:all .3s ease-in-out;opacity:1;visibility:visible}.t4s-btn-effect-shadow{transition:all .4s ease-in-out;box-shadow:8px 8px 10px gray}@keyframes ani_shine{to{left:-200%}}.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-light,.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-dark,.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-primary,.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-custom1,.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-custom2{--btn-color-hover:var(--btn-color);--btn-background-hover:var(--btn-background)}.t4s-btn-style-default.t4s-btn-effect-overlay-run::after{content:"";position:absolute;pointer-events:none;top:0;left:150%;width:200%;height:100%;transform:skew(-20deg);background-image:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent)}.t4s-btn-style-default.t4s-btn-effect-overlay-run.t4s-btn-color-light::after{background-color:rgba(0,0,0,.4)}.t4s-bl-item:not(.t4s-animation-none){opacity:0}.t4s_animated .t4s-bl-item,.is-selected .t4s-bl-item{animation:var(--animation);animation-duration:var(--time-animation);animation-delay:var(--delay-animation);animation-fill-mode:forwards}@media (-moz-touch-enabled:0),(hover:hover){.t4s-eff-border-run:hover::before,.t4s-eff-border-run:hover::after{opacity:1;width:calc(100% - 30px);height:calc(100% - 30px)}.t4s-eff-pervasive-circle:hover::before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:0;transition:.6s}.t4s-eff-plus-zoom-overlay:not(:hover)::before{width:0;opacity:1;visibility:visible}.t4s-eff-plus-zoom-overlay:not(:hover)::after{height:0;opacity:1;visibility:visible}.t4s-eff-dark-overlay:hover::before{opacity:.3}.t4s-eff-light-overlay:hover::before{opacity:.3}.t4s-eff-img-zoom:hover .t4s-obj-eff{transform:scale(1.1)}.t4s-eff-img-rotate:hover .t4s-obj-eff{transform:rotate(15deg) scale(1.4)}.t4s-eff-img-translateToTop:hover .t4s-obj-eff{transform:scale(1.15) translateY(-25px)}.t4s-eff-img-translateToRight:hover .t4s-obj-eff{transform:scale(1.15) translateX(25px)}.t4s-eff-img-translateToLeft:hover .t4s-obj-eff{transform:scale(1.15) translateX(-25px)}.t4s-eff-img-translateToBottom:hover .t4s-obj-eff{transform:scale(1.15) translateY(25px)}.t4s-eff-img-filter:hover .t4s-obj-eff{opacity:1;filter:grayscale(0)}.t4s-eff-img-filter-unset:hover .t4s-obj-eff{opacity:.5;filter:grayscale(100%)}.t4s-eff-img-bounceIn:hover .t4s-obj-eff{animation:bounceIn forwards;animation-duration:1s;animation-delay:0}.t4s-btn:hover::before{background-color:var(--btn-background-hover);border-color:var(--btn-background-hover);opacity:1;visibility:visible}.t4s-btn-effect-default:hover{opacity:.8!important}.t4s-btn-effect-default:hover::before{opacity:1;visibility:visible;background-color:var(--btn-background-hover);border-color:var(--btn-background-hover)}.t4s-btn-effect-fade:hover::before{top:0;left:0;right:0;bottom:0;opacity:1;visibility:visible}.t4s-btn-effect-rectangle-out:hover::before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;opacity:1;visibility:visible}.t4s-btn-effect-sweep-to-left:hover:before,.t4s-btn-effect-sweep-to-right:hover:before,.t4s-btn-effect-sweep-to-top:hover:before,.t4s-btn-effect-sweep-to-bottom:hover:before,.t4s-btn-effect-sweep-to-bottom:hover:before{transform:scale(1)}.t4s-btn-effect-shutter-out-horizontal:hover::before{transform:scaleX(1)}.t4s-btn-effect-outline:not(:hover)::before{background-color:transparent}.t4s-btn-effect-outline:hover:before{left:0;transform:translateX(0) translateY(-8px);border-color:var(--btn-background-hover);z-index:-1;opacity:0;transition:.2s ease}.t4s-btn-effect-outline:hover{background-color:var(--btn-background-hover);transform:translateX(4px) translateY(5px)}.t4s-btn-effect-shadow:hover{background-color:var(--btn-background-hover);transform:translateX(4px) translateY(5px);box-shadow:none}.t4s-btn-style-default.t4s-btn-effect-overlay-run:hover{background-color:var(--btn-background-hover);color:var(--btn-color-hover)}.t4s-btn-style-default.t4s-btn-effect-overlay-run:hover::after{animation:.75s cubic-bezier(.01,.56,1,1) ani_shine}.t4s-btn-style-outline.t4s-btn-effect-overlay-run:hover:before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;border-radius:0;opacity:1;visibility:visible}}


/* --- V11 additions --- */

/* V11 Ultra Performance helpers */
.v11-lazy { content-visibility: auto; contain-intrinsic-size: 600px; }
img[loading="lazy"] { content-visibility: auto; }
.product-gallery, .t4s-product__media, .t4s-pr__media { min-height: 420px; }
@media (max-width: 749px){
  .product-gallery, .t4s-product__media, .t4s-pr__media { min-height: 360px; }
}



/* --- V11.1 Ultra Performance helpers --- */
.v11-lazy-section{
  content-visibility:auto;
  contain-intrinsic-size: 800px;
}
.v11-lazy-section:not(.v11-visible){
  /* Keep layout stable while the browser skips offscreen rendering */
  contain: layout style paint;
}