/*
===============Animations===================
*/
@-webkit-keyframes video-wrapper{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes video-wrapper{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-o-keyframes video-wrapper{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes video-wrapper{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes spin{
    0%{-moz-transform:rotate(0deg);}
    100%{-moz-transform:rotate(360deg);}
}
@-webkit-keyframes spin{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}
}

/*
widget effects-------------------------------------------------------------
*/

.super-slider-thumbnails li.nowidgetfx{opacity:1;}
/* Effect 1: opacity */
.widgetfx-1{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards;}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}

/* Effect 2: Move Up */
.widgetfx-2{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp{
    0%{opacity:0;}
    100%{-webkit-transform:translateY(0);}
}
@keyframes moveUp{
    0%{opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}
@-webkit-keyframes moveUpslider{
    0%{opacity:0;}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes moveUpslider{
    0%{opacity:0;}
    100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
}

/* Effect 3: Scale up */
.widgetfx-3{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp 0.65s ease-in-out forwards;animation:scaleUp 0.65s ease-in-out forwards;}
@-webkit-keyframes scaleUp{
    0%{opacity:0;}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes scaleUp{
    0%{opacity:0;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}

/* Effect 4: rubber-band */
.widgetfx-4{-webkit-animation:rubber-band .8s ease both;animation:rubber-band .8s ease both;-moz-animation:rubber-band .8s ease both;}
@-webkit-keyframes rubber-band{
    0%{-webkit-transform:scale(1);}
    25%{-webkit-transform:scaleX(1.06) scaleY(.75);}
    50%{-webkit-transform:scaleX(.75) scaleY(1.06);}
    75%{-webkit-transform:scaleX(1.04) scaleY(.85);}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes rubber-band{
    0%{-moz-transform:scale(1);}
    25%{-moz-transform:scaleX(1.06) scaleY(.75);}
    50%{-moz-transform:scaleX(.75) scaleY(1.06);}
    75%{-moz-transform:scaleX(1.04) scaleY(.85);}
    100%{-moz-transform:scale(1);opacity:1;}
}
@keyframes rubber-band{
    0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
    25%{-webkit-transform:scaleX(1.06) scaleY(.75);-moz-transform:scaleX(1.06) scaleY(.75);-ms-transform:scaleX(1.06) scaleY(.75);-o-transform:scaleX(1.06) scaleY(.75);transform:scaleX(1.06) scaleY(.75);}
    50%{-webkit-transform:scaleX(.75) scaleY(1.06);-moz-transform:scaleX(.75) scaleY(1.06);-ms-transform:scaleX(.75) scaleY(1.06);-o-transform:scaleX(.75) scaleY(1.06);transform:scaleX(.75) scaleY(1.06);}
    75%{-webkit-transform:scaleX(1.04) scaleY(.85);-moz-transform:scaleX(1.04) scaleY(.85);-ms-transform:scaleX(1.04) scaleY(.85);-o-transform:scaleX(1.04) scaleY(.85);transform:scaleX(1.04) scaleY(.85);}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
}

/* Effect 5: bounce in up */
.widgetfx-5{-webkit-animation:bounce-in-up 1s ease both;animation:bounce-in-up 1s ease both;-moz-animation:bounce-in-up 1s ease both;}
@-webkit-keyframes bounce-in-up{
    0%{-webkit-transform:translateY(2000px);opacity:0;}
    50%{-webkit-transform:translateY(-30px);}
    75%{-webkit-transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes bounce-in-up{
    0%{-moz-transform:translateY(2000px);opacity:0;}
    50%{-moz-transform:translateY(-30px);}
    75%{-moz-transform:translateY(10px);}
    100%{-moz-transform:translateY(0);opacity:1;}
}
@keyframes bounce-in-up{
    0%{-webkit-transform:translateY(2000px);-moz-transform:translateY(2000px);-ms-transform:translateY(2000px);-o-transform:translateY(2000px);transform:translateY(2000px);opacity:0;}
    50%{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);}
    75%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px);}
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}
}

/* Effect 6: pulse */
.widgetfx-6{-webkit-animation:pulse 1s ease both;animation:pulse 1s ease both;-moz-animation:pulse 1s ease both;}
@-webkit-keyframes pulse{
    0%{-webkit-transform:scale(1);opacity:0;}
    50%{-webkit-transform:scale(1.04);}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@-moz-keyframes pulse{
    0%{-moz-transform:scale(1);opacity:0;}
    50%{-moz-transform:scale(1.04);}
    100%{-moz-transform:scale(1);opacity:1;}
}
@keyframes pulse{
    0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0;}
    50%{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04);}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
}

/* Effect 7: fade-in-up */
.widgetfx-7{-webkit-animation:fade-in-up 1s ease both;animation:fade-in-up 1s ease both;-moz-animation:fade-in-up 1s ease both;}
@-webkit-keyframes fade-in-up{
    0%{-webkit-transform:translateY(20px);opacity:0;}
    100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes fade-in-up{
    0%{-moz-transform:translateY(20px);opacity:0;}
    100%{-moz-transform:translateY(0);opacity:1;}
}
@keyframes fade-in-up{
    0%{-webkit-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);opacity:0;}
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;}
}

/* Effect 8: Pop up */
.widgetfx-8{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-animation:popUp .5s ease-in forwards;animation:popUp .5s ease-in forwards;}
@-webkit-keyframes popUp{
    0%{opacity:0;}
    70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;}
    100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes popUp{
    0%{opacity:0;}
    70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}

/* Effect 9: Bounce */
.widgetfx-9{-webkit-animation:bounce 1s ease both;animation:bounce 1s ease both;-moz-animation:bounce 1s ease both;transform:translateZ(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);-webkit-transform:translateZ(0);-webkit-font-smoothing:antialiased;}
@-webkit-keyframes bounce{
    0%,
    25%,
    50%,
    75%,
    100%{-webkit-transform:translateY(0);}
    40%{-webkit-transform:translateY(-20px);}
    60%{-webkit-transform:translateY(-10px);}
}
@-moz-keyframes bounce{
    0%,
    25%,
    50%,
    75%,
    100%{-moz-transform:translateY(0);}
    40%{-moz-transform:translateY(-20px);}
    60%{-moz-transform:translateY(-10px);}
}
@keyframes bounce{
    0%,
    25%,
    50%,
    75%,
    100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
    40%{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);}
    60%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);}
}
.slider_fx3 .slides li.flex-active-slide{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.9);transform:scale(0.9);-webkit-animation:popUp .4s ease-in forwards;animation:popUp .4s ease-in forwards;}
.slider_fx3 .slides li{}
.slider_fx4 .slides li.flex-active-slide{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUpslider 0.4s ease forwards;animation:moveUpslider 0.4s ease forwards;}
.slider_fx4 .slides li{}
.slider_fx5 .slides li.flex-active-slide{-webkit-animation:moveFromTop .6s ease both;animation:moveFromTop .6s ease both;}
.slider_fx5 .slides li{-webkit-animation:moveToBottom .6s ease both;animation:moveToBottom .6s ease both;}
.slider_fx6 .slides li.flex-active-slide{-webkit-animation:moveFromBottom .6s ease both;animation:moveFromBottom .6s ease both;}
.slider_fx6 .slides li{-webkit-animation:scaleDownCenter .3s ease-in both;animation:scaleDownCenter .3s ease-in both;z-index:1;}
.slider_fx7 .slides li.flex-active-slide{-webkit-animation:scaleUpDown .3s both ease;animation:scaleUpDown .3s both ease;}
.slider_fx7 .slides li{-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-animation:rotateFall .5s both ease-in;animation:rotateFall .5s both ease-in;}
.slider_fx8 .slides li.flex-active-slide{-webkit-animation:scaleUpDown 1s both ease;animation:scaleUpDown 1s both ease;}
.slider_fx8 .slides li{-webkit-animation:scaleDownUp .5s both ease-in;animation:scaleDownUp .5s both ease-in;}
.slider_fx9 .slides li.flex-active-slide{-webkit-animation:blackwhitecol 1s both ease-in;animation:blackwhitecol 1s both ease-in;}
.slider_fx9 .slides li{-webkit-animation:blackwhite 1s both ease-in;animation:blackwhite 1s both ease-in;}
@-webkit-keyframes blackwhite{
    0%{-webkit-filter:grayscale(0);}}
    100%{-webkit-filter:grayscale(1) ;}
}
@keyframes blackwhite{
    0%{-webkit-filter:grayscale(0);}}
    100%{-webkit-filter:grayscale(1) ;}
}
@-webkit-keyframes blackwhitecol{
    0%{-webkit-filter:grayscale(1) ;}
    100%{-webkit-filter:grayscale(0);}
}
@keyframes blackwhitecol{
    0%{-webkit-filter:grayscale(1);}
    100%{-webkit-filter:grayscale(0);}
}
@-webkit-keyframes scaleUpDown{
    from{-webkit-transform:scale(1.2);}
}
@keyframes scaleUpDown{
    from{-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@-webkit-keyframes scaleDownUp{
    from{}
    to{-webkit-transform:scale(1.2);}
}
@keyframes scaleDownUp{
    from{}
    to{-webkit-transform:scale(1.2);transform:scale(1.2);}
}
@-webkit-keyframes rotateFall{
    0%{-webkit-transform:rotateZ(0deg);}
    20%{-webkit-transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;}
    40%{-webkit-transform:rotateZ(37deg);}
    60%{-webkit-transform:rotateZ(86deg);}
    100%{-webkit-transform:translateY(100%) rotateZ(17deg);opacity:0;}
}
@keyframes rotateFall{
    0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
    20%{-webkit-transform:rotateZ(10deg);transform:rotateZ(10deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
    40%{-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);}
    60%{-webkit-transform:rotateZ(86deg);transform:rotateZ(86deg);}
    100%{-webkit-transform:translateY(100%) rotateZ(17deg);transform:translateY(100%) rotateZ(17deg);opacity:0;}
}
@-webkit-keyframes moveFromLeft{
    from{-webkit-transform:translateX(-100%);}
}
@keyframes moveFromLeft{
    from{-webkit-transform:translateX(-100%);transform:translateX(-100%);}
}
@-webkit-keyframes scaleDownCenter{
    from{}
    to{opacity:0;-webkit-transform:scale(.7);}
}
@keyframes scaleDownCenter{
    from{}
    to{opacity:0;-webkit-transform:scale(.7);transform:scale(.7);}
}
@-webkit-keyframes moveFromBottom{
    from{-webkit-transform:translateY(100%);}
}
@keyframes moveFromBottom{
    from{-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes moveFromTop{
    from{-webkit-transform:translateY(-100%);}
}
@keyframes moveFromTop{
    from{-webkit-transform:translateY(-100%);transform:translateY(-100%);}
}
@-webkit-keyframes moveToBottom{
    from{}
    to{-webkit-transform:translateY(100%);}
}
@keyframes moveToBottom{
    from{}
    to{-webkit-transform:translateY(100%);transform:translateY(100%);}
}
@-webkit-keyframes review{
    from{width:0;}
    to{}
}
@keyframes review{
    from{width:0;}
    to{}
}

/*image effects*/
.image_fx1{overflow:hidden;position:relative;-webkit-transform:translateZ(0) scale(1.0,1.0);}
.image_fx1:before{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-150%,0);pointer-events:none;}
.image_fx1:hover:before,
.img-featured li:hover .image_fx1:before,
.small-category li:hover .image_fx1:before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,150%,0);}
.image_fx1:after{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(100,255,255,0.5);content:'';-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;transition:all 0.6s;-webkit-transition:all 0.6s;opacity:0;pointer-events:none;}
.image_fx1:hover:after,
.img-featured li:hover .image_fx1:after,
.small-category li:hover .image_fx1:after{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background:#F00;content:'';opacity:0.3;}
.image_fx2{overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.0,1.0);}
.image_fx2 img{-webkit-transform:scale(1);transform:scale(1);-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;-webkit-backface-visibility:hidden;}
.image_fx2:hover img,
.img-featured li:hover .image_fx2 img,
.small-category li:hover .image_fx2 img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.image_fx3{overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.0,1.0);}
.image_fx3:before{opacity:0;position:absolute;content:'';width:100%;height:100%;z-index:0;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;border:5px solid rgba(0,0,0,0);-webkit-transform:scale(0);transform:scale(0);box-shadow:inset 0 0 0 1px #FFF;}
.image_fx3:hover:before,
.img-featured li:hover .image_fx3:before,
.small-category li:hover .image_fx3:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;}
.image_fx4{overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.0,1.0);}
.image_fx4{-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.image_fx4:hover,
.img-featured li:hover .image_fx4,
.small-category li:hover .image_fx4{-webkit-filter:saturate(0);filter:saturate(0);}
.image_fx5{overflow:hidden;position:relative;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0) scale(1.0,1.0);}
.image_fx5{-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;-webkit-transition:all 0.3s;}
.image_fx5:hover,
.img-featured li:hover .image_fx5,
.small-category li:hover .image_fx5{opacity:0.8;}