@charset "UTF-8";
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
.animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
.animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0)
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}
@-webkit-keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
@keyframes flash {
    0%, 50%, 100% {
        opacity: 1
    }
    25%, 75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    0% {
        -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)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes pulse {
    0% {
        -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)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
@keyframes shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .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% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .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% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .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(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0)
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}
.flipOutY {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -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);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes lightSpeedIn {
    0% {
        -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);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
@keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    50% {
        opacity: 1
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        opacity: 0
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1)
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
[data-notify="progressbar"] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}
/*End animate.css*/

/*css3.css*/

.so-deal .extraslider-inner .item-wrap {
    overflow: hidden
}
.so-deal .extraslider-inner .item-wrap .item-image {
    width: 100%;
    border: 1px solid #ddd;
    position: relative;
    overflow: hidden
}
.so-deal .extraslider-inner .item-wrap .item-image:hover {
    -webkit-box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
    -moz-box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
    -o-box-shadow: rgba(0, 0, 0, .17) 0 0 13px;
    box-shadow: rgba(0, 0, 0, .17) 0 0 13px
}
.so-deal .extraslider-inner .item-wrap .item-image .item-img-info a.quick-view {
    display: none
}
.so-deal .extraslider-inner .item-wrap .item-image:hover .item-img-info a.quick-view {
    display: block;
    text-align: center;
    background: none repeat scroll 0 0 rgba(255, 255, 255, .82);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .16);
    color: #777676;
    font: 700 13px/16px Arial, Helvetica, sans-serif;
    height: 43px;
    left: 50%;
    margin: -21px 0 0 -53px;
    padding: 13px 0 0;
    position: absolute;
    top: 50%;
    width: 107px;
    text-decoration: none
}
.so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
    background-color: transparent;
    bottom: 0;
    height: 155px;
    overflow: hidden;
    position: absolute;
    right: 0;
    width: 215px;
    z-index: 2
}
.so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile a {
    background-color: rgba(208, 208, 211, .57);
    display: block;
    height: 130px;
    pointer-events: all;
    position: relative;
    right: -162px;
    top: 80px;
    transform: rotate(45deg);
    width: 85px
}
.so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile a:hover {
    background-color: rgba(125, 125, 125, .57)
}
.so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile a i {
    bottom: 0;
    color: #000;
    display: inline-block;
    font-size: x-large;
    height: 22px;
    left: 9px;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 46px;
    transform: rotate(-44deg);
    width: 30px;
    z-index: 2
}
.so-deal .wishlist {
    margin: 10px 0
}
.so-deal .compare {
    margin-bottom: 10px
}
.so-deal .extraslider-inner .item-wrap .item-image img {
    width: 99.9%;
    border: 0;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap .item-info {
    width: 100%
}
.so-deal .extraslider-inner .item-wrap.style2 .item-info {
    background: #333
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content {
    margin-bottom: 10px
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content .button-container {
    margin-top: 5px
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content .content_price {
    margin-bottom: 10px
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content .content_price span {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content .button-container .lnk_view span {
    color: #000
}
.so-deal .extraslider-inner .item-wrap .item-info .item-title a {
    text-transform: uppercase;
    font-size: 16px
}
.so-deal .extraslider-inner .item-wrap.style3 .item-info .item-content .item-des p, .so-deal .extraslider-inner .item-wrap.style5 .item-info .item-content .item-des p, .so-deal .extraslider-inner .item-wrap.style6 .item-info .item-content .item-des p, .so-deal .extraslider-inner .item-wrap.style7 .item-info .item-content .item-des p {
    color: #fff;
    margin-top: 5px
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info .item-content .item-des {
    margin-top: 10px;
    color: #000
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info a {
    color: #000
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info .item-content .ajax_add_to_cart_button span {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info .item-content .content_price span {
    color: #000
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info .item-content .wishlist, .so-deal .extraslider-inner .item-wrap.style4 .item-info .item-content .compare {
    color: #000
}
.so-deal .extraslider-inner .item-wrap.style2 .item-info .item-content {
    margin-bottom: 10px
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info .item-title {
    padding: 10px 0;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 16px
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info .item-title a {
    font-weight: 400
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info .item-title a:hover {
    text-decoration: none
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info .item-title, .so-deal .extraslider-inner .item-wrap.style2 .item-info .item-title {
    padding: 10px
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info .item-title+.item-content, .so-deal .extraslider-inner .item-wrap.style2 .item-info .item-title+.item-content {
    margin-top: 0
}
.so-deal .extraslider-inner .item-wrap .item-info .item-description {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap .item-info .item-readmore {
    text-align: right
}
.so-deal .extraslider-inner .item-wrap.style3 {
    position: relative
}
.so-deal .extraslider-inner .item-wrap.style3 img {
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3 .item-info {
    position: absolute;
    top: 0;
    height: 100%;
    text-align: center;
    padding: 0;
    background: url(../img/background.png) repeat;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translate(460px, -100px) rotate(180deg);
    -moz-transform: translate(460px, -100px) rotate(180deg);
    -o-transform: translate(460px, -100px) rotate(180deg);
    -ms-transform: translate(460px, -100px) rotate(180deg);
    transform: translate(460px, -100px) rotate(180deg);
    -webkit-transition: all .2s .4s ease-in-out;
    -moz-transition: all .2s .4s ease-in-out;
    -o-transition: all .2s .4s ease-in-out;
    -ms-transition: all .2s .4s ease-in-out;
    transition: all .2s .4s ease-in-out;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3 .item-title {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 6px;
    background: url(../img/background.png) repeat;
    margin: 5% 0 0;
    text-transform: uppercase;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3 .item-readmore a, .so-deal .extraslider-inner .item-wrap.style3 .item-title a {
    color: #fff
}
.so-deal .item .item-wrap.style3 .item-related, .so-deal .extraslider-inner .item-wrap.style3 .item-description {
    -webkit-transform: translateX(300px) rotate(90deg);
    -moz-transform: translateX(300px) rotate(90deg);
    -o-transform: translateX(300px) rotate(90deg);
    -ms-transform: translateX(300px) rotate(90deg);
    transform: translateX(300px) rotate(90deg);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: left;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3 .item-price {
    text-align: center
}
.so-deal .extraslider-inner .item-wrap.style3:hover .item-info {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3:hover .item-title {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3:hover .item-related, .so-deal .extraslider-inner .item-wrap.style3:hover .item-description {
    -webkit-transform: translateX(0px) rotate(0deg);
    -moz-transform: translateX(0px) rotate(0deg);
    -o-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transition-delay: .4s;
    transition-delay: .4s;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3:hover .item-price, .so-deal .extraslider-inner .item-wrap.style3:hover .item-readmore {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -ms-transition-delay: .3s;
    transition-delay: .3s;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style3 .item-readmore {
    display: inline-block;
    text-decoration: none;
    padding: 3px 10px;
    background: #000;
    -webkit-box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    box-shadow: 0 0 1px #000;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style4 {
    position: relative
}
.so-deal .extraslider-inner .item-wrap.style4 .item-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    padding: 0;
    background: url(../img/bg-white.png);
    top: -100%;
    -webkit-transition: all .3s ease-out .5s;
    -moz-transition: all .3s ease-out .5s;
    -o-transition: all .3s ease-out .5s;
    -ms-transition: all .3s ease-out .5s;
    transition: all .3s ease-out .5s
}
.so-deal .extraslider-inner .item-wrap.style4 .item-title {
    background: #333;
    color: #fff;
    font-size: 17px;
    padding: 7px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-200%);
    -moz-transform: translateY(-200%);
    -o-transform: translateY(-200%);
    -ms-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .2s ease-in-out .1s;
    -moz-transition: all .2s ease-in-out .1s;
    -o-transition: all .2s ease-in-out .1s;
    -ms-transition: all .2s ease-in-out .1s;
    transition: all .2s ease-in-out .1s
}
.so-deal .extraslider-inner .item-wrap.style4 .item-related, .so-deal .extraslider-inner .item-wrap.style4 .item-related h4, .so-deal .extraslider-inner .item-wrap.style4 .item-related ul a {
    color: #333
}
.so-deal .extraslider-inner .item-wrap.style4 .item-price, .so-deal .extraslider-inner .item-wrap.style4 .item-description {
    text-align: left;
    color: #333;
    -webkit-transform: translateY(-500%);
    -moz-transform: translateY(-500%);
    -o-transform: translateY(-500%);
    -ms-transform: translateY(-500%);
    transform: translateY(-500%);
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
.so-deal .extraslider-inner .item-wrap.style4 .item-price {
    text-align: center;
    color: #f30000
}
.so-deal .extraslider-inner .item-wrap.style4 .item-tags {
    text-align: left;
    color: #333;
    -webkit-transform: translateY(-700%);
    -moz-transform: translateY(-700%);
    -o-transform: translateY(-700%);
    -ms-transform: translateY(-700%);
    transform: translateY(-700%);
    -webkit-transition: all .2s ease-in-out .2s;
    -moz-transition: all .2s ease-in-out .2s;
    -o-transition: all .2s ease-in-out .2s;
    -ms-transition: all .2s ease-in-out .2s;
    transition: all .2s ease-in-out .2s
}
.so-deal .extraslider-inner .item-wrap.style4 .item-tags a {
    color: #333
}
.so-deal .extraslider-inner .item-wrap.style4 .item-readmore {
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 2px 5px;
    text-decoration: none;
    -webkit-transform: translateY(-1000%);
    -moz-transform: translateY(-1000%);
    -o-transform: translateY(-1000%);
    -ms-transform: translateY(-1000%);
    transform: translateY(-1000%);
    -webkit-transition: all .2s ease-in-out .3s;
    -moz-transition: all .2s ease-in-out .3s;
    -o-transition: all .2s ease-in-out .3s;
    -ms-transition: all .2s ease-in-out .3s;
    transition: all .2s ease-in-out .3s
}
.so-deal .extraslider-inner .item-wrap.style4:hover .item-info {
    top: 0;
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0;
    -webkit-animation: bounceY .9s linear;
    -moz-animation: bounceY .9s linear;
    -ms-animation: bounceY .9s linear;
    animation: bounceY .9s linear
}
.so-deal .extraslider-inner .item-wrap.style4:hover .item-title {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.so-deal .extraslider-inner .item-wrap.style4:hover .item-description {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.so-deal .extraslider-inner .item-wrap.style4:hover .item-tags {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.so-deal .extraslider-inner .item-wrap.style4:hover .item-price, .so-deal .extraslider-inner .item-wrap.style4:hover .item-readmore {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -o-transition-delay: 0;
    -ms-transition-delay: 0;
    transition-delay: 0
}
.so-deal .extraslider-inner .item-wrap.style4 .item-readmore a {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap.style4 .item-title a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700
}
.so-deal .extraslider-inner .item-wrap.style5 {
    position: relative
}
.so-deal .extraslider-inner .item-wrap.style5 img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style5 .item-info {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #333;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
.so-deal .extraslider-inner .item-wrap.style5 .item-title {
    text-transform: uppercase;
    border-bottom: #666 solid 1px;
    background: 0 0;
    margin: 10px 10px 0;
    padding-bottom: 7px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #333;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
}
.so-deal .extraslider-inner .item-wrap.style5 .item-description {
    text-align: left;
    color: #fff;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}
.so-deal .extraslider-inner .item-wrap.style5 .item-readmore {
    text-align: center;
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    -ms-transition: all .3s linear;
    transition: all .3s linear
}
.so-deal .extraslider-inner .item-wrap.style5:hover img {
    -webkit-transform: scale(10);
    -moz-transform: scale(10);
    -o-transform: scale(10);
    -ms-transform: scale(10);
    transform: scale(10);
    filter: alpha(opacity=0);
    opacity: 0;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style5:hover .item-info {
    filter: alpha(opacity=100);
    opacity: 1
}
.so-deal .extraslider-inner .item-wrap.style5:hover .item-price, .so-deal .extraslider-inner .item-wrap.style5:hover .item-title, .so-deal .extraslider-inner .item-wrap.style5:hover .item-description, .so-deal .extraslider-inner .item-wrap.style5:hover .item-readmore {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    filter: alpha(opacity=100);
    opacity: 1
}
.so-deal .extraslider-inner .item-wrap.style5 .item-readmore a {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap.style5 .item-title a {
    color: #fff;
    margin-top: 7px
}
.so-deal .extraslider-inner .item-wrap.style6 {
    position: relative
}
.so-deal .extraslider-inner .item-wrap.style6 img {
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style6 .item-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0;
    text-align: center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(0, 0, 0, .7);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style6 .item-info .item-content {
    padding: 5px
}
.so-deal .extraslider-inner .item-wrap.style6 .item-title {
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 17px;
    padding: 5px;
    margin-top: 5%;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style6 .item-price, .so-deal .extraslider-inner .item-wrap.style6 .item-description {
    text-align: left;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}
.so-deal .extraslider-inner .item-wrap.style6:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style6 .item-readmore {
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style6:hover .item-info {
    filter: alpha(opacity=100);
    opacity: 1
}
.so-deal .extraslider-inner .item-wrap.style6:hover .item-price, .so-deal .extraslider-inner .item-wrap.style6:hover .item-title, .so-deal .extraslider-inner .item-wrap.style6:hover .item-description, .so-deal .extraslider-inner .item-wrap.style6:hover .item-readmore {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}
.so-deal .extraslider-inner .item-wrap.style6:hover .item-price, .so-deal .extraslider-inner .item-wrap.style6:hover .item-description, .so-deal .extraslider-inner .item-wrap.style6:hover .item-readmore {
    filter: alpha(opacity=100);
    opacity: 1
}
.so-deal .extraslider-inner .item-wrap.style6:hover .item-price, .so-deal .extraslider-inner .item-wrap.style6:hover .item-description {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -ms-transition-delay: .1s;
    transition-delay: .1s
}
.so-deal .extraslider-inner .item-wrap.style6:hover .item-readmore {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -ms-transition-delay: .2s;
    transition-delay: .2s
}
.so-deal .extraslider-inner .item-wrap.style6 .item-readmore a {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap.style6 .item-title a {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}
.so-deal .extraslider-inner .item-wrap.style7 {
    position: relative
}
.so-deal .extraslider-inner .item-wrap.style7 img {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    filter: alpha(opacity=100);
    opacity: 1;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style7 .item-info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    text-align: center;
    padding: 0;
    background-color: #333;
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.so-deal .extraslider-inner .item-wrap.style7 .item-info .item-content {
    padding: 5px
}
.so-deal .extraslider-inner .item-wrap.style7 .item-title {
    background: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: 17px;
    margin-top: 5%;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style7 .item-price, .so-deal .extraslider-inner .item-wrap.style7 .item-description {
    text-align: left;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style7 .item-readmore {
    background: none repeat scroll 0 0 #000;
    box-shadow: 0 0 1px #000;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    text-align: center;
    -webkit-transform: translateY(-200px);
    -moz-transform: translateY(-200px);
    -o-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.so-deal .extraslider-inner .item-wrap.style7:hover img {
    -webkit-transform: rotate(720deg) scale(0);
    -moz-transform: rotate(720deg) scale(0);
    -o-transform: rotate(720deg) scale(0);
    -ms-transform: rotate(720deg) scale(0);
    transform: rotate(720deg) scale(0);
    filter: alpha(opacity=0);
    opacity: 0;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap.style7:hover .item-info {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px) rotate(0deg);
    -moz-transform: translateY(0px) rotate(0deg);
    -o-transform: translateY(0px) rotate(0deg);
    -ms-transform: translateY(0px) rotate(0deg);
    transform: translateY(0px) rotate(0deg);
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -ms-transition-delay: .4s;
    transition-delay: .4s
}
.so-deal .extraslider-inner .item-wrap.style7:hover .item-title {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -o-transition-delay: .7s;
    -ms-transition-delay: .7s;
    transition-delay: .7s
}
.so-deal .extraslider-inner .item-wrap.style7:hover .item-description {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
    -ms-transition-delay: .6s;
    transition-delay: .6s
}
.so-deal .extraslider-inner .item-wrap.style7:hover .item-price, .so-deal .extraslider-inner .item-wrap.style7:hover .item-readmore {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s
}
.so-deal .extraslider-inner .item-wrap.style7 .item-readmore a {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap.style7 .item-title a {
    color: #000;
    text-transform: uppercase;
    font-weight: 700
}
.so-deal .extraslider-inner .item-wrap.style7 .item-price, .so-deal .extraslider-inner .item-wrap.style6 .item-price {
    text-align: center;
    color: #f30000
}
.so-deal .extraslider-inner[data-effect=fadeIn] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=fadeIn].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=zoomIn] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=zoomIn].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=zoomOut] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation: zoomOut 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: zoomOut 600ms ease both;
    -o-animation-play-state: paused;
    animation: zoomOut 600ms ease both;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=zoomOut].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=slideLeft] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=slideLeft].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=slideRight] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=slideRight].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=slideTop] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=slideTop].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=slideBottom] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation: slideBottom 600ms ease both;
    -webkit-animation-play-state: paused;
    -moz-animation: slideBottom 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation: slideBottom 600ms ease both;
    -o-animation-play-state: paused;
    animation: slideBottom 600ms ease both;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=slideBottom].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=flip] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation-play-state: paused;
    backface-visibility: visible
}
.so-deal .extraslider-inner[data-effect=flip].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=flipInX] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation-play-state: paused;
    backface-visibility: visible
}
.so-deal .extraslider-inner[data-effect=flipInX].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=flipInY] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: paused;
    -moz-backface-visibility: visible;
    -o-animation-play-state: paused;
    -o-backface-visibility: visible;
    animation-play-state: paused;
    backface-visibility: visible
}
.so-deal .extraslider-inner[data-effect=flipInY].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=bounceIn] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=bounceIn].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=bounceInUp] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=bounceInUp].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=bounceInDown] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=bounceInDown].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=pageTop] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -webkit-transform-origin: 50% 0;
    -moz-animation-play-state: paused;
    -moz-transform-origin: 50% 0;
    -o-animation-play-state: paused;
    -o-transform-origin: 50% 0;
    animation-play-state: paused;
    transform-origin: 50% 0
}
.so-deal .extraslider-inner[data-effect=pageTop].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=pageBottom] .owl2-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: paused;
    -webkit-transform-origin: 50% 100%;
    -moz-animation-play-state: paused;
    -moz-transform-origin: 50% 100%;
    -o-animation-play-state: paused;
    -o-transform-origin: 50% 100%;
    animation-play-state: paused;
    transform-origin: 50% 100%
}
.so-deal .extraslider-inner[data-effect=pageBottom].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.so-deal .extraslider-inner[data-effect=starwars] .owl2-item {
    position: relative;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-play-state: paused;
    -moz-transform-origin: 50% 50%;
    -moz-animation-play-state: paused;
    -o-transform-origin: 50% 50%;
    -o-animation-play-state: paused;
    transform-origin: 50% 50%;
    animation-play-state: paused
}
.so-deal .extraslider-inner[data-effect=starwars].extra-animate .owl2-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
/*css3.css END*/

/*DEAL style.css*/

.so-deal .intro_text, .so-deal .footer_text {
    margin: 10px 0
}
.so-deal .product-thumb .caption {
    position: relative
}
.so-deal .product-thumb {
    margin: 20px 0
}
.postext-spextraslider {
    margin-top: 10px
}
.product-feature .product-thumb {
    margin: 20px 1px
}
.pretext-spextraslider {
    margin-bottom: 10px
}
.so-deal {
    margin: 20px 0
}
.page-title-extraslider {
    color: #2e2c2d;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    width: 75%;
    margin: 10px 0 8px
}
.so-deal a {
    text-decoration: none
}
.so-deal.preload {
    height: 250px;
    overflow: hidden;
    position: relative
}
.so-deal .extra-loading {
    background: url(../img/loading.gif) no-repeat scroll center center transparent;
    height: 250px;
    width: 100%
}
.so-deal.preload .heading-title, .so-deal.preload .owl2-controls, .so-deal.preload .owl2-controls, .so-deal.preload .extraslider-inner {
    display: none!important
}
.so-deal .pre-text, .so-deal .post-text {
    margin: 10px 0
}
.so-deal .heading-title {
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin-bottom: 10px
}
.so-deal .product-feature {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    clear: both
}
.so-deal .extraslider-inner {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 8px;
    clear: both
}
.so-deal .item {
    position: relative;
    display: block
}
.so-deal .owl2-item {
    float: left
}
.so-deal .owl2-controls {
    margin-bottom: 8px;
    vertical-align: middle;
    display: inline
}
.so-deals-rtl .so-deal .owl2-controls {
    float: left;
    text-align: left
}
.so-deals-ltr .so-deal .owl2-controls {
    float: right;
    text-align: right
}
.so-deal .owl2-controls .owl2-controls {
    float: left;
    margin: 0
}
.so-deal .owl2-controls .owl2-prev, .so-deal .owl2-controls .owl2-next {
    outline: none;
    font-size: 22px;
    line-height: 18px;
    color: #797575;
    cursor: pointer;
    filter: Alpha(Opacity=50);
    opacity: .5;
    font-family: Arial;
    height: 20px;
    vertical-align: middle
}
.so-deals-ltr .so-deal .owl2-controls .owl2-prev, .so-deals-ltr .so-deal .owl2-controls .owl2-next {
    float: left
}
.so-deals-rtl .so-deal .owl2-controls .owl2-prev, .so-deals-rtl .so-deal .owl2-controls .owl2-next {
    float: right
}
.so-deal .owl2-controls .owl2-dots .owl2-dot {
    display: inline-block;
    zoom: 1
}
.so-deal .owl2-dots .owl2-dot {
    display: block;
    width: 12px;
    height: 12px;
    margin: 4px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #797575;
    cursor: pointer;
    vertical-align: middle
}
.so-deal .owl2-dots .owl2-dot:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #77f9f1
}
.so-deal.button-type2 .owl2-controls {
    width: 100%
}
.so-deals-ltr .so-deal.button-type2 .owl2-nav {
    float: right;
    text-align: right;
    margin-bottom: 8px
}
.so-deals-rtl .so-deal.button-type2 .owl2-nav {
    float: left;
    text-align: left;
    margin-bottom: 8px
}
.so-deals-ltr .so-deal.button-type1 .owl2-dots {
    float: left
}
.so-deals-rtl .so-deal.button-type1 .owl2-dots {
    float: right
}
.so-deal.button-type2 .owl2-dots {
    text-align: center;
    margin-top: 10px;
    display: block
}
.so-deal .owl2-dots .owl2-dot.active {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #77f9f1
}
.so-deal .owl2-dots .owl2-dot:focus, .so-deal .owl2-nav .owl2-prev:focus, .so-deal .owl2-nav .owl2-next:focus {
    outline: none
}
.so-deal.button-type2 .owl2-dots {
    text-align: center;
    margin-top: 10px;
    display: block
}
.so-deal.button-type2 .owl2-prev, .so-deal.button-type2 .owl2-next {
    background: none repeat scroll 0 0 #797575;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-family: Arial;
    font-size: 20px;
    font-weight: 600;
    height: 20px;
    line-height: 18px;
    margin: 0 0 0 4px;
    opacity: .5;
    outline: medium;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.so-deals-ltr .so-deal.button-type2 .owl2-prev, .so-deals-ltr .so-deal.button-type2 .owl2-next {
    float: left
}
.so-deals-rtl .so-deal.button-type2 .owl2-prev, .so-deals-rtl .so-deal.button-type2 .owl2-next {
    float: right
}
.so-deal .owl2-controls .owl2-prev:hover, .so-deal .owl2-controls .owl2-next:hover {
    color: #77f9f1;
    filter: Alpha(Opacity=100);
    opacity: 1
}
.so-deal .item-time {
    display: block;
    overflow: hidden
}
.so-deal .item-timer {
    background-color: #eee
}
.so-deal .item-timer .time-item {
    float: left;
    width: 25%;
    background: none repeat scroll 0 0 #eee;
    border-bottom: 1px solid #fff;
    float: left;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-align: center;
    width: 25%
}
.so-deal .num-time {
    border-bottom: 2px solid #fff
}
.so-deal .name-time {
    font-size: 12px;
    font-weight: 300
}
.lang_ar .owl2-controls {
    float: left
}
.lang_ar .owl2-controls .owl2-next {
    right: 0
}
.lang_ar .owl2-controls .owl2-prev {
    right: 20px;
    float: right
}
.lang_ar .owl2-carousel .owl2-stage {
    float: left
}
.so-deal .ltabs-items .fadeIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
.so-deal .ltabs-items .flipInY .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible
}
@-webkit-keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(80deg)
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    90% {
        -webkit-transform: perspective(400px) rotateY(-5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg)
    }
}
@-moz-keyframes flipInY {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateY(80deg)
    }
    40% {
        -moz-transform: perspective(400px) rotateY(-20deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateY(10deg)
    }
    90% {
        -moz-transform: perspective(400px) rotateY(-5deg)
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateY(0deg)
    }
}
@-o-keyframes flipInY {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateY(80deg)
    }
    40% {
        -o-transform: perspective(400px) rotateY(-20deg)
    }
    70% {
        -o-transform: perspective(400px) rotateY(10deg)
    }
    90% {
        -o-transform: perspective(400px) rotateY(-5deg)
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateY(0deg)
    }
}
@keyframes flipInY {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateY(80deg)
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg)
    }
    90% {
        -webkit-transform: perspective(400px) rotateY(-5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateY(0deg)
    }
}
.so-deal .ltabs-items .flipInX .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible
}
@-webkit-keyframes flipInX {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(85deg)
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg)
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(15deg)
    }
    90% {
        -webkit-transform: perspective(400px) rotateX(-5deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}
@-moz-keyframes flipInX {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateX(85deg)
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-20deg)
    }
    70% {
        -moz-transform: perspective(400px) rotateX(15deg)
    }
    90% {
        -moz-transform: perspective(400px) rotateX(-5deg)
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateX(0deg)
    }
}
@-o-keyframes flipInX {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateX(85deg)
    }
    40% {
        -o-transform: perspective(400px) rotateX(-20deg)
    }
    70% {
        -o-transform: perspective(400px) rotateX(15deg)
    }
    90% {
        -o-transform: perspective(400px) rotateX(-5deg)
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateX(0deg)
    }
}
@keyframes flipInX {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(85deg)
    }
    40% {
        transform: perspective(400px) rotateX(-20deg)
    }
    70% {
        transform: perspective(400px) rotateX(15deg)
    }
    90% {
        transform: perspective(400px) rotateX(-5deg)
    }
    100% {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg)
    }
}
.so-deal .ltabs-items .flip .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-backface-visibility: visible;
    -moz-animation-play-state: running;
    -moz-backface-visibility: visible;
    -o-animation-play-state: running;
    -o-backface-visibility: visible;
    animation-play-state: running;
    backface-visibility: visible
}
@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: perspective(500px) rotateY(0);
        -webkit-animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -webkit-animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(500px) rotateY(360deg) scale(.95);
        -webkit-animation-timing-function: ease-in
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(500px) scale(1);
        -webkit-animation-timing-function: ease-in
    }
}
@-moz-keyframes flip {
    0% {
        opacity: 0;
        -moz-transform: perspective(500px) rotateY(0);
        -moz-animation-timing-function: ease-out
    }
    40% {
        -moz-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -moz-animation-timing-function: ease-out
    }
    50% {
        -moz-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -moz-animation-timing-function: ease-in
    }
    80% {
        -moz-transform: perspective(500px) rotateY(360deg) scale(.95);
        -moz-animation-timing-function: ease-in
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(500px) scale(1);
        -moz-animation-timing-function: ease-in
    }
}
@-o-keyframes flip {
    0% {
        opacity: 0;
        -o-transform: perspective(500px) rotateY(0);
        -o-animation-timing-function: ease-out
    }
    40% {
        -o-transform: perspective(500px) translateZ(150px) rotateY(170deg);
        -o-animation-timing-function: ease-out
    }
    50% {
        -o-transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        -o-animation-timing-function: ease-in
    }
    80% {
        -o-transform: perspective(500px) rotateY(360deg) scale(.95);
        -o-animation-timing-function: ease-in
    }
    100% {
        opacity: 1;
        -o-transform: perspective(500px) scale(1);
        -o-animation-timing-function: ease-in
    }
}
@keyframes flip {
    0% {
        opacity: 0;
        transform: perspective(500px) rotateY(0);
        animation-timing-function: ease-out
    }
    40% {
        transform: perspective(500px) translateZ(150px) rotateY(170deg);
        animation-timing-function: ease-out
    }
    50% {
        transform: perspective(500px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in
    }
    80% {
        transform: perspective(500px) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in
    }
    100% {
        opacity: 1;
        transform: perspective(500px) scale(1);
        animation-timing-function: ease-in
    }
}
.so-deal .ltabs-items .starwars .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-play-state: running;
    -moz-transform-origin: 50% 50%;
    -moz-animation-play-state: running;
    -o-transform-origin: 50% 50%;
    -o-animation-play-state: running;
    transform-origin: 50% 50%;
    animation-play-state: running
}
@-webkit-keyframes starwars {
    0% {
        opacity: 0;
        -webkit-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg)
    }
    80% {
        opacity: 1;
        -webkit-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}
@-moz-keyframes starwars {
    0% {
        opacity: 0;
        -moz-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg)
    }
    80% {
        opacity: 1;
        -moz-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}
@-o-keyframes starwars {
    0% {
        opacity: 0;
        -o-transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg)
    }
    80% {
        opacity: 1;
        -o-transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        -o-transform: perspective(200px) scale(1) rotateX(0deg)
    }
}
@keyframes starwars {
    0% {
        opacity: 0;
        transform: perspective(200px) scale(3) translateY(180px) rotateX(80deg)
    }
    80% {
        opacity: 1;
        transform: perspective(200px) scale(1) rotateX(60deg)
    }
    100% {
        opacity: 1;
        transform: perspective(200px) scale(1) rotateX(0deg)
    }
}
.so-deal .ltabs-items .slideRight .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@-moz-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@-o-keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@keyframes slideRight {
    0% {
        opacity: 0;
        left: 30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
.so-deal .ltabs-items .bounceIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3)
    }
    50% {
        -webkit-transform: scale(1.05)
    }
    70% {
        -webkit-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes bounceIn {
    0% {
        opacity: 0;
        -moz-transform: scale(.3)
    }
    50% {
        -moz-transform: scale(1.05)
    }
    70% {
        -moz-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}
@-o-keyframes bounceIn {
    0% {
        opacity: 0;
        -o-transform: scale(.3)
    }
    50% {
        -o-transform: scale(1.05)
    }
    70% {
        -o-transform: scale(.9)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3)
    }
    50% {
        transform: scale(1.05)
    }
    70% {
        transform: scale(.9)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
.so-deal .ltabs-items .zoomIn .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -moz-transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}
@-o-keyframes zoomIn {
    0% {
        opacity: 0;
        -o-transform: scale(1.8)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale(1.8)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
.so-deal .ltabs-items .pageTop .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -webkit-transform-origin: 50% 0;
    -moz-animation-play-state: running;
    -moz-transform-origin: 50% 0;
    -o-animation-play-state: running;
    -o-transform-origin: 50% 0;
    animation-play-state: running;
    transform-origin: 50% 0
}
@-webkit-keyframes pageTop {
    0% {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}
@-moz-keyframes pageTop {
    0% {
        opacity: 0;
        -moz-transform: perspective(400px) rotateX(90deg)
    }
    100% {
        opacity: 1;
        -moz-transform: perspective(400px) rotateX(0deg)
    }
}
@-o-keyframes pageTop {
    0% {
        opacity: 0;
        -o-transform: perspective(400px) rotateX(90deg)
    }
    100% {
        opacity: 1;
        -o-transform: perspective(400px) rotateX(0deg)
    }
}
@keyframes pageTop {
    0% {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
    100% {
        opacity: 1;
        transform: perspective(400px) rotateX(0deg)
    }
}
.so-deal .ltabs-items .zoomOut .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation: zoomOut 600ms ease both;
    -moz-animation-play-state: paused;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 0;
        -webkit-transform: scale(.6)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes zoomOut {
    0% {
        opacity: 0;
        -moz-transform: scale(.6)
    }
    100% {
        opacity: 1;
        -moz-transform: scale(1)
    }
}
@-o-keyframes zoomOut {
    0% {
        opacity: 0;
        -o-transform: scale(.6)
    }
    100% {
        opacity: 1;
        -o-transform: scale(1)
    }
}
@keyframes zoomOut {
    0% {
        opacity: 0;
        transform: scale(.6)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}
.so-deal .ltabs-items .slideLeft .ltabs-item {
    opacity: 0;
    position: relative;
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
@-webkit-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@-moz-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@-o-keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
@keyframes slideLeft {
    0% {
        opacity: 0;
        left: -30px
    }
    100% {
        opacity: 1;
        left: 0
    }
}
.play .ltabs-item {
    -webkit-animation-play-state: running;
    -moz-animation-play-state: running;
    -o-animation-play-state: running;
    animation-play-state: running
}
.postext-spextraslider {
    margin-top: 10px
}
.pretext-spextraslider {
    margin-bottom: 10px
}
.so-deal {
    margin: 20px 0
}
.page-title-extraslider {
    color: #2e2c2d;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    overflow: hidden;
    width: 75%;
    margin: 10px 0 8px
}
.so-deal a {
    text-decoration: none
}
.so-deal.preload {
    height: 250px;
    overflow: hidden;
    position: relative
}
.so-deal .extra-loading {
    background: url(../images/loading.gif) no-repeat scroll center center transparent;
    height: 250px;
    width: 100%
}
.so-deal.preload .heading-title, .so-deal.preload .owl2-controls, .so-deal.preload .owl2-controls, .so-deal.preload .extraslider-inner {
    display: none!important
}
.so-deal .pre-text, .so-deal .post-text {
    margin: 10px 0
}
.so-deal .heading-title {
    text-transform: uppercase;
    font-weight: 700;
    float: left;
    margin-bottom: 10px
}
.so-deal .extraslider-inner .item-wrap .item-wrap-inner .item-info .button-container button {
    background: #009ad0 linear-gradient(to bottom, #009ad0 0%, #007ab7 100%) repeat-x scroll 0 0;
    border: none;
    padding: 10px 14px;
    border: 1px solid #06b2e6
}
.so-deal .extraslider-inner .item-wrap .item-wrap-inner .item-info .button-container button:hover {
    background: #0084bf none repeat scroll 0 0
}
.so-deal .item {
    position: relative;
    display: block
}
.so-deal .owl2-item {
    float: left
}
.so-deal .extraslider-inner .item-wrap {
    position: relative;
    overflow: hidden
}
.so-deal .extraslider-inner .item-wrap .item-info .item-content {
    margin-left: 10px
}
.so-deal .extraslider-inner .item-wrap .item-info, .so-deal .extraslider-inner .item-wrap .item-info .item-content {
    overflow: hidden
}
.so-deal .extraslider-inner .item-wrap.style1 .item-info {
    color: #fff;
    position: absolute;
    background: url(../images/background.png) repeat;
    bottom: 0;
    left: 0
}
.so-deal .extraslider-inner .item-wrap .item-info a {
    color: #fff
}
.so-deal .extraslider-inner .item-wrap .item-info a:hover {
    color: #ddd
}
.so-deal .extraslider-inner .item-wrap.style2 .item-info {
    background: #333;
    color: #fff;
    position: relative
}
.so-deal .extraslider-inner .item-wrap-inner {
    margin: 8px 5px 0;
    padding: 0 1px;
    position: relative;
    overflow: hidden
}
.so-deal .extraslider-inner .item-wrap-inner a.new-box {
    left: -4px;
    z-index: 2
}
.so-deal .extraslider-inner .item-wrap-inner a.sale-box {
    right: -4px;
    z-index: 2
}
.so-deal .extraslider-inner .item-wrap.last {
    margin-right: 0;
    padding-right: 0
}
.so-deal .extraslider-inner .item-wrap img {
    width: 100%;
    border: none;
    box-shadow: #000 0 0 0
}
.so-deal .extraslider-inner .item-wrap img:hover {
    box-shadow: #000 0 0 0
}
.so-deal .item .item-wrap .item-description {
    margin-bottom: 0
}
.so-deal .item .item-wrap .item-prices {
    padding: 0;
    margin-bottom: 10px
}
.so-deal .item .item-wrap .item-prices .item-price {
    color: red;
    font-weight: 700;
    font-family: Georgia;
    margin-right: 3px
}
.so-deal .item .item-wrap .item-per-unit {
    color: #fff
}
.so-deal .item .item-wrap .item-tags {
    margin-bottom: 5px
}
.so-deal .item .item-wrap .item-votes {
    padding-left: 10px
}
.so-deal .item .item-wrap.style3 .item-votes .hikashop_total_vote {
    color: #fff
}
.so-deal .item .item-wrap.style5 .item-votes .hikashop_total_vote {
    color: #fff
}
.so-deal .item .item-wrap.style6 .item-votes .hikashop_total_vote {
    color: #fff
}
.so-deal .item .item-wrap.style7 .item-votes .hikashop_total_vote {
    color: #fff
}
.so-deal .item .item-wrap.style4 .item-prices .item-per-unit {
    color: #000
}
.so-deal .item .item-wrap .item-btn-add {
    margin-bottom: 5px
}
.so-deal .item .item-wrap .item-btn-add form {
    margin: 0
}
.so-deal .item .item-wrap .item-btn-add .hikashop_add_to_cart {
    display: inline-block;
    margin: 5px 5px 5px 0
}
.so-deal .item .item-wrap .item-btn-add .hikashop_add_wishlist {
    display: inline-block;
    margin: 5px 5px 5px 0
}
.so-deal .item .item-wrap .item-readmore {
    margin-top: 10px
}
.so-deal .item .item-wrap .item-related {
    text-align: left;
    color: #fff
}
.so-deal .item .item-wrap .item-related h4 {
    margin: 5px 0;
    color: #fff
}
.so-deal .item .item-wrap .item-related ul {
    text-align: left;
    margin: 0 10px 0 13px;
    color: #fff
}
.so-deal .item .item-wrap .item-tags span {
    color: #fff
}
.so-deal .item .item-wrap .item-tags .tags span a {
    display: inline-block
}
.so-deal .item .item-wrap .item-readmore {
    text-align: right
}
.so-deal .owl2-controls .nav-page {
    list-style: none;
    margin: 0;
    float: left;
    padding-left: 0
}
.so-deal .owl2-controls .nav-page .page {
    float: left;
    background: 0 0;
    padding: 0;
    outline: none
}
.so-deal .extraslider-inner .owl2-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}
.so-deal .extraslider-inner .owl2-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    position: relative
}
.so-deal .extraslider-inner .owl2-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.so-deal .owl2-controls {
    margin-bottom: 8px;
    vertical-align: middle;
    display: inline
}
.so-deal .owl2-controls .owl2-controls {
    float: left;
    margin: 0
}
.so-deal .owl2-controls .owl2-dots .owl2-dot {
    display: inline-block;
    zoom: 1
}
.so-deal .owl2-dots .owl2-dot {
    display: block;
    width: 12px;
    height: 12px;
    margin: 4px;
    filter: Alpha(Opacity=50);
    opacity: .5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #797575;
    cursor: pointer;
    vertical-align: middle
}
.so-deal .owl2-dots .owl2-dot:hover {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #77f9f1
}
.so-deal.button-type2 .owl2-controls {
    width: 100%
}
.so-deal.button-type2 .owl2-dots {
    text-align: center;
    margin-top: 10px;
    display: block
}
.so-deal .owl2-dots .owl2-dot.active {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #77f9f1
}
.so-deal .owl2-dots .owl2-dot:focus, .so-deal .owl2-nav .owl2-prev:focus, .so-deal .owl2-nav .owl2-next:focus {
    outline: none
}
.so-deal.button-type2 .owl2-dots {
    text-align: center;
    margin-top: 10px;
    display: block
}
.so-deal .owl2-controls .owl2-prev:hover, .so-deal .owl2-controls .owl2-next:hover {
    color: #77f9f1;
    filter: Alpha(Opacity=100);
    opacity: 1
}
@media all and (max-width:479px) {
    .so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
        display: block
    }
    .so-deal.preset04-6 .extraslider-inner .item-wrap.style1 .item-info {
        max-height: 200px
    }
}
@media all and (min-width:480px) and (max-width:767px) {
    .so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
        display: block
    }
    .so-deal.preset03-6 .extraslider-inner .item-wrap.style1 .item-info {
        max-height: 200px
    }
}
@media all and (min-width:768px) and (max-width:991px) {
    .so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
        display: none
    }
    .so-deal.preset02-6 .extraslider-inner .item-wrap.style1 .item-info {
        max-height: 200px
    }
}
@media all and (min-width:992px) and (max-width:1199px) {
    .so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
        display: none
    }
    .so-deal.preset01-6 .extraslider-inner .item-wrap.style1 .item-info {
        max-height: 200px
    }
}
@media all and (min-width:1200px) {
    .so-deal .extraslider-inner .item-wrap .item-image .quick-view-wrapper-mobile {
        display: none
    }
    .so-deal.preset00-6 .extraslider-inner .item-wrap.style1 .item-info {
        max-height: 200px
    }
}
.so-deal .product-thumb .image span.label-sale:after {
    border-left: 8px solid transparent;
    border-top: 9px solid #e74c3c;
    bottom: -6px;
    content: "";
    position: absolute;
    right: 8px
}
.so-deal .product-thumb .image span.label-sale {
    background: #e74c3c none repeat scroll 0 0;
    left: 20px;
    top: 20px;
    z-index: 3
}
.so-deal .product-thumb .image .label-new, .so-deal .product-thumb .image .label-sale {
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 23px;
    min-width: 56px;
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}
.so-deal .product-thumb .image span.label-new:after {
    border-right: 8px solid transparent;
    border-top: 9px solid #1e91cf;
    bottom: -6px;
    content: "";
    position: absolute;
    left: 8px
}
.so-deal .product-thumb .image span.label-new {
    background: #1e91cf none repeat scroll 0 0;
    right: 20px;
    top: 20px;
    z-index: 3
}
.so-deal .product-thumb .image .img-thumb1 {
    position: relative;
    z-index: 2;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transition: all .3s ease-in-out
}
.so-deal .product-thumb .image .img-thumb2 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: all .3s ease-in
}
.so-deal .product-thumb .image {
    overflow: hidden;
    position: relative
}
.so-deal .product-thumb .image:hover .img-thumb1 {
    transform: translateX(200%);
    -moz-transform: translateX(200%);
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transition: all .3s ease-in-out
}
.so-deal .product-feature .product-thumb .image {
    width: 40%;
    float: left
}
.so-deal .product-feature .product-thumb .caption {
    width: 60%;
    float: left
}
.so-deal .extraslider-inner .product-thumb .caption .item-time {
    margin: 0 -15px
}
.so-deals-slick .so-deals-slider-loading {
    background: url(../img/loading.gif) no-repeat scroll center center #fff;
    height: 250px;
    max-height: 250px;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}
.so-deals-slick.deals-slider-preload .deals-nav, .so-deals-slick.deals-slider-preload .deals-content {
    display: none
}
.so-deals-slick.slick-vertical .ds-items {
    width: 170px;
    padding: 30px 40px 20px;
    float: left
}
.so-deals-slick.slick-vertical .ds-items-detail {
    margin-left: 170px
}
.so-deals-slick.slick-vertical .ds-items .ds-image-thumb img {
    border: 1px solid #e0e0e0;
    margin: auto;
    border-radius: 5px;
    padding: 10px;
    cursor: pointer
}
.so-deals-slick.slick-vertical .ds-items .slick-current .ds-image-thumb img {
    border-color: #5bb300
}
.so-deals-slick.slick-horizontal .deals-content {
    position: relative;
    padding-bottom: 150px
}
.so-deals-slick.slick-horizontal .deals-content .ds-items {
    position: absolute;
    bottom: 0;
    display: block;
    overflow: hidden;
    float: left;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    padding: 10px 0
}
.so-deals-slick.slick-horizontal .deals-content .ds-items .ds-image-thumb {
    height: 100px;
    margin: 0 5px 5px;
    padding: 30px;
    border: 1px solid #e0e0e0;
    border-radius: 5px
}
.so-deals-slick.slick-horizontal .deals-content .ds-items .slick-current .ds-image-thumb {
    border-color: #5bb300
}
.so-deals-slick.slick-horizontal .deals-content .ds-items .ds-image-thumb img {
    max-height: 100%;
    margin: auto;
    cursor: pointer
}
.so-deals-slick .deals-nav {
    display: inline-block;
    padding: 10px 8px;
    border: #ccc 1px solid;
    float: right;
    margin-bottom: 10px;
    border-radius: 3px
}
.so-deals-slick .deals-nav .slick-prev {
    font-size: 16px;
    padding-right: 10px;
    border-right: 1px solid #ccc
}
.so-deals-slick .deals-nav .slick-next {
    font-size: 16px;
    padding-left: 10px
}
.so-deals-slick .deals-nav .slick-prev:hover, .so-deals-slick .deals-nav .slick-next:hover {
    cursor: pointer;
    color: red
}
.so-deals-slick .deals-content {
    border: #5bb300 2px solid;
    border-radius: 10px;
    clear: both;
    display: block;
    overflow: hidden
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb {
    border: none;
    margin: 0
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .image {
    width: 50%;
    float: left;
    margin-top: 30px
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption {
    width: 50%;
    float: left;
    padding: 30px
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time {
    border: #e2e2e2 1px solid;
    border-radius: 5px;
    background: #f5f5f5;
    padding: 10px 20px
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .num-time, .so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .name-time, .so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .time-item {
    border: none
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .time-item {
    line-height: 25px;
    border-right: #e2e2e2 1px solid;
    background: #f5f5f5
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .time-item:last-child {
    border: none
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .item-time .num-time {
    color: #333
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption h4 {
    margin: 20px 0
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption h4 a {
    color: #333
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .price .price-new {
    color: #5bb300;
    font-size: 16px
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .button-group button {
    background: #5bb300;
    width: 150px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .button-group {
    background: #fff;
    border: none
}
.so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .button-group button+button, .so-deals-slick .deals-content .ds-items-detail .product-thumb .caption .button-group button+button+button {
    background: #fff;
    width: 50px;
    border-radius: 5px;
    border: #5bb300 1px solid;
    color: #5bb300
}
/*style.css end*/

/*so_megamenu.css End*/

.no-gutter {
    padding: 0
}
#menu {
    position: relative;
    overflow: visible
}
#menu .background-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}
#megaMenuToggle {
    display: none
}
.megamenu-wrapper {
    position: relative;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: #2ea8fd;
    color: #444
}
.megamenu-pattern {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
ul.megamenu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}
ul.megamenu>li {
    float: left;
    width: auto
}
ul.megamenu>li:first-child {
    background: 0 0
}
ul.megamenu>li.pull-right {
    float: right
}
ul.megamenu>li .close-menu {
    display: none
}
ul.megamenu>li.search {
    background: 0 0
}
#top ul.megamenu>li.search .search_form, ul.megamenu>li.search .search_form {
    padding: 0;
    margin: 8px
}
#top ul.megamenu>li.search .search_form input, ul.megamenu>li.search .search_form input {
    height: 29px;
    min-height: 29px;
    border: none
}
ul.megamenu>li.search .button-search2 {
    top: 6px;
    right: 8px
}
ul.megamenu>li:first-child>a {
    border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -webkit-border-radius: 2px 0 0 2px
}
ul.megamenu>li>a {
    display: block;
    position: relative;
    color: #fff;
    font-size: 14px;
    text-shadow: 1px 1px 2px #121111;
    padding: 12px 5px 5px 5px;
    height: 45px
}
ul.megamenu>li>a strong {
    font-weight: 400
}
ul.megamenu>li.active>a, ul.megamenu>li.home>a, ul.megamenu>li:hover>a, ul.megamenu>li>a:hover {
    background-color: #f7f7f7;
    color: #444
}
.responsive .navbar-default {
    margin-top: 0;
    margin-bottom: 0
}
ul.megamenu>li>a>.icon-home {
    display: block;
    font-size: 23px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .15)
}
ul.megamenu>li>a img {
    margin-right: 10px;
    height: 28px;
    vertical-align: middle
}
ul.megamenu>li>a.description {
    font-size: 14px;
    padding: 10px 20px 11px 21px;
    line-height: 1
}
ul.megamenu>li>a.description img {
    float: left
}
ul.megamenu>li>a.description .description {
    font-size: 11px;
    opacity: .9
}
ul.megamenu>li>a.description .description-left {
    float: left;
    width: auto
}
ul.megamenu .title-submenu {
    font-weight: 400;
    font-size: 16px;
    color: #23a1d1;
    width: 100%;
    float: left;
    padding-left: 14px;
    padding-bottom: 10px
}
ul.megamenu>li>.sub-menu {
    position: absolute;
    z-index: 9999;
    display: none
}
.horizontal ul.megamenu>li>.sub-menu {
    max-width: 100%
}
ul.megamenu>li.active>a span:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 12px;
    margin-left: -6px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    content: '';
    z-index: 30
}
ul.megamenu>li.active>a span:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 13px;
    margin-left: -5px;
    display: inline-block;
    content: '';
    z-index: 30
}
ul.megamenu li .sub-menu .content {
    display: none;
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important
}
ul.megamenu .sub-menu .content>.row {
    padding-top: 20px
}
ul.megamenu .sub-menu .content>.border {
    padding-top: 20px;
    border-bottom: 1px solid #e6e6e6
}
ul.megamenu .sub-menu .content>.row:first-child {
    padding: 0
}
ul.megamenu li .product {
    text-align: center;
    position: relative;
    margin-bottom: -7px
}
ul.megamenu li .product .image {
    padding: 0
}
ul.megamenu li .product .image img {
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
ul.megamenu li .product .name {
    padding: 7px 0 0 0
}
ul.megamenu li .product .price {
    color: #ff6b6b
}
ul.manufacturer {
    list-style: none;
    margin: -10px 0 0 0!important;
    padding: 0;
    position: relative
}
ul.manufacturer li {
    display: inline-block;
    margin: 10px 5px 0 0
}
ul.manufacturer li a {
    display: block;
    font-size: 14px;
    padding: 2px 8px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
ul.megamenu li .sub-menu .content .static-menu a.main-menu {
    display: block;
    font-weight: 400;
    font-size: 16px
}
ul.megamenu li .sub-menu .content .static-menu .menu ul {
    list-style: none;
    margin: 0;
    padding: 5px 0
}
ul.megamenu li .sub-menu .content .static-menu>.menu>ul>li {
    padding-top: 7px
}
ul.megamenu li .sub-menu .content .static-menu>.menu>ul>li:first-child {
    padding-top: 0
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
    padding: 5px 10px
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before {
    color: #4ecdc4;
    padding-right: 6px
}
ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
    display: block
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul {
    list-style: none;
    margin: 3px 0;
    padding: 0
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
    display: none;
    width: 240px;
    padding: 20px;
    position: absolute;
    z-index: 10;
    left: 90%;
    background: #fff;
    border: 1px solid #e6e6e6;
    top: 0;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15)
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    top: 20px;
    left: -11px;
    border-right-color: #e6e6e6;
    border-left-width: 0
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    top: 20px;
    left: -10px;
    border-right-color: #fff;
    border-left-width: 0
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
    position: relative
}
ul.megamenu li .sub-menu .content .hover-menu a:before {
    content: "»";
    color: #4ecdc4;
    padding-right: 6px
}
#megaMenuToggle {
    display: none;
    cursor: pointer
}
.megamenuToogle-wrapper {
    position: relative;
    z-index: 20;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #000
}
.megamenuToogle-pattern {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
.megamenuToogle-wrapper .container {
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .15);
    padding: 15px 35px 15px 15px!important
}
.megamenuToogle-wrapper .container>div {
    float: left;
    width: 15px;
    margin: 5px 9px 0 0
}
.megamenuToogle-wrapper .container>div span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 2px;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .15)
}
.vertical #menuHeading {
    margin: 30px 0 0 0
}
.vertical li.loadmore {
    padding: 10px 10px
}
.vertical li.loadmore i {
    padding-left: 10px
}
.vertical span.more-view {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #556270
}
.vertical .megamenuToogle-wrapper {
    z-index: 3
}
.vertical .megamenu-wrapper {
    display: block!important;
    background: #fff!important;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 2;
    margin-top: -2px
}
.vertical ul.megamenu>li {
    display: block;
    float: none!important;
    width: auto;
    background: 0 0;
    border-top: 1px solid #e6e6e6;
    position: relative;
    margin: 0 -1px
}
.vertical ul.megamenu>li.home, .vertical ul.megamenu>li.search {
    display: none
}
.vertical ul.megamenu>li>a {
    color: #556270;
    text-shadow: none;
    background: 0 0!important;
    height: auto!important;
    margin: 0 1px
}
.vertical ul.megamenu>li.active>a {
    background: #f6f6f6!important
}
.vertical ul.megamenu>li>a.description {
    padding: 12px 20px 12px 21px
}
.vertical ul.megamenu>li.click:before, .vertical ul.megamenu>li.hover:before {
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    color: #51cfc6;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 0;
    z-index: 10;
    padding: 14px 15px 10px 50px
}
.vertical ul.megamenu>li>.sub-menu {
    left: 100%;
    padding-top: 0;
    top: 0
}
.megamenu .label {
    background: #d5375f none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    line-height: 17px;
    padding: 0 5px;
    position: absolute;
    text-transform: none;
    top: 0
}
ul.megamenu>li span.labelnew {
    width: 50px;
    height: 21px;
    position: absolute;
    top: -15px;
    background: url(images/new-item.png) no-repeat top center;
    font-size: 0;
    left: 0
}
ul.megamenu>li span.labelhot {
    width: 50px;
    height: 21px;
    position: absolute;
    top: -15px;
    background: url(images/hot-item.png) no-repeat top center;
    font-size: 0;
    left: 0
}
.fa-angle-right {
    margin-right: 0;
    float: right;
    display: none
}
.megamenu i {
    padding-right: 12px
}
@media (max-width:991px) {
    .navbar-header .navbar-toggle {
        display: block
    }
    .responsive .vertical #menuHeading {
        margin: 20px 0 0 0
    }
    .responsive .vertical ul.megamenu>li>.sub-menu {
        left: 0;
        top: auto;
        width: 100%!important
    }
    .responsive .vertical ul.megamenu>li>.sub-menu>.content {
        margin-left: 0
    }
    .responsive .vertical ul.megamenu>li.active>a span:after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 13px;
        margin-left: -5px;
        display: inline-block;
        border-width: 0;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        content: '';
        z-index: 30
    }
    ul.megamenu li .sub-menu .content {
        border: none;
        border-radius: none;
        box-shadow: none
    }
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        display: block!important;
        margin: 5px 10px;
        width: auto;
        padding: 0;
        position: static;
        left: 0;
        background: 0 0;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none
    }
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none
    }
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
        font-size: 16px
    }
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
        display: none
    }
    .responsive .vertical .visible {
        padding: 5px 0 5px 0!important
    }
    .responsive .vertical .visible>div {
        margin: 0!important;
        border: none!important;
        padding: 0!important;
        padding-left: 20px!important
    }
    .responsive ul.megamenu .sub-menu .content .border {
        display: none
    }
    .responsive ul.megamenu .sub-menu .content .row {
        margin: 0 -20px
    }
    .responsive ul.megamenu .sub-menu .content .row>div {
        margin-top: 20px;
        border-top: 1px solid #e6e6e6;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .responsive ul.megamenu .sub-menu .content .row:first-child>div:first-child {
        margin-top: 0;
        border-top: none;
        padding-top: 0
    }
}
@media (max-width:991px) {
    .responsive #megaMenuToggle {
        display: block
    }
    .responsive ul.megamenu>li {
        display: block;
        float: none!important;
        width: auto;
        background: 0 0;
        border-top: 1px solid #e6e6e6;
        position: relative;
        margin: 0 -1px
    }
    .caret, .fa-angle-right, .responsive ul.megamenu>li.home, ul.megamenu>li.search {
        display: none
    }
    .responsive ul.megamenu>li>a {
        color: #556270;
        text-shadow: none;
        background: 0 0!important;
        margin: 0 1px;
        height: auto
    }
    .responsive ul.megamenu>li.active>a {
        background: #f6f6f6!important
    }
    .responsive ul.megamenu>li.click:before, .responsive ul.megamenu>li.hover:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #51cfc6;
        font-weight: 400;
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        padding: 13px 17px 10px 50px
    }
    .responsive ul.megamenu>li.hover:hover {
        background: #556270;
        color: #333!important
    }
    .responsive ul.megamenu>li.active .close-menu {
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 1px;
        width: 85px;
        height: 100%;
        padding: 12px 0 0 40px;
        background: #f6f6f6;
        text-align: center;
        cursor: pointer
    }
    .responsive ul.megamenu>li.active .close-menu:before {
        content: "\f068";
        font-family: FontAwesome;
        color: #51cfc6;
        font-weight: 400;
        font-size: 18px
    }
    .responsive .horizontal ul.megamenu>li>.sub-menu {
        width: 100%!important
    }
    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        display: block!important;
        margin: 5px 10px;
        width: auto;
        padding: 0;
        position: static;
        left: 0;
        background: 0 0;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none
    }
    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none
    }
    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
        font-size: 16px
    }
    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
        display: none
    }
    .responsive .horizontal .visible {
        padding: 5px 0 5px 0!important
    }
    .responsive .horizontal .visible>div {
        margin: 0!important;
        border: none!important;
        padding: 0 0 0 10px!important
    }
}
.so-megamenu-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#remove-megamenu {
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    display: none;
    text-align: right
}
.so-megamenu-active #remove-megamenu {
    display: block
}
.so-vertical-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
#remove-verticalmenu {
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    display: none;
    text-align: right
}
.so-vertical-active #remove-verticalmenu {
    display: block
}
.subcategory li {
    display: inline-block;
    list-style: outside none none;
    position: relative;
    width: 100%
}
.subcategory li a {
    float: left;
    width: 100%;
    text-align: left
}
/*so_megamenu.css End*/

/*wide-grid.css*/

.standard-body .full-width .container {
    max-width: none;
    width: 1262px
}
.no-responsive body {
    min-width: 1262px
}
.standard-body .fixed .background {
    width: 1222px;
    max-width: none
}
.main-fixed {
    width: 1222px;
    max-width: none
}
@media (min-width:1098px) and (max-width:1262px) {
    .responsive .standard-body .full-width .container {
        width: 1098px
    }
    .responsive .standard-body .fixed .background {
        width: 1058px
    }
    .responsive .main-fixed {
        width: 1058px
    }
}
@media (min-width:966px) and (max-width:1098px) {
    .responsive .standard-body .full-width .container {
        width: 966px
    }
    .responsive .standard-body .fixed .background {
        width: 926px
    }
    .responsive .main-fixed {
        width: 926px
    }
}
@media (min-width:768px) and (max-width:966px) {
    .responsive .standard-body .full-width .container {
        width: 768px
    }
    .responsive .standard-body .fixed .background {
        width: 728px
    }
    .responsive .main-fixed {
        width: 728px
    }
}
@media (max-width:768px) {
    .responsive .standard-body .full-width .container {
        width: auto
    }
    .responsive .standard-body .fixed .background {
        width: auto
    }
    .responsive .main-fixed {
        width: auto
    }
}
.container .container {
    width: auto!important
}
/*wide-grid.css end*/

/*catalog/view/javascript/simple_blog/css/style.css*/

.blog-listitem img {
    max-width: 100%
}
.blog-category h3.modtitle {
    background: #f2f2f2;
    line-height: 100%;
    padding: 10px 0 9px 15px;
    border-bottom: 1px solid #e8e8e8;
    margin: 0
}
.blog-category .blog-cate {
    border: 1px solid #e8e8e8;
    margin-bottom: 15px
}
.blog-category ul.list-group {
    padding: 0;
    margin: 0
}
.blog-category ul li.list-group-item {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 10px 0
}
.blog-category ul li.list-group-item:last-child {
    border: none
}
.blog-category ul li.list-group-item a {
    color: #7d7d7d;
    padding: 0 20px;
    background: 0 0;
    border-radius: 0;
    border: 0;
    box-shadow: none
}
.blog-category ul li.list-group-item a.active, .blog-category ul li.list-group-item a.active:hover, .blog-category ul li.list-group-item a:hover {
    color: #ff5c00;
    background: 0 0;
    border-radius: 0;
    border: 0;
    box-shadow: none
}
.blog-meta .author, .blog-meta .comment_count {
    display: block
}
.blog-comment-info .time i, .blog-meta .author i, .blog-meta .comment_count i {
    padding-right: 5px
}
/*catalog/view/javascript/simple_blog/css/style.css End*/

/*swiper.min.css*/

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
/*swiper.min.css END*/

.why-div {
    background: #cccccc1f;
}
.fwebsite {
    /* 	background: url('images/bg/fast-web.png'); 
	height: 100px;*/
    width: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.quality-brand {
    /* background: url('images/bg/quality-brand.png');
	height: 100px; */
    width: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.comp-price {
    /* background: url('images/bg/comp-price.png');
	height: 100px; */
    width: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.fast-delivery {
    /* 	background: url('images/bg/fast-delivery.png');
	height: 100px; */
    width: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
/*OpenCart.css*/

.swiper-viewport {
    margin: 0;
    background: #fff;
    z-index: 1;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    position: relative;
    overflow: visible
}
.swiper-container {
    direction: ltr!important
}
.swiper-pager {
    width: 100%;
    position: absolute;
    top: 50%;
    line-height: 45px
}
.swiper-button-prev, .swiper-button-next {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all .3s ease;
    z-index: 2;
    background-image: none
}
.swiper-viewport .swiper-button-prev {
    opacity: .7;
    left: 10px
}
.swiper-viewport .swiper-button-next {
    opacity: .7;
    right: 10px
}
.swiper-button-prev:before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f053";
    color: #9ca4a8;
    font-size: 40px
}
.swiper-button-next:before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f054";
    color: #9ca4a8;
    font-size: 40px
}
.swiper-pagination {
    bottom: 50px;
    left: 0;
    text-align: center;
    width: 100%
}
.swiper-pagination-bullet {
    width: 25px;
    height: 15px;
    background: transparent;
    border-radius: 4px;
    border: 2px solid #2EA8FD;
    margin: 0 5px;
    opacity: 1
}
.swiper-pagination-bullet:hover {
    background: #2EA8FD
}
.swiper-pagination-bullet-active {
    background: #2EA8FD
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}
/*OpenCart.css*/

.thumbmenu-bg1 {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    perspective: 1000px
}
.thumbmenu-bg1 a {
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url(../../../../../image/catalog/bg/menu/menu-bg1.jpg);
    background-size: 0, cover;
    transform-style: preserve-3d;
    transition: all .5s
}
.thumbmenu-bg1:hover a {
    transform: rotateX(80deg);
    transform-origin: bottom
}
.thumbmenu-bg1 a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 36px;
    background: inherit;
    background-size: cover, cover;
    background-position: bottom;
    transform: rotateX(90deg);
    transform-origin: bottom
}
.thumbmenu-bg1 a span {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font: bold 12px/36px "Open Sans";
    text-align: center;
    transform: rotateX(-89.99deg);
    transform-origin: top;
    z-index: 1
}
.thumbmenu-bg1 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 100px 50px rgba(0, 0, 0, 0.5);
    transition: all .5s;
    opacity: .15;
    transform: rotateX(95deg) translateZ(-80px) scale(0.75);
    transform-origin: bottom
}
.thumbmenu-bg1:hover a:before {
    opacity: 1;
    box-shadow: 0 0 25px 25px rgba(0, 0, 0, 0.5);
    transform: rotateX(0) translateZ(-60px) scale(0.85)
}
.menu-bg3 {
    margin: 25px 10px;
    width: auto;
    height: auto
}
.container-fluid {
    padding: 0
}
body .container {}
.container {
    margin: 0 auto;
    padding: 0 16px;
    max-width: 1200px;
    min-width: 720px;
    width: 100%;
    box-sizing: content-box;
}
/* .container{width: 1188px;
min-width: 1188px;
margin: 0 auto;} */

.row {
    margin-left: inherit;
    margin-right: inherit
}
.row.row-lg {
    margin-left: -15px;
    margin-right: -15px
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-sm-25, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 10px;
    padding-left: 10px
}
[class^="col-"].padding-lg {
    padding: 0 15px
}
#wrapper.boxed.boxed-short .row {
    margin-left: -8px;
    margin-right: -8px
}
#wrapper.boxed.boxed-short [class^="col-"] {
    padding-right: 8px;
    padding-left: 8px
}
:focus {
    outline: none
}
html {
    min-height: 100%
}
body {
    font: 400 14px/22px "Open Sans", Arial, sans-serif;
    color: #777;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden
}
body.index5 {
    background-color: #e6e6e3;
    background-image: url(../images/body_bg.png);
    background-repeat: repeat-x;
    background-size: auto;
    background-position: center top
}
body.index9 {
    background-color: #f5f5f5
}
body::-webkit-scrollbar {
    width: 1em
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}
body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}
#heso ul, #vitsup ul, #beauty ul, #peca ul, #babypre ul, .tabcmfg ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px
}
::selection {
    background-color: #08c;
    color: #fff
}
::-moz-selection {
    background-color: #08c;
    color: #fff
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 200;
    letter-spacing: normal;
    color: #0e0e0e;
    margin: 0 0 14px
}
h1, .h1 {
    font-size: 2.4em;
    line-height: 44px;
    margin: 0 0 44px;
    letter-spacing: -1px
}
h2, .h2 {
    font-size: 1.7em;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 20px;
    letter-spacing: -1px
}
h3, .h3 {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 20px
}
h4, .h4 {
    font-size: 1.2em;
    font-weight: 400;
    line-height: 27px;
    padding: 0;
    margin: auto;
}
h5, .h5 {
    font-size: 1em;
    font-weight: 600;
    line-height: 18px
}
h6, .h6 {
    font-size: 1em;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 14px
}
h1.big {
    font-size: 4.2em;
    line-height: 54px
}
h1.short {
    margin-bottom: 15px
}
h2.short {
    margin-bottom: 15px
}
h3.short, h4.short, h5.short, h6.short {
    margin-bottom: 9px
}
h1.text-shadow, h2.text-shadow, h3.text-shadow, h4.text-shadow, h5.text-shadow, h6.text-shadow {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2)
}
ul, ol {
    list-style-type: none;
    padding: 0;
    margin: 0 0 25px
}
p {
    line-height: 24px;
    margin: 0 0 20px
}
.lead {
    font-size: 16px;
    font-weight: 400
}
a, a:hover, a:focus {
    color: #9a6868;
    cursor: pointer
}
a:active, a:hover, a:focus {
    text-decoration: none;
    color: #9a6868
}
a:active, a:focus, input, select, textarea {
    outline: none
}
iframe {
    border: none
}
select {
    padding: 6px 0 6px 2px
}
textarea {
    resize: vertical
}
form label {
    font-weight: 400
}
img.pull-right {
    margin: 7px 0 7px 24px
}
img.pull-left {
    margin: 7px 24px 7px 0
}
hr {
    background-image: - webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
    border: 0;
    height: 1px;
    margin: 22px 0
}
.widget-block hr {
    margin: 35px 0
}
blockquote {
    position: relative;
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 1em;
    border-left: 5px solid #eee
}
.xss-margin, .xs-margin, .sm-margin, .md-margin, .lg-margin, .xlg-margin, .md-margin2x, .lg-margin2x, .xlg-margin2x, .md-margin3x, .lg-margin3x, .xlg-margin3x {
    min-height: 1px
}
.xss-margin {
    margin-bottom: 5px
}
.xs-margin {
    margin-bottom: 10px
}
.xs-margin.half {
    margin-bottom: 15px
}
.sm-margin {
    margin-bottom: 20px
}
.sm-margin.half {
    margin-bottom: 25px
}
.md-margin {
    margin-bottom: 30px
}
.md-margin.half {
    margin-bottom: 35px
}
.lg-margin {
    margin-bottom: 40px
}
.lg-margin.half {
    margin-bottom: 45px
}
.xlg-margin {
    margin-bottom: 50px
}
.xlg-margin.half {
    margin-bottom: 55px
}
.md-margin2x {
    margin-bottom: 60px
}
.md-margin2x.quarter {
    margin-bottom: 65px
}
.md-margin2x.half {
    margin-bottom: 70px
}
.lg-margin2x {
    margin-bottom: 80px
}
.xlg-margin2x {
    margin-bottom: 100px
}
.xlg-margin2x.half {
    margin-bottom: 110px
}
.md-margin3x {
    margin-bottom: 90px
}
.lg-margin3x {
    margin-bottom: 120px
}
.xlg-margin3x {
    margin-bottom: 150px
}
.clear-margin {
    margin: 0!important
}
#mobile-menu {
    position: fixed;
    left: -250px;
    top: 0;
    bottom: 0;
    background-color: #1e1e1e;
    width: 250px;
    z-index: 1600;
    color: #fff;
    transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    visibility: hidden;
    font-size: .9em;
    overflow-x: hidden;
    overflow-y: scroll
}
body.opened-menu #mobile-menu {
    left: 0;
    visibility: visible
}
#main-content {
    position: relative;
    left: 0;
    right: 0;
    transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0
}
body.opened-menu #main-content {
    position: relative;
    left: 250px
}
#mobile-menu-overlay {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1550;
    cursor: pointer;
    transition: opacity .2s ease-in-out 0;
    -webkit-transition: opacity .2s ease-in-out 0;
    opacity: 0;
    visibility: hidden
}
body.opened-menu #mobile-menu-overlay {
    opacity: 1;
    visibility: visible
}
#mobile-menu .welcome-msg {
    color: #fff;
    text-align: center;
    display: block;
    margin: 15px 0;
    padding: 0 10px
}
#mobile-menu .menu-wrap {
    margin: 20px 0;
    padding: 0 10px
}
#mobile-menu .accordion-menu {
    font-size: .8571em;
    margin: 0
}
#mobile-menu .mobile-menu.accordion-menu {
    font-size: 1em
}
.accordion-menu li {
    line-height: 24px
}
.accordion-menu>li {
    position: relative
}
.accordion-menu li a {
    position: relative;
    display: block;
    outline: medium none;
    text-decoration: none;
    margin: 1px 0 0;
    padding: 5px 6px;
    line-height: 25px;
    font-weight: 400;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0;
    color: #fff
}
.accordion-menu li.open>a, .accordion-menu li>a:hover {
    background-color: #2b2b2b
}
.accordion-menu>li>a {
    padding-right: 33px
}
.accordion-menu li a img {
    display: inline-block;
    margin: 7px 4px 0 0;
    vertical-align: top
}
.accordion-menu .arrow {
    border-radius: 3px;
    position: absolute;
    top: 6px;
    right: 0;
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-align: center;
    font-family: "FontAwesome";
    line-height: 25px;
    vertical-align: top;
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0;
    color: #fff
}
.accordion-menu .arrow:before {
    content: "\f067"
}
.accordion-menu .open>a>.arrow:before {
    content: "\f068"
}
.accordion-menu ul {
    display: none;
    padding-left: 10px
}
#main_category_tabs .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 30%;
    height: 460px
}
#main_category_tabs .tab button {
    display: block;
    background-color: inherit;
    color: #000;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px
}
#main_category_tabs .tab button:hover {
    background-color: #ddd
}
#main_category_tabs .tab button.active {
    background-color: #ccc
}
#main_category_tabs .tabcontent {
    float: left;
    padding: 0 12px;
    border: 1px solid #ccc;
    width: 70%;
    border-left: none;
    height: 460px;
    display: none;
    overflow-y: auto;
    overflow-x: hidden
}
#main_category_tabs .clearfix::after {
    content: "";
    clear: both;
    display: table
}
.product-thumb.transition {
    margin: 10px 0 0;
    padding: 10px 5px;
    border: 5px solid #ccc;
    text-align: center;
    vertical-align: middle
}
.product-thumb.transition .image img {
    vertical-align: middle;
    margin: auto
}
.product-thumb.transition .item-timer {
    padding: 0 10px
}
.product-thumb.transition .button-group {
    margin-top: 5px
}
.rightwing {
    background: #fff;
    min-height: 551px;
    box-shadow: 0 2px 1px #0d0c0c;
    color: #000;
    max-height: 550px;
    overflow: hidden
}
.leftwing {
    background: #fff;
    min-height: 551px;
    box-shadow: 0 2px 1px #0d0c0c;
    color: #000;
    max-height: 550px;
    overflow-y: hidden;
    overflow: hidden;
}
.container-fluid.apex {
    background: #7d7e833d;
    padding: 10px 0
}
#tab2 {
    text-align: center;
    justify-content: center
}
#tab2 .youtube-player {
    border: 2px solid #3288c9!important;
    padding: 5px;
    box-shadow: 4px 3px 5px #666
}
.container-fluid .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 5px 7px;
    border-radius: 50%;
    opacity: .5;
    border: 1px solid #fff
}
.rightwing .tabcontent {
    border: none;
    padding: 10px 0;
    text-align: justify;
    line-height: 25px
}
.rightwing .tabcontent ul>li {
    list-style: disclosure-closed;
    margin: 10px 20px
}
.container-fluid .owl-dot.active {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #fff;
    margin: 5px 7px;
    border-radius: 50%;
    opacity: .5;
    border: 1px solid #fff
}
#header {
    position: relative;
    background-color: #0083c1;
    color: #fff
}
#header-top .header-right {
    float: right;
}
.nav.pull-left .list-inline {
    padding-top: 6px
}
nav#top {
    border-top: 2px solid #3288c9;
    background: #F7F7F7;
    position: relative;
    z-index: 1;
    font-size: .7857em
}
#header.header-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    z-index: 1030;
    border-bottom: none
}
#header #header-top .container, #header #header-inner .container {
    position: relative;
    display: table
}
#header #header-top .container>div, #header #header-inner .container>div, #header #header-inner .container-fluid>div {
    display: table-cell;
    position: relative;
    vertical-align: middle
}
#header .header-left {
    text-align: left
}
#header .header-center {
    text-align: left
}
#header #header-inner .container {
    min-height: 68px
}
#header #header-inner .container .header-left {
    padding: 0
}
#header #header-inner .container .header-center {
    padding: 30px 40px
}
#header #header-inner .container .header-right {
    padding: 0
}
#header #header-inner .container .header-center .form-group {
    margin-bottom: 0!important
}
#header #header-top {
    position: relative;
    z-index: 1;
    font-size: .7857em;
    background-color: #008acc
}
#header .separator {
    margin: 0 8px;
    font-weight: 300
}
#header .currency-switcher, #header .view-switcher, #header .top-links {
    font-size: .7857em;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0
}
#header #header-top .currency-switcher, #header #header-top .view-switcher, #header #header-top .top-links {
    margin: 0;
    font-size: 1.1em
}
#header .currency-switcher li, #header .view-switcher li {
    position: relative;
    display: inline-block;
    line-height: 24px
}
#header .currency-switcher>li, #header .view-switcher>li, #header .top-links>li {
    float: left
}
#header .view-switcher img {
    display: inline-block;
    margin: 7px 3px 0 0;
    vertical-align: top
}
.header_10 .view-switcher ul img {
    margin-top: 3px
}
#header .currency-switcher a, #header .view-switcher a, #header .top-links a {
    color: #fff
}
#header .top-links a:hover {
    color: #eee
}
#header .currency-switcher li>a>i, #header .view-switcher li>a>i {
    margin: 1px 0 -1px 5px
}
#header .welcome-msg {
    display: inline-block;
    vertical-align: middle
}
#header #header-top .welcome-msg {
    line-height: 36px
}
#header .switcher-wrap {
    display: inline-block;
    white-space: nowrap
}
#header .switcher-wrap ul:first-child {
    margin-left: 0
}
#header .currency-switcher, #header .view-switcher, #header .top-links {
    font-size: .7857em;
    display: inline-block;
    vertical-align: middle;
    margin: 3px 0
}
#header .currency-switcher li>ul, #header .view-switcher li>ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 900;
    padding: 5px;
    background-color: #006fa4;
    min-width: 94px;
    border-radius: 0 0 6px 6px
}
#header .currency-switcher li:hover>ul, #header .view-switcher li:hover>ul {
    display: block
}
#header .currency-switcher li li, #header .view-switcher li li {
    display: block
}
#header .currency-switcher li:hover>a, #header .view-switcher li:hover>a {
    background-color: #006fa4;
    color: #fff
}
#header .currency-switcher li ul a, #header .view-switcher li ul a {
    display: inline-block;
    font-size: 1em;
    padding: 0 7px;
    line-height: 25px;
    border-bottom-width: 0;
    text-transform: uppercase
}
#header .currency-switcher li li:hover>a, #header .view-switcher li li:hover>a {
    background-color: #0080be;
    color: #fff
}
#header .top-links>li:after {
    content: "|";
    font-weight: 300;
    position: relative;
    top: -1px;
    margin: 0 2px 0 4px
}
#header .top-links>li:last-child:after {
    display: none
}
#header .currency-switcher>li+li, #header .view-switcher>li+li, #header .top-links>li+li {
    margin-left: 0
}
#header .currency-switcher>li>a, #header .view-switcher>li>a, #header .top-links>li>a {
    display: inline-block;
    font-size: 1.1em;
    font-weight: 400;
    padding: 0 5px;
    border-radius: 4px;
    line-height: 26px;
    text-transform: uppercase
}
#header .currency-switcher, #header .view-switcher {
    margin-left: 11px
}
#header .top-links {
    white-space: nowrap
}
#header .top-links>li {
    display: inline-block;
    margin-left: -2px;
    float: none
}
#header .top-links>li.active>a, #header .top-links>li:hover>a, #header .top-links>li.active>h5, #header .top-links>li:hover>h5 {
    background: transparent
}
#header #header-top .currency-switcher>li>a, #header #header-top .view-switcher>li>a, #header #header-top .top-links>li>a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    border-radius: 0!important
}
#header #header-top .welcome-msg {
    line-height: 36px
}
.logo {
    min-width: 111px;
    margin: 0
}
#header .logo a {
    display: inline-block;
    max-width: 100%
}
#header .logo img {
    display: inline-block;
    color: transparent;
    max-width: 100%;
    -webkit-transition: all .2s ease 0;
    transition: all .2s ease 0;
    min-width: 110px;
    -webkit-transform-origin: 0 center;
    transform-origin: 0 center
}
#header #header-inner .header-minicart {
    position: relative;
    padding-right: 60px
}
#header #header-inner .header-contact {
    color: #fff;
    margin: 5px 0;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap
}
#header .header-contact i {
    display: inline-block;
    margin: 0 5px
}
#header #header-inner .header-contact .separator {
    margin: 0 11px
}
#header #header-inner .header-contact a {
    color: #fff;
    font-size: .8571em
}
#header #header-inner .header-contact a:hover {
    color: #eee
}
#header .searchform {
    border: 1px solid #0083c1;
    border-radius: 0px;
    position: relative;
    display: inline-block;
    line-height: 40px;
    font-size: 13px;
    padding: 0;
    vertical-align: middle;
    width: 468px;
    background-color: #006393
}
#header .searchform:before, #header .searchform:after {
    content: " ";
    display: table
}
#header .searchform:after {
    clear: both
}
#header .searchform fieldset {
    padding: 0;
    margin: 0 -2px 0 0;
    border: 0;
    min-width: 0
}
#header .searchform .text, #header .searchform .cat, #header .searchform .button-wrap {
    float: left;
    display: inline-block
}
#header .searchform input, #header .searchform select, #header .searchform button {
    background: transparent;
    border-radius: 0;
    float: left;
    color: #fff;
    border: none;
    height: 40px;
    line-height: 40px;
    outline: none;
    box-shadow: none;
    margin-bottom: 0
}
#header .searchform input {
    padding: 0 15px 0 20px;
    border-radius: 20px 0 0 20px;
    width: 290px
}
#header .searchform input::-webkit-input-placeholder {
    color: #999
}
#header .searchform input:-moz-placeholder {
    color: #999;
    opacity: 1
}
#header .searchform input::-moz-placeholder {
    color: #999;
    opacity: 1
}
#header .searchform input:-ms-input-placeholder {
    color: #999
}
#header .searchform button {
    font-size: 14px;
    padding: 0 20px 0 13px;
    border-radius: 0 20px 20px 0;
    text-shadow: none;
    color: #fff
}
#header .searchform select {
    padding: 0 0 0 10px;
    width: 130px;
    -moz-appearance: none;
    -webkit-appearance: none
}
#header .searchform select option {
    background: #fff;
    color: #777
}
#header .searchform input, #header .searchform select {
    border-right: 1px solid #0083c1
}
#header .searchform-popup {
    display: inline-block;
    position: relative;
    width: 100%
}
#header .searchform-popup .search-toggle {
    cursor: pointer;
    display: none;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: relative;
    z-index: 112;
    color: #fff
}
#header .searchform.opened {
    display: block!important;
    border-color: #ccc
}
#header .show-menu-search .searchform-popup {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    height: 30px;
    margin: auto
}
#header .mobile-toggle {
    color: #fff;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: none
}
#cart {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 35%;
    bottom: 35%;
    right: 0;
    height: 44px;
    margin: -22px auto
}
#cart .cart-head {
    position: relative;
    cursor: pointer;
    margin-top: 0;
    min-width: 50px;
    text-align: center
}
#cart .minicart-icon {
    font-size: 36px;
    vertical-align: middle;
    display: inline-block;
    color: #3288c9!important
}
#cart .cart-items {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    bottom: 10px;
    left: -18%;
    right: 0;
    top: 21px;
    text-align: center;
    display: inline-block;
    color: #000
}
#cart.dropdown .dropdown-menu {
    width: 340px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    left: auto;
    right: 0;
    padding: 0;
    font-size: 1em;
    border-radius: 6px;
    border: none;
    border-top: 10px solid #006fa4;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}
#cart.dropdown:hover .dropdown-menu {
    display: block
}
#cart.dropdown .dropdown-menu ul {
    margin-bottom: 0
}
#cart.dropdown .dropdown-menu ul li.empty {
    padding: 10px 0;
    text-align: center
}
#cart.dropdown .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -17px;
    right: 17px;
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid #006fa4
}
#cart.dropdown .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 0;
    left: 0;
    display: block;
    height: 17px
}
.header-minicart-box #cart.dropdown .dropdown-menu:before {
    right: 25px
}
#cart .dropdown-cart-content {
    background: #fff;
    color: #777;
    border-radius: 6px;
    margin-top: -5px;
    padding: 15px
}
#submit_text_search {
    padding: 7px 25px
}
.special-heading {
    text-align: left;
    font-size: 20px;
    text-transform: uppercase;
    color: green;
    font-weight: 600
}
.so-deal .caption h4 {
    min-height: 90px;
    max-height: 90px;
    overflow: hidden
}
#tab3 img {
    max-width: 150px
}
.product-page-price p {
    font-size: 17px
}
.heighlit {
    font-size: 15px;
    margin: 20px 0;
    color: green
}
#owl-additional-item {
    background: #fff;
    min-height: 120px
}
#cart.minicart-inline {
    background-color: #000!important;
    font-size: .7857em;
    width: auto;
    height: auto;
    position: relative;
    top: auto;
    bottom: auto;
    margin: 3px 0 3px 7px;
    border-radius: 4px
}
#cart .minicart-icon {
    font-size: 1.2727em;
    vertical-align: top
}
#cart.minicart-inline .cart-items {
    font-size: 1em;
    margin-left: 3px;
    position: relative;
    top: -1px
}
#cart.minicart-inline .cart-head {
    padding: 0 10px;
    line-height: 26px;
    height: 26px;
    white-space: nowrap;
    margin-top: 1px;
    margin-bottom: -1px
}
#cart.minicart-inline .dropdown-menu {
    border-color: #000;
    margin-top: 8px;
    font-size: 14px
}
#cart.minicart-inline .cart-items {
    color: #fff
}
#cart.dropdown.minicart-inline .dropdown-menu:before {
    border-bottom-color: #000
}
.sidebar-menu.menu li li:last-child>a {
    border-bottom: none
}
.menu-custom-block {
    padding: 10px 0 9px;
    line-height: 21px;
    font-weight: 600;
    font-size: .8571em;
    margin-left: -10px
}
.menu-custom-block a, .menu-custom-block span {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    color: #777;
    text-transform: uppercase
}
.menu-custom-block a:hover {
    color: #d0205e
}
.menu-custom-block a .tip {
    top: -14px;
    right: 10px;
    font-style: normal
}
#main-toggle-menu {
    position: relative
}
#main-toggle-menu .menu-title {
    color: #fff;
    cursor: pointer;
    background: #303030;
    font-size: .8571em;
    font-weight: 700;
    line-height: 20px;
    padding: 10px 15px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0
}
#main-toggle-menu .menu-title:hover {
    background-color: #555
}
#main-toggle-menu .menu-title .toggle {
    display: inline-block;
    font-family: "FontAwesome";
    margin: 0 5px 0 0
}
#main-toggle-menu .menu-title .toggle:before {
    content: "\f0c9"
}
#main-toggle-menu.show-always .toggle-menu-wrap {
    display: block;
    height: auto
}
.toggle-menu-wrap {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .4)
}
#header.header-side-nav #header-inner>.container {
    width: 100%
}
#header.header-side-nav .header-copyright {
    color: #777
}
#header.header-side-nav .social-icons {
    margin-bottom: 8px
}
#header.header-side-nav .social-icon {
    background-color: #9e9e9e;
    margin: 5px;
    line-height: 30px
}
#header.header-side-nav .sidebar-menu {
    margin-bottom: 20px
}
#header.header-side-nav .sidebar-menu>li>a {
    margin-left: 0;
    margin-right: 0
}
#header.header-side-nav .sidebar-menu>li>.arrow {
    right: -5px
}
#header.header-side-nav .sidebar-menu>li:last-child:hover {
    border-radius: 0
}
#header.header-side-nav .menu-custom-block a {
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px
}
.header10 #cart .btn {
    background: transparent;
    color: #000
}
#header.header10 {
    background: #ffff
}
#header.header10 #header-top {
    background-color: #3288C9;
}
.v2 #header .top-links>li:after {
    margin: 0 5px 0 6px
}
#header.header10 #menu-container {
    background-color: transparent;
    margin-bottom: 10px
}
#header.header10 #header-inner .container .header-left, #header.header10 #header-inner .container .header-right {
    width: 20%
}
#header.header10 #header-inner .container .header-right {
    padding-right: 0;
    padding-left: 20px
}
#header.header10 #header-inner .container .header-left {
    padding-right: 20px;
    padding-left: 0
}
#header.header10 #header-inner .container .header-center {
    width: 60%;
    padding: 20px 0 0;
    text-align: center
}
#header.header10 .menu>li, #header.header10 .menu>li.pull-right {
    float: none!important;
    display: inline-block
}
#header.header10 .menu>li+li {
    margin-left: 3px
}
#header.header10 .menu>li>a {
    padding: 9px 14px
}
#header.header10 .menu>li>a, #header.header10 .menu>li>a>i {
    color: #333
}
#header.header10 .menu>li.open>a, #header.header10 .menu>li.open>a>i, #header.header10 .menu>li.active>a, #header.header10 .menu>li.active>a>i {
    color: #fff;
    background-color: #3288c9;
    border-radius: 5px
}
#header .menu>li.has-sub.open>a, #header .menu>li.has-sub.open>a {
    border-radius: 5px 5px 0 0
}
#header.header10 #cart.dropdown .dropdown-menu, #header.header10 .menu ul, #header.header10 .menu .megamenu {
    border-color: #3288c9
}
#header.header10 #cart.dropdown .dropdown-menu:before {
    border-bottom-color: #3288c9
}
#header.header10 .menu>li>a>.tip {
    right: 10px;
    top: -7px
}
.v2 #header .welcome-msg {
    margin-right: 7px
}
#header.header10 #header-top, #header.header10 .currency-switcher>li>a, #header.header10 .view-switcher>li>a, #header.header10 .top-links li:hover>a, #header.header10 .currency-switcher>li:hover>a, #header.header10 .view-switcher>li:hover>a, #header.header10 .currency-switcher li li>a, #header.header10 .view-switcher li li>a {
    color: #fff
}
#header.header10 .currency-switcher>li:hover>a, #header.header10 .view-switcher>li:hover>a, #header.header10 .currency-switcher li li>a, #header.header10 .view-switcher li li>a {
    color: #3288c9
}
#header.header10 .currency-switcher>li:hover>a, #header.header10 .view-switcher>li:hover>a {
    background-color: #fff
}
.header10 .currency-switcher li:hover {
    background: #fff
}
.v2 #header .currency-switcher>li>ul, .v2 #header .view-switcher>li ul {
    background-color: #fff!important;
    border: 1px solid #ccc;
    margin-top: -6px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 4px 0
}
.v2 #header .currency-switcher>li ul>li, .v2 #header .view-switcher>li ul>li {
    padding: 0 9px;
    line-height: 17px
}
.v2 #header .view-switcher li li img {
    margin-top: 0
}
.v2 #header .currency-switcher li li>a, .v2 #header .view-switcher li li>a {
    padding: 0;
    line-height: 1;
    color: #777;
    background: none!important
}
.v2 #header .currency-switcher li li:hover>a, .v2 #header .view-switcher li li:hover>a {
    background: none!important
}
.v2 #header .currency-switcher li li:hover, .v2 #header .view-switcher li li:hover, .v2 #header .currency-switcher li li:hover>a, .v2 #header .view-switcher li li:hover>a {
    color: #fff;
    background-color: #ccc
}
.v2 #header .top-links li:hover>a {
    text-decoration: underline
}
.v2 #header .top-links li>a>i {
    margin: 0 .2em 0 0
}
#header.header10 #header-inner .header-contact a, #header.header10 #cart .minicart-icon, #header.header10 .top-links li a, #header.header10 .top-links li:hover>a, #header.header10 .searchform-popup .search-toggle, #header.header10 .mobile-toggle {
    color: #fff
}
#header.header10 #header-inner .header-contact .separator {
    margin: 0 8px
}
.v2 #header #cart.dropdown .dropdown-menu {
    width: 300px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5)
}
#header.header10 #cart.dropdown .dropdown-menu ul li.empty {
    padding: 5px 0
}
#header.header10 .searchform button:hover {
    color: #3288c9
}
#header.header10 #header-inner .header-contact a:hover, #header.header10 .searchform-popup .search-toggle:hover, #header.header10 .mobile-toggle:hover, #header.header10 #header-inner .header-contact {
    color: #777
}
#header.header10 #cart .cart-items {
    color: #777
}
#header.header10 #cart #total_item {
    color: #fff
}
#header.header10 .searchform {
    background-color: #fff;
    border-color: #ccc;
    line-height: 36px;
    width: 90%
}
#header.header10 .searchform input {
    width: 75%;
    padding: 0 15px
}
#header.header10 .searchform input, #header.header10 .searchform select {
    border-color: #ccc!important;
    color: #777
}
#header.header10 .searchform select {
    padding: 0 10px
}
.v2 #header .searchform select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.v2 select::-ms-expand {
    display: none
}
#header.header10 .searchform button {
    color: #777;
    padding: 0 11px 0 10px
}
#header.header10 .searchform input, #header.header10 .searchform select, #header.header10 .searchform button {
    height: 34px;
    line-height: 34px
}
.icon-group {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}
.icon-group i {
    font-size: 20px;
    color: #fff;
    float: left;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #000
}
.icon-group i.red {
    background-color: #ee3d43
}
.icon-group i.green {
    background-color: #33b7ad
}
.icon-group h3 {
    color: #000;
    font-size: 14px;
    margin: 0;
    line-height: 1.5;
    margin-left: 48px;
    font-weight: 600
}
.icon-group p {
    font-size: 11px;
    margin: 0;
    margin-left: 48px;
    line-height: 1;
    color: #878787
}
.icon-group+.icon-group {
    margin-left: 30px
}
.v2 #header:not(.header13) .currency-switcher>li>a {
    padding-left: 0
}
#top-newsletter {
    background-color: #2b262f;
    padding: 10px 0;
    color: #fff
}
#top-newsletter .lside {
    font-size: 16px;
    line-height: 30px;
    font-family: Georgia, Verdana
}
#top-newsletter .rside>div {
    display: inline-block;
    vertical-align: middle
}
#top-newsletter .rside-text p {
    margin-bottom: 0;
    line-height: 15px
}
#top-newsletter .rside-text p:first-child {
    font-size: 15px;
    font-weight: 700;
    font-family: Georgia, Verdana
}
#top-newsletter .rside-text p:last-child {
    color: #a7a7a7;
    font-size: 12px
}
#top-newsletter .rside-form {
    padding-left: 20px;
    position: relative
}
#top-newsletter .rside-form input {
    width: 300px;
    height: 30px;
    font-size: 13px;
    line-height: 16px;
    padding: 6px 8px;
    border: 1px solid #ccc;
    color: #777
}
#top-newsletter .rside-form button {
    display: block;
    height: 30px;
    font-size: 14px;
    padding: 0 15px;
    line-height: 30px;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    background: transparent;
    text-transform: uppercase
}
.parallax, .parallax-fixed {
    position: relative;
    background-attachment: fixed;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: 50% 0;
    background-repeat: repeat-y;
    overflow: hidden
}
.vcenter-container {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%
}
.vcenter {
    display: table-cell;
    vertical-align: middle
}
.product-tab {
    margin-bottom: 3em
}
.product-center .product-tab {
    margin-bottom: 1em;
    margin-top: .5em
}
.nav-tabs {
    border-bottom: 1px solid #eee;
    margin-bottom: 0
}
.nav-tabs>li>a {
    color: #606060;
    transition: background .5s ease, color .04s;
    -webkit-transition: background .5s ease, color .04s
}
.tab-content {
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04);
    background-color: #fff;
    border: 1px solid #eee;
    border-top: 0;
    padding: 15px
}
.nav-tabs>li>a {
    display: inline-block;
    float: none;
    font-size: 1em;
    font-weight: 400;
    line-height: 24px;
    margin-right: 1px;
    border-radius: 5px 5px 0 0;
    padding: 10px 15px;
    color: #08c;
    background: #f4f4f4;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid #eee
}
.nav-tabs>li>a>i {
    margin-right: 10px
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
    border-bottom-color: transparent;
    border-top: 3px solid #08c;
    box-shadow: none
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #08c;
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: 3px solid #08c;
    padding: 10px 15px 11px!important
}
.page-top {
    background-color: #171717;
    margin-bottom: 20px;
    z-index: 2;
    position: relative
}
.breadcrumb {
    background-color: transparent;
    padding: 7.5px 0 5.5px;
    margin-bottom: 0;
    border-radius: 0;
    font-size: 0;
    text-align: center;
    z-index: 0;
    position: relative
}
#product-manufacturer p:blank {
    display: none
}
.breadcrumb>li {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600
}
.breadcrumb>li+li:before {
    display: inline-block;
    content: "\f054";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .8em;
    width: 25px;
    text-align: center;
    color: #fff
}
.breadcrumb>li>a:hover {
    text-decoration: underline
}
.breadcrumb>li>a, .breadcrumb>.active {
    color: #3288c9;
    font-size: 15px
}
.button-group button {
    font-size: 18px;
    color: #3288c9;
    background: #fff;
    box-shadow: none;
    border: 1px solid #3288c9;
    padding-top: 3px;
    padding-bottom: 3px
}
.button-group button:hover {
    background: #333;
    color: #fff
}
.sidebar {
    padding-bottom: 40px
}
.widget {
    margin-bottom: 30px
}
.widget:before, .widget:after {
    content: " ";
    display: table
}
.widget:after {
    clear: both
}
.widget:first-child {
    margin-top: 0
}
.sidebar .widget .widget-title, #content .widget .widget-title {
    line-height: 1.4;
    font-weight: 700;
    font-size: 1.1429em;
    color: #313131;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 15px
}
.widget .testimonial-carousel {
    margin-bottom: 0
}
.sidebar .testimonial-carousel .img-thumbnail {
    border-radius: 8px
}
.widget-banner-slider a {
    display: block
}
.widget-banner-slider img {
    display: block;
    width: 100%;
    height: auto
}
.widget-banner-slider.owl-carousel .owl-dots {
    margin-top: 10px
}
.widget.newsletter-widget-box {
    background: #f5f5f5;
    background-color: rgba(0, 0, 0, 0);
    background: - webkit-linear-gradient(top, #fff 1%, #f9f9f9 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: linear-gradient(to bottom, #fff 1%, #f9f9f9 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf;
    border-left: 1px solid #ececec;
    border-radius: 8px;
    border-right: 1px solid #ececec;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    min-height: 100px;
    position: relative;
    text-align: center;
    z-index: 1
}
.widget.newsletter-widget-box .box-content {
    border-radius: 8px;
    border-top: 3px solid #08c;
    border-top-width: 4px;
    padding: 30px 25px 25px
}
.widget.newsletter-widget-box .box-content h3 {
    margin-bottom: 10px;
    text-align: center
}
.widget.newsletter-widget-box .box-content p {
    font-size: .9286em;
    margin-bottom: 10px
}
.widget.newsletter-widget-box .box-content input[type="email"], .widget.newsletter-widget-box .box-content input[type="text"] {
    width: 100%;
    max-width: 262px;
    text-align: center;
    color: #777;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    border-radius: 3px;
    outline: none;
    border: 1px solid #ccc;
    padding: 6px 8px
}
.widget.newsletter-widget-box .box-content input[type="email"]:focus, .widget.newsletter-widget-box .box-content input[type="text"]:focus {
    box-shadow: none
}
.widget.newsletter-widget-box .box-content input[type="submit"] {
    margin: 20px auto 0;
    background-color: #08c;
    border-color: #08c;
    border: 1px solid #08c;
    color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
    line-height: 1.42857
}
.widget.newsletter-widget-box .box-content input[type="submit"]:hover, .widget.newsletter-widget-box .box-content input[type="submit"]:focus {
    background-color: #0099e6;
    border-color: #0099e6
}
ul.product_list_widget, .widget ul.product_list_widget {
    list-style: none outside;
    padding: 0;
    margin: 0;
    border-width: 0!important
}
ul.product_list_widget li, .widget ul.product_list_widget li {
    border-width: 0;
    position: relative;
    padding: .5714em 0;
    margin: 0;
    list-style: none;
    *zoom: 1
}
ul.product_list_widget li:before, .widget ul.product_list_widget li:before, ul.product_list_widget li:after, .widget ul.product_list_widget li:after {
    content: " ";
    display: table
}
ul.product_list_widget li:after, .widget ul.product_list_widget li:after {
    clear: both
}
ul.product_list_widget li:first-child, .widget ul.product_list_widget li:first-child {
    padding-top: 0
}
ul.product_list_widget li:last-child, .widget ul.product_list_widget li:last-child {
    padding-bottom: 0
}
ul.product_list_widget li .product-image, .widget ul.product_list_widget li .product-image {
    float: left;
    width: 96px;
    padding: 2px;
    margin-bottom: 0;
    border-radius: 5px
}
ul.product_list_widget li .product-image img, .widget ul.product_list_widget li .product-image img {
    width: 100%;
    height: auto;
    border-radius: 3px;
    position: relative;
    opacity: 1
}
ul.product_list_widget li .product-image .product-image-hover, .widget ul.product_list_widget li .product-image .product-image-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}
ul.product_list_widget li .product-image:hover .product-image-normal, .widget ul.product_list_widget li .product-image:hover .product-image-normal {
    opacity: 0
}
.widget .product-image .inner {
    position: relative
}
ul.product_list_widget li .product-image:hover .product-image-hover, .widget ul.product_list_widget li .product-image:hover .product-image-hover {
    opacity: 1
}
.image-additional-custom {
    overflow: hidden;
    margin: 1em 0;
    padding: 0;
    text-align: center
}
.image-additional-custom li {
    display: inline-block;
    width: 140px;
    margin: 0 5px
}
.toggle {
    display: block;
    margin: 10px auto 1.5em
}
.easyzoom {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1
}
.easyzoom img {
    vertical-align: bottom
}
.easyzoom.is-loading img {
    cursor: progress
}
.easyzoom.is-ready img {
    cursor: crosshair
}
.easyzoom.is-error img {
    cursor: not-allowed
}
.easyzoom-notice {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 150;
    width: 10em;
    margin: -1em 0 0 -5em;
    line-height: 2em;
    text-align: center;
    background: #FFF;
    box-shadow: 0 0 10px #888
}
.easyzoom-flyout {
    position: absolute;
    z-index: 100;
    overflow: hidden;
    background: #FFF;
    min-width: 150%;
    max-width: 150%;
    border: 1px solid #f2f2f2;
    box-shadow: 0 1px 10px #1C2020
}
.flag {
    width: 110px;
    height: 56px;
    box-sizing: content-box;
    padding-top: 15px;
    position: relative;
    background: red;
    color: #fff;
    font-size: 11px;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase
}
.flag:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 13px solid #eee;
    border-left: 55px solid transparent;
    border-right: 55px solid transparent
}
.openProductPageTab {
    overflow: hidden;
    background-color: #3288c9
}
.btn.btn-affiliate {
    margin: auto auto 20px;
    display: flex;
    width: auto;
    text-align: center;
    justify-content: center
}
.openProductPageTab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: .3s;
    font-size: 17px;
    color: #fff
}
.openProductPageTab button:hover {
    background-color: #fff;
    color: #000
}
.openProductPageTab button.active {
    background-color: #fff;
    color: #000;
    border: 1px solid #3288c9
}
.openProductPageTab .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none
}
button .fa.fa-refresh {
    font-size: 17px;
    padding: 0 5px;
    color: #16b25a;
    font-weight: 900
}
button .fa.fa-trash-o {
    font-size: 17px;
    padding: 0 5px;
    color: #f80000;
    font-weight: 900
}
.input-group-btn.custom button {
    background: transparent;
    border: none
}
#input-quantity {
    height: 35px;
    display: inline;
    width: 70px;
    text-align: center;
    font-size: 20px;
    color: #3288c9;
    font-weight: 800;
    border: 2px solid;
    margin: 3px 0
}
#product #button-cart {
    margin: 0px 5px;
    padding: 5px 15px;
}
.breadcrumb li, #product-product .breadcrumb li a {
    color: #3288c9!important
}
.breadcrumb>li+li::before {
    color: #cac6c6
}
.product-top h1 {
    color: #000 !important;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Montserrat', sans-serif;
    margin: auto;
    line-height: 28px;
    padding: 15px 0;
}
#tab-description h2, #tab-description h3 {
    padding: 0;
    margin: auto;
    font-size: 17px;
    line-height: 29px;
}
#product [id^="input-option"] {
    display: inline;
}
.leftwing .list-unstyled {
    padding-left: 0;
    list-style: none;
    margin: 0;
}
.loadingoverlay {
    width: 100%;
    background: #000;
    z-index: 999999;
    position: absolute;
    opacity: .17;
    margin: auto
}
.loadingoverlay img {
    opacity: 1;
    z-index: 9999999999999;
    position: relative;
    margin: auto;
    display: flex;
    top: 100px
}
.product-page-price strike {
    color: #ff5252;
    font-size: 15px;
    margin: auto;
}
.product-page-price p {
    font-size: 17px;
    color: #483d8b;
    font-weight: 600;
    margin: 5px auto;
}
.easyzoom--overlay .easyzoom-flyout {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.easyzoom--adjacent .easyzoom-flyout {
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    margin-left: 20px
}
.image-additional-custom .thumbnail>img, .thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    transition: all .2s;
    -webkit-transition: all .2s
}
#owl-additional-item .item {
    margin: 3px
}
#owl-additional-item .item img {
    display: block;
    width: 120px;
    height: auto
}
#owl-additional-item img {
    border: 1px solid #f4f4f4;
    padding: 5px
}
ul.product_list_widget li .product-details, .widget ul.product_list_widget li .product-details {
    position: relative;
    padding-top: 3px;
    margin-left: 108px;
    margin-bottom: 0
}
ul.product_list_widget li .product-details a, .widget ul.product_list_widget li .product-details a {
    display: block;
    color: #777;
    text-decoration: none
}
ul.product_list_widget li .product-details a:hover, .widget ul.product_list_widget li .product-details a:hover {
    color: #08c
}
ul.product_list_widget li .product-details .amount, .widget ul.product_list_widget li .product-details .amount {
    color: #444;
    font-size: 1.0714em;
    font-weight: 600;
    line-height: 2.3;
    vertical-align: middle
}
ul.product_list_widget li .product-details .amount .currency, .widget ul.product_list_widget li .product-details .amount .currency, ul.product_list_widget li .product-details .amount .decimal, .widget ul.product_list_widget li .product-details .amount .decimal {
    font-size: .75em;
    font-weight: 400
}
ul.product_list_widget li .product-details .amount .currency .decimal, .widget ul.product_list_widget li .product-details .amount .currency .decimal {
    font-size: 1em
}
ul.product_list_widget li .product-details ins, .widget ul.product_list_widget li .product-details ins {
    text-decoration: none;
    vertical-align: baseline
}
ul.product_list_widget li .product-details del, .widget ul.product_list_widget li .product-details del, ul.product_list_widget li .product-details .from, .widget ul.product_list_widget li .product-details .from {
    color: #a7a7a7;
    font-size: .8em;
    margin-right: 3px;
    vertical-align: baseline
}
ul.product_list_widget li .product-details del .amount, .widget ul.product_list_widget li .product-details del .amount, ul.product_list_widget li .product-details .from .amount, .widget ul.product_list_widget li .product-details .from .amount {
    color: #a7a7a7
}
ul.product_list_widget li dl, .widget ul.product_list_widget li dl {
    margin: 0;
    padding-left: 1em;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    *zoom: 1
}
ul.product_list_widget li dl:before, .widget ul.product_list_widget li dl:before, ul.product_list_widget li dl:after, .widget ul.product_list_widget li dl:after {
    content: " ";
    display: table
}
ul.product_list_widget li dl:after, .widget ul.product_list_widget li dl:after {
    clear: both
}
ul.product_list_widget li dl dt, .widget ul.product_list_widget li dl dt, ul.product_list_widget li dl dd, .widget ul.product_list_widget li dl dd {
    display: inline-block;
    float: left;
    margin-bottom: 1em
}
ul.product_list_widget li dl dt, .widget ul.product_list_widget li dl dt {
    font-weight: 700;
    padding: 0 0 .25em;
    margin: 0 4px 0 0;
    clear: left
}
ul.product_list_widget li dl dd, .widget ul.product_list_widget li dl dd {
    padding: 0 0 .25em
}
ul.product_list_widget li dl dd p:last-child, .widget ul.product_list_widget li dl dd p:last-child {
    margin-bottom: 0
}
ul.product_list_widget li .star-rating, .widget ul.product_list_widget li .star-rating {
    margin: 5px 0 0
}
.widget .star-rating:before, .widget .star-rating span:before {
    left: 0
}
.vinfo-boxes-container .vinfo-box {
    padding: 0
}
.vinfo-box-icon.vinfo-box-circle {
    display: inline-block;
    width: 64px;
    height: 64px;
    line-height: 60px;
    border: 2px solid #ccc;
    font-size: 28px;
    border-radius: 50%;
    color: #333
}
.widget .info-box {
    text-align: left;
    padding: 0;
    margin-bottom: 25px
}
.widget .info-box-icon {
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 41px;
    border: 2px solid #ccc;
    font-size: 25px;
    color: #000;
    border-radius: 50%;
    text-align: center;
    margin-right: 15px
}
.slider-title.text-center>.inline-title {
    padding: 0 20px
}
.slider-title.text-center .line {
    background-image: - webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
    background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent)
}
.body-header-type-2 .banner, .body-header-type-2 .banner img, .body-header-type-2 .banner a:after, .skin5 .banner, .skin5 .banner img, .skin5 .banner a:after, .skin8 .banner, .skin8 .banner img, .skin8 .banner a:after, .skin15 .banner, .skin15 .banner img, .skin15 .banner a:after, .skin16 .banner, .skin16 .banner img, .skin16 .banner a:after {
    border-radius: 0!important
}
.links-block {
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fbfbfb
}
.links-block-title {
    color: #000;
    border-radius: 7px 7px 0 0;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-size: .9286em;
    font-weight: 700;
    line-height: 20px;
    padding: 11px 15px 9px;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.links-block-title i, .links-block-content ul li i {
    margin-right: 5px
}
.links-block-content ul {
    margin: 0
}
.links-block-content ul li {
    display: block
}
.links-block-content ul li>a, .links-block-content ul li>span {
    color: #777;
    display: block;
    font-size: 1em;
    line-height: 19px;
    padding: 11px 5px;
    margin: 0 10px -1px;
    border-top: 1px solid #ddd
}
.links-block-content ul li:first-child>a, .links-block-content ul li:first-child>span {
    border-top: none
}
.links-block-content ul li>a:hover {
    color: #08c
}
.bg-gray {
    background-color: #f0f0ed
}
.bg-lightgray {
    background-color: #f9f9f9
}
.bg-white {
    background-color: #fff
}
.clean-row {
    margin: 0
}
.info-boxes-container {
    margin: 20px 0;
    background: #fbfbfb;
    border: 1px solid #e1e1e1;
    border-radius: 5px
}
.info-box {
    display: block;
    text-align: center;
    margin: 0;
    padding: 20px 0;
    font-size: 0
}
.info-box-icon, .info-box-content {
    display: inline-block;
    vertical-align: middle
}
.info-box-icon {
    font-size: 32px;
    color: #000;
    margin: 0 10px 0 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    text-align: center
}
.info-box-content {
    text-align: left
}
.info-box-content .info-box-title {
    font: 600 16px/1.1 'Open Sans', Verdana, sans-serif;
    color: #313131;
    margin: 0
}
.info-box-content .info-box-desc {
    margin: 3px 0 0;
    line-height: 1.2;
    font-size: 12px
}
#banner-container .banner {
    width: 100%;
    margin-bottom: 1.98%;
    padding: 0 11px
}
.banner-row {
    margin-left: -11px;
    margin-right: -11px
}
.banner a {
    display: block;
    position: relative
}
.banner img {
    display: block;
    width: 100%;
    height: auto;
    transition: all .35s ease 0;
    -webkit-transition: all .35s ease 0
}
.banner a:after {
    content: '';
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transition: all .35s ease 0;
    -webkit-transition: all .35s ease 0;
    background-color: rgba(0, 0, 0, 0.15);
    opacity: 0;
    z-index: 99;
    -webkit-transform: translate3d(0, 0, 0)
}
.banner:hover a:after {
    opacity: 1
}
.banner:hover img {
    opacity: .9
}
#banner-container .grid-sizer, #banner-container .banner {
    width: 25%
}
#banner-container .banner.w2 {
    width: 50%
}
.title-group {
    position: relative
}
.slider-title {
    position: relative;
    margin: 0 0 1.25em;
    font-size: 1.1429em;
    line-height: 1.4;
    font-weight: 700;
    color: #313131;
    text-transform: uppercase
}
.slider-title .inline-title {
    background-color: #fff;
    padding-right: 20px;
    position: relative;
    z-index: 2
}
.slider-title .line, .title-group .line {
    display: block;
    height: 1px;
    position: relative;
    width: calc(100% - 50px);
    left: 0;
    bottom: .7em;
    background-image: - webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
    z-index: 1
}
.title-group .line {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1
}
.content-info-box-wrapper {
    background-color: #fbfbfb;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 35px
}
.content-info-box-wrapper .info-boxes-container {
    margin: 0;
    border: none
}
.icon-box {
    margin-bottom: 30px
}
.icon-box .icon-container {
    display: block;
    float: left;
    width: 64px;
    height: 64px;
    border: 2px solid #ccc;
    border-radius: 50%;
    line-height: 60px;
    font-size: 28px;
    color: #333;
    text-align: center
}
.icon-box .icon-box-block {
    margin-left: 79px
}
.icon-box .icon-box-block h3 {
    font: 600 20px/1.2em 'Open Sans', Verdana;
    color: #000;
    margin: 0
}
.icon-box .icon-box-block h4 {
    color: #888;
    font-weight: 300;
    font-size: 11px;
    font-style: normal;
    line-height: 1;
    margin-top: 2px;
    margin-bottom: 15px;
    text-transform: uppercase
}
.icon-box .icon-box-block p {
    color: #666;
    margin: 10px 0 0
}
.thumb-info {
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    max-width: 100%
}
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}
.thumbnail>img, .thumbnail a>img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    transition: all .2s;
    -webkit-transition: all .2s
}
.owl-carousel .thumbnail, .owl-carousel .img-thumbnail {
    max-width: 99.5%
}
.thumb-info:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1)
}
.parallax-info {
    position: relative;
    background-image: url(../images/parallaxbg.jpg)
}
.parallax-info.parallax-info2 {
    background-image: url(../images/parallaxbg2.jpg)
}
.parallax-info.parallax-info.v3 {
    background-image: url(../images/parallaxbg7.jpg)
}
.parallax-info .overlay {
    background-color: rgba(32, 32, 32, 0.82);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 20
}
.parallax-info.parallax-info2 .overlay {
    background-color: rgba(0, 0, 0, 0.75)
}
.parallax-info .container {
    position: relative;
    z-index: 30
}
.info-carousel-block {
    text-align: center
}
.info-carousel-block h2, .info-carousel-block h4 {
    font-family: 'Open Sans', Verdana;
    color: #fff
}
.info-carousel-block h2 {
    line-height: 1.2;
    font-size: 4.2857em;
    font-weight: 600;
    letter-spacing: -1px;
    margin: 0;
    text-transform: uppercase
}
.parallax-info2 .info-carousel-block h2 {
    margin-bottom: 5px
}
.parallax-info2 .info-carousel-block h2 strong {
    font-weight: 800
}
.info-carousel-block h4 {
    font-size: 1.5714em;
    font-weight: 300;
    margin: 0 0 14px
}
.info-carousel-block .btn-link {
    font-size: 1.1429em;
    padding: 0;
    margin: 15px 0
}
.parallax-info2 .info-carousel-block .btn-link {
    margin-bottom: 0
}
.info-carousel-block .btn-link, .info-carousel-block .btn-link:hover, .info-carousel-block .btn-link:focus {
    color: #fff
}
.info-carousel-block .btn-link:hover, .info-carousel-block .btn-link:focus {
    text-decoration: underline
}
.parallax-info .owl-dot {
    background-color: #fff;
    width: 11px;
    height: 11px;
    margin: 0 6px
}
.parallax-info.parallax-info2 .owl-dot {
    width: 8px;
    height: 8px;
    background-color: #a0a09f;
    margin: 0 7px;
    opacity: 1
}
.container-heading {
    padding: 15px 0
}
.container-heading h3 {
    font-size: 16px;
    color: #333;
    text-align: center;
    font-family: 'Open Sans', Verdana;
    font-weight: 700;
    line-height: 27px;
    margin: 0
}
.product-slider {
    padding-bottom: 35px
}
.product-slider .product-image {
    font-size: 1.2em
}
.product-group-container {
    padding-top: 15px;
    padding-bottom: 35px
}
.product-group-container .product {
    margin-bottom: 30px
}
.vinfo-box {
    text-align: center;
    padding: 0 50px;
    margin-bottom: 30px
}
.vinfo-box-icon {
    display: inline-block;
    font-size: 28px;
    color: #333
}
.vinfo-box-title {
    font-family: 'Open Sans', Verdana;
    font-size: 15px;
    font-weight: 600;
    margin: 25px 0 15px;
    line-height: 1.2em;
    color: #000
}
.vinfo-box-desc {
    color: #666;
    margin: 0 auto
}
.icon-read {
    display: block;
    padding: 10px 0;
    color: #08c
}
.icon-read:hover, .icon-read:focus {
    color: #0099e6;
    text-decoration: underline
}
.brands-carousel-container {
    padding: 0 20px
}
.brands-carousel-container.no-padding {
    padding: 0
}
.brand a {
    display: block;
    transition: all .4s ease;
    -webkit-transition: all .4s ease;
    position: relative;
    text-align: center
}
.owl-item .brand img {
    display: inline-block;
    max-width: none;
    width: 100%;
    height: auto
}
.brands-carousel-container .owl-carousel .owl-item .brand img {
    display: inline-block;
    max-width: 100%;
    width: auto;
    height: auto
}
.banner-group-row .container-fluid {
    padding: 0 10px
}
.banner-group-row .row {
    margin: 0 -10px
}
.banner-group-row [class^="col-"], .fullwidth-row [class^="col-"] {
    padding: 0
}
.skin6 .banner a:after {
    background-color: rgba(0, 136, 204, 0.15)
}
.fullwidth-row .row {
    margin: 0;
    position: relative
}
.fullwidth-row .special-col {
    background-color: #f9f9f9;
    padding: 4% 6%!important
}
.bg-col-container {
    position: static
}
.fullwidth-row .bg-col {
    background-size: cover;
    background-position: center center;
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    position: absolute;
    width: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 50%;
    top: 0
}
.fullwidth-row .special-col+.bg-col-container>.bg-col {
    margin-left: 50%;
    margin-right: 0;
    right: 0
}
.fullwidth-row .bg-col.bg-1 {
    background-image: url(../images/background1.jpg)
}
.fullwidth-row .bg-col.bg-2 {
    background-image: url(../images/background2.jpg)
}
.title {
    color: #3288c9;
    font: 600 28px/34px 'Open Sans', Verdana;
    margin: 10px 0;
    text-align: center
}
.title-desc {
    margin-bottom: 25px;
    font-weight: 400
}
.title.spaced {
    margin: 35px 0 25px
}
#boss_top_categories_tabs .tab {
    float: left;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    width: 100%;
    height: 460px
}
#boss_top_categories_tabs .tab button {
    display: block;
    background-color: inherit;
    color: #000;
    padding: 22px 16px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px
}
#boss_top_categories_tabs .tab button:hover {
    background-color: #ddd
}
#boss_top_categories_tabs .tab button.active {
    background-color: #ccc
}
#boss_top_categories_tabs .tabcontent {
    float: left;
    padding: 0 12px;
    width: 100%;
    border-left: none;
    height: 100%!important;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    background: #656575;
    padding: 15px 10px
}
body::-webkit-scrollbar {
    width: 1em
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}
body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey
}
.overlay-top {
    background: #CACACA;
    opacity: 1;
    height: 200px;
    z-index: -99999;
    margin-top: -98px
}
.header-banner h1 {
    text-align: center;
    color: #fff;
    position: relative;
    margin: 0 0 13px
}
.refine {
    font-size: 18px;
    text-align: center;
    padding: 10px
}
.header-banner {
    margin-bottom: 15px
}
#boss_top_categories_tabs .clearfix::after {
    content: "";
    clear: both;
    display: table
}
.big-text {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    margin: 40px 0 0;
    padding-bottom: 5px;
    color: #3288c9
}
.swiper-wrapper .swiper-slider .img-responsive {
    width: 100%!important
}
.swiper-wrapper .img-responsive, .swiper-wrapper .thumbnail>img, .swiper-wrapper .thumbnail a>img, .swiper-wrapper .carousel-inner>.item>img, .swiper-wrapper .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    width: 100%!important;
    height: auto
}
.contact-form-top {
    background: #656575;
    height: 250px;
    padding: 20px;
    margin-bottom: 30px
}
.contact-form-top .title {
    color: #fff
}
.contact-form-top .panel {
    background-color: transparent!important;
    border: transparent!important;
    box-shadow: none!important;
    color: #fff!important;
    text-align: center!important
}
#information-contact .container form {
    margin: 0 15%
}
#information-contact .form-control input {
    height: 45px!important;
    border: 1px solid #c3c2c3!important
}
.pull-center {
    display: flex;
    justify-content: center
}
.cotact-page-bottom {
    background: url(../../../../../image/catalog/theme/contact-foter.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    z-index: 0;
    margin-top: 30px
}
.cotact-page-bottom-overflow {
    background: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    z-index: 9999;
    opacity: .4
}
.product .product-image .product-btn {
    border-radius: 0;
    background-color: #fff;
    position: absolute;
    bottom: 16px;
    padding: 0;
    width: 2.2em
}
.product:hover .product-image .product-btn.btn-add-cart, .product .product-image .product-btn.btn-add-cart {
    border-radius: 0;
    border-color: #000;
    color: #000;
    background-color: #fff;
    position: absolute;
    left: .8em;
    opacity: 0
}
.product .product-image .product-btn.btn-add-cart i {
    margin: 0
}
.product .product-image .product-btn.btn-add-cart:hover, .product .product-image .product-btn.btn-add-cart:focus {
    background-color: #000;
    border-color: #000;
    color: #fff
}
.product .product-image .product-btn.btn-wishlist {
    right: .8em
}
.product .product-image .product-btn.btn-quickview {
    font-size: .9em;
    position: absolute;
    top: 0;
    right: 0;
    left: auto!important;
    bottom: auto!important;
    width: auto;
    height: auto;
    line-height: 1.1;
    margin: 0;
    padding: .7937em;
    text-indent: 0;
    border-radius: 0 0 0 0!important;
    background: #52b9b5;
    color: #fff;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.product .product-image .product-btn.btn-quickview i {
    margin-right: .5714em
}
.product .product-image .product-btn.btn-wishlist, .product .product-image .product-btn.btn-quickview {
    opacity: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0)
}
.product .product-image .product-btn.btn-quickview:hover, .product .product-image .product-btn.btn-quickview:focus {
    background-color: #64c0bd
}
.product:hover .product-image .product-btn.btn-add-cart, .product:hover .product-image .product-btn.btn-wishlist, .product:hover .product-image .product-btn.btn-quickview {
    opacity: 1
}
.banner-home-group {
    margin-bottom: 25px
}
.banner-home-group [class^="col-"] {
    padding: 0 4px
}
.banner-home-group .row {
    margin-left: -4px;
    margin-right: -4px
}
.banner-home-group .banner {
    margin-bottom: 8px
}
.banners-carousel {
    margin-bottom: 50px
}
.banners-carousel .banner {
    margin-bottom: 0;
    overflow: hidden
}
.banners-carousel .banner a:after {
    opacity: 0
}
.banners-carousel .banner img {
    transition: all .2s linear;
    -webkit-transition: all .2s linear
}
.banners-carousel .banner:hover img {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    opacity: 1
}
.banner-info {
    bottom: 10%;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center
}
.banner-info h3 {
    display: inline-block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: rgba(36, 27, 28, 0.9);
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 9px 11px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
    z-index: 1;
    margin: 0
}
.col-md-2 .product {
    margin-bottom: 20px
}
.post-carousel {
    margin-bottom: 30px
}
.post-item .post-date {
    float: left;
    margin: 3px 10px 8px 0;
    width: 40px;
    text-align: center
}
.post-item h4 {
    margin-bottom: 7px
}
.post-item h4 a, .post-item h4 a:hover, .post-item a, .post-item a:hover {
    color: #65829d
}
.post-item h4 a:hover, .post-item a:hover {
    text-decoration: underline
}
.post-item .post-date .day {
    color: #65829d;
    background-color: #f4f4f4;
    border-radius: 0 0 0 0;
    display: block;
    font-size: 16px;
    font-weight: 500;
    font-weight: bold;
    padding: 10px 0
}
.post-item .post-date .month {
    background-color: #65829d;
    border-radius: 0 0 0 0;
    box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.07);
    color: #fff;
    font-size: .9em;
    padding: 0 0 2px;
    display: block
}
.post-item .post-excerpt {
    margin-bottom: 10px;
    max-width: 270px
}
.testimonial-carousel {
    margin-bottom: 30px
}
blockquote.testimonial {
    background: #758fa7;
    border-radius: 0;
    border: 0;
    color: #666;
    font-family: Georgia, serif;
    font-style: italic;
    margin: 0;
    padding: 10px 50px;
    position: relative
}
blockquote.testimonial:before {
    content: "\201C";
    left: 10px;
    top: 0;
    color: #fff;
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute
}
blockquote.testimonial:after {
    color: #fff;
    font-size: 80px;
    font-style: normal;
    line-height: 1;
    position: absolute;
    bottom: -.5em;
    content: "\201D";
    right: 10px
}
blockquote.testimonial p {
    color: #fff;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.2em;
    line-height: 1.3
}
.testimonial-arrow-down {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #758fa7;
    height: 0;
    margin: 0 0 0 25px;
    width: 0
}
.testimonial-author {
    margin: 8px 0 0 8px
}
.testimonial-author .img-thumbnail {
    float: left;
    margin-right: 10px;
    width: auto
}
.testimonial-author .img-thumbnail img {
    max-width: 60px;
    height: auto
}
.testimonial-author a {
    text-decoration: none
}
.testimonial-author strong {
    color: #111;
    display: block;
    padding-top: 7px
}
.testimonial-author span {
    color: #666;
    display: block;
    font-size: 12px
}
.testimonial-author p {
    color: #999;
    margin: 0 0 0 25px;
    text-align: left
}
.owl-carousel.close-dots .owl-dots {
    margin-top: 0
}
.owl-carousel.testimonial-carousel.close-dots .owl-dots {
    margin-top: 10px
}
.category-box {
    margin-bottom: 30px;
    overflow: hidden
}
.category-box h4 {
    font: 600 17px/27px 'Open Sans', Verdana;
    margin: 0 0 14px;
    text-align: center;
    color: #818385
}
.category-box .banner {
    position: relative
}
.category-box .banner a:after {
    background-color: rgba(0, 0, 0, 0.2)
}
.category-box .banner-footer {
    position: absolute;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    z-index: 99;
    height: auto;
    background: #a1a2a3;
    color: #fff;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    text-align: center
}
.category-box:hover .banner-footer, .category-box:hover .banner-footer h2 {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.category-box .banner-footer h2 {
    margin: 0;
    color: #fff;
    padding: 15px;
    font-size: 14px;
    line-height: 1.35em;
    font-weight: 400;
    letter-spacing: normal;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition-delay: .05s;
    -webkit-transition-delay: .05s
}
.small-title {
    font: 600 17px/27px 'Open Sans', Verdana;
    margin: 0 0 14px;
    color: #818385
}
#slider-wrapper {
    padding: 0 0 44.5px
}
.content-info-box-wrapper.white {
    background-color: #fff;
    border: none;
    margin-bottom: 0
}
.content-info-box-wrapper.white .info-box-container {
    background-color: #fff;
    border-color: #f5f5f5!important
}
.content-info-box-wrapper.white [class^=col-] {
    padding: 0 15px
}
.content-widgets.content-widgets2 {
    margin-bottom: 55px;
    font-size: 12px
}
.nav-ralign .owl-nav {
    margin-right: -9px
}
#content .content-widgets2 .widget .widget-title {
    font-size: 1.3em
}
.v2 .sidebar ul.product_list_widget li .product-image, .v2 .sidebar .widget ul.product_list_widget li .product-image, .content-widgets2 ul.product_list_widget li .product-image, .content-widgets2 .widget ul.product_list_widget li .product-image {
    width: 86px
}
.v2 .sidebar ul.product_list_widget li .product-details, .v2 .sidebar .widget ul.product_list_widget li .product-details, .content-widgets2 ul.product_list_widget li .product-details, .content-widgets2 .widget ul.product_list_widget li .product-details {
    margin-left: 98px
}
.v2 .star-rating:before {
    color: #c3c5c9
}
.v2 .sidebar ul.product_list_widget li .product-details .amount, .v2 .sidebar .widget ul.product_list_widget li .product-details .amount, .content-widgets2 ul.product_list_widget li .product-details .amount, .content-widgets2 .widget ul.product_list_widget li .product-details .amount {
    font-size: 1.25em
}
.v2 .sidebar ul.product_list_widget li .star-rating, .v2 .sidebar .widget ul.product_list_widget li .star-rating, .content-widgets2 ul.product_list_widget li .star-rating, .content-widgets2 .widget ul.product_list_widget li .star-rating {
    margin-top: 0;
    margin-bottom: 8px
}
.v2 .product .product-image .product-btn.btn-quickview {
    border-radius: 0 5px!important;
    font-size: .85em;
    line-height: 1.35
}
.v2 .product .product-image .product-btn.btn-quickview:hover {
    text-decoration: underline;
    opacity: .9
}
.title-group {
    margin-bottom: 10px;
    line-height: 0
}
.title-group .nav-tabs.nav-links {
    display: inline-block;
    padding-right: 20px;
    background-color: #fff;
    position: relative;
    z-index: 5
}
.nav-tabs.nav-links {
    border: none;
    margin-bottom: 0
}
.nav-tabs.nav-links>li {
    line-height: 43px
}
.nav-tabs.nav-links>li>a {
    background-color: transparent;
    border: none;
    color: #313131;
    padding: 0;
    padding-left: 15px;
    margin-left: 12px;
    border-left: 1px solid #ddd;
    font: 700 16px/22px 'Open Sans', Verdana;
    text-transform: uppercase
}
.nav-tabs.nav-links>li.active>a {
    padding: 0 0 0 7px !important;
    padding-left: 15px!important;
    margin-left: 12px;
    border: none;
    border-left: 1px solid #ddd
}
.nav-tabs.nav-links>li:first-child>a, .nav-tabs.nav-links>li.active :first-child>a {
    padding-left: 0!important;
    margin-left: 0!important;
    border-left: none
}
.nav-tabs.nav-links>li.active>a, .nav-tabs.nav-links>li.active>a:hover, .nav-tabs.nav-links>li.active>a:focus {
    background-color: transparent;
    color: #3288c9
}
.nav-tabs.nav-links>li>a:hover, .nav-tabs.nav-links>li>a:focus {
    text-decoration: underline
}
.tabs-container .tab-content {
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none
}
.top-container {
    padding: 29px 0 35px;
    background-color: #f4f4f4
}
.top-container .row {
    margin-left: -8px;
    margin-right: -8px
}
.top-container .slider-area, .top-container .side-area {
    padding: 0 8px
}
.top-container .side-area .row {
    margin: 0
}
.top-container .owl-carousel .owl-controls {
    position: absolute;
    bottom: 20px;
    width: 100%;
    margin: 0
}
.top-container .owl-carousel .owl-dots {
    margin: 0;
    line-height: 0
}
.tabs-container.grid .product {
    margin-bottom: 10px
}
.grid-banners {
    margin: 10px 0 30px
}
.grid-banners .banner {
    margin-bottom: 10px
}
.sidebar .widget-block .widget {
    margin: 0
}
.sidebar .widget-block {
    padding-bottom: 37px;
    margin-bottom: 30px;
    background: url(../images/border.png) center bottom no-repeat
}
.custom-text-widget h2 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    color: #000;
    margin-bottom: 15px
}
.custom-text-widget h5 {
    font: 400 11px/1 Arial, Verdana;
    color: #878787;
    margin-bottom: 13px
}
.custom-text-widget p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42;
    color: #666
}
.info-boxes-sm .info-box {
    padding: 13px 0
}
.info-boxes-sm .info-box-icon {
    font-size: 34px
}
.info-boxes-sm .info-box-content .info-box-title {
    font-size: 14px
}
.sidebar .widget .widget-title i {
    margin-right: 5px;
    font-size: 18px
}
.feature-box-widget p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 10px
}
.feature-box-widget a, .feature-box-widget a:hover {
    color: #000
}
.feature-box-widget a:hover {
    text-decoration: underline
}
.category-shop-widget .product-categories {
    padding: 0;
    margin-bottom: 5px
}
.category-shop-widget .product-categories li {
    line-height: 40px;
    padding-left: 12px;
    border-bottom: 1px solid #ddd
}
.category-shop-widget .product-categories li a {
    font-size: 15px;
    padding: 0
}
.widget.widget-shop2:first-child {
    margin-top: -8px
}
.fullscreen {
    height: 100vh
}
#parallax-1 {
    background-image: url(../images/parallaxbg3.jpg)
}
#parallax-2 {
    background-image: url(../images/parallaxbg4.jpg)
}
#parallax-3 {
    background-image: url(../images/parallaxbg5.jpg)
}
#parallax-4 {
    background-image: url(../images/parallaxbg6.jpg)
}
.parallax-content {
    display: inline-block
}
.parallax-content h2, .parallax-content h3, .parallax-content h4 {
    color: #fff;
    line-height: 1
}
.parallax-content.dark h2, .parallax-content.dark h3, .parallax-content.dark h4 {
    color: #333
}
.parallax-content h2 {
    font-size: 79px;
    font-weight: 800;
    margin: 5px 0 10px
}
.parallax-lg .parallax-content h2 {
    letter-spacing: -6px;
    margin: 0
}
.parallax-content.smaller h2 {
    font-size: 61px;
    letter-spacing: -3px
}
.parallax-content h3 {
    font-weight: 300;
    font-size: 26px;
    text-transform: uppercase;
    margin: 0
}
.parallax-lg .parallax-content h3 {
    font-weight: 600
}
.parallax-content h3 * {
    vertical-align: middle
}
.parallax-content h3>span {
    margin: 0 15px
}
.parallax-content h4 {
    font-weight: 300;
    font-size: 23px;
    margin: 0
}
.parallax-content.smaller h4 {
    font-size: 18px;
    margin-bottom: 15px
}
.parallax-content h4>span {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px
}
.parallax-content img {
    display: inline-block;
    max-width: 100%;
    height: auto
}
.parallax-lg .parallax-content h4 {
    font-weight: 400
}
.parallax-content h4 strong {
    font-weight: 800
}
.parallax-lg {
    padding: 250px 0
}
.parallax-content .btn {
    font-size: 16px;
    padding: 9px 27px;
    vertical-align: top;
    margin: 5px 0 0 17px;
    font-weight: 600;
    transition: all .3s
}
.parallax-content.smaller .btn {
    padding: 7px 34px;
    font-weight: 400
}
.btn.no-radius {
    border-radius: 0
}
.btn-dark, .btn-dark:hover, .btn-dark:focus {
    background-color: #333;
    color: #fff
}
.btn-white, .btn-white:hover, .btn-white:focus {
    background-color: #fff;
    color: #333
}
.btn-white:hover, .btn-white:focus, .btn-dark:hover, .btn-dark:focus {
    opacity: .9
}
.parallax-section .slider-title {
    font-size: 15px;
    margin: 3px 0 15px;
    color: #fff;
    font-weight: 600
}
.grid-banners.smaller .row {
    margin: 0 -4px
}
.grid-banners.smaller [class^="col-"] {
    padding: 0 4px
}
.v2 .sidebar .widget .product_list_widget {
    font-size: 12px;
    margin-bottom: 6px
}
.widget:first-child .icon-group:first-child {
    margin-top: 10px
}
.widget .icon-group {
    margin-bottom: 20px;
    min-height: 50px;
    display: block
}
.widget .icon-group+.icon-group {
    margin-left: 0
}
.widget .icon-group i {
    width: 50px;
    height: 50px;
    font-size: 32px;
    line-height: 48px;
    border: 1px solid #bbb;
    color: #000;
    background-color: transparent;
    margin-left: -5px
}
.widget .icon-group h3 {
    color: #313131;
    font-size: 16px;
    margin: 0;
    line-height: 1.5;
    margin-left: 50px;
    padding-top: 4px
}
.widget .icon-group p {
    font-size: 12px;
    margin: 0;
    margin-left: 50px;
    line-height: 1
}
.banner-group .row {
    margin: 0 -8px
}
.banner-group [class^="col-"] {
    padding: 0 8px
}
.banner-group .banner {
    margin-bottom: 16px;
    position: relative
}
.banner-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    padding: 0 25px;
    font-family: Georgia, sans-serif;
    font-size: 15px;
    line-height: 1.5;
    background-color: #b7a788;
    color: #564a34;
    text-align: left
}
.banner-content.light {
    background-color: #2b262f;
    color: #ada4b5
}
.banner-content h3 {
    font-size: 24px;
    color: #2b262e;
    line-height: 1;
    margin: 0 0 5px;
    font-family: Georgia, sans-serif
}
.banner-content.light h3 {
    color: #f2f4f3
}
.banner-content hr {
    display: inline-block;
    background-image: none;
    border-top: 1px solid #564a34;
    margin: 15px 0;
    width: 90px
}
.banner-content.light hr {
    border-top-color: #ada4b5
}
.banner-content p {
    line-height: 1.5;
    margin-bottom: 15px
}
.banner-content a {
    color: #2b262f;
    text-transform: uppercase
}
.banner-content a:after {
    display: none
}
.banner-content a:hover, .banner-content a:focus {
    color: #2b262f;
    text-decoration: underline
}
.banner-content.light a, .banner-content.light a:hover, .banner-content.light a:focus {
    color: #fff
}
.banner-side-group .row {
    margin-left: -15px;
    margin-right: -15px
}
.banner-side-group [class^="col-"] {
    padding: 0 15px
}
.banner-side-group .banner {
    position: relative;
    margin-bottom: 20px
}
.banner .category-title {
    display: block;
    position: absolute;
    left: -10px;
    bottom: 20px;
    color: #fff;
    padding: 15px 17px;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    min-width: 174px;
    text-align: left;
    background-color: #3f4658
}
.banner .category-title:after {
    content: "";
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-right-color: #3f4658;
    border-top-color: #3f4658;
    display: block;
    position: absolute;
    left: 0;
    top: 100%
}
.shop-loop-before, .shop-loop-after {
    font-size: 13px
}
.shop-loop-before .product-ordering, .shop-loop-before .pagination-container>*, .shop-loop-before .gridlist-toggle {
    margin-bottom: 17px
}
.shop-loop-before .product-ordering {
    float: left;
    margin-right: 20px
}
.product-ordering {
    font-size: .9286em
}
.shop-loop-before label, .shop-loop-after label {
    margin-bottom: 0;
    vertical-align: middle
}
.product-ordering select, .product-viewing select {
    margin-left: 7px;
    padding: 0 0 0 .22em;
    height: 2.2em;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    font-size: 1em;
    line-height: 1.42857;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 3px
}
.product-viewing, .product-viewing select {
    display: inline-block;
    vertical-align: top
}
.gridlist-toggle {
    float: left;
    vertical-align: top;
    font-size: .9286em
}
.gridlist-toggle>a {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #ccc;
    display: inline-block;
    font-family: "Elusive-Icons";
    width: 2.2em;
    height: 2.2em;
    line-height: 2.15em;
    margin-right: 4px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.gridlist-toggle>a:before {
    font-size: 1.231em
}
.gridlist-toggle>a:hover, .gridlist-toggle>a:focus, .gridlist-toggle>a.active {
    color: #fff
}
.gridlist-toggle #grid:before {
    content: "\f20b"
}
.gridlist-toggle #list:before {
    content: "\f20a"
}
.gridlist-toggle>a:hover, .gridlist-toggle>a:focus, .gridlist-toggle>a.active {
    background-color: #08c;
    border-color: #08c
}
form label {
    display: inline-block;
    font-weight: 400
}
.shop-loop-before .pagination-container {
    margin-bottom: -10px;
    font-size: .9286em;
    text-align: right;
    float: right;
    white-space: nowrap
}
.shop-loop-after .pagination-container {
    float: none;
    text-align: center
}
.pagination-container {
    position: relative
}
.pagination {
    margin: 0;
    border-radius: 0;
    display: inline-block;
    white-space: nowrap;
    padding: 0;
    margin: 0 0 15px 10px;
    clear: both
}
.pagination>li {
    float: left;
    margin-left: 5px;
    display: inline;
    padding: 0
}
.pagination>li>a, .pagination>li>span {
    border: 1px solid #ccc;
    border-radius: 3px;
    display: block;
    margin: 0 0 5px;
    padding: 0 .5em;
    line-height: 24px;
    min-width: 26px;
    height: 26px;
    text-decoration: none;
    text-align: center
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 3px
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
    border-radius: 3px
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}
.widget.widget-shop {
    border: 1px solid #ddd;
    border-radius: 7px;
    background: #fbfbfb;
    overflow: hidden;
    margin-bottom: 1.0714em;
    margin-top: 0
}
.sidebar .widget .widget-title.boxed-title, #content .widget .widget-title.boxed-title {
    color: #777;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-size: .9286em;
    font-weight: 700;
    line-height: 1.4;
    padding: .7143em 1.0714em;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.widget-title .toggle {
    color: #ccc;
    display: inline-block;
    width: 1.8571em;
    height: 1.8571em;
    line-height: 1.7572em;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: absolute;
    right: 1.0714em;
    top: 1px;
    bottom: 0;
    margin: auto;
    font-family: "FontAwesome";
    text-align: center;
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.widget-title .toggle:hover {
    color: #fff;
    background-color: #08c;
    border-color: #08c
}
.widget-title .toggle:before {
    content: "\f0d8"
}
.widget-title .toggle.collapsed:before {
    content: "\f0d7"
}
.filter-color-container, .filter-size-container {
    padding: 11px;
    font-size: .9286em;
    margin: 0
}
.filter-color-container li, .filter-size-container li {
    float: left;
    width: 14.2857%;
    min-width: 34px;
    max-width: 35px;
    text-align: center;
    line-height: 10px
}
.filter-color-box, .filter-size-box {
    display: inline-block;
    border-width: 0;
    width: 26px;
    height: 26px;
    margin: 4px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
    border-radius: 5px
}
.filter-size-box {
    border-radius: 5px;
    min-width: 2em;
    text-align: center;
    margin: .3846em;
    color: #777;
    border: 1px solid #ccc;
    background: #efefef;
    padding: .3846em;
    line-height: 1.2;
    text-transform: uppercase
}
.filter-size-box.active, .filter-size-box:hover, .filter-size-box:focus {
    color: #fff;
    border-color: #08c;
    background-color: #08c;
    cursor: pointer
}
.filter-color-box.active {
    position: relative;
    font: 13px/37px FontAwesome;
    text-align: center
}
.filter-color-box.active:before {
    content: "\f00c";
    color: #fff;
    position: absolute;
    margin-left: -6px
}
.filter-color-box:hover {
    border: 1px solid #444
}
.sidebar .filter-group-widget .panel-body {
    padding: 35px 20px 25px
}
noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative
}
.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-stacking .noUi-handle {
    z-index: 10
}
.noUi-stacking+.noUi-origin {
    *z-index: -1
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top .3s;
    transition: left 0.3s, top .3s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-horizontal {
    height: .5em;
    margin-top: 1.4286em;
    margin-bottom: 2.1428em
}
.noUi-horizontal .noUi-handle {
    position: absolute;
    left: 0;
    top: -3px;
    width: .9286em;
    height: 1.2857em;
    cursor: pointer;
    outline: none;
    top: -.40715em;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}
.noUi-horizontal .noUi-handle.noUi-handle-upper {
    margin-left: -13px
}
.noUi-horizontal.noUi-extended {
    padding: 0 15px
}
.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px
}
.noUi-background {
    background: #eee
}
.noUi-connect {
    background: #08c;
    -webkit-transition: background 450ms;
    transition: background 450ms
}
.noUi-target.noUi-connect {
    box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB
}
.noUi-dragable {
    cursor: w-resize
}
.noUi-handle {
    background: #08c;
    cursor: default
}
.noUi-state-blocked.noUi-connect, .noUi-state-blocked .noUi-connect {
    background: #4FDACF
}
.filter-slider {
    padding: .7143em 1.0714em
}
.filter-slider-action {
    margin-bottom: 4px
}
.filter-slider-action .filter-slider-value {
    float: right;
    text-align: right;
    line-height: 2.4em;
    font-size: .8751em
}
.filter-slider-value>span {
    font-weight: 600
}
.filter-slider-action .btn {
    padding: .2143em .7143em;
    text-transform: uppercase;
    float: left;
    border-color: #08c;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #08c
}
.filter-slider-action .btn:hover {
    border-color: #0099e6;
    background-color: #0099e6
}
.product-categories {
    font-size: .9286em;
    padding: .7143em 1.0714em;
    margin: 0
}
.product-categories li {
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 24px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.product-categories li a {
    display: inline-block;
    padding: 4px 0;
    color: #777
}
.product-categories li a:hover {
    color: #0099e6
}
.products .product {
    margin-bottom: 30px
}
.product {
    position: relative;
    overflow: hidden;
    text-align: center
}
.product-image {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 0;
    width: 100%;
    padding: .2381em;
    overflow: hidden;
    margin-bottom: 0
}
.product-thumb.transition.product {
    background: #fff;
    box-shadow: 0 3px 8px rgba(151, 164, 122, 0.28)
}
.product-image a {
    display: block
}
.product-image img {
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    height: auto;
    -webkit-transition: opacity .3s ease-in-out 0;
    -moz-transition: opacity .3s ease-in-out 0;
    transition: opacity .3s ease-in-out 0;
    position: relative;
    opacity: 1
}
.product-thumb.transition.product {
    background: #fff;
    min-height: 580px;
    max-height: 580px;
    overflow: hidden
}
.brand-section {
    margin: 0 auto
}
.brand-section .mega_menu_top_brands_tab .megacontainer {
    position: relative;
    width: 10%;
    display: inline-flex;
    border: none;
    padding: 10px 0
}
.brand-section .mega_menu_top_brands_tab .middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 40%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 100%
}
.whyus-section .title {
    text-align: center;
    font: 600 24px/34px 'Open Sans', Verdana
}
.whyus-section h2 {
    text-align: center;
    color: #333
}
.whyus-section {
    margin: 30px 0;
    height: 280px
}
.why-div {
    margin: 40px 25px
}
.whyus-section .description {
    text-align: justify;
    padding: 5px;
    color: #555;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
.why-div {
    margin: 30px 0;
    padding: 5px 0
}
.why-div:hover {
    background: #fff;
    margin: 30px 0
}
.whyus-section .image {
    display: flex;
    justify-content: center
}
.whyus-section-1 .image {
    display: flex;
    justify-content: center
}
.whyus-section-1 .image img {
    border: 1px solid #3288c9;
    border-radius: 100%;
    padding: 5px;
    box-shadow: -3px 1px 2px
}
.whyus-section-1 {
    text-align: center;
    height: 60px;
    position: relative;
    color: #fff;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 600;
    margin-top: -15px
}
.whyus-section-1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat-x;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, white 13px)
}
.whyus-section-1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat-x;
    height: 15px;
    background-size: 40px 20px;
    background-image: radial-gradient(circle at 10px 15px, white 12px, transparent 13px)
}
.whyus-section-1 .title {
    text-align: center;
    font: 600 24px/34px 'Open Sans', Verdana
}
.whyus-section-1 h2 {
    text-align: center;
    color: #fff
}
.whyus-section-1 {
    margin: 30px 0;
    height: 280px
}
.whyus-section-1 .why-div {
    margin: 40px 25px
}
.whyus-section-1 {
    background: #656575;
    height: 100%!important;
    margin: 30px 0!important;
    padding: 20px 0 75px!important
}
.whyus-section-1 .description {
    text-align: justify;
    padding: 5px;
    color: #555;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
    border-bottom: 1px solid #3288c9
}
.whyus-section-1 .why-div {
    margin: 30px 0;
    padding: 5px 0
}
.whyus-section-1 .why-div:hover {
    background: #fff;
    margin: 30px 0
}
.whyus-section-1 .image {
    display: flex;
    justify-content: center
}
.whyus-section-1 .image img {
    border: 1px solid #3288c9;
    border-radius: 100%;
    padding: 5px;
    box-shadow: -3px 1px 2px
}
.whyus-section-1 {
    text-align: center;
    height: 60px;
    position: relative;
    color: #fff;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 600;
    margin-top: -15px
}
.whyus-section-1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat-x;
    height: 10px;
    background-size: 20px 20px;
    background-image: radial-gradient(circle at 10px -5px, transparent 12px, white 13px)
}
.whyus-section-1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-repeat: repeat-x;
    height: 15px;
    background-size: 40px 20px;
    background-image: radial-gradient(circle at 10px 15px, white 12px, transparent 13px)
}
.whyus-section-1 .col-div6 .left-text {
    border: none;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: justify
}
.whyus-section .col-div6 .left-text {
    border: none;
    color: #222;
    font-size: 16px;
    font-weight: 300;
    text-align: justify
}
.right-text {
    display: flex;
    justify-content: center
}
.right-text img {
    width: 30%
}
.product-image .inner-image {
    position: relative;
    overflow: hidden
}
.featured-box {
    background: #656575;
    padding: 35px 0;
    margin: 30px 0
}
.product-image .inner-image .zoom-image-effect {
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.product-image:hover .inner-image .zoom-image-effect {
    transform: scale(1.07);
    -moz-transform: scale(1.07);
    -webkit-transform: scale(1.07)
}
.product .product-image .product-image-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}
.product-image:hover .product-image-normal {
    opacity: 0
}
.product-image:hover .product-image-hover {
    opacity: 1
}
.product-image .onhot, .product-image .onsale {
    line-height: 1;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: .8em;
    border-radius: 4px;
    font-size: .8571em;
    padding: .5833em .6333em
}
.product-image .onhot {
    background: #62b959;
    left: .8em
}
.product-image .onsale::after {
    border-left: 8px solid transparent;
    border-top: 9px solid #e74c3c;
    bottom: -6px;
    content: "";
    position: absolute;
    right: 8px
}
.product-image .onsale {
    background: #e74c3c none repeat scroll 0 0;
    left: 20px;
    top: 20px;
    z-index: 3;
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 23px;
    min-width: 56px;
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}
.product-image .onsaleright::after {
    border-left: 8px solid transparent;
    border-top: 9px solid #e74c3c;
    bottom: -6px;
    content: "";
    position: absolute;
    right: 8px
}
.product-image .onsaleright {
    background: #e74c3c none repeat scroll 0 0;
    left: 70%;
    top: 20px;
    z-index: 3;
    color: #fff;
    font-size: 20px!important
}
.so-deal .onsaleright {
    text-align: right;
    margin-left: 10px;
    font-size: 17px
}
#payment_address_company_input {
    display: none
}
#payment_address_customer_group_id_input {
    display: none
}
.product-image .onsaleright {
    display: block;
    font-size: 12px;
    height: 30px;
    line-height: 23px;
    min-width: 56px;
    padding: 3px 10px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}
.product-image .viewcart {
    font-size: 1.8em;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    text-align: center;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.1em;
    display: none;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.product-image .viewcart:before {
    font-family: "minicart-font"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e800";
    font-size: .9em;
    vertical-align: top
}
.product-image .viewcart:hover {
    color: #fff
}
.product h3 {
    color: #777;
    font-size: 1em;
    line-height: 1.35;
    margin-bottom: .7143em
}
.product h3 a {
    font-size: 1em;
    color: #777
}
.product h3 a:hover {
    color: #08c
}
.rating-wrap {
    position: relative;
    display: table;
    font-size: .8571em;
    margin: 5px;
    height: 1px
}
.rating-wrap .rating-before, .rating-wrap .rating-after {
    display: table-cell;
    width: 20%;
    height: 1px;
    vertical-align: middle
}
.rating-wrap .rating-content {
    display: table-cell
}
.rating-wrap .star-rating {
    width: 6.7em;
    margin-right: -2px
}
.rating-wrap .rating-line {
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 1px
}
.rating-wrap .rating-before .rating-line {
    background-image: - webkit-linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent)
}
.rating-wrap .rating-after .rating-line {
    background-image: - webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) 40%, transparent)
}
.star-rating {
    position: relative;
    height: 1em;
    width: 5.4em;
    overflow: hidden;
    font-family: 'Elusive-Icons';
    font-size: 1em;
    line-height: 1em;
    letter-spacing: .1em;
    text-align: center;
    cursor: pointer
}
.star-rating:before {
    color: #918b8b;
    color: #918b8b;
    content: "\f1fe" "\f1fe" "\f1fe" "\f1fe" "\f1fe";
    float: left;
    position: absolute;
    top: 0;
    left: .6em
}
.so-filter-gird {
    background: #04040405
}
.child-categories {
    background: #04040405;
    padding: 5px
}
.child-categories ul li a {
    color: #fff
}
.child-categories ul li a:hover {
    color: #444
}
.child-categories ul li {
    border: 1px solid #bccad4;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center
}
.child-categories ul li:hover {
    background: #ffff;
    color: #444!important;
    cursor: pointer
}
.star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
    width: 100%
}
.star-rating span:before {
    color: #ffc600;
    content: "\f1fe" "\f1fe" "\f1fe" "\f1fe" "\f1fe";
    left: .6em;
    position: absolute;
    top: 0
}
.price {
    display: block;
    font-size: 1.4286em;
    margin: -.25em 0 .75em;
    color: #444;
    line-height: 1;
    font-weight: 600
}
.price del {
    display: inline-block;
    color: #ff5757;
    font-size: .8em;
    margin-right: .2143em;
    vertical-align: baseline
}
.product-image-top {
    height: 35px
}
.product-info-ind {
    border-top: 2px solid #3288c9;
    padding: 10px 5px
}
.price .amount {
    vertical-align: middle
}
.product-info-ind h2 {
    min-height: 75px;
    max-height: 75px;
    overflow: hidden;
    height: 75px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 22px;
}
.price ins {
    display: inline-block;
    text-decoration: none;
    vertical-align: baseline
}
.product-image .product-action {
    margin: 0
}
.product-actbrand-sectionion {
    margin-bottom: 5px;
    white-space: nowrap
}
.product-action .product-btn {
    display: inline-block;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 .7143em;
    font-size: 1em;
    line-height: 2.0571em;
    z-index: 1;
    color: #333;
    white-space: nowrap;
    text-shadow: none
}
.product-btn.btn-add-cart {
    position: relative;
    z-index: 2
}
.product-btn.btn-add-cart.small i {
    margin-right: 0
}
.product-btn.btn-add-cart.small>span {
    display: none
}
.product-btn.btn-add-cart i {
    margin-right: .5714em
}
.product-btn.btn-quickview, .product-btn.btn-wishlist {
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0;
    position: relative;
    z-index: 1
}
.six-products .product-btn.btn-wishlist {
    display: none!important
}
.product-btn.btn-quickview {
    position: relative;
    width: 2.2em;
    padding: 0;
    border: 1px solid #52b9b5;
    background: transparent;
    color: #52b9b5;
    opacity: 0;
    transform: translateX(-60px);
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    margin-left: 3px
}
.six-products .product-btn.btn-quickview {
    display: none!important
}
.product-btn.btn-wishlist {
    width: 2.2em;
    padding: 0;
    border: 1px solid #ed4949;
    color: #ed4949;
    opacity: 0;
    margin-right: 3px;
    transform: translateX(60px);
    -webkit-transform: translateX(60px);
    -ms-transform: translateX(60px)
}
.categories_gallery {
    margin: 20px 20%
}
.categories_gallery div {
    display: inline-table;
    width: 20%;
    margin: 0 15px;
    vertical-align: middle
}
.categories_gallery img {
    width: 80px;
    height: auto;
    vertical-align: middle
}
.product-btn.btn-quickview:hover, .product-btn.btn-quickview:focus {
    background-color: #52b9b5;
    color: #fff
}
.product-btn.btn-wishlist:hover, .product-btn.btn-wishlist:focus {
    background-color: #ed4949;
    color: #fff
}
.product:hover .product-btn.btn-add-cart {
    background-color: #08c;
    border-color: #08c;
    color: #fff
}
.product:hover .product-btn.btn-wishlist, .product:hover .product-btn.btn-quickview {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0)
}
.widget-block2.widget {
    margin-top: 15px
}
.widget-block2 hr:last-child {
    margin-bottom: 20px
}
.zoomWindowContainer>div {
    border: 4px solid #ebebeb
}
.product-gallery-container {
    margin-bottom: 40px
}
.product-gallery-container .product-top {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 3px;
    margin: 0 0 8px
}
.pgallery-wrapper {
    border: 1px solid #ddd;
    border-radius: 7px;
    padding: 4px
}
.product-gallery-container img {
    display: block;
    width: 100%;
    height: auto
}
.product-details {
    padding-right: 4px
}
.product-details .product-title {
    color: #555;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: .3571em
}
.product-rating-container {
    color: #bdbdbd;
    margin-bottom: 1.4286em
}
.product-rating-container .star-rating {
    font-size: 1.2857em;
    display: inline-block;
    vertical-align: top;
    margin-right: .7143em;
    text-align: left
}
.product-rating-container .star-rating:before, .product-rating-container .star-rating span:before {
    left: 0
}
.product-rating-container .review-link {
    display: inline-block
}
.review-link a {
    color: #bdbdbd;
    display: inline-block;
    vertical-align: bottom;
    padding: 0 .7143em
}
.review-link a:first-child {
    padding-left: 0
}
.review-link a:hover, .review-link a:active {
    color: #888
}
.product-details .price {
    margin-bottom: .5556em;
    color: #08c;
    line-height: 1;
    font-weight: 600;
    font-size: 2.5714em
}
.product-details .description {
    margin-bottom: 1.7857em;
    font-size: 1.1429em
}
.product-details .cart {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 1.7857em 0;
    margin-bottom: 1.7857em
}
.product-details .single_add_to_cart_button {
    height: 2.7143em;
    padding: 0 2.1429em;
    text-shadow: none;
    background-color: #08c;
    border-color: #08c;
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px
}
.product-details .single_add_to_cart_button:hover {
    border-color: #0099e6;
    background-color: #0099e6
}
.product-details .single_add_to_cart_button:before {
    display: inline-block;
    content: "\f07a";
    font-family: "FontAwesome";
    margin-right: .7143em
}
.product-details a.single_add_to_cart_button {
    line-height: 2.5714em
}
.product-details .stock {
    font-size: 1.1429em;
    font-weight: 600
}
.product-center .single-add-to-wishlist {
    margin-right: 1em;
    margin-top: 30px;
    position: relative
}
.product-center .single-add-to-wishlist a {
    width: auto;
    text-indent: 0;
    overflow: visible;
    padding-left: 2.8em;
    position: relative;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    font-size: inherit;
    height: 2.2em;
    line-height: 2.2em;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    border-radius: 5px!important;
    text-shadow: none;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.product-center .single-add-to-wishlist a:before {
    font-family: "FontAwesome";
    content: "\f08a";
    position: absolute;
    left: 0;
    right: 0;
    text-indent: 0;
    font-size: 1.1em;
    border: 1px solid #ed4949;
    color: #ed4949;
    border-radius: 5px;
    width: 2em;
    top: 0;
    bottom: 0
}
.product-center .single-add-to-wishlist a:hover {
    color: #ed4949
}
.product-center .single-add-to-wishlist a:hover:before {
    color: #fff;
    background-color: #ed4949
}
.product-center .single-add-to-compare {
    margin-right: 1em;
    margin-top: 15px;
    position: relative
}
.product-center .single-add-to-compare a {
    width: auto;
    text-indent: 0;
    overflow: visible;
    padding-left: 2.8em;
    position: relative;
    color: inherit;
    display: inline-block;
    cursor: pointer;
    font-size: inherit;
    height: 2.2em;
    line-height: 2.2em;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    border-radius: 5px!important;
    text-shadow: none;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0
}
.product-center .single-add-to-compare a:before {
    font-family: "FontAwesome";
    content: "\f0ec";
    position: absolute;
    left: 0;
    right: 0;
    text-indent: 0;
    font-size: 1.1em;
    border: 1px solid #52b9b5;
    color: #52b9b5;
    border-radius: 5px;
    width: 2em;
    top: 0;
    bottom: 0
}
.product-center .single-add-to-compare a:hover {
    color: #52b9b5
}
.product-center .single-add-to-compare a:hover:before {
    color: #fff;
    background-color: #52b9b5
}
.product-details .quantity {
    display: inline-block;
    position: relative;
    width: 4.1429em;
    margin-right: .8571em;
    vertical-align: top
}
.bootstrap-touchspin .form-control.vertical-spinner {
    border-radius: 3px!important;
    -moz-appearance: textfield;
    text-align: center;
    width: 2.5em;
    height: 2.7143em;
    padding-left: 0;
    padding-right: 0;
    display: inline-block!important;
    vertical-align: middle
}
.bootstrap-touchspin .input-group-btn-vertical {
    position: relative;
    white-space: nowrap;
    width: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -29px
}
.bootstrap-touchspin .input-group-btn-vertical>.btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
    padding: 0;
    width: 15px;
    height: 1.1428em;
    font-size: 14px;
    line-height: 1;
    position: relative;
    border-radius: 3px;
    margin-bottom: 5px
}
.bootstrap-touchspin .input-group-btn-vertical>.btn:last-child {
    margin-bottom: 0
}
.customup:before, .customdown:before {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    font-size: 14px;
    line-height: 1;
    z-index: 99
}
.customup:before {
    content: '+';
    margin-left: 1px
}
.customdown:before {
    content: '-';
    margin-left: 2px;
    margin-top: -6px
}
.bootstrap-touchspin .btn.btn-default {
    border-color: #ccc
}
.bootstrap-touchspin .input-group-btn-vertical>.btn.btn-default:hover, .bootstrap-touchspin .input-group-btn-vertical>.btn.btn-default:focus {
    border-color: #dadada
}
.bootstrap-touchspin-up.btn, .bootstrap-touchspin-down.btn {
    padding: 9px 12px;
    border-radius: 0 4px 4px 0;
    text-align: center
}
.bootstrap-touchspin-down.btn {
    margin-right: -1px!important;
    border-radius: 4px 0 0 4px
}
.bootstrap-touchspin .input-group-btn-vertical i {
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -4.5px;
    font-size: 9px;
    font-weight: 400
}
.product-details .product_meta {
    margin: 1.2143em 0 0
}
.product-details .product_meta span span, .product-details .product_meta span a {
    display: inline-block
}
.product-details .product_meta span a {
    color: #08c
}
.product-details .product_meta span a:hover {
    text-decoration: underline
}
.product-details .share-links {
    margin: 2.2143em 0 0
}
.product-details .posted_in, .product-details .sku_wrapper, .product-details .tags {
    display: block;
    margin-bottom: .5em
}
.product-details .social-icons {
    font-size: 14px;
    margin: 2.2143em 0 1.0714em
}
.product-details .social-icons .social-icon {
    margin: 0 3.5px 0 0;
    width: 2.2857em;
    height: 2.2857em;
    line-height: 2.2857em;
    border-radius: 4px
}
.sidebar .widget-banner {
    margin-bottom: 15px
}
.widget-banner {
    text-align: center;
    background-color: #fafafa;
    padding: 7px 25px 14px
}
.widget-banner img {
    display: inline-block;
    max-width: 100%;
    height: auto
}
.widget-banner hr {
    margin-top: 0;
    margin-bottom: 20px;
    border-color: #e6e6e6
}
.widget-banner h5 {
    font-size: 12px
}
.widget-banner h5 a:hover {
    color: #262626
}
.widget-products {
    padding: 32px 28px;
    border: 1px solid #f0f0f0
}
.sidebar .widget-products .widget-title {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 17px
}
.sidebar .widget-products .product-list .product-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-top: -3px
}
.sidebar .widget-products .product-list .product-price, .sidebar .widget-products .product-list .product-old-price {
    font-size: 13px
}
.sidebar .widget-products.widget .product-list li {
    padding-bottom: 0;
    border-bottom: none
}
.product-details-tab {
    margin-bottom: 35px
}
.product-details-tab h5 {
    margin-bottom: 19px
}
.product-details-tab p, .panel-group p {
    line-height: 26px;
    margin-bottom: 18px
}
.product-details-tab ul li, .panel-group ul li {
    line-height: 30px
}
.product-details-tab ul.fa-ul, .panel-group ul.fa-ul {
    margin-left: 25px
}
.product-details-tab ul.fa-ul li, .panel-group ul.fa-ul li {
    margin-bottom: 0
}
.product-details-tab ul.fa-ul .fa-li, .panel-group ul.fa-ul .fa-li {
    top: 9px;
    left: -22px;
    font-size: 12px;
    color: #a8a8a8
}
#footer {
    background: #646266;
    font-size: .9em;
    padding: 0;
    position: relative;
    color: #777
}
#wrapper.boxed.boxed-short #footer {
    margin-top: 15px
}
#footer a, #footer a:hover {
    color: #fff
}
#footer a:hover {
    text-decoration: underline
}
#footer .footer-ribbon {
    background: #08c;
    position: absolute;
    margin: -70px 0 0;
    padding: 10px 20px 6px;
    color: #fff;
    font: 400 1.6em/ 22px "Shadows Into Light", Verdana
}
#footer .footer-ribbon a:hover {
    text-decoration: none!important
}
.v2 #footer .footer-ribbon {
    margin-top: -56px
}
#footer .footer-ribbon:before {
    border-right: 10px solid #005580;
    left: -10px;
    border-top: 16px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 7px
}
#footer>.container {
    padding-top: 40px;
    padding-bottom: 10px
}
#footer.footer-ribbon>.container {
    padding-top: 54px
}
.v2 #footer.footer-ribbon>.container {
    padding-top: 40px
}
.widget {
    margin-top: 30px;
    margin-bottom: 30px
}
.widget .widget-title {
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.2698em;
    margin-bottom: 15px
}
#footer .widget-title {
    color: #fff
}
#footer .widget>div>ul, #footer .widget>ul {
    font-size: 1em
}
#footer .widget .contact-info, #footer .widget .contact-details {
    margin-top: -6px
}
.widget .tagcloud {
    margin: -.3846em 0
}
.widget .tagcloud a {
    margin: .3846em .3846em .3846em 0;
    color: #777;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #efefef;
    padding: .3846em;
    line-height: 1.2;
    display: inline-block;
    text-decoration: none;
    font-size: .8571em!important
}
#footer .widget .tagcloud a {
    text-decoration: none;
    border-color: rgba(119, 119, 119, 0.3);
    background-color: transparent
}
.widget .tagcloud a:hover, #footer .widget .tagcloud a:hover {
    color: #fff;
    border-color: #08c;
    background-color: #08c
}
.widget.contact-info ul, .widget.contact-info li {
    margin: 0;
    padding: 0
}
.widget.contact-info p {
    margin-bottom: 10px
}
.widget.contact-info li i {
    text-align: center;
    width: 16px;
    top: -2px;
    margin: 7px 6px 0 0;
    font-size: 1.2em
}
.widget.contact-info .contact-details span {
    display: block;
    padding-left: 25px;
    line-height: 18px;
    padding-bottom: 10px
}
.v2 .widget.contact-info .contact-details span {
    padding-bottom: 5px
}
.post-item-small {
    margin: 0 10px;
    padding: 15px 0;
    *zoom: 1;
    border-top: 1px solid #ececec
}
.post-item-small:before, .post-item-small:after {
    content: " ";
    display: table;
    clear: both
}
.post-item-small:first-child {
    padding-top: 0;
    border-top-width: 0
}
.post-item-small .post-image {
    float: left;
    margin: 0 10px 0 0
}
.post-item-small .post-image img {
    width: 50px;
    height: auto
}
.post-item-small .post-date {
    font-size: .9286em
}
#footer .post-item-small {
    border-color: rgba(119, 119, 119, 0.3)
}
#footer .post-item-small .post-date {
    display: block;
    color: #888
}
#footer .thumbnail, #footer .img-thumbnail {
    padding: 0;
    border: none;
    background-color: transparent
}
#footer .thumbnail img, #footer .img-thumbnail img {
    border-radius: 3px
}
#footer .widget p {
    margin-top: -3px;
    margin-bottom: 13px
}
.newsletter-widget input[type="text"], .newsletter-widget input[type="email"] {
    display: block;
    color: #777;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    line-height: 1.42857;
    padding: 6px 8px;
    font-size: 1em;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    max-width: 262px
}
#footer .container input:focus {
    box-shadow: none
}
.newsletter-widget input::-moz-placeholder {
    color: #777
}
.newsletter-widget input:-ms-input-placeholder {
    color: #777
}
.newsletter-widget input::-webkit-input-placeholder {
    color: #777
}
.newsletter-widget input[type="submit"] {
    display: block;
    margin-top: 20px;
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
    padding: 6px 11.5px;
    border-radius: 3px;
    line-height: 1.42857
}
.newsletter-widget input[type="submit"]:hover, .newsletter-widget input[type="submit"]:active {
    background: #0099e6;
    border-color: #0099e6
}
#footer .input-box {
    margin-top: 45px
}
#footer .newsletter-widget .input-box input[type="text"], .newsletter-widget .input-box input[type="email"] {
    background-color: #dcdcdc;
    height: 30px;
    padding: 5px 10px;
    border-radius: 5px
}
#footer .input-box-wrapper {
    position: relative;
    max-width: 300px
}
#footer .newsletter-widget .input-box-wrapper input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    padding: 4.5px 13.5px;
    margin: 0;
    border-radius: 0 5px 5px 0;
    font-size: 14px
}
#footer .widget .label {
    display: block;
    font-size: 13px;
    line-height: 19px;
    font-weight: 400;
    padding: 0;
    text-align: left;
    margin: 0 0 15px;
    color: #777
}
#footer .widget .links {
    margin: -5px 0 0
}
#footer .widget .links li {
    display: block;
    position: relative;
    padding: 10px 0;
    line-height: 1
}
#footer .widget .links li>i {
    margin-right: 6px
}
#footer #footer-bottom {
    padding: 15px 0;
    background-color: #2d2e2d;
    color: #fff
}
.alert-success {
    color: #3c763d;
    background-color: #fff;
    position: fixed;
    z-index: 9999;
    float: right;
    left: 60%;
    top: 110px;
    border: 2px solid #3288c9;
    box-shadow: 1px 2px 4px #5a5f5a
}
.product-info-ind h2 {
    min-height: 100px;
    max-height: 100px;
    overflow: hidden
}
.cotact-page-bottomsucc .center-text {
    width: 40%;
    margin: auto;
    text-align: center;
    background: #fff;
    color: #333!important;
    padding: 100px;
    box-shadow: 2px 1px 1px #555
}
.cotact-page-bottomsucc .cotact-page-bottom-overflow {
    background: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 400px;
    z-index: 9999;
    opacity: 1;
    padding: 25px
}
#footer .subscribe {
    display: block;
    margin-top: 20px;
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
    padding: 6px 11.5px;
    border-radius: 3px;
    line-height: 1.42857;
    width: 47%;
    float: left;
    margin-right: 3px;
    margin-bottom: 15px
}
#footer .widget>div>ul li, #footer .widget>ul li, #footer .widget p {
    color: #fff
}
#footer #footer-bottom a, #footer #footer-bottom a:hover {
    color: #777
}
#footer #footer-bottom address {
    margin: 0;
    text-align: center;
    font-size: 12px;
    line-height: 40px;
    border-top: 1px solid #0f0f0f;
    margin-top: -15px;
    padding-top: 15px
}
#footer.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: transparent
}
#footer.fixed #footer-bottom {
    padding: 0;
    background-color: rgba(255, 255, 255, 0.85)
}
#footer-bottom>.container .footer-left {
    padding: 10px 8px 10px 0;
    text-align: left
}
#footer-bottom>.container .footer-center {
    padding: 10px 8px
}
#footer-bottom>.container .footer-right {
    padding: 10px 0 10px 8px;
    text-align: right
}
#footer.fixed #footer-bottom>.container .footer-left, #footer.fixed #footer-bottom>.container .footer-center, #footer.fixed #footer-bottom>.container .footer-right {
    padding-top: 8px;
    padding-bottom: 8px
}
#footer-bottom .footer-menu {
    margin: 0;
    display: inline-block
}
#footer-bottom .footer-menu li {
    display: inline-block;
    padding: 0 5px 0 0;
    line-height: 24px;
    letter-spacing: .4px
}
#footer-bottom .footer-menu li:last-child {
    padding: 0
}
#footer-bottom .footer-menu li+li:before {
    content: "|";
    font-weight: 300;
    position: relative;
    top: -1px;
    margin: 0 9.5px 0 0
}
.v2 #footer-bottom .logo {
    min-width: 0
}
#footer-top {
    background: #08c;
    border: 1px solid #08c;
    margin-left: -10px!important;
    margin-right: -10px!important;
    padding: 10px 0;
    border-radius: 0;
    color: #fff
}
.info-boxes-fullwidth-container {
    padding: 11px 0;
    border-radius: 0;
    color: #fff;
    background-color: #171717;
    margin-bottom: 40px
}
#footer-top .info-boxes-container, .info-boxes-fullwidth-container .info-boxes-container {
    background-color: transparent;
    border: none;
    margin: 0
}
.info-boxes-fullwidth-container .info-box-content .info-box-title, .info-boxes-fullwidth-container .info-box-icon, #footer-top .info-box-content .info-box-title, #footer-top .info-box-icon {
    color: #fff
}
.v2 #footer {
    background-color: #121214
}
.v2 #footer #footer-bottom {
    padding: 16.5px 0;
    background-color: #0c0c0c
}
#footer-inner .widget .tagcloud {
    font-size: 0
}
#footer-inner .widget .tagcloud a {
    border: none;
    font-size: 12px!important;
    line-height: 25px;
    background-color: #000;
    padding: 0 7px;
    color: #fff;
    margin: 0 3px 3px 0
}
#footer-inner .contact-details>li {
    margin-bottom: 4px
}
#footer-inner .widget .tagcloud a:hover, #footer-inner .widget .tagcloud a:hover {
    color: #fff;
    background-color: #000;
    text-decoration: underline
}
.social-icons {
    font-size: 0
}
.social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    margin: 0 7.5px 15px;
    color: #fff!important;
    background-color: #9e9e9e;
    margin: .2857em .5714em .2857em 0;
    text-align: center;
    border-radius: 50%;
    transition: all .25s ease 0;
    -webkit-transition: all .25s ease 0
}
.social-icon.first {
    margin-left: 0
}
.social-icon.icon-facebook:hover, .social-icons2 .social-icon.icon-facebook {
    background-color: #3b5998!important
}
.social-icon.icon-twitter:hover, .social-icons2 .social-icon.icon-twitter {
    background-color: #55acee!important
}
.social-icon.icon-linkedin:hover, .social-icons2 .social-icon.icon-linkedin {
    background-color: #0976b4!important
}
.social-icon.icon-google-plus:hover, .social-icons2 .social-icon.icon-google-plus {
    background-color: #dd4b39!important
}
.social-icon.icon-pinterest:hover, .social-icons2 .social-icon.pinterest {
    background-color: #cc2127!important
}
.social-icon.icon-envelope:hover, .social-icons2 .social-icon.icon-envelope {
    background-color: #dd4b39!important
}
.social-icons2 .social-icon.icon-facebook:hover, .social-icons2 .social-icon.icon-twitter:hover, .social-icons2 .social-icon.icon-linkedin:hover, .social-icons2 .social-icon.icon-google-plus:hover, .social-icons2 .social-icon.icon-envelope:hover {
    opacity: .9
}
.owl-carousel .animated {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
    z-index: 0
}
.owl-carousel .owl-animated-out {
    z-index: 1
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl-carousel.owl-loaded {
    display: block
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}
.owl-carousel.owl-hidden {
    opacity: 0
}
.owl-carousel .owl-refresh .owl-item {
    display: none
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl-carousel.owl-rtl {
    direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
    float: right
}
.no-js .owl-carousel {
    display: block
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    transition: scale 100ms ease
}
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}
.owl-dots {
    text-align: center;
    margin-top: 20px
}
.owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #000;
    margin: 5px 7px;
    border-radius: 50%;
    opacity: .5
}
.owl-dot:hover, .owl-dot.active {
    opacity: 1
}
.owl-nav {
    position: absolute;
    bottom: auto;
    top: -3em;
    left: auto;
    right: 0
}
#owl-additional-item .owl-nav {
    position: relative;
    bottom: auto;
    top: -4em;
    left: auto;
    right: 0
}
.owl-prev, .owl-next {
    position: static;
    display: inline-block;
    font-size: 1.2857em;
    line-height: 1;
    color: #08c;
    padding: 1px 9px;
    opacity: 1
}
.owl-prev {
    left: 0;
    text-align: left;
    padding-right: 5px
}
.owl-next {
    right: 0;
    text-align: right;
    padding-left: 5px
}
.owl-prev:hover, .owl-next:hover {
    color: #0099e6
}
.error-content {
    text-align: center;
    padding: 35px 0 40px
}
.error-title {
    font: 400 150px/1 Montserrat, Verdana;
    color: #343434;
    margin-bottom: 11px
}
.error-title>span {
    display: block;
    font: 300 48px/1 Raleway, Verdana;
    margin-top: -3px
}
.error-content p {
    font-weight: 400
}
.error-content p>a {
    font-weight: 600;
    text-decoration: underline
}
.error-content p>a:hover, .error-content p>a:focus {
    color: #2e2e2e;
    text-decoration: underline
}
#coming-soon {
    width: 100%;
    height: 100%;
    position: relative;
    color: #b6b6b6;
    font: 400 15px/22px Raleway, Verdana;
    text-align: center;
    background-color: #f8f8f8
}
#coming-soon.coming-soonbg {
    background-image: url(../images/comingsoon.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}
#coming-soon .logo {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0
}
#coming-soon .logo>a {
    display: inline-block
}
#coming-soon-wrapper {
    background-color: #fff;
    padding: 30px 0 40px
}
#coming-soon h2 {
    font: 700 48px/1 Montserrat, Verdana;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 11px
}
#coming-soon #coming-soon-wrapper h2 {
    color: #262626
}
#coming-soon p {
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 36px
}
#coming-soon form {
    max-width: 435px;
    margin-right: auto;
    margin-left: auto;
    text-align: left
}
#countdown {
    margin-bottom: 25px
}
#coming-soon-wrapper #countdown {
    margin-bottom: 48px
}
.countdown-rtl {
    direction: rtl
}
.countdown-row {
    width: 100%;
    font-size: 0
}
.countdown-section {
    display: inline-block;
    position: relative;
    padding-right: 50px;
    margin-right: 60px;
    font-family: 'Montserrat', Verdana;
    font-weight: 700;
    text-transform: uppercase
}
.countdown-section:last-child {
    padding-right: 0;
    margin-right: 0
}
.countdown-section:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -30px;
    display: block;
    height: 60px;
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3)
}
#coming-soon-wrapper .countdown-section:after {
    background-color: #dcdcdc
}
.countdown-section:last-child:after {
    display: none
}
.countdown-amount {
    display: block;
    font-size: 72px;
    line-height: 70px;
    font-weight: 400;
    color: #fff
}
#coming-soon #coming-soon-wrapper .countdown-amount {
    color: #262626
}
.countdown-period {
    display: block;
    position: relative;
    font-size: 15px;
    line-height: 1;
    color: #edc32f
}
#coming-soon #coming-soon-wrapper .countdown-period {
    color: #c8c8c8
}
.countdown-descr {
    display: block;
    width: 100%
}
#coming-soon .input-desc {
    color: #313131;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 9px
}
#coming-soon .input-group {
    margin-bottom: 0
}
#coming-soon .input-group .form-control {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: #828282;
    color: #fff
}
#coming-soon .input-group .form-control::-moz-placeholder {
    color: #fff
}
#coming-soon .input-group .form-control:-ms-input-placeholder {
    color: #fff
}
#coming-soon .input-group .form-control::-webkit-input-placeholder {
    color: #fff
}
#coming-soon #coming-soon-wrapper .input-group .form-control {
    background-color: transparent;
    border-color: #e5e5e5;
    color: #c2c2c2
}
#coming-soon #coming-soon-wrapper .input-group .form-control:focus {
    border-color: #888
}
#coming-soon #coming-soon-wrapper .input-group .form-control::-moz-placeholder {
    color: #c2c2c2
}
#coming-soon #coming-soon-wrapper .input-group .form-control:-ms-input-placeholder {
    color: #c2c2c2
}
#coming-soon #coming-soon-wrapper .input-group .form-control::-webkit-input-placeholder {
    color: #c2c2c2
}
#coming-soon .btn.btn-custom {
    background-color: #d7af23;
    border-color: #d7af23;
    letter-spacing: 1px;
    padding-left: 23px;
    padding-right: 23px
}
#coming-soon .btn.btn-custom:hover, #coming-soon .btn.btn-custom:focus {
    background-color: #262626;
    border-color: #262626
}
#coming-soon footer {
    color: #ccc;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    position: absolute;
    bottom: 42px;
    left: 0;
    right: 0
}
#coming-soon footer.dark {
    color: #8c8c8c
}
#coming-soon footer a {
    color: #d7af23;
    font-weight: 600
}
#coming-soon footer a:hover {
    color: #262626
}
#scroll-top {
    position: fixed;
    bottom: 0;
    right: 20px;
    display: none;
    cursor: pointer;
    background: #404040;
    background: rgba(64, 64, 64, 0.75);
    border-radius: 4px 4px 0 0;
    color: #fff;
    height: 9px;
    padding: 7px 10px 30px;
    text-align: center;
    text-decoration: none;
    min-width: 40px
}
#scroll-top:hover {
    background: #404040
}
#scroll-top.fixed {
    opacity: 1;
    visibility: visible
}
.currency_language_form {
    display: inline-block
}
.currency_language_form .arrow {
    display: none
}
.main-content {
    padding-bottom: 40px;
    min-height: 400px
}
.body-header-type-1.common-home header .container-megamenu {
    display: none
}
.camera_slider {
    margin-bottom: 20px
}
.camera_slider .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: -40px
}
.camera_slider img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px
}
#mobile-menu .fa-caret-down {
    display: none
}
#mobile-menu .currency_language_form {
    display: block
}
#mobile-menu .arrow {
    display: block
}
#cart .dropdown-menu {
    color: #777
}
#cart .checkout {
    padding: 0 20px 20px
}
#cart .checkout:before, #cart .checkout:after {
    display: table;
    content: " "
}
#cart .checkout:after {
    clear: both
}
#cart .checkout .btn {
    display: block;
    width: 48%;
    float: left
}
#cart .checkout .btn:last-of-type {
    float: right
}
#cart .mini-cart-info table tr {
    padding: 20px 20px 0;
    display: block
}
#cart .mini-cart-info table td {
    vertical-align: top
}
#cart .mini-cart-info table td.image {
    padding-right: 10px
}
#cart .mini-cart-info table td.image img {
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3px;
    -moz-border-radius: 5px;
    border: 1px solid #ddd
}
#cart .mini-cart-info table td.name {
    padding-top: 10px;
    width: 200px
}
#cart .mini-cart-info table td.name .price2 {
    color: #08c;
    padding-top: 5px
}
#cart .mini-cart-info table td.remove {
    font-weight: 700;
    width: 100px;
    padding-top: 8px;
    text-align: right
}
#cart .mini-cart-total {
    padding: 13px 16px
}
#cart .mini-cart-total tr {
    display: none
}
#cart .mini-cart-total tr td {
    width: 300px;
    padding-left: 4px;
    padding-right: 4px
}
#cart .mini-cart-total tr td:first-child {
    text-align: right;
    font-size: 18px;
    font-weight: 700
}
#cart .mini-cart-total tr td:last-child {
    font-size: 18px;
    color: #08c;
    font-weight: 700
}
#cart .mini-cart-total tr:last-child {
    display: block
}
#cart {
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 0;
    height: 44px;
    margin: -22px auto
}
#cart .cart-head {
    position: relative;
    cursor: pointer;
    margin-top: 0;
    min-width: 50px;
    text-align: center
}
#cart .minicart-icon {
    font-size: 36px;
    vertical-align: middle;
    display: inline-block;
    color: #fff
}
#cart .cart-items {
    position: absolute;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    bottom: 10px;
    left: 0;
    right: 0;
    top: 5px;
    text-align: center;
    display: inline-block;
    color: #000
}
#cart .dropdown .dropdown-menu {
    width: 340px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    left: auto;
    right: 0;
    padding: 0;
    font-size: 1em;
    border-radius: 6px;
    border: none;
    border-top: 10px solid #006fa4;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15)
}
#cart .dropdown:hover .dropdown-menu {
    display: block
}
#cart .dropdown .dropdown-menu ul {
    margin-bottom: 0
}
#cart .dropdown .dropdown-menu ul li.empty {
    padding: 10px 0;
    text-align: center
}
#cart .dropdown .dropdown-menu:before {
    content: '';
    position: absolute;
    top: -17px;
    right: 17px;
    border-left: 8px solid transparent!important;
    border-right: 8px solid transparent!important;
    border-bottom: 8px solid #006fa4
}
#cart .dropdown .dropdown-menu:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 0;
    left: 0;
    display: block;
    height: 17px
}
.header-minicart-box #cart .dropdown .dropdown-menu:before {
    right: 25px
}
#cart .dropdown-cart-content {
    background: #fff;
    color: #777;
    border-radius: 6px;
    margin-top: -5px;
    padding: 15px
}
.btn-default, .btn, .button {
    display: inline-block;
    padding: 10px 50px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    text-shadow: none;
    border: 0;
    opacity: 1;
    filter: alpha(opacity=100));
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.btn-default:hover, .btn:hover, .button:hover {
    background: #656575;
    color: #fff
}
.btn .button--primary {
    font-family: Lato, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: 1px
}
a.quickview-icon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #08c;
    color: #fff;
    padding: 10px;
    z-index: 9;
    border-radius: 0 5px;
    opacity: 0;
    visibility: hidden;
    transition: .1s all;
    font-size: 12px;
    line-height: 1.4
}
.product:hover a.quickview-icon {
    opacity: 1;
    visibility: visible
}
.product:hover a.quickview-icon:hover {
    opacity: .9
}
.container-megamenu+.widget {
    margin-top: 20px
}
.megamenu .megamenu-footer {
    background-color: #f6f6f6;
    padding: 0;
    border: 2px solid #fff;
    color: #000;
    font-weight: 400;
    margin-left: -30px;
    margin-bottom: -30px;
    margin-right: -30px;
    border-radius: 0 0 6px 6px
}
.megamenu .megamenu-footer .info-box-container {
    border-right: 2px solid #fff
}
.megamenu .megamenu-footer .info-box-container:last-child {
    border: none
}
#mfilter-content-container .product {
    padding-bottom: 30px
}
.mfp-iframe-scaler iframe {
    background: url(../images/loader.gif) no-repeat scroll center center #fff!important
}
.quickview body {
    background: #fff;
    padding: 30px 30px 0
}
.quickview .mfp-iframe-holder .mfp-content {
    max-width: 900px;
    height: 620px
}
.quickview .mfp-iframe {
    opacity: 0;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}
.quickview.mfp-bg {
    opacity: .01;
    transition: all .2s ease-out
}
.quickview.mfp-ready .mfp-iframe {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.quickview.mfp-ready.mfp-bg {
    opacity: .75
}
.quickview.mfp-removing .mfp-iframe {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}
.quickview.mfp-removing.mfp-bg {
    opacity: 0
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}
.success, .warning, .attention, .information {
    padding: 10px 10px 10px 40px;
    margin: 0 0 20px;
    clear: both;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}
.success {
    background: #EAF7D9 url(../images/success.png) 13px center no-repeat;
    border: 1px solid #BBDF8D
}
.warning {
    background: #FFD1D1 url(../images/warning.png) 13px center no-repeat;
    border: 1px solid #F8ACAC
}
.attention {
    background: #FFF5CC url(../images/attention.png) 13px center no-repeat;
    border: 1px solid #F2DD8C
}
.information {
    background: #E8F6FF url(../images/information.png) 13px center no-repeat;
    border: 1px solid #B8E2FB
}
.review-list .author, .review-list .rating {
    display: inline-block
}
.review-list .rating {
    float: right;
    width: auto;
    padding-top: 8px
}
.review-list .author span {
    font-size: 10px;
    opacity: .8;
    font-style: italic;
    padding-left: 3px
}
.review-list .text {
    margin: 15px 0 20px;
    padding: 20px;
    position: relative;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
.review-list .text:before {
    position: absolute;
    top: -9px;
    left: 9px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #ccc;
    border-left: 9px solid transparent;
    border-bottom-color: #e6e6e6;
    content: ''
}
.review-list .text:after {
    position: absolute;
    top: -8px;
    left: 10px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    content: ''
}
table.attribute, table.list, .wishlist-product table, .wishlist-info table, .compare-info, .cart-info table, .checkout-product table, .table {
    border-collapse: separate;
    border-spacing: 0;
    border: solid #ddd 1px;
    width: 100%;
    margin: 0 0 20px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}
table.attribute tr, table.list tr, .wishlist-product table tr, .wishlist-info table tr, .compare-info tr, .cart-info table tr, .checkout-product table tr, .table {
    background: #fff
}
table.attribute tr:hover, table.list tr:hover, .wishlist-product table tr:hover, .wishlist-info table tr:hover, .compare-info tr:hover, .cart-info table tr:hover, .checkout-product table tr:hover, .table tr:hover {
    background: #f7f7f7;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}
table.attribute td, table.list td, .wishlist-product table td, .wishlist-info table td, .compare-info td, .cart-info table td, .checkout-product table td, .table td {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 10px;
    text-align: left;
    vertical-align: top
}
.table td.text-center {
    text-align: center
}
.table td.text-center .input-group {
    margin: 0 auto
}
.table td.text-right {
    text-align: right
}
table.attribute thead td, table.list thead td, .wishlist-product table thead td, .wishlist-info table thead td, .compare-info thead td, .cart-info table thead td, .checkout-product table thead td, .table thead td {
    background-color: #f5f5f5;
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    color: #777;
    font-size: .9286em;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase
}
table.attribute thead:first-child td, table.list thead:first-child td, .wishlist-product table thead:first-child td, .wishlist-info table thead:first-child td, .compare-info thead:first-child td, .cart-info table thead:first-child td, .checkout-product table thead:first-child td, .table thead:first-child td {
    border-top: none
}
table.attribute td:first-child, table.list td:first-child, .wishlist-product table td:first-child, .wishlist-info table td:first-child, .compare-info td:first-child, .cart-info table td:first-child, .checkout-product table td:first-child, .table td:first-child {
    border-left: none
}
table.attribute thead td:first-child, table.list thead td:first-child, .wishlist-product table thead td:first-child, .wishlist-info table thead td:first-child, .compare-info thead td:first-child, .cart-info table thead td:first-child, .checkout-product table thead td:first-child, .table thead td:first-child {
    -moz-border-radius: 5px 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0
}
table.attribute thead td:last-child, table.list thead td:last-child, .wishlist-product table thead td:last-child, .wishlist-info table thead td:last-child, .compare-info thead td:last-child, .cart-info table thead td:last-child, .checkout-product table thead td:last-child, .table thead td:last-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0
}
table.attribute thead td:only-child, table.list thead td:only-child, .wishlist-product table thead td:only-child, .wishlist-info table thead td:only-child, .compare-info thead td:only-child, .cart-info table thead td:only-child, .checkout-product table thead td:only-child, .table thead td:only-child {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}
table.attribute tr:last-child td:first-child, table.list tr:last-child td:first-child, .wishlist-product table tr:last-child td:first-child, .wishlist-info table tr:last-child td:first-child, .compare-info tr:last-child td:first-child, .cart-info table tr:last-child td:first-child, .checkout-product table tr:last-child td:first-child, .table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px
}
table.attribute tr:last-child td:last-child, table.list tr:last-child td:last-child, .wishlist-product table tr:last-child td:last-child, .wishlist-info table tr:last-child td:last-child, .compare-info tr:last-child td:last-child, .cart-info table tr:last-child td:last-child, .checkout-product table tr:last-child td:last-child, .table tr:last-child td:last-child {
    -moz-border-radius: 0 0 5px;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0
}
.wishlist-info table td {
    vertical-align: middle;
    text-align: center
}
.cart-info table td {
    vertical-align: middle;
    text-align: center
}
.compare-info .price-new {
    color: #ff6b6b
}
.compare-info .price-old {
    color: gray;
    text-decoration: line-through;
    padding-right: 2px
}
table img {
    max-width: none
}
.cart-total {
    overflow: auto;
    margin-bottom: 20px;
    padding-top: 10px
}
.cart-total table {
    float: right
}
.cart-total td {
    padding: 0 0 0 20px;
    text-align: right;
    font-weight: 400
}
.cart-total td strong {
    font-weight: 400
}
.cart-total table tr td:last-child {
    color: #444;
    font-weight: 600
}
.download-list, .order-list {
    overflow: auto
}
.download-list .download-id, .order-list .order-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}
.download-list .download-status, .order-list .order-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}
.download-list .download-content, .order-list .order-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}
.download-list .download-content div, .order-list .order-content div {
    float: left;
    width: 33.3%
}
.download-list .download-info, .order-list .order-info {
    text-align: right
}
.manufacturer-list {
    border: 1px solid #ddd;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    padding: 0;
    overflow: auto;
    margin-bottom: 20px;
    background: #fff
}
.manufacturer-heading {
    background: #f3f4f5;
    border-bottom: 1px solid #ddd;
    padding: 10px
}
.manufacturer-content {
    padding: 10px;
    overflow: auto
}
.manufacturer-list ul {
    float: left;
    width: 25%;
    margin: 0 0 0 20px;
    padding: 0
}
.center-column .panel {
    position: relative;
    border: none;
    margin: 0 0 20px
}
.center-column .panel-heading {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    padding: 10px
}
.center-column .panel-heading h4 {
    padding: 0;
    margin: 0;
    font-size: 13px!important;
    color: #777;
    */font-size: .9286em;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase
}
.center-column .panel-body {
    border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    position: relative;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 20px;
    position: relative;
    margin-top: -3px
}
.center-column .panel-body .buttons {
    margin: 0
}
.center-column h2 {
    margin-bottom: 10px
}
.center-column h2.slider-title {
    margin-bottom: 20px
}
.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}
.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}
.return-list .return-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}
.return-list .return-content div {
    float: left;
    width: 33.3%
}
.return-list .return-info {
    text-align: right
}
.return-product {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 20px
}
.return-opened textarea {
    width: 100%
}
ul.box-filter {
    list-style: none;
    margin: 0;
    padding: 0 0 5px
}
ul.box-filter>li {
    padding: 0 0 15px
}
ul.box-filter>li>span {
    font-weight: 700
}
ul.box-filter ul {
    list-style: none;
    padding: 0
}
.facebook_left {
    width: 308px;
    position: fixed;
    left: -308px;
    top: 150px;
    z-index: 999
}
.facebook_right {
    width: 308px;
    position: fixed;
    right: -308px;
    top: 150px;
    z-index: 999
}
.facebook_left .facebook-icon, .facebook_right .facebook-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../images/facebook-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 999
}
.facebook_right .facebook-icon {
    left: -50px;
    right: auto
}
.facebook_right .facebook-content, .facebook_left .facebook-content {
    background-color: #FFF;
    border: 4px solid #4b6baf;
    position: relative;
    z-index: 999
}
.twitter_left {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 150px;
    z-index: 998
}
.twitter_right {
    width: 250px;
    position: fixed;
    right: -250px;
    top: 150px;
    z-index: 998
}
.facebook_right+.twitter_right, .facebook_left+.twitter_left {
    top: 210px
}
.twitter_left .twitter-icon, .twitter_right .twitter-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../images/twitter-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 998
}
.twitter_right .twitter-icon {
    left: -50px;
    right: auto
}
.twitter_right .twitter-content, .twitter_left .twitter-content {
    background-color: #FFF;
    border: 4px solid #36a7e5;
    position: relative;
    z-index: 998
}
.custom_left {
    width: 250px;
    position: fixed;
    left: -250px;
    top: 150px;
    z-index: 996
}
.custom_right {
    width: 250px;
    position: fixed;
    right: -250px;
    top: 150px;
    z-index: 996
}
.facebook_right+.twitter_right+.custom_right, .facebook_left+.twitter_left+.custom_left {
    top: 270px
}
.facebook_right+.custom_right, .twitter_right+.custom_right, .twitter_left+.custom_left, .facebook_left+.custom_left {
    top: 210px
}
.custom_left .custom-icon, .custom_right .custom-icon {
    height: 50px;
    width: 50px;
    right: -50px;
    background: url(../images/custom-icon.png) no-repeat;
    cursor: pointer;
    position: absolute;
    z-index: 996
}
.custom_left .custom-icon {
    background: url(../images/custom-icon-right.png) no-repeat
}
.custom_right .custom-icon {
    left: -50px;
    right: auto
}
.custom_right .custom-content, .custom_left .custom-content {
    background-color: #FFF;
    border: 4px solid #ea2e49;
    position: relative;
    z-index: 996;
    padding: 10px
}
.picker-switch .btn {
    background: none!important;
    color: gray!important;
    text-shadow: none!important;
    -webkit-text-shadow: none!important;
    -moz-text-shadow: none!important
}
.timepicker-picker .btn {
    background: none!important;
    color: gray!important;
    text-shadow: none!important;
    -webkit-text-shadow: none!important;
    -moz-text-shadow: none!important
}
div.required .control-label:before {
    content: '* ';
    color: red;
    font-weight: 700
}
.carousel-brands {
    background: #fff;
    margin: 30px 0 0!important;
    padding: 10px 70px;
    border: 1px solid #e6e6e7;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: relative
}
.carousel-brands .owl-prev, .carousel-brands .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 20px;
    cursor: pointer;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #43c6bc;
    background: -moz-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43c6bc), color-stop(0%, #59d4cc), color-stop(99%, #43c6bc));
    background: -webkit-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -o-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -ms-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: linear-gradient(to bottom, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%)
}
.carousel-brands .owl-next:before {
    content: "";
    background: url(../images/right.png) no-repeat;
    width: 8px;
    height: 14px;
    margin: 8px auto 0;
    display: block
}
.carousel-brands .owl-prev {
    left: 20px
}
.carousel-brands .owl-prev:before {
    content: "";
    background: url(../images/left.png) no-repeat;
    width: 8px;
    height: 14px;
    margin: 8px auto 0;
    display: block
}
.header-notice {
    background: #0083c1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: none
}
.header-notice a {
    color: #fff
}
.header-notice p {
    padding: 14px 0 18px;
    margin: 0
}
.header-notice a.close-notice {
    display: block;
    float: right;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #fff;
    margin: 6px 10px;
    text-align: center;
    padding: 9px 0 0;
    color: #0083c1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}
.header-notice a.close-notice:before {
    content: "\f00d";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.header-notice a.close-notice:hover {
    background: #333;
    color: #fff
}
.popup {
    padding: 40px;
    text-align: left;
    max-width: 750px;
    margin: 40px auto;
    position: relative;
    border-top: 4px solid #08c;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5)
}
body .popup-module .mfp-close {
    top: -4px;
    right: -6px;
    text-align: right;
    padding-right: 19px;
    width: 100%;
    color: #08c;
    font-size: 22px;
    opacity: 1;
    font-weight: 700
}
body .popup-module .mfp-close:hover {
    opacity: .85
}
body .popup-module.without-button-close .mfp-close {
    display: none
}
.popup h4 {
    padding: 0 0 29px;
    margin: 0;
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    line-height: 1
}
.popup .content {
    padding: 0 0 10px;
    margin: 0
}
.popup .contact-label {
    padding-bottom: 20px
}
.popup .btn-primary {
    margin: 10px 0 0;
    display: block
}
.popup .newsletter-content {
    max-width: 312px;
    text-align: center;
    padding: 6px 0 0
}
.popup .newsletter-content h2 {
    padding: 29px 0 0;
    margin: 0;
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    line-height: 1
}
.popup .newsletter-content p {
    padding: 12px 10px 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
    color: #444
}
.popup .newsletter {
    position: relative;
    max-width: 300px;
    margin: 15px 0 0
}
.popup .newsletter input {
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    font-size: 13px;
    height: 34px;
    padding: 2px 13px;
    line-height: 30px;
    border-radius: 3px
}
.popup .newsletter .buton {
    display: block;
    border: 0;
    padding: 0 15px;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    line-height: 38px;
    position: absolute;
    top: 0;
    right: 0;
    height: 34px;
    color: #555;
    line-height: 34px;
    border-left: 1px solid #ccc
}
.popup .dont-show-label {
    font-size: 11px;
    position: relative;
    margin: 15px 0 -21px
}
.popup .dont-show-label span {
    font-weight: 400;
    padding-left: 2px
}
.popup .buttons-yes-no {
    padding: 20px 0 0
}
.popup .buttons-yes-no .button:first-child {
    margin-right: 20px
}
.popup .form-contact .error {
    border-color: red
}
.popup-gallery {
    padding-bottom: 30px!important
}
.product-info .product-image {
    margin: 0 0 10px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: center
}
.product-info .product-image a {
    display: block
}
.product-info .product-image img {
    display: block;
    cursor: pointer;
    margin: 0 auto
}
.product-info .thumbnails ul {
    list-style: none;
    margin: 0 0 0 -20px;
    position: relative;
    padding: 0
}
.product-info .thumbnails li p {
    margin: 0;
    padding: 0 0 20px 20px
}
.product-info .thumbnails li img, .product-info .thumbnails-carousel img {
    border: 1px solid #ddd;
    display: block;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    margin: 0 auto;
    padding: 2px;
    background: #fff
}
.overflow-thumbnails-carousel .owl-controls {
    display: none
}
.tags_product {
    margin: 0 0 20px
}
.product-center {
    padding-bottom: 30px
}
.product-center .product-title {
    color: #555;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: .3571em
}
.product-center .review {
    padding-bottom: 18px;
    position: relative;
    margin-top: -4px
}
.product-center .review .rating i {
    font-size: 16px
}
.product-center .description {
    padding-bottom: 15px;
    line-height: 1.7
}
.product-center .price {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 22px;
    color: #777
}
.product-center .price .price-new {
    color: #08c;
    font-weight: 600;
    font-size: 2.5714em
}
.product-center .price .price-old {
    display: inline-block;
    color: #a7a7a7;
    font-size: 2em;
    vertical-align: top;
    font-weight: 600;
    text-decoration: line-through;
    margin-left: 15px;
    margin-top: 6px
}
.product-center .options {
    padding: 27px 0 15px;
    border-bottom: 1px solid #ebebeb
}
.product-center .options h2 {
    line-height: 1.4;
    font-weight: 700;
    font-size: 1.1429em;
    color: #313131;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 15px
}
.product-center .add-to-cart {
    border-bottom: 1px solid #ebebeb;
    padding: 30px 0
}
.product-center .add-to-cart p {
    display: none
}
.product-center .add-to-cart .quantity {
    float: left;
    position: relative;
    padding-right: 38px
}
.product-center .add-to-cart .quantity input {
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    box-shadow: rgba(0, 0, 0, 0.0745098) 0 1px 1px inset;
    padding: 6px 12px;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    border-image: initial;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: center;
    width: 2.5em;
    height: 2.7143em;
    padding-left: 0;
    padding-right: 0;
    vertical-align: middle;
    display: inline-block;
    border-radius: 3px!important
}
.product-center .add-to-cart .quantity #q_up {
    display: block;
    position: absolute;
    top: 1px;
    right: 18px;
    text-align: center;
    display: block;
    padding: 0 0 0 1px;
    border-radius: 3px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    font-size: 9px;
    font-weight: 400;
    width: 15px;
    height: 16px;
    line-height: 14px
}
.product-center .add-to-cart .quantity #q_down {
    display: block;
    position: absolute;
    top: 22px;
    right: 18px;
    text-align: center;
    display: block;
    padding: 0 0 0 1px;
    border-radius: 3px;
    border: 1px solid #ccc;
    font-size: 9px;
    font-weight: 400;
    width: 15px;
    height: 16px;
    line-height: 16px
}
.product-center .add-to-cart .button {
    height: 2.7143em;
    padding: 0 2.1429em;
    text-shadow: none;
    color: #fff;
    border: 1px solid transparent;
    white-space: nowrap;
    font-size: 14px;
    line-height: 1.42857;
    border-radius: 4px
}
.product-center .share {
    padding-top: 25px
}
.product-center .minimum {
    padding-top: 20px
}
.product-center .radio-type-button {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 10px 7px 5px 0;
    padding: 0
}
.product-center .radio-type-button label {
    margin: 0;
    padding: 0
}
.product-center .radio-type-button input {
    visibility: hidden;
    position: absolute
}
.product-center .radio-type-button span {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid transparent
}
.product-center .radio-type-button span:hover {
    border: 1px solid #cecece
}
.product-center .radio-type-button span.active {
    border: 1px solid #000
}
.product-center .radio-type-button img {
    display: block;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
    -webkit-box-shadow: 1px 1px 0 rgba(0, 0, 0, .35);
    -moz-box-shadow: 1px 1px 0 rgba(0, 0, 0, .35)
}
.product-center .radio-type-button2 {
    display: inline-block;
    vertical-align: top;
    width: auto;
    margin: 10px 7px 5px 0;
    padding: 0
}
.product-center .radio-type-button2 label {
    padding: 0;
    margin: 0
}
.product-center .radio-type-button2 input {
    visibility: hidden;
    position: absolute
}
.product-center .radio-type-button2 span {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    height: 30px;
    min-width: 30px;
    display: block;
    text-align: center;
    padding: 4px 7px
}
.product-center .radio-type-button2 span:hover {
    background: #08c;
    color: #fff;
    border-color: #08c
}
.product-center .radio-type-button2 span.active {
    background: #08c;
    color: #fff;
    border-color: #08c
}
.prev-next-products {
    float: right;
    padding: 0;
    margin: 0;
    margin-top: -8px;
    position: relative
}
.prev-next-products .product-nav {
    display: inline-block;
    vertical-align: middle;
    position: relative
}
.prev-next-products a {
    color: #555;
    display: inline-block;
    font-size: 22px;
    padding: 0 7px 0 8px;
    line-height: 58px
}
.prev-next-products .product-nav.product-prev .product-pop {
    right: auto;
    left: 0;
    margin-left: -17.5px
}
.prev-next-products .product-nav .product-pop {
    border-top: 3px solid #08c;
    position: absolute;
    left: 0;
    top: 100%;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all .2s;
    text-align: center;
    width: 100px;
    border-radius: 4px
}
.prev-next-products .product-nav:hover .product-pop {
    visibility: visible;
    opacity: 1
}
.prev-next-products .product-nav .product-pop .product-name {
    margin: 0;
    font-weight: 600;
    font-size: 11px;
    color: #777
}
.prev-next-products .product-nav .product-pop img {
    margin-bottom: 10px;
    display: block
}
.prev-next-products .product-nav.product-next .product-pop {
    left: auto;
    right: 0;
    margin-right: -17.5px
}
.prev-next-products .product-nav .product-pop:before {
    content: "";
    width: 5px;
    height: 2px;
    border: 5px solid transparent;
    border-bottom-color: #08c;
    display: block;
    position: absolute;
    top: -13px;
    left: 0
}
.prev-next-products .product-nav.product-prev .product-pop:before {
    left: 32px;
    right: auto
}
.prev-next-products .product-nav.product-next .product-pop:before {
    right: 32px;
    left: auto
}
.product-center .button-product-question {
    margin-top: 20px;
    padding-top: 8px!important
}
.product-center .button-enquiry {
    padding-top: 8px!important
}
.product-center .button.review-link {
    padding-top: 8px!important
}
.rating i {
    margin: 0 1px 0 2px;
    font-size: 14px;
    color: #898383
}
.rating i.active {
    color: #898383
}
.set-rating i {
    cursor: pointer;
    padding-top: 7px;
    padding-right: 5px;
    margin-right: -6px
}
#mfilter-content-container .product-list {
    position: absolute;
    width: 100%;
    max-height: 100px;
    overflow: hidden;
    opacity: 0;
    z-index: -10;
    margin-bottom: 10px
}
#mfilter-content-container .product-list.active {
    position: relative;
    visibility: visible;
    max-height: none;
    overflow: visible;
    opacity: 1;
    z-index: 0
}
#mfilter-content-container .product-grid {
    display: none
}
#mfilter-content-container .product-grid.active {
    display: block
}
#mfilter-content-container>span {
    background: none!important
}
#mfilter-content-container>span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    filter: alpha(opacity=40);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
    opacity: .4;
    -moz-opacity: .4;
    left: 0;
    top: 0
}
#mfilter-content-container>span>img {
    top: -90px!important;
    position: relative;
    z-index: 20
}
.is-countdown {
    background: rgba(255, 255, 255, 0.90);
    margin-top: -50px;
    left: 0;
    right: 0;
    padding: 0 10px;
    position: absolute
}
.countdown-holding span {
    color: #888
}
.countdown-row {
    clear: both;
    width: 100%;
    padding: 0;
    text-align: center
}
.countdown-show1 .countdown-section {
    width: 98%
}
.countdown-show2 .countdown-section {
    width: 48%
}
.countdown-show3 .countdown-section {
    width: 32.5%
}
.countdown-show4 .countdown-section {
    width: 24.5%
}
.countdown-show5 .countdown-section {
    width: 19.5%
}
.countdown-show6 .countdown-section {
    width: 16.25%
}
.countdown-show7 .countdown-section {
    width: 14%
}
.countdown-section {
    display: block;
    float: left;
    font-size: 75%;
    text-align: center
}
.countdown-amount {
    font-size: 200%
}
.countdown-period {
    display: block
}
.countdown-descr {
    display: block;
    width: 100%
}
div.pagination-results {
    clear: both;
    padding: 0;
    margin: 0 0 10px;
    position: relative;
    overflow: auto;
    font-size: 13px
}
div.pagination-results .text-right {
    padding: 6px 0 10px 10px
}
div.pagination-results .text-left {
    padding: 0 10px 0 0
}
div.pagination-results ul {
    padding: 0;
    margin: 0;
    list-style: none
}
div.pagination-results ul li {
    display: inline-block;
    text-align: center;
    margin: 0 7px 10px 0
}
#mfilter-content-container div.pagination-results {
    text-align: center
}
#mfilter-content-container div.pagination-results .limit {
    display: inline-block;
    vertical-align: top;
    padding-top: 6px;
    padding-bottom: 14px
}
#mfilter-content-container div.pagination-results .limit select {
    border: 1px solid #ccc;
    background: #fff;
    height: 26px;
    margin: 0 4px;
    padding: 0
}
#mfilter-content-container div.pagination-results .text-left {
    padding: 6px 0 14px;
    text-align: center;
    width: auto;
    display: inline-block;
    vertical-align: top;
    float: none;
    position: relative;
    margin-right: -7px
}
#mfilter-content-container div.pagination-results .text-right {
    display: none
}
.list-box {
    list-style: none;
    margin: 0;
    padding: 0
}
span.error {
    padding: 5px 0;
    display: block;
    color: red
}
.form span.error {
    display: inline-block;
    padding-left: 20px
}
.product-info span.error {
    padding-top: 0
}
.help {
    font-size: 10px;
    display: block
}
table.form td {
    padding: 5px 13px 0 0
}
table.form td input, table.form td select, table.form td textarea {
    margin-left: 7px
}
img {
    max-width: 100%
}
.category-info {
    padding: 0;
    position: relative;
    margin: 0 -20px 0 0
}
.category-info .image {
    padding: 0 20px 25px 0;
    float: left;
    width: auto;
    max-width: 100%
}
.category-info>p {
    padding: 2px 20px 25px 0
}
.refine_search {
    margin-top: 7px!important;
    margin-bottom: 20px!important;
    padding: 0!important
}
.category-list-text-only {
    margin-bottom: 20px
}
.category-list .row>div {
    margin-bottom: 26px;
    text-align: center
}
.category-list-text-only .row>div {
    margin-bottom: 6px;
    text-align: left
}
.category-list img {
    display: block;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 6px;
    -moz-border-radius: 6px;
    padding: 2px;
    border: 1px solid #ddd;
    -webkit-border-radius: 6px
}
.product-filter {
    padding: 0;
    margin: 0 0 14px
}
.product-filter .sort {
    padding: 0;
    float: left;
    width: auto;
    font-size: 13px
}
.product-filter .sort select {
    margin: 0 0 0 5px;
    width: auto;
    padding: 0;
    position: relative;
    height: 26px;
    border: 1px solid #ccc;
    background: #fff
}
.product-filter .pagination {
    float: right;
    clear: none;
    margin: 0 0 -5px;
    max-width: 200px
}
.product-filter .limit {
    padding: 0 0 0 15px;
    float: right;
    width: auto;
    font-size: 13px
}
.product-filter .limit select {
    margin: 0 4px 0 5px;
    width: auto;
    padding: 0;
    position: relative;
    height: 26px;
    border: 1px solid #ccc;
    background: #fff
}
.product-filter .product-compare {
    float: left;
    width: auto;
    font-size: 13px;
    padding: 2px 0 0 15px
}
.product-filter .options {
    float: left;
    width: auto;
    padding: 0 0 0 12px
}
.product-filter .options .button-group {
    float: left;
    width: auto
}
.product-filter .options .button-group button {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #ccc;
    display: inline-block;
    font-family: "Elusive-Icons";
    width: 26px;
    height: 26px;
    line-height: 24px;
    margin-left: 3px;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0;
    background: transparent;
    vertical-align: top;
    padding: 0
}
.product-filter .options .button-group button:hover, .product-filter .options .button-group .active {
    background: #08c;
    color: #fff;
    border-color: #08c
}
#grid:before {
    content: "\f20b";
    font-size: 14px
}
#list:before {
    content: "\f20a";
    font-size: 14px
}
.box {
    margin-bottom: 15px;
    background: #fbfbfb;
    border: 1px solid #ddd;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}
.box .box-heading {
    color: #777;
    background: #f5f5f5;
    border-bottom: 1px solid #ddd;
    font-size: .9286em;
    font-weight: 700;
    line-height: 1.4;
    padding: .7143em 1.0714em;
    margin: 0;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all .25s ease 0;
    -moz-transition: all .25s ease 0;
    transition: all .25s ease 0;
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0
}
.box .box-heading .toggle {
    color: #ccc;
    display: inline-block;
    width: 1.8571em;
    height: 1.8571em;
    line-height: 1.7572em;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    position: absolute;
    right: 1.0714em;
    top: 1px;
    bottom: 0;
    margin: auto;
    font-family: "FontAwesome";
    text-align: center;
    -webkit-transition: all .25s ease 0;
    transition: all .25s ease 0;
    z-index: 10;
    cursor: pointer
}
.box .box-heading .toggle:after {
    content: "\f0d8"
}
.box .box-heading .toggle.collapsed:after {
    content: "\f0d7"
}
.box .box-heading .toggle:hover {
    background: #08c;
    border-color: #08c;
    color: #fff
}
.box .box-content {
    padding: 13px
}
.box-category ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2.6;
    font-size: .9286em
}
.box-category ul ul {
    padding-left: 13px
}
.box-category ul li .head .plus {
    display: none
}
.box-category ul li .head .collapsed .plus {
    display: block
}
.box-category ul li .head .collapsed .minus {
    display: none
}
.box-category .panel {
    padding: 0;
    margin: 0;
    background: none;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
.box .box-category {
    padding: 9px 13px
}
.box .box-category .active {
    color: #08c
}
.product-list .item {
    width: 100%;
    padding: 0 0 20px
}
.product-list .product-image-area {
    width: 20%;
    float: left
}
.product-image-area {
    position: relative;
    overflow: hidden;
    z-index: 0
}
.product-image-area a.product-image {
    overflow: hidden
}
.product-list .details-area {
    width: 80%;
    float: left;
    padding: 0 20px
}
.product-name {
    margin: 10px 0;
    font-size: 1em;
    font-weight: 400
}
.product-list .details-area .product-name {
    font-size: 18px;
    line-height: 1
}
.product-list .details-area .short-desc {
    font-size: 14px;
    line-height: 1.5;
    color: #777
}
.product-list .details-area .action-area {
    margin-top: 15px
}
.product-list .rating-wrap {
    margin: 0;
    display: block;
    height: 22px;
    margin-left: -7px;
    margin-top: 3px
}
.product-list .product-image {
    margin: 0
}
.product-list .product-image .product-image-hover {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}
.product-list .product-image:hover .product-image-hover {
    opacity: 1
}
.product-list .product-btn.btn-wishlist, .product-list .product-btn.btn-quickview {
    opacity: 1;
    visibility: visible;
    width: 32px;
    height: 32px;
    display: inline-block;
    text-align: center;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin: 0 1px;
    padding: 0;
    left: auto;
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    font-size: 16px;
    line-height: 30px;
    vertical-align: top
}
.product-list .btn-add-cart {
    font-size: 14px;
    padding: 0 10px 0 7px;
    display: inline-block;
    height: 32px;
    line-height: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0 1px;
    vertical-align: top;
    border-color: #08c;
    color: #fff;
    background-color: #08c
}
a.quickviewlink.quickview-icon {
    position: static;
    padding: 0;
    visibility: visible;
    opacity: 1;
    color: #08c;
    background-color: transparent;
    font-size: 17px;
    display: inline-block;
    height: 32px;
    width: 32px;
    line-height: 30px;
    border: 1px solid #08c;
    border-radius: 5px;
    text-align: center;
    margin: 0 1px
}
a.quickviewlink.quickview-icon:hover {
    background: #08c;
    color: #fff
}
.product-list .quickview {
    display: inline-block;
    vertical-align: top
}
.category-banner {
    background-color: transparent
}
.full-width-image-banner {
    height: 375px;
    position: relative
}
.full-width-image-banner .content {
    margin-top: -36px
}
.full-width-image-banner h2 {
    margin: 0;
    font-size: 45px;
    line-height: 1.1
}
.full-width-image-banner p {
    margin: 0;
    font-size: 16px
}
.full-width-image-banner:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #393733;
    opacity: .65;
    filter: alpha(opacity=65)
}
.mfp-bg {
    background: url(../images/fancybox_overlay.png)!important
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 1!important
}
.checkout-cart .center-column h2 {
    padding: 20px 0 14px;
    margin: 0;
    font-weight: 700;
    color: #313131;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1
}
#revslider-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden;
    background: #e6e6e3;
    margin-bottom: 20px
}
#revslider {
    width: 100%;
    position: relative
}
#revslider>ul>li {
    list-style: none;
    position: absolute;
    visibility: hidden
}
.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}
.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden!important;
    display: none!important
}
.tp-caption {
    z-index: 1;
    white-space: nowrap
}
.tp-caption-demo .tp-caption {
    position: relative!important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px!important
}
.tp-caption.rev-title, .tp-caption.rev-subtitle, .tp-caption.rev-stext, .tp-caption.rev-price {
    position: absolute;
    font-family: "Open Sans", Verdana, sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: normal;
    white-space: nowrap
}
.tp-caption.rev-title {
    font-weight: 800;
    font-size: 63px
}
.tp-caption.rev-title.small {
    font-weight: 600;
    font-size: 60px;
    color: #08c
}
.tp-caption.rev-title.small span {
    font-weight: 800
}
.tp-caption.rev-subtitle {
    font-weight: 300;
    font-size: 24px;
    text-align: center
}
.tp-caption.rev-subtitle.dark {
    color: #777
}
.tp-caption.rev-subtitle.dark>span {
    color: #535353
}
.tp-caption.rev-subtitle>span {
    font-weight: 400
}
.tp-caption.rev-subtitle.large {
    font-size: 33px;
    color: #fff;
    font-weight: 300
}
.tp-caption.rev-subtitle.subtitle2 {
    font-size: 22px;
    font-weight: 300
}
.tp-caption.rev-subtitle.upper {
    font-size: 33px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}
.tp-caption.rev-text {
    font-weight: 300;
    font-size: 20px;
    color: #fff;
    text-align: center
}
.tp-caption.rev-text.small {
    font-size: 13px;
    font-weight: 300;
    color: #000
}
.tp-caption.rev-text.small strong {
    font-weight: 700
}
.tp-caption.rev-stext {
    font-size: 10px;
    color: #777;
    line-height: normal;
    font-weight: 300
}
.tp-caption.rev-price {
    font-size: 26px;
    color: #000;
    line-height: normal;
    font-weight: 800
}
.tp-caption.rev-btn .slide-btn {
    display: inline-block;
    font-size: 17px;
    line-height: 20px;
    padding: 2px 25px;
    font-weight: 300;
    color: #08c;
    background-color: transparent;
    border-radius: 0
}
.tp-caption.rev-btn .slide-btn.light {
    color: #fff;
    font-size: 10px;
    padding: 9px;
    font-weight: 400;
    border-left: 1px solid #fff
}
.tp-caption.rev-btn .slide-btn.light:hover {
    color: #fff
}
.tp-caption.rev-btn .slide-btn:hover {
    background-color: transparent;
    color: #08c
}
.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none!important
}
.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}
.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}
.fullwidthbanner-container .fullwidthbanner {
    width: 100%;
    position: relative
}
.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased!important
}
.tp-simpleresponsive img {
    max-width: none
}
.noFilterClass {
    filter: none!important
}
.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}
.tp-bannershadow.tp-shadow1 {
    background: url(../images/revslider/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}
.tp-bannershadow.tp-shadow2 {
    background: url(../images/revslider/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}
.tp-bannershadow.tp-shadow3 {
    background: url(../images/revslider/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}
.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}
.caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
    width: 100%!important;
    height: 100%!important;
    display: none
}
.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}
.tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
    width: 100%!important;
    height: 100%!important;
    display: none
}
.fullcoveredvideo video, .fullscreenvideo video {
    background: #000
}
.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.html5vid.videoisplaying .tp-poster {
    display: none
}
.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}
.html5vid .tp-revstop {
    width: 6px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    display: none
}
.html5vid.videoisplaying .revicon-right-dir {
    display: none
}
.html5vid.videoisplaying .tp-revstop {
    display: block
}
.html5vid.videoisplaying .tp-video-play-button {
    display: none
}
.html5vid:hover .tp-video-play-button {
    display: block
}
.fullcoveredvideo .tp-video-play-button {
    display: none!important
}
.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}
.tp-dottedoverlay.twoxtwo {
    background: url(../images/revslider/gridtile.png)
}
.tp-dottedoverlay.twoxtwowhite {
    background: url(../images/revslider/gridtile_white.png)
}
.tp-dottedoverlay.threexthree {
    background: url(../images/revslider/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {
    background: url(../images/revslider/gridtile_3x3_white.png)
}
.tpclear {
    clear: both
}
.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px)
}
.tp-bullets.hidebullets {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../images/revslider/boxed_bgtile.png);
    height: 40px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.tp-bullets.simplebullets.navbar-old {
    background: url(../images/revslider/navigdots_bgtile.png);
    height: 35px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.tp-bullets.simplebullets.round .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/bullet.png) no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0;
    float: left;
    margin-top: 0;
    margin-left: 3px
}
.tp-bullets.simplebullets.round .bullet.last {
    margin-right: 3px
}
.tp-bullets.simplebullets.round-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-bullets.simplebullets.round-old .bullet.last {
    margin-right: 0
}
.tp-bullets.simplebullets.square .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-bullets.simplebullets.square .bullet.last {
    margin-right: 0
}
.tp-bullets.simplebullets.square-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-bullets.simplebullets.square-old .bullet.last {
    margin-right: 0
}
.tp-bullets.simplebullets.navbar .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0
}
.tp-bullets.simplebullets.navbar .bullet.first {
    margin-left: 0!important
}
.tp-bullets.simplebullets.navbar .bullet.last {
    margin-right: 0!important
}
.tp-bullets.simplebullets.navbar-old .bullet {
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px!important;
    margin-right: 5px!important;
    float: left;
    margin-top: 10px
}
.tp-bullets.simplebullets.navbar-old .bullet.first {
    margin-left: 0!important
}
.tp-bullets.simplebullets.navbar-old .bullet.last {
    margin-right: 0!important
}
.tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
    background-position: top left
}
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    background-position: bottom left
}
.tparrows {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}
.tparrows.hidearrows {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px
}
.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px
}
.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}
.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}
.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}
.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}
.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}
.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}
.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}
.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}
.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}
.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}
.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}
.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/large_left.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../images/revslider/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}
.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}
.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}
.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}
.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}
.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}
.tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
.tp-thumbs img {
    width: 100%
}
.tp-bannertimer {
    width: 100%;
    height: 7px;
    background: rgba(203, 198, 278, 0.6);
    position: absolute;
    z-index: 200;
    top: 0
}
.tp-bannertimer.tp-bottom {
    bottom: 0;
    height: 7px;
    top: auto
}
.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}
.tp-simpleresponsive a {
    text-decoration: none
}
.tp-simpleresponsive ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.tp-simpleresponsive>ul>li {
    list-stye: none;
    position: absolute;
    visibility: hidden
}
.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../images/revslider/coloredbg.png) repeat
}
.tp-caption.slidelink a span {
    background: url(../images/revslider/coloredbg.png) repeat
}
.tparrows .tp-arr-imgholder {
    display: none
}
.tparrows .tp-arr-titleholder {
    display: none
}
.tparrows.preview1 {
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}
.tparrows.preview1:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "revicons";
    color: #fff;
    font-size: 30px;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #fff;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
    line-height: 100px;
    -webkit-transition: background 0.3s, color .3s;
    -moz-transition: background 0.3s, color .3s;
    transition: background 0.3s, color .3s
}
.tp-rightarrow.preview1:after {
    content: '\e825'
}
.tp-leftarrow.preview1:after {
    content: '\e824'
}
.tparrows.preview1:hover:after {
    background: rgba(255, 255, 255, 1);
    color: #aaa
}
.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}
.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}
.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg)
}
.tp-bullets.preview1 {
    height: 21px
}
.tp-bullets.preview1 .bullet {
    cursor: pointer;
    position: relative!important;
    background: rgba(0, 0, 0, 0.15)!important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 5px!important;
    height: 5px!important;
    border: 8px solid rgba(0, 0, 0, 0)!important;
    display: inline-block;
    margin-right: 5px!important;
    margin-bottom: 0!important;
    -webkit-transition: background-color 0.2s, border-color .2s;
    -moz-transition: background-color 0.2s, border-color .2s;
    -o-transition: background-color 0.2s, border-color .2s;
    -ms-transition: background-color 0.2s, border-color .2s;
    transition: background-color 0.2s, border-color .2s;
    float: none!important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.tp-bullets.preview1 .bullet.last {
    margin-right: 0
}
.tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #aaa!important;
    width: 5px!important;
    height: 5px!important;
    border: 8px solid rgba(255, 255, 255, 1)!important
}
.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s, background-color 0.3s, opacity .3s;
    transition: width 0.3s, background-color 0.3s, opacity .3s;
    backface-visibility: hidden
}
.tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    color: #aaa;
    font-size: 25px;
    margin-top: -18px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}
.tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 18px
}
.tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 18px
}
.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}
.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}
.tparrows.preview2.hovered {
    width: 300px
}
.tparrows.preview2:hover {
    background: #fff
}
.tparrows.preview2:hover:after {
    color: #000
}
.tparrows.preview2:hover .tp-arr-titleholder {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.tp-bullets.preview2 {
    height: 17px
}
.tp-bullets.preview2 .bullet {
    cursor: pointer;
    position: relative!important;
    background: rgba(0, 0, 0, 0.5)!important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 0)!important;
    display: inline-block;
    margin-right: 2px!important;
    margin-bottom: 0!important;
    -webkit-transition: background-color 0.2s, border-color .2s;
    -moz-transition: background-color 0.2s, border-color .2s;
    -o-transition: background-color 0.2s, border-color .2s;
    -ms-transition: background-color 0.2s, border-color .2s;
    transition: background-color 0.2s, border-color .2s;
    float: none!important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.tp-bullets.preview2 .bullet.last {
    margin-right: 0
}
.tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1)!important;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 1)!important
}
.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    background: rgba(255, 255, 255, 1);
    -webkit-transform-style: flat
}
.tparrows.preview3:after {
    position: absolute;
    line-height: 70px;
    text-align: center;
    font-family: "revicons";
    color: #aaa;
    font-size: 30px;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 100;
    width: 70px;
    height: 70px;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s
}
.tparrows.preview3:hover:after {
    color: #000
}
.tp-rightarrow.preview3:after {
    content: '\e825'
}
.tp-leftarrow.preview3:after {
    content: '\e824'
}
.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    display: table;
    min-height: 90px;
    top: -10px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}
.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0
}
.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0;
    padding-right: 70px
}
.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0;
    direction: rtl;
    padding-left: 70px
}
.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}
.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}
.tp-bullets.preview3 {
    height: 17px
}
.tp-bullets.preview3 .bullet {
    cursor: pointer;
    position: relative!important;
    background: rgba(0, 0, 0, 0.5)!important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 0)!important;
    display: inline-block;
    margin-right: 2px!important;
    margin-bottom: 0!important;
    -webkit-transition: background-color 0.2s, border-color .2s;
    -moz-transition: background-color 0.2s, border-color .2s;
    -o-transition: background-color 0.2s, border-color .2s;
    -ms-transition: background-color 0.2s, border-color .2s;
    transition: background-color 0.2s, border-color .2s;
    float: none!important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.tp-bullets.preview3 .bullet.last {
    margin-right: 0
}
.tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1)!important;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 1)!important
}
.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000
}
.tparrows.preview4:after {
    position: absolute;
    line-height: 110px;
    text-align: center;
    font-family: "revicons";
    color: #fff;
    font-size: 20px;
    top: 0;
    left: 0;
    z-index: 0;
    width: 30px;
    height: 110px;
    background: #000;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}
.tp-rightarrow.preview4:after {
    content: '\e825'
}
.tp-leftarrow.preview4:after {
    content: '\e824'
}
.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 120px;
    top: 0;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat
}
.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0
}
.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}
.tparrows.preview4 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: relative;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}
.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}
.tparrows.preview4:after {
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}
.tp-leftarrow.preview4:after {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}
.tp-bullets.preview4 {
    height: 17px
}
.tp-bullets.preview4 .bullet {
    cursor: pointer;
    position: relative!important;
    background: rgba(0, 0, 0, 0.5)!important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 0)!important;
    display: inline-block;
    margin-right: 2px!important;
    margin-bottom: 0!important;
    -webkit-transition: background-color 0.2s, border-color .2s;
    -moz-transition: background-color 0.2s, border-color .2s;
    -o-transition: background-color 0.2s, border-color .2s;
    -ms-transition: background-color 0.2s, border-color .2s;
    transition: background-color 0.2s, border-color .2s;
    float: none!important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}
.tp-bullets.preview4 .bullet.last {
    margin-right: 0
}
.tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1)!important;
    width: 6px!important;
    height: 6px!important;
    border: 5px solid rgba(0, 0, 0, 1)!important
}
.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}
.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background: url(../images/revslider/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.tp-loader.spinner5 {
    background: url(../images/revslider/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}
@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}
@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}
.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}
.tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}
.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}
.tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
}
.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}
@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}
.tp-transparentimg {
    content: "url(../images/revslider/transparent.png)"
}
.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}
.tp-caption img {
    background: transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1
}
@font-face {
    font-family: 'revicons';
    src: url(../fonts/revicons.eot?5510888);
    src: url(../fonts/revicons.eot?5510888#iefix) format("embedded-opentype"), url(../fonts/revicons.woff?5510888) format("woff"), url(../fonts/revicons.ttf?5510888) format("truetype"), url(../fonts/revicons.svg?5510888#revicons) format("svg");
    font-weight: 400;
    font-style: normal
}
[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: 400;
    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
}
.revicon-search-1:before {
    content: '\e802'
}
.revicon-pencil-1:before {
    content: '\e831'
}
.revicon-picture-1:before {
    content: '\e803'
}
.revicon-cancel:before {
    content: '\e80a'
}
.revicon-info-circled:before {
    content: '\e80f'
}
.revicon-trash:before {
    content: '\e801'
}
.revicon-left-dir:before {
    content: '\e817'
}
.revicon-right-dir:before {
    content: '\e818'
}
.revicon-down-open:before {
    content: '\e83b'
}
.revicon-left-open:before {
    content: '\e819'
}
.revicon-right-open:before {
    content: '\e81a'
}
.revicon-angle-left:before {
    content: '\e820'
}
.revicon-angle-right:before {
    content: '\e81d'
}
.revicon-left-big:before {
    content: '\e81f'
}
.revicon-right-big:before {
    content: '\e81e'
}
.revicon-magic:before {
    content: '\e807'
}
.revicon-picture:before {
    content: '\e800'
}
.revicon-export:before {
    content: '\e80b'
}
.revicon-cog:before {
    content: '\e832'
}
.revicon-login:before {
    content: '\e833'
}
.revicon-logout:before {
    content: '\e834'
}
.revicon-video:before {
    content: '\e805'
}
.revicon-arrow-combo:before {
    content: '\e827'
}
.revicon-left-open-1:before {
    content: '\e82a'
}
.revicon-right-open-1:before {
    content: '\e82b'
}
.revicon-left-open-mini:before {
    content: '\e822'
}
.revicon-right-open-mini:before {
    content: '\e823'
}
.revicon-left-open-big:before {
    content: '\e824'
}
.revicon-right-open-big:before {
    content: '\e825'
}
.revicon-left:before {
    content: '\e836'
}
.revicon-right:before {
    content: '\e826'
}
.revicon-ccw:before {
    content: '\e808'
}
.revicon-arrows-ccw:before {
    content: '\e806'
}
.revicon-palette:before {
    content: '\e829'
}
.revicon-list-add:before {
    content: '\e80c'
}
.revicon-doc:before {
    content: '\e809'
}
.revicon-left-open-outline:before {
    content: '\e82e'
}
.revicon-left-open-2:before {
    content: '\e82c'
}
.revicon-right-open-outline:before {
    content: '\e82f'
}
.revicon-right-open-2:before {
    content: '\e82d'
}
.revicon-equalizer:before {
    content: '\e83a'
}
.revicon-layers-alt:before {
    content: '\e804'
}
.revicon-popup:before {
    content: '\e828'
}
#main-content .tp-leftarrow, #main-content .tp-rightarrow {
    background: transparent!important;
    border-radius: 0!important;
    font-family: "FontAwesome";
    font-size: 2.8571em!important;
    text-align: center;
    line-height: 1;
    margin-top: -25px!important;
    top: 50%;
    width: 50px!important;
    height: 50px!important;
    color: #08c!important;
    transition: background-position .25s;
    -webkit-transition: background-position .25s;
    -moz-transition: background-position .25s;
    -ms-transition: background-position .25s;
    -o-transition: background-position .25s;
    position: absolute
}
#main-content .tp-leftarrow {
    left: 0!important
}
#main-content .tp-rightarrow {
    right: 0!important
}
#main-content .tp-leftarrow:before, #main-content .tp-rightarrow:before {
    text-shadow: 0 0 3px #fff;
    font-size: 1.5em;
    line-height: 50px;
    display: block
}
#main-content .tp-leftarrow:before {
    content: "\f104"
}
#main-content .tp-rightarrow:before {
    content: "\f105"
}
#form-review h2 {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 10px
}
.fixed-header {
    position: fixed;
    top: -100px;
    left: 0;
    right: 0;
    z-index: 999;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.fixed-header .sub-menu {
    display: none
}
.fixed-header.active .sub-menu {
    display: block
}
.fixed-header.active {
    top: 0
}
ul.blog-list-default {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}
ul.blog-list-default li {
    padding: 21px 0 20px
}
ul.blog-list-default li:first-child {
    padding-top: 0
}
ul.blog-list-default li:last-child {
    padding-bottom: 0
}
ul.blog-list-default li:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(0, 0, 0, .1);
    margin-top: -21px
}
ul.blog-list-default li:first-child:before {
    display: none
}
ul.blog-list-default li .thumb-holder {
    float: left;
    width: auto;
    margin-right: 20px
}
ul.blog-list-default li .thumb-holder img {
    display: block
}
ul.blog-list-default li .media-body {
    display: inline
}
ul.blog-list-default li .date-published {
    padding: 4px 0 3px;
    font-size: 11px;
    font-weight: 700
}
ul.blog-list-default li h5 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 18px
}
.blog-tags .box-content {
    border-bottom: none!important
}
.blog-tags .tagcloud {
    line-height: 15px;
    position: relative;
    margin: 0 0 -10px
}
.blog-tags .tagcloud a {
    display: inline-block;
    background: #0083c1;
    font-size: 9px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin: 0 7px 9px 0;
    padding: 1px 10px
}
.blog-tags .tagcloud a:hover {
    background: #333
}
.news {
    position: relative;
    margin-bottom: -30px
}
.news .media {
    position: relative;
    margin-bottom: 30px
}
.news .thumb-holder {
    overflow: hidden
}
.news .thumb-holder img {
    display: block;
    width: 100%
}
.news .media-body {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    width: auto
}
.news .media-body:before {
    content: "";
    background: url(../img/bg-news.png) bottom left repeat-x;
    opacity: .6;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.news .media-body:hover:before {
    opacity: .7
}
.news .media-body .tags {
    position: absolute;
    top: 18px;
    left: 20px;
    right: 10px;
    margin: 0;
    padding: 0;
    line-height: 1.6
}
.news .media-body .tags a {
    display: inline-block;
    background: #0083c1;
    font-size: 9px;
    line-height: 15px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin: 0 7px 9px 0;
    padding: 1px 10px
}
.news .media-body .tags a:hover {
    background: #333
}
.news .media-body .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.news.v1 .media-body .bottom {
    color: #fff
}
.news .media-body:hover .bottom {
    bottom: 10px
}
.news .media-body .date-published {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 9px;
    padding-top: 25px
}
.news .media-body h5 {
    padding: 12px 20px 34px;
    margin: 0;
    font-size: 18px;
    line-height: 23px;
    text-transform: none;
    font-weight: 500!important;
    color: #fff
}
.news.v2 .media {
    padding-bottom: 53px
}
.news.v2 .media .thumb-holder img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1, 1);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}
.news.v2 .media:hover .thumb-holder img {
    -webkit-transform: scale(1.04, 1.04);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.04, 1.04);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    transform: scale(1.04, 1.04);
    transition-timing-function: ease-out;
    transition-duration: 250ms
}
.news.v2 .media-body:before {
    display: none!important
}
.news.v2 .media-body .bottom {
    background: #fff;
    border: 1px solid #e6e6e6;
    border-top: none;
    color: #1349b2;
    bottom: 0!important
}
.news.v2 .media-body .date-published {
    border-color: rgba(0, 0, 0, .2)
}
.news.v2 .media-body h5 {
    padding-bottom: 33px
}
.news.v2 .media-body h5 a {
    line-height: 23px
}
.align-right {
    float: right
}
.quickcheckout-checkout #content h1 {
    display: none
}
.quickcheckout-heading {
    border: 1px solid #ddd;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}
body .quickcheckout-content {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    margin-bottom: 30px;
    background: #fff
}
body #terms .quickcheckout-content, body #voucher .quickcheckout-content {
    background: none
}
.or {
    padding: 0 0 20px
}
.quickcheckout-content label {
    padding-top: 6px
}
#terms .quickcheckout-content {
    padding: 0;
    border: none;
    padding-bottom: 0;
    padding-top: 10px;
    margin-bottom: -30px
}
#button-payment-method {
    margin-left: 10px
}
.quickcheckout-content table {
    margin-bottom: 0
}
.quickcheckout-content table tr:first-child td {
    border-top: none
}
.quickcheckoutright .quickcheckout-content input[type="radio"], .quickcheckoutright .quickcheckout-content input[type="checkbox"] {
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 9px
}
.quickcheckout-content textarea {
    margin-top: 5px
}
#quickcheckoutconfirm {
    padding-bottom: 40px!important
}
.common-home.body-header-type-3 #footer>.container {
    display: none
}
.common-home.body-header-type-3 .main-content {
    padding-bottom: 0
}
.common-home.body-header-type-3 #footer-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    padding: 0!important;
    background: rgba(255, 255, 255, 0.85)!important
}
.body-header-type-3 .tp-caption.rev-text, .body-header-type-4 .tp-caption.rev-text {
    font-weight: 300;
    font-size: 24px;
    color: #fff;
    text-align: center
}
.body-header-type-3 .tp-caption.rev-text.small, .body-header-type-4 .tp-caption.rev-text.small {
    font-size: 19px;
    font-weight: 600;
    color: #fff
}
.body-header-type-3 .megamenu-wrapper {
    background: #1e1e1e
}
.body-header-type-4 .container-megamenu {
    margin-bottom: 15px
}
.body-header-type-4 .megamenu-wrapper {
    background: none
}
.body-header-type-4 ul.megamenu:before, .body-header-type-4 ul.megamenu:after {
    display: table;
    content: " "
}
.body-header-type-4 ul.megamenu:after {
    clear: both
}
.body-header-type-4 ul.megamenu {
    background: #f0f0ed;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}
.body-header-type-4 ul.megamenu>li {
    margin: 0 2px 0 0
}
.body-header-type-4 ul.megamenu>li.pull-right {
    margin: 0 0 0 2px
}
.body-header-type-4 ul.megamenu>li>a {
    height: 40px;
    padding: 11px 13px 9px;
    color: #08c
}
.body-header-type-4 ul.megamenu>li.home>a, .body-header-type-4 ul.megamenu>li:hover>a {
    background: #08c;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #fff
}
.body-header-type-4 ul.megamenu>li:hover>a {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0
}
.body-header-type-4 ul.megamenu .megamenu-label {
    top: -4px;
    right: 13px
}
.body-header-type-4 .fixed-header ul.megamenu .megamenu-label {
    top: 0
}
.parallax-info .btn-default, .parallax-info .btn, .parallax-info .button {
    background: none!important
}
.post-slider.type2 .post-image img {
    width: 100%
}
.index3-slide-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 7.5px 25px;
    font-weight: 600;
    background-color: #fefefe;
    border-radius: 5px;
    color: #777!important
}
.index3-slide-btn:hover {
    background-color: rgba(250, 250, 250, 0.9);
    color: #000
}
.body-full-width .container {
    width: auto!important
}
.common-home.body-full-width .main-content .container {
    padding: 0
}
.row.no-margin {
    margin: 0
}
.row.no-margin>div {
    padding: 0
}
.row.no-margin .banner, .row.no-margin .banner img, .row.no-margin .banner a:after {
    border-radius: 0!important;
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important
}
.header_10 {
    position: absolute!important;
    top: 0;
    width: 256px;
    left: 0;
    margin-left: -256px;
    bottom: 0;
    background: #383734;
    z-index: 99;
    padding: 10px;
    text-align: center
}
.common-home .header_10 {
    background: rgba(0, 0, 0, 0.4)
}
.with-fixed .header_10 {
    position: fixed!important;
    margin-left: 0
}
body.body-header-type-10 {
    padding-left: 256px
}
.header_10 .separator, .header_10 .mobile-toggle {
    display: none
}
body.body-header-type-10.common-home .main-content {
    min-height: 0;
    padding-bottom: 0
}
body.body-header-type-10.common-home #footer {
    display: none
}
.header_10 .accordion-menu {
    padding: 0;
    margin: 0 2px 4px;
    list-style: none
}
.header_10 .accordion-menu>li>a {
    background-color: #101010;
    color: #fff;
    text-align: center;
    height: 26px;
    padding: 0 10px;
    border: 1px solid #101010;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 24px;
    margin: 0
}
.header_10 .accordion-menu li>a i {
    margin-left: 4px
}
.header_10 .accordion-menu>li:hover ul {
    display: block
}
.header_10 .accordion-menu>li ul {
    position: absolute;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #777;
    z-index: 99;
    padding: 5px 0;
    margin: 0;
    text-align: left;
    min-width: 120px
}
.header_10 .accordion-menu>li ul a {
    text-decoration: none;
    display: block;
    padding: 0 10px;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-size: 11px;
    color: #777;
    line-height: 1.5;
    text-transform: uppercase
}
.header_10 .accordion-menu>li ul a:hover {
    background: #dadada
}
.header_10 #cart.minicart-inline .cart-items {
    text-transform: uppercase
}
.header_10 #cart.dropdown .dropdown-menu {
    left: 0;
    right: auto
}
.header_10 #cart.dropdown .dropdown-menu:before {
    left: 17px;
    right: auto
}
.header_10 .logo {
    padding-top: 30px
}
.header_10 .container {
    width: auto!important
}
.header_10 .megamenu-wrapper {
    background: none;
    text-align: left;
    padding-top: 28px
}
.header_10 .megamenu-wrapper .container {
    padding-left: 10px;
    padding-right: 10px
}
.header_10 ul.megamenu>li {
    float: none;
    width: 100%
}
.header_10 ul.megamenu>li>a {
    height: 42px;
    border-top: 1px solid #575757;
    padding: 11px 5px 7px
}
.header_10 ul.megamenu>li.with-sub-menu>a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    text-align: center;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #fff;
    margin-left: 5px;
    margin-right: 0
}
.header_10 ul.megamenu>li:hover>a {
    color: #fff;
    background: #3b3b3b
}
.header_10 ul.megamenu>li:first-child>a {
    border: none
}
.header_10 ul.megamenu>li.with-sub-menu>a strong:after {
    display: none
}
.header_10 .horizontal ul.megamenu>li>.sub-menu {
    max-width: 900px;
    left: 100%;
    right: auto;
    margin-top: -42px
}
.header_10 ul.megamenu li .sub-menu .content {
    border-top: none;
    border-left: 5px solid #08c;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0
}
.header_10 ul.megamenu .megamenu-label {
    display: inline-block;
    position: relative;
    margin-left: 15px
}
.header_10 ul.megamenu ul .megamenu-label {
    margin-left: 9px
}
.header_10 ul.megamenu .megamenu-label span:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    margin-left: -7px;
    top: auto;
    margin-top: 2px;
    bottom: auto
}
.header_10 ul.megamenu ul .megamenu-label span:before {
    margin-left: 0
}
.header_10 .search-toggle {
    display: none
}
.header_10 .search_form {
    padding: 20px 10px 0;
    position: relative
}
.header_10 .search-query {
    display: block;
    width: 100%;
    border: 0;
    height: 38px;
    background-color: #fff;
    padding: 10px 15px;
    color: #999;
    font-family: Arial;
    width: 100%;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    border-radius: 5px
}
.header_10 .button-search {
    background: none;
    border: none;
    position: absolute;
    top: 25px;
    right: 17px
}
.header_10 .top-links {
    padding: 0 10px;
    margin: 20px 0 0;
    list-style: none;
    text-align: left
}
.header_10 .top-links li {
    font-size: 11px;
    text-transform: uppercase;
    line-height: 19px;
    display: block;
    padding: 0;
    border: 0;
    padding: 10px 5px;
    border-top: 1px solid #575757
}
.header_10 .top-links li:first-child {
    border: none
}
.header_10 .top-links li a {
    color: #fff
}
.header_10 .top-links li a:hover {
    text-decoration: underline
}
.header_10 .custom-block {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 10px
}
.header_10 .social-icons a {
    background: url(../images/social-icons-sprite.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    background-color: #000;
    display: inline-block;
    text-indent: -9999px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin-left: 10px;
    line-height: 30px;
    background-color: #9e9e9e;
    border-radius: 50%
}
.header_10 .icon1-class:hover {
    background-color: #3c599b
}
.header_10 .icon2-class:hover {
    background-color: #1ca8e3
}
.header_10 .icon3-class:hover {
    background-color: #4b76b5
}
.header_10 address {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #777;
    margin-bottom: 0
}
.body-header-type-10 .page-top {
    background: #fff
}
.body-header-type-10 .breadcrumb>li>a, .body-header-type-10 .breadcrumb>.active, .body-header-type-10 .breadcrumb>li+li:before {
    color: #000
}
.body-header-type-10 #footer {
    background: #d7dae0;
    color: #828385
}
.body-header-type-10 #footer a, .body-header-type-10 #footer a:hover {
    color: #828385
}
.body-header-type-10 #footer .widget-title {
    color: #000
}
.body-header-type-10 #footer #footer-bottom {
    background: #e1e3e8;
    color: #777
}
.index10-slide-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    padding: 9px 25px;
    font-weight: 400;
    color: #777!important;
    background-color: #fefefe;
    border-radius: 5px
}
.body-header-type-10 .container {
    max-width: 100%
}
.body-header-type-11 .megamenu-wrapper {
    background: #fff;
    padding-bottom: 10px
}
.body-header-type-11 .fixed-header .megamenu-wrapper {
    padding-bottom: 0
}
.header10 ul.megamenu {
    text-align: center
}
.header10.fixed-header ul.megamenu {
    text-align: left
}
.header10 ul.megamenu>li {
    display: inline-block!important;
    float: none!important;
    margin: 0!important;
    margin-right: 3px!important;
    text-align: left
}
.header10 ul.megamenu>li>a {
    color: #333;
    padding: 9px 14px;
    font-size: .8571em;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    height: 38px
}
.header10 ul.megamenu>li>a:hover, .header10 ul.megamenu>li.active>a, .header10 ul.megamenu>li.home>a, .header10 ul.megamenu>li:hover>a {
    color: #fff;
    background: #3288c9
}
.header10 ul.megamenu>li.with-sub-menu:hover>a {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0
}
.header10 ul.megamenu .megamenu-label {
    right: 10px;
    top: -7px
}
.header10.fixed-header ul.megamenu .megamenu-label {
    top: -1px
}
.header10#header .currency-switcher li>ul, .header10#header .view-switcher li>ul {
    background: #232B33
}
.header10#header .currency-switcher li>ul li:hover a, .header10#header .view-switcher li>ul li:hover a {
    background: #fff;
    color: #222
}
.header10#header .currency-switcher .hidden-xs.hidden-sm.hidden-md:hover {
    color: #222
}
.index12-slider .col-sm-9 {
    width: 72.34%
}
.index12-slider .camera_slider {
    margin-bottom: 0
}
.index12-slider .col-sm-3 {
    width: 27%
}
.index13-slide-btn {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 7.5px 25px;
    font-weight: 600;
    background-color: #fefefe!important;
    color: #777!important
}
.index13-slide-btn:hover {
    background-color: rgba(250, 250, 250, 0.9);
    color: #000
}
.common-home.body-header-type-14 .main-content {
    padding-bottom: 0;
    min-height: 0
}
.common-home.body-header-type-14 #footer>.container {
    display: none
}
.body-header-type-14 #footer #footer-bottom {
    background: #fff
}
.btn-dark {
    background: #333
}
.btn-white {
    background-color: #fff;
    color: #333
}
.body-header-type-15 .container-megamenu {
    margin-bottom: 15px
}
.body-header-type-15 .megamenu-wrapper {
    background: none
}
.body-header-type-15 ul.megamenu:before, .body-header-type-15 ul.megamenu:after {
    display: table;
    content: " "
}
.body-header-type-15 ul.megamenu:after {
    clear: both
}
.body-header-type-15 ul.megamenu {
    background: #f0f0ed;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}
.body-header-type-15 ul.megamenu>li {
    margin: 0 2px 0 0
}
.body-header-type-15 ul.megamenu>li.pull-right {
    margin: 0 0 0 2px
}
.body-header-type-15 ul.megamenu>li>a {
    height: 40px;
    padding: 11px 13px 9px;
    color: #08c
}
.body-header-type-15 ul.megamenu>li.home>a, .body-header-type-15 ul.megamenu>li:hover>a {
    background: #08c;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    color: #fff
}
.body-header-type-15 ul.megamenu>li:hover>a {
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0
}
.body-header-type-15 ul.megamenu .megamenu-label {
    top: -4px;
    right: 13px
}
.body-header-type-15 .fixed-header ul.megamenu .megamenu-label {
    top: 0
}
.tp-caption .index15-slide-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding: 8px 20px;
    font-weight: 600;
    color: #fff;
    background-color: #08c;
    border-radius: 7px;
    opacity: 1;
    min-width: 170px;
    text-transform: uppercase;
    text-align: center
}
.tp-caption .index15-slide-btn:hover {
    opacity: .9;
    color: #fff
}
.body-header-type-15 .overflow-menu {
    position: relative;
    display: block!important
}
.body-header-type-15 .overflow-menu .container {
    padding: 0!important;
    width: auto!important;
    display: block!important
}
.body-header-type-15 .overflow-menu #cart {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 40px;
    z-index: 1000;
    background: #08c!important;
    padding: 7px 0
}
.body-header-type-15 .overflow-menu #cart .minicart-icon {
    color: #fff!important
}
.body-header-type-15 .overflow-menu #cart .cart-head {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px
}
#mfilter-content-container .product-grid {
    padding-bottom: 0
}
.filter-title-type-2 {
    font-size: 19px;
    margin: 0;
    font-weight: 300;
    margin-bottom: 22px;
    display: table;
    width: 100%
}
.filter-title-type-2 span {
    display: table-cell;
    position: relative
}
.filter-title-type-2 span.title-line:after {
    content: "";
    width: 100%;
    border-top: 1px solid #d8d8d8;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -1px
}
.banner-content-18 .owl-controls .owl-nav {
    top: 50%;
    left: -55px;
    right: -55px
}
.banner-content-18 .owl-controls .owl-prev, .banner-content-18 .owl-controls .owl-next {
    font-size: 28px;
    color: #3d3734!important;
    position: absolute;
    margin-top: -30px
}
.banner-content-18 .owl-controls .owl-next {
    right: 0
}
.account-login .well {
    min-height: 453px
}
.buttons {
    padding-bottom: 20px
}
.buttons:before, .buttons:after {
    display: table;
    content: " "
}
.buttons:after {
    clear: both
}
.header1.fixed-header h1.logo {
    float: left;
    font-size: 10px;
    line-height: 1;
    position: relative;
    z-index: 9999;
    padding: 8px 40px 8px 0;
    min-width: 0
}
.header1.fixed-header h1.logo img {
    max-height: 30px
}
.common-home.body-header-type-1 .header1.fixed-header {
    display: none
}
.header1.fixed-header {
    background: #006fa4
}
.header1.fixed-header #cart {
    float: right;
    position: relative;
    margin: 0;
    z-index: 9999;
    padding: 4px 0 4px 30px
}
.header1.fixed-header #cart .minicart-icon {
    font-size: 31px;
    line-height: 36px
}
.header1.fixed-header #cart.dropdown .dropdown-menu {
    margin-top: 7px
}
.header1.fixed-header.type2 {
    background: #1e1e1e
}
.header1.fixed-header.type2 #cart.minicart-inline {
    background: none!important
}
.header1.fixed-header.type2 #cart.minicart-inline .cart-head {
    padding: 0;
    margin: 0;
    height: auto
}
.header1.fixed-header.type2 #cart.minicart-inline .cart-items {
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 8px;
    color: #000
}
.header1.fixed-header.type2 #cart.minicart-inline .cart-items .hidden-xs {
    display: none!important
}
.header1.fixed-header.type3 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type3 .container-megamenu {
    margin: 0
}
.header1.fixed-header.type3 ul.megamenu {
    background: none;
    padding-top: 3px
}
.header1.fixed-header.type3 #cart .minicart-icon {
    color: #08c
}
.header1.fixed-header.type3 #cart .cart-items {
    color: #fff
}
.header1.fixed-header.type6 {
    background: #1e1e1e
}
.header1.fixed-header.type6 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type6 ul.megamenu>li>a:hover, .header1.fixed-header.type6 ul.megamenu>li.active>a, .header1.fixed-header.type6 ul.megamenu>li.home>a, .header1.fixed-header.type6 ul.megamenu>li:hover>a {
    color: #fff
}
.header1.fixed-header.type6 #cart.minicart-inline {
    background: none!important
}
.header1.fixed-header.type6 #cart.minicart-inline .cart-head {
    padding: 0;
    margin: 0;
    height: auto
}
.header1.fixed-header.type6 #cart.minicart-inline .cart-items {
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 8px;
    color: #000
}
.header1.fixed-header.type6 #cart.minicart-inline .cart-items .hidden-xs {
    display: none!important
}
.header1.fixed-header.type7 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type7 .megamenu-wrapper {
    background: none;
    padding-top: 5px
}
.header1.fixed-header.type7 #cart .minicart-icon {
    color: #65829d
}
.header1.fixed-header.type7 #cart .cart-items {
    color: #fff
}
.header1.fixed-header.type8 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type8 #cart .minicart-icon {
    color: #e13b3f
}
.header1.fixed-header.type8 #cart .cart-items {
    color: #fff
}
.header1.fixed-header.type11 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type11 #cart .minicart-icon {
    color: #3288c9
}
.header1.fixed-header.type11 .megamenu-wrapper {
    background: none;
    padding-top: 4px
}
.header1.fixed-header.type11 #cart .cart-items {
    color: #fff
}
.header1.fixed-header.type12 {
    background: #393f4f
}
.header1.fixed-header.type12 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type14 {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type14 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type14 #cart.minicart-inline {
    background: none!important
}
.header1.fixed-header.type14 #cart.minicart-inline .cart-head {
    padding: 0;
    margin: 0;
    height: auto
}
.header1.fixed-header.type14 #cart .minicart-icon {
    color: #08c
}
.header1.fixed-header.type14 #cart.minicart-inline .cart-items {
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 8px;
    color: #fff
}
.header1.fixed-header.type14 #cart.minicart-inline .cart-items .hidden-xs {
    display: none!important
}
.header1.fixed-header.type15 {
    background: #f3f5f4;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
.header1.fixed-header.type15 #cart .minicart-icon {
    color: #39333f
}
.header1.fixed-header.type15 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type15 #cart .cart-items {
    color: #fff
}
.header1.fixed-header.type16 {
    background: #5c616e
}
.header1.fixed-header.type16 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type16 ul.megamenu>li>a:hover, .header1.fixed-header.type16 ul.megamenu>li.active>a, .header1.fixed-header.type16 ul.megamenu>li.home>a, .header1.fixed-header.type16 ul.megamenu>li:hover>a {
    color: #fff
}
.header1.fixed-header.type16 #cart.minicart-inline {
    background: none!important
}
.header1.fixed-header.type16 #cart.minicart-inline .cart-head {
    padding: 0;
    margin: 0;
    height: auto
}
.header1.fixed-header.type16 #cart .minicart-icon {
    color: #000
}
.header1.fixed-header.type16 #cart.minicart-inline .cart-items {
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 8px;
    color: #fff
}
.header1.fixed-header.type16 #cart.minicart-inline .cart-items .hidden-xs {
    display: none!important
}
.header1.fixed-header.type17 {
    background: #f9f9f9
}
.header1.fixed-header.type17 .megamenu-wrapper {
    background: none
}
.header1.fixed-header.type17 #cart.minicart-inline {
    background: none!important
}
.header1.fixed-header.type17 #cart.minicart-inline .cart-head {
    padding: 0;
    margin: 0;
    height: auto
}
.header1.fixed-header.type17 #cart .minicart-icon {
    color: #b74173
}
.header1.fixed-header.type17 #cart.minicart-inline .cart-items {
    position: absolute;
    font-size: 15px;
    margin: 0;
    top: 8px;
    color: #fff
}
.header1.fixed-header.type17 #cart.minicart-inline .cart-items .hidden-xs {
    display: none!important
}
.footer-home19-logo {
    padding-bottom: 15px
}
@font-face {
    font-family: 'ecommerce';
    src: url(../fonts/ecommerce.eot?5510888);
    src: url(../fonts/ecommerce.eot?5510888#iefix) format("embedded-opentype"), url(../fonts/ecommerce.woff?5510888) format("woff"), url(../fonts/ecommerce.ttf?5510888) format("truetype"), url(../fonts/ecommerce.svg?5510888#revicons) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'icomoon';
    src: url(../fonts/icomoon.eot?5510888);
    src: url(../fonts/icomoon.eot?5510888#iefix) format("embedded-opentype"), url(../fonts/icomoon.woff?5510888) format("woff"), url(../fonts/icomoon.ttf?5510888) format("truetype"), url(../fonts/icomoon.svg?5510888#revicons) format("svg");
    font-weight: 400;
    font-style: normal
}
.slider20-button {
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    color: #000!important;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all .3s;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0;
    display: inline-block
}
.slider20-button:hover {
    opacity: .85
}
.full-width-image {
    text-align: center;
    padding: 200px 0;
    background-size: cover
}
.full-width-image>h3 {
    margin: 0 0 5px;
    line-height: 1.35;
    font-size: 90px;
    color: #fff;
    font-weight: 600;
    letter-spacing: -5px
}
.full-width-image>a {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    color: #000;
    padding: 20px 45px;
    letter-spacing: 3px;
    transition: all .3s;
    box-shadow: 3px 3px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0
}
.full-width-image>a:hover {
    text-decoration: none;
    opacity: .85
}
.index20-products-tabs {
    display: flex;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: auto
}
.index20-products-tabs .category-list {
    border-right: 1px solid #dcdcdc;
    padding-top: 70px;
    padding-bottom: 70px
}
.index20-products-tabs .category-list .description {
    font-size: 20px;
    font-weight: 600;
    color: gray;
    margin-bottom: 10px
}
.index20-products-tabs .category-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.index20-products-tabs .category-list ul li {
    padding: 10px 0;
    line-height: 20px
}
.index20-products-tabs .category-list ul li a {
    display: block;
    text-transform: uppercase;
    color: #000;
    font-weight: 700;
    font-size: 12px;
    position: relative;
    padding-left: 20px;
    background: url(../images/tab.jpg) 0 4px no-repeat
}
.index20-products-tabs .category-list ul li.active a {
    background: url(../images/tab-active.jpg) 0 4px no-repeat
}
.index20-products-tabs .category-detail {
    padding-left: 100px;
    padding-top: 70px;
    padding-bottom: 70px
}
.index20-products-tabs .tab-content {
    padding: 0;
    background: none;
    border-radius: 0;
    margin: 0;
    border: none;
    box-shadow: none
}
.index20-products-tabs .tab-content .product-action {
    display: none
}
.index20-products-tabs .tab-content .rating-wrap {
    display: none
}
.index20-products-tabs .products .product {
    margin: 10px 0 0
}
.index20-products-tabs .products .hidden-product {
    display: none
}
.index20-products-tabs .products .row {
    margin: 0 -5px
}
.index20-products-tabs .products .row>div {
    padding-left: 5px;
    padding-right: 5px
}
.index20-products-tabs .products .row>div:nth-child(5n+1) {
    clear: both
}
.index20-products-tabs .product-image {
    margin: 0 0 11px
}
.index20-products-tabs .product h3 {
    margin: 0 0 11px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase
}
.index20-products-tabs .product h3 a {
    color: #000
}
.index20-products-tabs .price {
    padding: 0;
    margin: 0 0 15px;
    font-size: 18px
}
.background-size-cover>div {
    background-size: cover
}
.accordion-product-tab {
    padding: 44px 0 68px
}
.accordion-product-tab .panel {
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none
}
.accordion-product-tab .panel-heading {
    margin: 5px 0 0;
    padding: 0;
    border: none;
    background: none
}
.accordion-product-tab .panel-heading a {
    background: #08c;
    color: #fff;
    display: block;
    position: relative;
    padding: 12px 20px 12px 10px;
    font-size: 15px;
    min-height: 20px;
    border: 0;
    border-left: 3px solid #08c;
    border-radius: 5px;
    font-weight: 400;
    text-transform: none;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in
}
.accordion-product-tab .panel-heading a.collapsed {
    background: #f4f4f4;
    color: #08c
}
.accordion-product-tab .panel-heading a:after {
    content: "\f0d7";
    position: absolute;
    top: 15px;
    right: 18px;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.accordion-product-tab .panel-heading a.collapsed:after {
    content: "\f0da"
}
.accordion-product-tab .panel-body {
    margin: 0;
    background: none;
    border: none;
    padding: 20px 15px 0
}
.sticky-tabs .tab-content {
    padding: 0
}
.sticky-tabs .tab-content>div {
    display: block;
    visibility: visible;
    position: relative;
    opacity: 1;
    top: auto;
    border-bottom: 1px solid #eee;
    padding: 30px 15px 10px
}
.sticky-tabs .tab-content>div:last-child {
    border-bottom: none
}
.sticky-nav-tabs {
    position: fixed;
    top: 46px;
    left: 0;
    right: 0;
    padding: 10px 0;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    display: none
}
.sticky-nav-tabs .nav {
    margin: 0 -10px;
    position: relative
}
.sticky-nav-tabs .nav li {
    display: inline-block;
    padding: 0 10px
}
.sticky-nav-tabs .nav li a {
    padding: 0;
    background: none;
    border: none;
    font-size: 13px
}
.sticky-product {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    padding: 15px 0;
    display: none;
    z-index: 99
}
.sticky-product>.container {
    position: relative
}
.sticky-product .sticky-image, .sticky-product .sticky-detail {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}
.sticky-product .sticky-image img {
    max-width: 50px
}
.sticky-product .sticky-detail .product-name-area, .sticky-product .ratings, .sticky-product .sticky-detail .availability {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    margin-right: 15px
}
.sticky-product .sticky-detail .product-name-area .product-name, .sticky-product .ratings, .sticky-product .sticky-detail .availability {
    line-height: 25px
}
.sticky-product .sticky-detail .product-name-area .product-name {
    margin: 0;
    padding: 0 0 5px;
    color: #777;
    font-size: 16px;
    font-weight: 600
}
.sticky-product .sticky-detail .availability span {
    font-size: 14px;
    font-weight: 400
}
.sticky-product .price-box {
    padding: 2px 0 5px
}
.sticky-product .price-box p {
    padding: 0 5px 0 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle
}
.sticky-product .price-box .price {
    margin: 0
}
.sticky-product .price-box .old-price .price {
    color: #999;
    text-decoration: line-through;
    font-size: 14px;
    vertical-align: middle
}
.sticky-product .add-to-cart {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -19px
}
.sticky-product .add-to-cart button {
    display: inline-block;
    height: 38px;
    width: 160px;
    min-width: 110px;
    vertical-align: middle
}
.sticky-product .add-to-cart button i {
    margin-right: 10px
}
#product-product .breadcrumb {
    background-color: transparent;
    padding: 7.5px 0 5.5px;
    margin-bottom: 0;
    border-radius: 0;
    font-size: 0;
    text-align: center;
    z-index: 0;
    position: relative;
    width: 100%;
    float: none;
}
/* .container-megamenu.vertical{z-index:998} */

/* menu.css*/

#menu {
    position: relative;
    overflow: visible
}
#menu .background-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}
.megaMenuToggle {
    display: none!important
}
.container-megamenu.container .container {
    width: auto!important;
    display: block!important
}
.megamenu-wrapper {
    position: relative;
    z-index: 25;
    background: #006fa4
}
.header2 .megamenu-wrapper {
    background: none
}
ul.megamenu {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    opacity: 1
}
ul.megamenu>li {
    float: left;
    width: auto;
    margin-right: 26px
}
ul.megamenu>li:first-child {
    background: none
}
ul.megamenu>li.pull-right {
    float: right;
    margin-right: 0;
    margin-left: 26px
}
ul.megamenu>li .close-menu, ul.megamenu>li .open-menu {
    display: none
}
ul.megamenu>li.search {
    background: none
}
#top ul.megamenu>li.search .search_form, ul.megamenu>li.search .search_form {
    padding: 0;
    margin: 8px
}
#top ul.megamenu>li.search .search_form input, ul.megamenu>li.search .search_form input {
    height: 29px;
    min-height: 29px;
    border: none
}
ul.megamenu>li.search .button-search2 {
    top: 6px;
    right: 8px
}
ul.megamenu>li>a {
    font-size: .8571em;
    font-weight: 700;
    line-height: 20px;
    padding: 14px 0 12px;
    text-transform: uppercase;
    display: block;
    height: 46px;
    color: #fff;
    position: relative
}
ul.megamenu>li>a strong {
    font-weight: 700
}
ul.megamenu>li.with-sub-menu>a strong:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    margin-left: 5px
}
ul.megamenu .megamenu-label {
    position: absolute;
    top: -1px;
    right: 0;
    height: 13px;
    padding: 3px 2px 1px;
    font-size: 9px;
    line-height: 1;
    font-family: Arial;
    color: #fff;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px
}
ul.megamenu .megamenu-label span:before {
    display: inline-block;
    font-family: "Elusive-Icons";
    font-size: 5px;
    position: absolute;
    width: 4px;
    height: 6px;
    margin: auto;
    content: "\f126";
    left: -4px;
    text-align: right;
    top: 0;
    bottom: 0;
    content: \f125;
    left: 2px;
    bottom: -3px;
    top: auto;
    width: auto;
    height: auto
}
ul.megamenu ul .megamenu-label {
    display: inline-block;
    position: relative;
    top: -1px!important;
    margin-left: 9px;
    left: 0!important;
    right: 0!important
}
ul.megamenu ul .megamenu-label span:before {
    left: -3px;
    top: 5px;
    bottom: auto;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
ul.megamenu>li>a:hover, ul.megamenu>li.active>a, ul.megamenu>li.home>a, ul.megamenu>li:hover>a {
    color: #99cee8
}
ul.megamenu>li>a>.fa-home {
    display: block;
    font-size: 16px;
    margin-top: 1px
}
ul.megamenu>li>a img {
    margin-right: 10px;
    height: 27px;
    vertical-align: middle
}
ul.megamenu>li>a.description {
    font-size: 14px;
    padding: 10px 20px 11px 21px;
    line-height: 1
}
ul.megamenu>li>a.description strong {
    font-size: 14px
}
ul.megamenu>li>a.description img {
    float: left
}
ul.megamenu>li>a.description .description {
    font-size: 11px;
    opacity: .9
}
ul.megamenu>li>a.description .description-left {
    float: left;
    width: auto
}
ul.megamenu>li>.sub-menu {
    position: absolute;
    z-index: -20;
    visibility: hidden;
    right: 0
}
ul.megamenu>li.active>.sub-menu {
    z-index: 20;
    right: auto;
    visibility: visible
}
ul.megamenu>li>.sub-menu>.content {
    display: none
}
ul.megamenu>li.active>.sub-menu>.content {
    display: block
}
ul.megamenu>li>.sub-menu>.content>.arrow {
    display: none
}
ul.megamenu.fade>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}
ul.megamenu.fade>li.active>.sub-menu>.content {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
ul.megamenu.shift-up>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-top: 25px
}
ul.megamenu.shift-up>li.active>.sub-menu>.content {
    margin-top: 0;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
ul.megamenu.shift-down>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-top: -25px
}
ul.megamenu.shift-down>li.active>.sub-menu>.content {
    margin-top: 0;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
ul.megamenu.shift-left>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    left: 30px
}
ul.megamenu.shift-left>li.active>.sub-menu>.content {
    left: 0;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
ul.megamenu.shift-right>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out;
    left: -30px
}
ul.megamenu.shift-right>li.active>.sub-menu>.content {
    left: 0;
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible
}
ul.megamenu.flipping>li>.sub-menu>.content {
    display: block;
    filter: alpha(opacity=0);
    visibility: hidden;
    opacity: 0;
    -webkit-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: perspective(350px) rotateX(-90deg);
    -o-transform: perspective(350px) rotateX(-90deg);
    transform: perspective(350px) rotateX(-90deg);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}
ul.megamenu.flipping>li.active>.sub-menu>.content {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: perspective(350px) rotateX(0deg);
    -o-transform: perspective(350px) rotateX(0deg);
    transform: perspective(350px) rotateX(0deg);
    -webkit-transition: .2s linear 0;
    -o-transition: .2s linear 0;
    transition: .2s linear 0
}
ul.megamenu.slide>li>.sub-menu>.content {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    transition: all .2s ease-out
}
ul.megamenu.slide>li.active>.sub-menu>.content {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1!important;
    filter: alpha(opacity=100)!important;
    visibility: visible!important
}
.horizontal ul.megamenu>li>.sub-menu {
    max-width: 100%
}
ul.megamenu li .sub-menu .content {
    padding: 20px;
    background: #fff;
    border-top: 5px solid #08c;
    border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    box-sizing: content-box!important;
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important
}
ul.megamenu li.type2 .sub-menu .content {
    background: #08c;
    border: none!important
}
ul.megamenu .sub-menu .content>.row {
    padding-top: 11px
}
ul.megamenu .sub-menu .content>.border {
    padding-top: 7px
}
ul.megamenu .sub-menu .content>.row:first-of-type {
    padding: 0
}
ul.megamenu li .product {
    text-align: center;
    position: relative
}
ul.megamenu li .product .image {
    padding: 0
}
ul.megamenu li .product .image img {
    max-width: 100%
}
ul.megamenu li .product .name {
    padding: 7px 0 8px
}
ul.megamenu li .product .price {
    font-size: 1.4286em;
    color: #444;
    font-weight: 600
}
.products-carousel-overflow {
    overflow: hidden;
    margin: -2px;
    padding: 2px;
    position: relative
}
.products-carousel-overflow .box-heading {
    float: left;
    margin: 5px 15px 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    position: relative;
    z-index: 1
}
.products-carousel-overflow .strip-line {
    background: url(../img/patterns/heading/01.png) 0 50% repeat-x;
    height: 35px;
    overflow: hidden
}
.products-carousel-overflow>.prev, .products-carousel-overflow>.next {
    float: right;
    margin: 2px 0 0 5px;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #43c6bc;
    background: -moz-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43c6bc), color-stop(0%, #59d4cc), color-stop(99%, #43c6bc));
    background: -webkit-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -o-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -ms-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: linear-gradient(to bottom, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    cursor: pointer;
    position: relative;
    z-index: 1
}
.products-carousel-overflow>.prev {
    margin-left: 15px
}
.products-carousel-overflow>.prev span, .products-carousel-overflow>.next span {
    display: block;
    width: 8px;
    height: 14px;
    margin: 8px auto 0;
    background: url(../img/left.png) no-repeat
}
.products-carousel-overflow>.next span {
    background: url(../img/right.png) no-repeat
}
.products-carousel-overflow .clear {
    clear: left;
    width: 100%;
    height: 16px
}
ul.manufacturer {
    list-style: none;
    margin: -10px 0 0!important;
    padding: 0;
    position: relative
}
ul.manufacturer li {
    display: inline-block;
    margin: 10px 5px 0 0
}
ul.manufacturer li a {
    display: block;
    font-size: 14px;
    padding: 2px 8px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px
}
ul.megamenu li .sub-menu .content .open-categories, ul.megamenu li .sub-menu .content .close-categories {
    display: none
}
ul.megamenu li .sub-menu .content .static-menu a.main-menu {
    font-size: 1em;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    position: relative;
    margin-top: -5px
}
ul.megamenu li .sub-menu .content .static-menu a.main-menu:hover {
    text-decoration: underline
}
ul.megamenu li .sub-menu .content .static-menu .left-categories-image-right {
    float: left;
    width: 54%;
    padding-right: 6%
}
ul.megamenu li .sub-menu .content .static-menu .right-categories-image-right {
    float: left;
    width: 40%;
    text-align: right;
    padding-top: 5px
}
ul.megamenu li .sub-menu .content .static-menu .left-categories-image-left {
    float: left;
    width: 40%;
    padding-right: 4%;
    padding-top: 5px
}
ul.megamenu li .sub-menu .content .static-menu .right-categories-image-left {
    float: left;
    width: 56%
}
ul.megamenu li .sub-menu .content .static-menu .menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}
ul.megamenu li .sub-menu .content .static-menu>.menu>ul>li {
    padding-top: 20px
}
ul.megamenu li .sub-menu .content .static-menu>.menu>ul>li:first-child {
    padding-top: 0
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
    padding: 3px 0 0;
    position: relative;
    margin-bottom: -7px
}
ul.megamenu li .sub-menu .content .static-menu .menu ul .categories-image-right ul a {
    display: block
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a {
    display: block;
    font-size: .9em;
    line-height: 20px;
    padding: 1px 0;
    color: #777;
    font-weight: 400;
    margin: 0
}
ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a:hover {
    text-decoration: underline
}
ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
    display: block
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul {
    list-style: none;
    margin: -15px;
    padding: 0;
    position: relative
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
    display: none;
    margin: -38px 0 0;
    min-width: 170px;
    padding: 5px;
    position: absolute;
    z-index: 10;
    left: 100%;
    background: #fff;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15)
}
ul.megamenu li.type2 .sub-menu .content .hover-menu .menu ul ul {
    background: #08c;
    min-width: 160px
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul.active {
    display: block
}
ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
    position: relative
}
ul.megamenu li .sub-menu .content .hover-menu a {
    font-weight: 400;
    padding: 6px 14px 6px 7px;
    font-size: .9em;
    line-height: 20px;
    color: #777;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    white-space: nowrap;
    display: block
}
ul.megamenu li.type2 .sub-menu .content .hover-menu a {
    color: #fff
}
ul.megamenu li.type2 .sub-menu .content .hover-menu li:last-of-type>a {
    border: none
}
ul.megamenu li .sub-menu .content .hover-menu a:hover {
    background: #f4f4f4
}
ul.megamenu li.type2 .sub-menu .content .hover-menu a:hover {
    background: rgba(255, 255, 255, .1)
}
.megaMenuToggle {
    display: none!important;
    cursor: pointer
}
.megamenuToogle-wrapper {
    position: relative;
    z-index: 26;
    background: #006fa4
}
.vertical .megamenuToogle-wrapper {
    background: #f5f5f5;
    border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0
}
.megamenuToogle-wrapper .container {
    color: #fff;
    font-size: 16px;
    padding: 10px 20px 9px 14px !important
}
.vertical .megamenuToogle-wrapper .container {
    background-color: #f5f5f5;
    color: #777;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    padding: 14px 15px!important;
    border-radius: 5px 5px 0 0;
    margin: 0;
    border-bottom: 1px solid #ddd
}
.megamenuToogle-wrapper .container>div {
    display: none
}
.vertical {
    border: none;
    background: #fbfbfb;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px
}
.vertical .megamenuToogle-wrapper {
    z-index: 24
}
.vertical .megamenu-wrapper {
    display: block!important;
    background: none!important;
    position: relative;
    z-index: 23
}
.vertical ul.megamenu>li {
    display: block;
    float: none!important;
    width: auto;
    background: none;
    border-top: 1px solid #ddd;
    position: relative;
    margin: 0 10px
}
.vertical ul.megamenu>li:first-child {
    border: none
}
.vertical ul.megamenu>li.home, .vertical ul.megamenu>li.search {
    display: none
}
.vertical ul.megamenu>li>a {
    color: #777;
    text-shadow: none;
    background: none!important;
    height: auto!important;
    margin: 0 -10px;
    display: block;
    padding: 10px 15px 11px;
    position: relative;
    font-size: 1em;
    font-weight: 400;
    text-transform: none
}
.vertical ul.megamenu>li.with-sub-menu>a strong:after {
    display: none
}
.vertical ul.megamenu>li>a strong {
    font-weight: 400
}
.vertical ul.megamenu .megamenu-label {
    display: inline-block;
    position: relative;
    top: 0;
    margin-left: 10px
}
.vertical ul.megamenu .megamenu-label span:before {
    left: -4px;
    top: 4px;
    bottom: auto;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.vertical ul.megamenu>li.active>a, .vertical ul.megamenu>li:hover>a {
    background: #08c!important;
    color: #fff
}
.vertical ul.megamenu>li.click>a:before, .vertical ul.megamenu>li.hover>a:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: auto;
    text-align: center;
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #08c;
    margin-left: 5px;
    margin-right: 5px
}
.vertical ul.megamenu>li:hover>a:before {
    border-left: 5px solid #fff
}
.vertical ul.megamenu>li>.sub-menu {
    left: 78%;
    padding-top: 0;
    top: 0
}
.vertical ul.megamenu>li>.sub-menu>.content {
    margin-left: 10px;
    position: relative!important;
    border-top: 0;
    border-left: 5px solid #08c;
    border-radius: 0 6px 6px 6px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px
}
.categories-image-top {
    padding-bottom: 14px;
    margin-top: -3px;
    position: relative
}
/*--<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/css/owl.carousel.css"> */

.owl2-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.owl2-carousel .owl2-animated-in {
    z-index: 0
}
.owl2-carousel .owl2-animated-out {
    z-index: 1
}
.owl2-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.owl2-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}
.owl2-carousel {
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}
.owl2-carousel .owl2-stage {
    position: relative;
    -ms-touch-action: pan-Y
}
.owl2-carousel .owl2-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.owl2-carousel .owl2-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px)
}
.owl2-carousel .owl2-controls .owl2-nav .owl2-prev, .owl2-carousel .owl2-controls .owl2-nav .owl2-next, .owl2-carousel .owl2-controls .owl2-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl2-carousel.owl2-loaded {
    display: block
}
.owl2-carousel.owl2-loading {
    opacity: 0;
    display: block
}
.owl2-carousel.owl2-hidden {
    opacity: 0
}
.owl2-carousel .owl2-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.owl2-carousel .owl2-item img {
    -webkit-transform-style: preserve-3d
}
.owl2-carousel.owl2-text-select-on .owl2-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}
.owl2-carousel .owl2-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}
.owl2-carousel.owl2-rtl {
    direction: rtl
}
.owl2-carousel.owl2-rtl .owl2-item {
    float: right
}
.no-js .owl2-carousel {
    display: block
}
.owl2-carousel .owl2-item .owl2-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl2-carousel .owl2-item img {
    transform-style: preserve-3d
}
.owl2-carousel .owl2-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}
.owl2-carousel .owl2-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}
.owl2-carousel .owl2-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3)
}
.owl2-carousel .owl2-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}
.owl2-carousel .owl2-video-frame {
    position: relative;
    z-index: 1
}
/*<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/css/font-icons.css">*/

@charset "UTF-8";
@font-face {
    font-family: "minicart-font";
    src: url(../fonts/minicart-font.eot?v=1.0);
    src: url(../fonts/minicart-font.eot?#iefix&v=1.0) format("embedded-opentype"), url(../fonts/minicart-font.woff?v=1.0) format("woff"), url(../fonts/minicart-font.ttf?v=1.0) format("truetype"), url(../fonts/minicart-font.svg?v=1.0#minicart-font) format("svg");
    font-weight: 400;
    font-style: normal
}
.minicart-icon:before {
    font-family: "minicart-font"!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-transform: none!important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e800"
}
@font-face {
    font-family: 'FontAwesome';
    src: url(../fonts/fontawesome-webfont.eot?v=4.3.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.3.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.3.0) format("woff"), url(../fonts/fontawesome-webfont.ttf?v=4.3.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}
.fa-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}
.fa-2x {
    font-size: 2em
}
.fa-3x {
    font-size: 3em
}
.fa-4x {
    font-size: 4em
}
.fa-5x {
    font-size: 5em
}
.fa-fw {
    width: 1.28571em;
    text-align: center
}
.fa-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}
.fa-ul>li {
    position: relative
}
.fa-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}
.fa-li.fa-lg {
    left: -1.85714em
}
.fa-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.fa.pull-left {
    margin-right: .3em
}
.fa.pull-right {
    margin-left: .3em
}
.-spin {
    -webkit-animation: el-spin 2s infinite linear;
    animation: el-spin 2s infinite linear
}
.-pulse {
    -webkit-animation: el-spin 1s infinite steps(8);
    animation: el-spin 1s infinite steps(8)
}
@-webkit-keyframes el-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes el-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.fa-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.fa-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.fa-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.fa-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.fa-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical {
    filter: none
}
.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.fa-stack-1x {
    line-height: inherit
}
.fa-stack-2x {
    font-size: 2em
}
.fa-inverse {
    color: #fff
}
.fa-glass:before {
    content: "\f000"
}
.fa-music:before {
    content: "\f001"
}
.fa-search:before {
    content: "\f002"
}
.fa-envelope-o:before {
    content: "\f003"
}
.fa-heart:before {
    content: "\f004"
}
.fa-star:before {
    content: "\f005"
}
.fa-star-o:before {
    content: "\f006"
}
.fa-user:before {
    content: "\f007"
}
.fa-film:before {
    content: "\f008"
}
.fa-th-large:before {
    content: "\f009"
}
.fa-th:before {
    content: "\f00a"
}
.fa-th-list:before {
    content: "\f00b"
}
.fa-check:before {
    content: "\f00c"
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d"
}
.fa-search-plus:before {
    content: "\f00e"
}
.fa-search-minus:before {
    content: "\f010"
}
.fa-power-off:before {
    content: "\f011"
}
.fa-signal:before {
    content: "\f012"
}
.fa-gear:before, .fa-cog:before {
    content: "\f013"
}
.fa-trash-o:before {
    content: "\f014"
}
.fa-home:before {
    content: "\f015"
}
.fa-file-o:before {
    content: "\f016"
}
.fa-clock-o:before {
    content: "\f017"
}
.fa-road:before {
    content: "\f018"
}
.fa-download:before {
    content: "\f019"
}
.fa-arrow-circle-o-down:before {
    content: "\f01a"
}
.fa-arrow-circle-o-up:before {
    content: "\f01b"
}
.fa-inbox:before {
    content: "\f01c"
}
.fa-play-circle-o:before {
    content: "\f01d"
}
.fa-rotate-right:before, .fa-repeat:before {
    content: "\f01e"
}
.fa-refresh:before {
    content: "\f021"
}
.fa-list-alt:before {
    content: "\f022"
}
.fa-lock:before {
    content: "\f023"
}
.fa-flag:before {
    content: "\f024"
}
.fa-headphones:before {
    content: "\f025"
}
.fa-volume-off:before {
    content: "\f026"
}
.fa-volume-down:before {
    content: "\f027"
}
.fa-volume-up:before {
    content: "\f028"
}
.fa-qrcode:before {
    content: "\f029"
}
.fa-barcode:before {
    content: "\f02a"
}
.fa-tag:before {
    content: "\f02b"
}
.fa-tags:before {
    content: "\f02c"
}
.fa-book:before {
    content: "\f02d"
}
.fa-bookmark:before {
    content: "\f02e"
}
.fa-print:before {
    content: "\f02f"
}
.fa-camera:before {
    content: "\f030"
}
.fa-font:before {
    content: "\f031"
}
.fa-bold:before {
    content: "\f032"
}
.fa-italic:before {
    content: "\f033"
}
.fa-text-height:before {
    content: "\f034"
}
.fa-text-width:before {
    content: "\f035"
}
.fa-align-left:before {
    content: "\f036"
}
.fa-align-center:before {
    content: "\f037"
}
.fa-align-right:before {
    content: "\f038"
}
.fa-align-justify:before {
    content: "\f039"
}
.fa-list:before {
    content: "\f03a"
}
.fa-dedent:before, .fa-outdent:before {
    content: "\f03b"
}
.fa-indent:before {
    content: "\f03c"
}
.fa-video-camera:before {
    content: "\f03d"
}
.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f03e"
}
.fa-pencil:before {
    content: "\f040"
}
.fa-map-marker:before {
    content: "\f041"
}
.fa-adjust:before {
    content: "\f042"
}
.fa-tint:before {
    content: "\f043"
}
.fa-edit:before, .fa-pencil-square-o:before {
    content: "\f044"
}
.fa-share-square-o:before {
    content: "\f045"
}
.fa-check-square-o:before {
    content: "\f046"
}
.fa-arrows:before {
    content: "\f047"
}
.fa-step-backward:before {
    content: "\f048"
}
.fa-fast-backward:before {
    content: "\f049"
}
.fa-backward:before {
    content: "\f04a"
}
.fa-play:before {
    content: "\f04b"
}
.fa-pause:before {
    content: "\f04c"
}
.fa-stop:before {
    content: "\f04d"
}
.fa-forward:before {
    content: "\f04e"
}
.fa-fast-forward:before {
    content: "\f050"
}
.fa-step-forward:before {
    content: "\f051"
}
.fa-eject:before {
    content: "\f052"
}
.fa-chevron-left:before {
    content: "\f053"
}
.fa-chevron-right:before {
    content: "\f054"
}
.fa-plus-circle:before {
    content: "\f055"
}
.fa-minus-circle:before {
    content: "\f056"
}
.fa-times-circle:before {
    content: "\f057"
}
.fa-check-circle:before {
    content: "\f058"
}
.fa-question-circle:before {
    content: "\f059"
}
.fa-info-circle:before {
    content: "\f05a"
}
.fa-crosshairs:before {
    content: "\f05b"
}
.fa-times-circle-o:before {
    content: "\f05c"
}
.fa-check-circle-o:before {
    content: "\f05d"
}
.fa-ban:before {
    content: "\f05e"
}
.fa-arrow-left:before {
    content: "\f060"
}
.fa-arrow-right:before {
    content: "\f061"
}
.fa-arrow-up:before {
    content: "\f062"
}
.fa-arrow-down:before {
    content: "\f063"
}
.fa-mail-forward:before, .fa-share:before {
    content: "\f064"
}
.fa-expand:before {
    content: "\f065"
}
.fa-compress:before {
    content: "\f066"
}
.fa-plus:before {
    content: "\f067"
}
.fa-minus:before {
    content: "\f068"
}
.fa-asterisk:before {
    content: "\f069"
}
.fa-exclamation-circle:before {
    content: "\f06a"
}
.fa-gift:before {
    content: "\f06b"
}
.fa-leaf:before {
    content: "\f06c"
}
.fa-fire:before {
    content: "\f06d"
}
.fa-eye:before {
    content: "\f06e"
}
.fa-eye-slash:before {
    content: "\f070"
}
.fa-warning:before, .fa-exclamation-triangle:before {
    content: "\f071"
}
.fa-plane:before {
    content: "\f072"
}
.fa-calendar:before {
    content: "\f073"
}
.fa-random:before {
    content: "\f074"
}
.fa-comment:before {
    content: "\f075"
}
.fa-magnet:before {
    content: "\f076"
}
.fa-chevron-up:before {
    content: "\f077"
}
.fa-chevron-down:before {
    content: "\f078"
}
.fa-retweet:before {
    content: "\f079"
}
.fa-shopping-cart:before {
    content: "\f07a"
}
.fa-folder:before {
    content: "\f07b"
}
.fa-folder-open:before {
    content: "\f07c"
}
.fa-arrows-v:before {
    content: "\f07d"
}
.fa-arrows-h:before {
    content: "\f07e"
}
.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\f080"
}
.fa-twitter-square:before {
    content: "\f081"
}
.fa-facebook-square:before {
    content: "\f082"
}
.fa-camera-retro:before {
    content: "\f083"
}
.fa-key:before {
    content: "\f084"
}
.fa-gears:before, .fa-cogs:before {
    content: "\f085"
}
.fa-comments:before {
    content: "\f086"
}
.fa-thumbs-o-up:before {
    content: "\f087"
}
.fa-thumbs-o-down:before {
    content: "\f088"
}
.fa-star-half:before {
    content: "\f089"
}
.fa-heart-o:before {
    content: "\f08a"
}
.fa-sign-out:before {
    content: "\f08b"
}
.fa-linkedin-square:before {
    content: "\f08c"
}
.fa-thumb-tack:before {
    content: "\f08d"
}
.fa-external-link:before {
    content: "\f08e"
}
.fa-sign-in:before {
    content: "\f090"
}
.fa-trophy:before {
    content: "\f091"
}
.fa-github-square:before {
    content: "\f092"
}
.fa-upload:before {
    content: "\f093"
}
.fa-lemon-o:before {
    content: "\f094"
}
.fa-phone:before {
    content: "\f095"
}
.fa-square-o:before {
    content: "\f096"
}
.fa-bookmark-o:before {
    content: "\f097"
}
.fa-phone-square:before {
    content: "\f098"
}
.fa-twitter:before {
    content: "\f099"
}
.fa-facebook-f:before, .fa-facebook:before {
    content: "\f09a"
}
.fa-github:before {
    content: "\f09b"
}
.fa-unlock:before {
    content: "\f09c"
}
.fa-credit-card:before {
    content: "\f09d"
}
.fa-rss:before {
    content: "\f09e"
}
.fa-hdd-o:before {
    content: "\f0a0"
}
.fa-bullhorn:before {
    content: "\f0a1"
}
.fa-bell:before {
    content: "\f0f3"
}
.fa-certificate:before {
    content: "\f0a3"
}
.fa-hand-o-right:before {
    content: "\f0a4"
}
.fa-hand-o-left:before {
    content: "\f0a5"
}
.fa-hand-o-up:before {
    content: "\f0a6"
}
.fa-hand-o-down:before {
    content: "\f0a7"
}
.fa-arrow-circle-left:before {
    content: "\f0a8"
}
.fa-arrow-circle-right:before {
    content: "\f0a9"
}
.fa-arrow-circle-up:before {
    content: "\f0aa"
}
.fa-arrow-circle-down:before {
    content: "\f0ab"
}
.fa-globe:before {
    content: "\f0ac"
}
.fa-wrench:before {
    content: "\f0ad"
}
.fa-tasks:before {
    content: "\f0ae"
}
.fa-filter:before {
    content: "\f0b0"
}
.fa-briefcase:before {
    content: "\f0b1"
}
.fa-arrows-alt:before {
    content: "\f0b2"
}
.fa-group:before, .fa-users:before {
    content: "\f0c0"
}
.fa-chain:before, .fa-link:before {
    content: "\f0c1"
}
.fa-cloud:before {
    content: "\f0c2"
}
.fa-flask:before {
    content: "\f0c3"
}
.fa-cut:before, .fa-scissors:before {
    content: "\f0c4"
}
.fa-copy:before, .fa-files-o:before {
    content: "\f0c5"
}
.fa-paperclip:before {
    content: "\f0c6"
}
.fa-save:before, .fa-floppy-o:before {
    content: "\f0c7"
}
.fa-square:before {
    content: "\f0c8"
}
.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9"
}
.fa-list-ul:before {
    content: "\f0ca"
}
.fa-list-ol:before {
    content: "\f0cb"
}
.fa-strikethrough:before {
    content: "\f0cc"
}
.fa-underline:before {
    content: "\f0cd"
}
.fa-table:before {
    content: "\f0ce"
}
.fa-magic:before {
    content: "\f0d0"
}
.fa-truck:before {
    content: "\f0d1"
}
.fa-pinterest:before {
    content: "\f0d2"
}
.fa-pinterest-square:before {
    content: "\f0d3"
}
.fa-google-plus-square:before {
    content: "\f0d4"
}
.fa-google-plus:before {
    content: "\f0d5"
}
.fa-money:before {
    content: "\f0d6"
}
.fa-caret-down:before {
    content: "\f0d7"
}
.fa-caret-up:before {
    content: "\f0d8"
}
.fa-caret-left:before {
    content: "\f0d9"
}
.fa-caret-right:before {
    content: "\f0da"
}
.fa-columns:before {
    content: "\f0db"
}
.fa-unsorted:before, .fa-sort:before {
    content: "\f0dc"
}
.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd"
}
.fa-sort-up:before, .fa-sort-asc:before {
    content: "\f0de"
}
.fa-envelope:before {
    content: "\f0e0"
}
.fa-linkedin:before {
    content: "\f0e1"
}
.fa-rotate-left:before, .fa-undo:before {
    content: "\f0e2"
}
.fa-legal:before, .fa-gavel:before {
    content: "\f0e3"
}
.fa-dashboard:before, .fa-tachometer:before {
    content: "\f0e4"
}
.fa-comment-o:before {
    content: "\f0e5"
}
.fa-comments-o:before {
    content: "\f0e6"
}
.fa-flash:before, .fa-bolt:before {
    content: "\f0e7"
}
.fa-sitemap:before {
    content: "\f0e8"
}
.fa-umbrella:before {
    content: "\f0e9"
}
.fa-paste:before, .fa-clipboard:before {
    content: "\f0ea"
}
.fa-lightbulb-o:before {
    content: "\f0eb"
}
.fa-exchange:before {
    content: "\f0ec"
}
.fa-cloud-download:before {
    content: "\f0ed"
}
.fa-cloud-upload:before {
    content: "\f0ee"
}
.fa-user-md:before {
    content: "\f0f0"
}
.fa-stethoscope:before {
    content: "\f0f1"
}
.fa-suitcase:before {
    content: "\f0f2"
}
.fa-bell-o:before {
    content: "\f0a2"
}
.fa-coffee:before {
    content: "\f0f4"
}
.fa-cutlery:before {
    content: "\f0f5"
}
.fa-file-text-o:before {
    content: "\f0f6"
}
.fa-building-o:before {
    content: "\f0f7"
}
.fa-hospital-o:before {
    content: "\f0f8"
}
.fa-ambulance:before {
    content: "\f0f9"
}
.fa-medkit:before {
    content: "\f0fa"
}
.fa-fighter-jet:before {
    content: "\f0fb"
}
.fa-beer:before {
    content: "\f0fc"
}
.fa-h-square:before {
    content: "\f0fd"
}
.fa-plus-square:before {
    content: "\f0fe"
}
.fa-angle-double-left:before {
    content: "\f100"
}
.fa-angle-double-right:before {
    content: "\f101"
}
.fa-angle-double-up:before {
    content: "\f102"
}
.fa-angle-double-down:before {
    content: "\f103"
}
.fa-angle-left:before {
    content: "\f104"
}
.fa-angle-right:before {
    content: "\f105"
}
.fa-angle-up:before {
    content: "\f106"
}
.fa-angle-down:before {
    content: "\f107"
}
.fa-desktop:before {
    content: "\f108"
}
.fa-laptop:before {
    content: "\f109"
}
.fa-tablet:before {
    content: "\f10a"
}
.fa-mobile-phone:before, .fa-mobile:before {
    content: "\f10b"
}
.fa-circle-o:before {
    content: "\f10c"
}
.fa-quote-left:before {
    content: "\f10d"
}
.fa-quote-right:before {
    content: "\f10e"
}
.fa-spinner:before {
    content: "\f110"
}
.fa-circle:before {
    content: "\f111"
}
.fa-mail-reply:before, .fa-reply:before {
    content: "\f112"
}
.fa-github-alt:before {
    content: "\f113"
}
.fa-folder-o:before {
    content: "\f114"
}
.fa-folder-open-o:before {
    content: "\f115"
}
.fa-smile-o:before {
    content: "\f118"
}
.fa-frown-o:before {
    content: "\f119"
}
.fa-meh-o:before {
    content: "\f11a"
}
.fa-gamepad:before {
    content: "\f11b"
}
.fa-keyboard-o:before {
    content: "\f11c"
}
.fa-flag-o:before {
    content: "\f11d"
}
.fa-flag-checkered:before {
    content: "\f11e"
}
.fa-terminal:before {
    content: "\f120"
}
.fa-code:before {
    content: "\f121"
}
.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\f122"
}
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\f123"
}
.fa-location-arrow:before {
    content: "\f124"
}
.fa-crop:before {
    content: "\f125"
}
.fa-code-fork:before {
    content: "\f126"
}
.fa-unlink:before, .fa-chain-broken:before {
    content: "\f127"
}
.fa-question:before {
    content: "\f128"
}
.fa-info:before {
    content: "\f129"
}
.fa-exclamation:before {
    content: "\f12a"
}
.fa-superscript:before {
    content: "\f12b"
}
.fa-subscript:before {
    content: "\f12c"
}
.fa-eraser:before {
    content: "\f12d"
}
.fa-puzzle-piece:before {
    content: "\f12e"
}
.fa-microphone:before {
    content: "\f130"
}
.fa-microphone-slash:before {
    content: "\f131"
}
.fa-shield:before {
    content: "\f132"
}
.fa-calendar-o:before {
    content: "\f133"
}
.fa-fire-extinguisher:before {
    content: "\f134"
}
.fa-rocket:before {
    content: "\f135"
}
.fa-maxcdn:before {
    content: "\f136"
}
.fa-chevron-circle-left:before {
    content: "\f137"
}
.fa-chevron-circle-right:before {
    content: "\f138"
}
.fa-chevron-circle-up:before {
    content: "\f139"
}
.fa-chevron-circle-down:before {
    content: "\f13a"
}
.fa-html5:before {
    content: "\f13b"
}
.fa-css3:before {
    content: "\f13c"
}
.fa-anchor:before {
    content: "\f13d"
}
.fa-unlock-alt:before {
    content: "\f13e"
}
.fa-bullseye:before {
    content: "\f140"
}
.fa-ellipsis-h:before {
    content: "\f141"
}
.fa-ellipsis-v:before {
    content: "\f142"
}
.fa-rss-square:before {
    content: "\f143"
}
.fa-play-circle:before {
    content: "\f144"
}
.fa-ticket:before {
    content: "\f145"
}
.fa-minus-square:before {
    content: "\f146"
}
.fa-minus-square-o:before {
    content: "\f147"
}
.fa-level-up:before {
    content: "\f148"
}
.fa-level-down:before {
    content: "\f149"
}
.fa-check-square:before {
    content: "\f14a"
}
.fa-pencil-square:before {
    content: "\f14b"
}
.fa-external-link-square:before {
    content: "\f14c"
}
.fa-share-square:before {
    content: "\f14d"
}
.fa-compass:before {
    content: "\f14e"
}
.fa-toggle-down:before, .fa-caret-square-o-down:before {
    content: "\f150"
}
.fa-toggle-up:before, .fa-caret-square-o-up:before {
    content: "\f151"
}
.fa-toggle-right:before, .fa-caret-square-o-right:before {
    content: "\f152"
}
.fa-euro:before, .fa-eur:before {
    content: "\f153"
}
.fa-gbp:before {
    content: "\f154"
}
.fa-dollar:before, .fa-usd:before {
    content: "\f155"
}
.fa-rupee:before, .fa-inr:before {
    content: "\f156"
}
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before {
    content: "\f157"
}
.fa-ruble:before, .fa-rouble:before, .fa-rub:before {
    content: "\f158"
}
.fa-won:before, .fa-krw:before {
    content: "\f159"
}
.fa-bitcoin:before, .fa-btc:before {
    content: "\f15a"
}
.fa-file:before {
    content: "\f15b"
}
.fa-file-text:before {
    content: "\f15c"
}
.fa-sort-alpha-asc:before {
    content: "\f15d"
}
.fa-sort-alpha-desc:before {
    content: "\f15e"
}
.fa-sort-amount-asc:before {
    content: "\f160"
}
.fa-sort-amount-desc:before {
    content: "\f161"
}
.fa-sort-numeric-asc:before {
    content: "\f162"
}
.fa-sort-numeric-desc:before {
    content: "\f163"
}
.fa-thumbs-up:before {
    content: "\f164"
}
.fa-thumbs-down:before {
    content: "\f165"
}
.fa-youtube-square:before {
    content: "\f166"
}
.fa-youtube:before {
    content: "\f167"
}
.fa-xing:before {
    content: "\f168"
}
.fa-xing-square:before {
    content: "\f169"
}
.fa-youtube-play:before {
    content: "\f16a"
}
.fa-dropbox:before {
    content: "\f16b"
}
.fa-stack-overflow:before {
    content: "\f16c"
}
.fa-instagram:before {
    content: "\f16d"
}
.fa-flickr:before {
    content: "\f16e"
}
.fa-adn:before {
    content: "\f170"
}
.fa-bitbucket:before {
    content: "\f171"
}
.fa-bitbucket-square:before {
    content: "\f172"
}
.fa-tumblr:before {
    content: "\f173"
}
.fa-tumblr-square:before {
    content: "\f174"
}
.fa-long-arrow-down:before {
    content: "\f175"
}
.fa-long-arrow-up:before {
    content: "\f176"
}
.fa-long-arrow-left:before {
    content: "\f177"
}
.fa-long-arrow-right:before {
    content: "\f178"
}
.fa-apple:before {
    content: "\f179"
}
.fa-windows:before {
    content: "\f17a"
}
.fa-android:before {
    content: "\f17b"
}
.fa-linux:before {
    content: "\f17c"
}
.fa-dribbble:before {
    content: "\f17d"
}
.fa-skype:before {
    content: "\f17e"
}
.fa-foursquare:before {
    content: "\f180"
}
.fa-trello:before {
    content: "\f181"
}
.fa-female:before {
    content: "\f182"
}
.fa-male:before {
    content: "\f183"
}
.fa-gittip:before, .fa-gratipay:before {
    content: "\f184"
}
.fa-sun-o:before {
    content: "\f185"
}
.fa-moon-o:before {
    content: "\f186"
}
.fa-archive:before {
    content: "\f187"
}
.fa-bug:before {
    content: "\f188"
}
.fa-vk:before {
    content: "\f189"
}
.fa-weibo:before {
    content: "\f18a"
}
.fa-renren:before {
    content: "\f18b"
}
.fa-pagelines:before {
    content: "\f18c"
}
.fa-stack-exchange:before {
    content: "\f18d"
}
.fa-arrow-circle-o-right:before {
    content: "\f18e"
}
.fa-arrow-circle-o-left:before {
    content: "\f190"
}
.fa-toggle-left:before, .fa-caret-square-o-left:before {
    content: "\f191"
}
.fa-dot-circle-o:before {
    content: "\f192"
}
.fa-wheelchair:before {
    content: "\f193"
}
.fa-vimeo-square:before {
    content: "\f194"
}
.fa-turkish-lira:before, .fa-try:before {
    content: "\f195"
}
.fa-plus-square-o:before {
    content: "\f196"
}
.fa-space-shuttle:before {
    content: "\f197"
}
.fa-slack:before {
    content: "\f198"
}
.fa-envelope-square:before {
    content: "\f199"
}
.fa-wordpress:before {
    content: "\f19a"
}
.fa-openid:before {
    content: "\f19b"
}
.fa-institution:before, .fa-bank:before, .fa-university:before {
    content: "\f19c"
}
.fa-mortar-board:before, .fa-graduation-cap:before {
    content: "\f19d"
}
.fa-yahoo:before {
    content: "\f19e"
}
.fa-google:before {
    content: "\f1a0"
}
.fa-reddit:before {
    content: "\f1a1"
}
.fa-reddit-square:before {
    content: "\f1a2"
}
.fa-stumbleupon-circle:before {
    content: "\f1a3"
}
.fa-stumbleupon:before {
    content: "\f1a4"
}
.fa-delicious:before {
    content: "\f1a5"
}
.fa-digg:before {
    content: "\f1a6"
}
.fa-pied-piper:before {
    content: "\f1a7"
}
.fa-pied-piper-alt:before {
    content: "\f1a8"
}
.fa-drupal:before {
    content: "\f1a9"
}
.fa-joomla:before {
    content: "\f1aa"
}
.fa-language:before {
    content: "\f1ab"
}
.fa-fax:before {
    content: "\f1ac"
}
.fa-building:before {
    content: "\f1ad"
}
.fa-child:before {
    content: "\f1ae"
}
.fa-paw:before {
    content: "\f1b0"
}
.fa-spoon:before {
    content: "\f1b1"
}
.fa-cube:before {
    content: "\f1b2"
}
.fa-cubes:before {
    content: "\f1b3"
}
.fa-behance:before {
    content: "\f1b4"
}
.fa-behance-square:before {
    content: "\f1b5"
}
.fa-steam:before {
    content: "\f1b6"
}
.fa-steam-square:before {
    content: "\f1b7"
}
.fa-recycle:before {
    content: "\f1b8"
}
.fa-automobile:before, .fa-car:before {
    content: "\f1b9"
}
.fa-cab:before, .fa-taxi:before {
    content: "\f1ba"
}
.fa-tree:before {
    content: "\f1bb"
}
.fa-spotify:before {
    content: "\f1bc"
}
.fa-deviantart:before {
    content: "\f1bd"
}
.fa-soundcloud:before {
    content: "\f1be"
}
.fa-database:before {
    content: "\f1c0"
}
.fa-file-pdf-o:before {
    content: "\f1c1"
}
.fa-file-word-o:before {
    content: "\f1c2"
}
.fa-file-excel-o:before {
    content: "\f1c3"
}
.fa-file-powerpoint-o:before {
    content: "\f1c4"
}
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before {
    content: "\f1c5"
}
.fa-file-zip-o:before, .fa-file-archive-o:before {
    content: "\f1c6"
}
.fa-file-sound-o:before, .fa-file-audio-o:before {
    content: "\f1c7"
}
.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\f1c8"
}
.fa-file-code-o:before {
    content: "\f1c9"
}
.fa-vine:before {
    content: "\f1ca"
}
.fa-codepen:before {
    content: "\f1cb"
}
.fa-jsfiddle:before {
    content: "\f1cc"
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before {
    content: "\f1cd"
}
.fa-circle-o-notch:before {
    content: "\f1ce"
}
.fa-ra:before, .fa-rebel:before {
    content: "\f1d0"
}
.fa-ge:before, .fa-empire:before {
    content: "\f1d1"
}
.fa-git-square:before {
    content: "\f1d2"
}
.fa-git:before {
    content: "\f1d3"
}
.fa-hacker-news:before {
    content: "\f1d4"
}
.fa-tencent-weibo:before {
    content: "\f1d5"
}
.fa-qq:before {
    content: "\f1d6"
}
.fa-wechat:before, .fa-weixin:before {
    content: "\f1d7"
}
.fa-send:before, .fa-paper-plane:before {
    content: "\f1d8"
}
.fa-send-o:before, .fa-paper-plane-o:before {
    content: "\f1d9"
}
.fa-history:before {
    content: "\f1da"
}
.fa-genderless:before, .fa-circle-thin:before {
    content: "\f1db"
}
.fa-header:before {
    content: "\f1dc"
}
.fa-paragraph:before {
    content: "\f1dd"
}
.fa-sliders:before {
    content: "\f1de"
}
.fa-share-alt:before {
    content: "\f1e0"
}
.fa-share-alt-square:before {
    content: "\f1e1"
}
.fa-bomb:before {
    content: "\f1e2"
}
.fa-soccer-ball-o:before, .fa-futbol-o:before {
    content: "\f1e3"
}
.fa-tty:before {
    content: "\f1e4"
}
.fa-binoculars:before {
    content: "\f1e5"
}
.fa-plug:before {
    content: "\f1e6"
}
.fa-slideshare:before {
    content: "\f1e7"
}
.fa-twitch:before {
    content: "\f1e8"
}
.fa-yelp:before {
    content: "\f1e9"
}
.fa-newspaper-o:before {
    content: "\f1ea"
}
.fa-wifi:before {
    content: "\f1eb"
}
.fa-calculator:before {
    content: "\f1ec"
}
.fa-paypal:before {
    content: "\f1ed"
}
.fa-google-wallet:before {
    content: "\f1ee"
}
.fa-cc-visa:before {
    content: "\f1f0"
}
.fa-cc-mastercard:before {
    content: "\f1f1"
}
.fa-cc-discover:before {
    content: "\f1f2"
}
.fa-cc-amex:before {
    content: "\f1f3"
}
.fa-cc-paypal:before {
    content: "\f1f4"
}
.fa-cc-stripe:before {
    content: "\f1f5"
}
.fa-bell-slash:before {
    content: "\f1f6"
}
.fa-bell-slash-o:before {
    content: "\f1f7"
}
.fa-trash:before {
    content: "\f1f8"
}
.fa-copyright:before {
    content: "\f1f9"
}
.fa-at:before {
    content: "\f1fa"
}
.fa-eyedropper:before {
    content: "\f1fb"
}
.fa-paint-brush:before {
    content: "\f1fc"
}
.fa-birthday-cake:before {
    content: "\f1fd"
}
.fa-area-chart:before {
    content: "\f1fe"
}
.fa-pie-chart:before {
    content: "\f200"
}
.fa-line-chart:before {
    content: "\f201"
}
.fa-lastfm:before {
    content: "\f202"
}
.fa-lastfm-square:before {
    content: "\f203"
}
.fa-toggle-off:before {
    content: "\f204"
}
.fa-toggle-on:before {
    content: "\f205"
}
.fa-bicycle:before {
    content: "\f206"
}
.fa-bus:before {
    content: "\f207"
}
.fa-ioxhost:before {
    content: "\f208"
}
.fa-angellist:before {
    content: "\f209"
}
.fa-cc:before {
    content: "\f20a"
}
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before {
    content: "\f20b"
}
.fa-meanpath:before {
    content: "\f20c"
}
.fa-buysellads:before {
    content: "\f20d"
}
.fa-connectdevelop:before {
    content: "\f20e"
}
.fa-dashcube:before {
    content: "\f210"
}
.fa-forumbee:before {
    content: "\f211"
}
.fa-leanpub:before {
    content: "\f212"
}
.fa-sellsy:before {
    content: "\f213"
}
.fa-shirtsinbulk:before {
    content: "\f214"
}
.fa-simplybuilt:before {
    content: "\f215"
}
.fa-skyatlas:before {
    content: "\f216"
}
.fa-cart-plus:before {
    content: "\f217"
}
.fa-cart-arrow-down:before {
    content: "\f218"
}
.fa-diamond:before {
    content: "\f219"
}
.fa-ship:before {
    content: "\f21a"
}
.fa-user-secret:before {
    content: "\f21b"
}
.fa-motorcycle:before {
    content: "\f21c"
}
.fa-street-view:before {
    content: "\f21d"
}
.fa-heartbeat:before {
    content: "\f21e"
}
.fa-venus:before {
    content: "\f221"
}
.fa-mars:before {
    content: "\f222"
}
.fa-mercury:before {
    content: "\f223"
}
.fa-transgender:before {
    content: "\f224"
}
.fa-transgender-alt:before {
    content: "\f225"
}
.fa-venus-double:before {
    content: "\f226"
}
.fa-mars-double:before {
    content: "\f227"
}
.fa-venus-mars:before {
    content: "\f228"
}
.fa-mars-stroke:before {
    content: "\f229"
}
.fa-mars-stroke-v:before {
    content: "\f22a"
}
.fa-mars-stroke-h:before {
    content: "\f22b"
}
.fa-neuter:before {
    content: "\f22c"
}
.fa-facebook-official:before {
    content: "\f230"
}
.fa-pinterest-p:before {
    content: "\f231"
}
.fa-whatsapp:before {
    content: "\f232"
}
.fa-server:before {
    content: "\f233"
}
.fa-user-plus:before {
    content: "\f234"
}
.fa-user-times:before {
    content: "\f235"
}
.fa-hotel:before, .fa-bed:before {
    content: "\f236"
}
.fa-viacoin:before {
    content: "\f237"
}
.fa-train:before {
    content: "\f238"
}
.fa-subway:before {
    content: "\f239"
}
.fa-medium:before {
    content: "\f23a"
}
@font-face {
    font-family: 'Elusive-Icons';
    src: url(../fonts/elusiveicons-webfont.eot?v=2.0.0);
    src: url(../fonts/elusiveicons-webfont.eot?#iefix&v=2.0.0) format("embedded-opentype"), url(../fonts/elusiveicons-webfont.woff?v=2.0.0) format("woff"), url(../fonts/elusiveicons-webfont.ttf?v=2.0.0) format("truetype"), url(../fonts/elusiveicons-webfont.svg?v=2.0.0#elusiveiconsregular) format("svg");
    font-weight: 400;
    font-style: normal
}
.el {
    display: inline-block;
    font: normal normal normal 14px/1 Elusive-Icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}
.el-lg {
    font-size: 1.33333em;
    line-height: .75em;
    vertical-align: -15%
}
.el-2x {
    font-size: 2em
}
.el-3x {
    font-size: 3em
}
.el-4x {
    font-size: 4em
}
.el-5x {
    font-size: 5em
}
.el-fw {
    width: 1.28571em;
    text-align: center
}
.el-ul {
    padding-left: 0;
    margin-left: 2.14286em;
    list-style-type: none
}
.el-ul>li {
    position: relative
}
.el-li {
    position: absolute;
    left: -2.14286em;
    width: 2.14286em;
    top: .14286em;
    text-align: center
}
.el-li.el-lg {
    left: -1.85714em
}
.el-border {
    padding: .2em .25em .15em;
    border: solid .08em #eee;
    border-radius: .1em
}
.pull-right {
    float: right
}
.pull-left {
    float: left
}
.el.pull-left {
    margin-right: .3em
}
.el.pull-right {
    margin-left: .3em
}
.el-spin {
    -webkit-animation: el-spin 2s infinite linear;
    animation: el-spin 2s infinite linear
}
.el-pulse {
    -webkit-animation: el-spin 1s infinite steps(8);
    animation: el-spin 1s infinite steps(8)
}
@-webkit-keyframes el-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
@keyframes el-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}
.el-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.el-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}
.el-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}
.el-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}
.el-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}
:root .el-rotate-90, :root .el-rotate-180, :root .el-rotate-270, :root .el-flip-horizontal, :root .el-flip-vertical {
    filter: none
}
.el-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}
.el-stack-1x, .el-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}
.el-stack-1x {
    line-height: inherit
}
.el-stack-2x {
    font-size: 2em
}
.el-inverse {
    color: #fff
}
.el-address-book-alt:before {
    content: "\f101"
}
.el-address-book:before {
    content: "\f102"
}
.el-adjust-alt:before {
    content: "\f103"
}
.el-adjust:before {
    content: "\f104"
}
.el-adult:before {
    content: "\f105"
}
.el-align-center:before {
    content: "\f106"
}
.el-align-justify:before {
    content: "\f107"
}
.el-align-left:before {
    content: "\f108"
}
.el-align-right:before {
    content: "\f109"
}
.el-arrow-down:before {
    content: "\f10a"
}
.el-arrow-left:before {
    content: "\f10b"
}
.el-arrow-right:before {
    content: "\f10c"
}
.el-arrow-up:before {
    content: "\f10d"
}
.el-asl:before {
    content: "\f10e"
}
.el-asterisk:before {
    content: "\f10f"
}
.el-backward:before {
    content: "\f110"
}
.el-ban-circle:before {
    content: "\f111"
}
.el-barcode:before {
    content: "\f112"
}
.el-behance:before {
    content: "\f113"
}
.el-bell:before {
    content: "\f114"
}
.el-blind:before {
    content: "\f115"
}
.el-blogger:before {
    content: "\f116"
}
.el-bold:before {
    content: "\f117"
}
.el-book:before {
    content: "\f118"
}
.el-bookmark-empty:before {
    content: "\f119"
}
.el-bookmark:before {
    content: "\f11a"
}
.el-braille:before {
    content: "\f11b"
}
.el-briefcase:before {
    content: "\f11c"
}
.el-broom:before {
    content: "\f11d"
}
.el-brush:before {
    content: "\f11e"
}
.el-bulb:before {
    content: "\f11f"
}
.el-bullhorn:before {
    content: "\f120"
}
.el-calendar-sign:before {
    content: "\f121"
}
.el-calendar:before {
    content: "\f122"
}
.el-camera:before {
    content: "\f123"
}
.el-car:before {
    content: "\f124"
}
.el-caret-down:before {
    content: "\f125"
}
.el-caret-left:before {
    content: "\f126"
}
.el-caret-right:before {
    content: "\f127"
}
.el-caret-up:before {
    content: "\f128"
}
.el-cc:before {
    content: "\f129"
}
.el-certificate:before {
    content: "\f12a"
}
.el-check-empty:before {
    content: "\f12b"
}
.el-check:before {
    content: "\f12c"
}
.el-chevron-down:before {
    content: "\f12d"
}
.el-chevron-left:before {
    content: "\f12e"
}
.el-chevron-right:before {
    content: "\f12f"
}
.el-chevron-up:before {
    content: "\f130"
}
.el-child:before {
    content: "\f131"
}
.el-circle-arrow-down:before {
    content: "\f132"
}
.el-circle-arrow-left:before {
    content: "\f133"
}
.el-circle-arrow-right:before {
    content: "\f134"
}
.el-circle-arrow-up:before {
    content: "\f135"
}
.el-cloud-alt:before {
    content: "\f136"
}
.el-cloud:before {
    content: "\f137"
}
.el-cog-alt:before {
    content: "\f138"
}
.el-cog:before {
    content: "\f139"
}
.el-cogs:before {
    content: "\f13a"
}
.el-comment-alt:before {
    content: "\f13b"
}
.el-comment:before {
    content: "\f13c"
}
.el-compass-alt:before {
    content: "\f13d"
}
.el-compass:before {
    content: "\f13e"
}
.el-credit-card:before {
    content: "\f13f"
}
.el-css:before {
    content: "\f140"
}
.el-dashboard:before {
    content: "\f141"
}
.el-delicious:before {
    content: "\f142"
}
.el-deviantart:before {
    content: "\f143"
}
.el-digg:before {
    content: "\f144"
}
.el-download-alt:before {
    content: "\f145"
}
.el-download:before {
    content: "\f146"
}
.el-dribbble:before {
    content: "\f147"
}
.el-edit:before {
    content: "\f148"
}
.el-eject:before {
    content: "\f149"
}
.el-envelope-alt:before {
    content: "\f14a"
}
.el-envelope:before {
    content: "\f14b"
}
.el-error-alt:before {
    content: "\f14c"
}
.el-error:before {
    content: "\f14d"
}
.el-eur:before {
    content: "\f14e"
}
.el-exclamation-sign:before {
    content: "\f14f"
}
.el-eye-close:before {
    content: "\f150"
}
.el-eye-open:before {
    content: "\f151"
}
.el-facebook:before {
    content: "\f152"
}
.el-facetime-video:before {
    content: "\f153"
}
.el-fast-backward:before {
    content: "\f154"
}
.el-fast-forward:before {
    content: "\f155"
}
.el-female:before {
    content: "\f156"
}
.el-file-alt:before {
    content: "\f157"
}
.el-file-edit-alt:before {
    content: "\f158"
}
.el-file-edit:before {
    content: "\f159"
}
.el-file-new-alt:before {
    content: "\f15a"
}
.el-file-new:before {
    content: "\f15b"
}
.el-file:before {
    content: "\f15c"
}
.el-film:before {
    content: "\f15d"
}
.el-filter:before {
    content: "\f15e"
}
.el-fire:before {
    content: "\f15f"
}
.el-flag-alt:before {
    content: "\f160"
}
.el-flag:before {
    content: "\f161"
}
.el-flickr:before {
    content: "\f162"
}
.el-folder-close:before {
    content: "\f163"
}
.el-folder-open:before {
    content: "\f164"
}
.el-folder-sign:before {
    content: "\f165"
}
.el-folder:before {
    content: "\f166"
}
.el-font:before {
    content: "\f167"
}
.el-fontsize:before {
    content: "\f168"
}
.el-fork:before {
    content: "\f169"
}
.el-forward-alt:before {
    content: "\f16a"
}
.el-forward:before {
    content: "\f16b"
}
.el-foursquare:before {
    content: "\f16c"
}
.el-friendfeed-rect:before {
    content: "\f16d"
}
.el-friendfeed:before {
    content: "\f16e"
}
.el-fullscreen:before {
    content: "\f16f"
}
.el-gbp:before {
    content: "\f170"
}
.el-gift:before {
    content: "\f171"
}
.el-github-text:before {
    content: "\f172"
}
.el-github:before {
    content: "\f173"
}
.el-glass:before {
    content: "\f174"
}
.el-glasses:before {
    content: "\f175"
}
.el-globe-alt:before {
    content: "\f176"
}
.el-globe:before {
    content: "\f177"
}
.el-googleplus:before {
    content: "\f178"
}
.el-graph-alt:before {
    content: "\f179"
}
.el-graph:before {
    content: "\f17a"
}
.el-group-alt:before {
    content: "\f17b"
}
.el-group:before {
    content: "\f17c"
}
.el-guidedog:before {
    content: "\f17d"
}
.el-hand-down:before {
    content: "\f17e"
}
.el-hand-left:before {
    content: "\f17f"
}
.el-hand-right:before {
    content: "\f180"
}
.el-hand-up:before {
    content: "\f181"
}
.el-hdd:before {
    content: "\f182"
}
.el-headphones:before {
    content: "\f183"
}
.el-hearing-impaired:before {
    content: "\f184"
}
.el-heart-alt:before {
    content: "\f185"
}
.el-heart-empty:before {
    content: "\f186"
}
.el-heart:before {
    content: "\f187"
}
.el-home-alt:before {
    content: "\f188"
}
.el-home:before {
    content: "\f189"
}
.el-hourglass:before {
    content: "\f18a"
}
.el-idea-alt:before {
    content: "\f18b"
}
.el-idea:before {
    content: "\f18c"
}
.el-inbox-alt:before {
    content: "\f18d"
}
.el-inbox-box:before {
    content: "\f18e"
}
.el-inbox:before {
    content: "\f18f"
}
.el-indent-left:before {
    content: "\f190"
}
.el-indent-right:before {
    content: "\f191"
}
.el-info-circle:before {
    content: "\f192"
}
.el-instagram:before {
    content: "\f193"
}
.el-iphone-home:before {
    content: "\f194"
}
.el-italic:before {
    content: "\f195"
}
.el-key:before {
    content: "\f196"
}
.el-laptop-alt:before {
    content: "\f197"
}
.el-laptop:before {
    content: "\f198"
}
.el-lastfm:before {
    content: "\f199"
}
.el-leaf:before {
    content: "\f19a"
}
.el-lines:before {
    content: "\f19b"
}
.el-link:before {
    content: "\f19c"
}
.el-linkedin:before {
    content: "\f19d"
}
.el-list-alt:before {
    content: "\f19e"
}
.el-list:before {
    content: "\f19f"
}
.el-livejournal:before {
    content: "\f1a0"
}
.el-lock-alt:before {
    content: "\f1a1"
}
.el-lock:before {
    content: "\f1a2"
}
.el-magic:before {
    content: "\f1a3"
}
.el-magnet:before {
    content: "\f1a4"
}
.el-male:before {
    content: "\f1a5"
}
.el-map-marker-alt:before {
    content: "\f1a6"
}
.el-map-marker:before {
    content: "\f1a7"
}
.el-mic-alt:before {
    content: "\f1a8"
}
.el-mic:before {
    content: "\f1a9"
}
.el-minus-sign:before {
    content: "\f1aa"
}
.el-minus:before {
    content: "\f1ab"
}
.el-move:before {
    content: "\f1ac"
}
.el-music:before {
    content: "\f1ad"
}
.el-myspace:before {
    content: "\f1ae"
}
.el-network:before {
    content: "\f1af"
}
.el-off:before {
    content: "\f1b0"
}
.el-ok-circle:before {
    content: "\f1b1"
}
.el-ok-sign:before {
    content: "\f1b2"
}
.el-ok:before {
    content: "\f1b3"
}
.el-opensource:before {
    content: "\f1b4"
}
.el-paper-clip-alt:before {
    content: "\f1b5"
}
.el-paper-clip:before {
    content: "\f1b6"
}
.el-path:before {
    content: "\f1b7"
}
.el-pause-alt:before {
    content: "\f1b8"
}
.el-pause:before {
    content: "\f1b9"
}
.el-pencil-alt:before {
    content: "\f1ba"
}
.el-pencil:before {
    content: "\f1bb"
}
.el-person:before {
    content: "\f1bc"
}
.el-phone-alt:before {
    content: "\f1bd"
}
.el-phone:before {
    content: "\f1be"
}
.el-photo-alt:before {
    content: "\f1bf"
}
.el-photo:before {
    content: "\f1c0"
}
.el-picasa:before {
    content: "\f1c1"
}
.el-picture:before {
    content: "\f1c2"
}
.el-pinterest:before {
    content: "\f1c3"
}
.el-plane:before {
    content: "\f1c4"
}
.el-play-alt:before {
    content: "\f1c5"
}
.el-play-circle:before {
    content: "\f1c6"
}
.el-play:before {
    content: "\f1c7"
}
.el-plurk-alt:before {
    content: "\f1c8"
}
.el-plurk:before {
    content: "\f1c9"
}
.el-plus-sign:before {
    content: "\f1ca"
}
.el-plus:before {
    content: "\f1cb"
}
.el-podcast:before {
    content: "\f1cc"
}
.el-print:before {
    content: "\f1cd"
}
.el-puzzle:before {
    content: "\f1ce"
}
.el-qrcode:before {
    content: "\f1cf"
}
.el-question-sign:before {
    content: "\f1d0"
}
.el-question:before {
    content: "\f1d1"
}
.el-quote-alt:before {
    content: "\f1d2"
}
.el-quote-right-alt:before {
    content: "\f1d3"
}
.el-quote-right:before {
    content: "\f1d4"
}
.el-quotes:before {
    content: "\f1d5"
}
.el-random:before {
    content: "\f1d6"
}
.el-record:before {
    content: "\f1d7"
}
.el-reddit:before {
    content: "\f1d8"
}
.el-redux:before {
    content: "\f1d9"
}
.el-refresh:before {
    content: "\f1da"
}
.el-remove-circle:before {
    content: "\f1db"
}
.el-remove-sign:before {
    content: "\f1dc"
}
.el-remove:before {
    content: "\f1dd"
}
.el-repeat-alt:before {
    content: "\f1de"
}
.el-repeat:before {
    content: "\f1df"
}
.el-resize-full:before {
    content: "\f1e0"
}
.el-resize-horizontal:before {
    content: "\f1e1"
}
.el-resize-small:before {
    content: "\f1e2"
}
.el-resize-vertical:before {
    content: "\f1e3"
}
.el-return-key:before {
    content: "\f1e4"
}
.el-retweet:before {
    content: "\f1e5"
}
.el-reverse-alt:before {
    content: "\f1e6"
}
.el-road:before {
    content: "\f1e7"
}
.el-rss:before {
    content: "\f1e8"
}
.el-scissors:before {
    content: "\f1e9"
}
.el-screen-alt:before {
    content: "\f1ea"
}
.el-screen:before {
    content: "\f1eb"
}
.el-screenshot:before {
    content: "\f1ec"
}
.el-search-alt:before {
    content: "\f1ed"
}
.el-search:before {
    content: "\f1ee"
}
.el-share-alt:before {
    content: "\f1ef"
}
.el-share:before {
    content: "\f1f0"
}
.el-shopping-cart-sign:before {
    content: "\f1f1"
}
.el-shopping-cart:before {
    content: "\f1f2"
}
.el-signal:before {
    content: "\f1f3"
}
.el-skype:before {
    content: "\f1f4"
}
.el-slideshare:before {
    content: "\f1f5"
}
.el-smiley-alt:before {
    content: "\f1f6"
}
.el-smiley:before {
    content: "\f1f7"
}
.el-soundcloud:before {
    content: "\f1f8"
}
.el-speaker:before {
    content: "\f1f9"
}
.el-spotify:before {
    content: "\f1fa"
}
.el-stackoverflow:before {
    content: "\f1fb"
}
.el-star-alt:before {
    content: "\f1fc"
}
.el-star-empty:before {
    content: "\f1fd"
}
.el-star:before {
    content: "\f1fe"
}
.el-step-backward:before {
    content: "\f1ff"
}
.el-step-forward:before {
    content: "\f200"
}
.el-stop-alt:before {
    content: "\f201"
}
.el-stop:before {
    content: "\f202"
}
.el-stumbleupon:before {
    content: "\f203"
}
.el-tag:before {
    content: "\f204"
}
.el-tags:before {
    content: "\f205"
}
.el-tasks:before {
    content: "\f206"
}
.el-text-height:before {
    content: "\f207"
}
.el-text-width:before {
    content: "\f208"
}
.el-th-large:before {
    content: "\f209"
}
.el-th-list:before {
    content: "\f20a"
}
.el-th:before {
    content: "\f20b"
}
.el-thumbs-down:before {
    content: "\f20c"
}
.el-thumbs-up:before {
    content: "\f20d"
}
.el-time-alt:before {
    content: "\f20e"
}
.el-time:before {
    content: "\f20f"
}
.el-tint:before {
    content: "\f210"
}
.el-torso:before {
    content: "\f211"
}
.el-trash-alt:before {
    content: "\f212"
}
.el-trash:before {
    content: "\f213"
}
.el-tumblr:before {
    content: "\f214"
}
.el-twitter:before {
    content: "\f215"
}
.el-universal-access:before {
    content: "\f216"
}
.el-unlock-alt:before {
    content: "\f217"
}
.el-unlock:before {
    content: "\f218"
}
.el-upload:before {
    content: "\f219"
}
.el-usd:before {
    content: "\f21a"
}
.el-user:before {
    content: "\f21b"
}
.el-viadeo:before {
    content: "\f21c"
}
.el-video-alt:before {
    content: "\f21d"
}
.el-video-chat:before {
    content: "\f21e"
}
.el-video:before {
    content: "\f21f"
}
.el-view-mode:before {
    content: "\f220"
}
.el-vimeo:before {
    content: "\f221"
}
.el-vkontakte:before {
    content: "\f222"
}
.el-volume-down:before {
    content: "\f223"
}
.el-volume-off:before {
    content: "\f224"
}
.el-volume-up:before {
    content: "\f225"
}
.el-w3c:before {
    content: "\f226"
}
.el-warning-sign:before {
    content: "\f227"
}
.el-website-alt:before {
    content: "\f228"
}
.el-website:before {
    content: "\f229"
}
.el-wheelchair:before {
    content: "\f22a"
}
.el-wordpress:before {
    content: "\f22b"
}
.el-wrench-alt:before {
    content: "\f22c"
}
.el-wrench:before {
    content: "\f22d"
}
.el-youtube:before {
    content: "\f22e"
}
.el-zoom-in:before {
    content: "\f22f"
}
.el-zoom-out:before {
    content: "\f230"
}
/*<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/css/filter_product.css">*/

.filter-product .carousel {
    overflow: hidden
}
.filter-product .carousel:hover {
    overflow: visible
}
.filter-product .filter-tabs {
    border-bottom: 1px solid #e6e6e6;
    list-style: none;
    padding: 0 65px 0 0;
    margin: 20px 0 30px
}
.filter-product .filter-tabs ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.filter-product .filter-tabs ul>li {
    float: left;
    margin-bottom: -1px
}
.filter-product .filter-tabs ul>li>a {
    margin: 10px 2px 0 0;
    border: 1px solid #e6e6e6;
    border-radius: 2px 2px 0 0;
    background: #f3f4f5;
    padding: 10px 20px;
    font-size: 14px;
    position: relative;
    display: block
}
.filter-product .filter-tabs ul>li>a:hover {
    border-color: #eee #eee #e6e6e6
}
.filter-product .filter-tabs ul>li.active>a, .filter-product .filter-tabs ul>li.active>a:hover, .filter-product .filter-tabs ul>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}
.tab-content {
    position: relative
}
.tab-content .prev-button, .tab-content .next-button {
    margin: 0 0 0 5px;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background: #43c6bc;
    background: -moz-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #43c6bc), color-stop(0%, #59d4cc), color-stop(99%, #43c6bc));
    background: -webkit-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -o-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: -ms-linear-gradient(top, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    background: linear-gradient(to bottom, #43c6bc 0%, #59d4cc 0%, #43c6bc 99%);
    position: absolute;
    top: -77px;
    right: 0
}
.tab-content .prev-button {
    right: 33px
}
.tab-content .prev-button span, .tab-content .next-button span {
    display: block;
    width: 8px;
    height: 14px;
    margin: 8px auto 0;
    background: url(../img/left.png) no-repeat
}
.tab-content .next-button span {
    background: url(../img/right.png) no-repeat
}
/*<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/magnific/magnific-popup.css" media="screen">*/

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
/* <link rel="stylesheet" href="catalog/view/javascript/jquery.cluetip.css" type="text/css" /> */

#cluetip-close img {
    border: 0
}
#cluetip-title {
    overflow: hidden
}
#cluetip-title #cluetip-close {
    float: right;
    position: relative
}
#cluetip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    background-image: url(images/wait.gif)
}
.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    height: 22px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: 0 0
}
#cluetip-extra {
    display: none
}
.cluetip-default {
    background-color: #d9d9c2
}
.cluetip-default #cluetip-outer {
    position: relative;
    margin: 0;
    background-color: #d9d9c2
}
.cluetip-default h3#cluetip-title {
    margin: 0 0 5px;
    padding: 8px 10px 4px;
    font-size: 1.1em;
    font-weight: 400;
    background-color: #87876a;
    color: #fff
}
.cluetip-default #cluetip-title a {
    color: #d9d9c2;
    font-size: .95em
}
.cluetip-default #cluetip-inner {
    padding: 10px
}
.cluetip-default div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900
}
.clue-right-default .cluetip-arrows {
    background-image: url(images/darrowleft.gif)
}
.clue-left-default .cluetip-arrows {
    background-image: url(images/darrowright.gif);
    left: 100%;
    margin-right: -11px
}
.clue-top-default .cluetip-arrows {
    background-image: url(images/darrowdown.gif);
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.clue-bottom-default .cluetip-arrows {
    background-image: url(images/darrowup.gif);
    top: -11px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.cluetip-jtip {
    background-color: transparent
}
.cluetip-jtip #cluetip-outer {
    border: 2px solid #ccc;
    position: relative;
    background-color: #fff
}
.cluetip-jtip h3#cluetip-title {
    margin: 0 0 5px;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: 400;
    background-color: #ccc;
    color: #333
}
.cluetip-jtip #cluetip-inner {
    padding: 0 5px 5px;
    display: inline-block
}
.cluetip-jtip div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900
}
.clue-right-jtip .cluetip-arrows {
    background-image: url(images/arrowleft.gif)
}
.clue-left-jtip .cluetip-arrows {
    background-image: url(images/arrowright.gif);
    left: 100%;
    margin-right: -11px
}
.clue-top-jtip .cluetip-arrows {
    background-image: url(images/arrowdown.gif);
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.clue-bottom-jtip .cluetip-arrows {
    background-image: url(images/arrowup.gif);
    top: -11px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.cluetip-rounded {
    background: transparent url(images/bl.gif) no-repeat 0 100%;
    margin-top: 10px;
    margin-left: 12px
}
.cluetip-rounded #cluetip-outer {
    background: transparent url(images/tl.gif) no-repeat 0 0;
    margin-top: -12px
}
.cluetip-rounded #cluetip-title {
    background-color: transparent;
    padding: 12px 12px 0;
    margin: 0 -12px 0 0;
    position: relative
}
.cluetip-rounded #cluetip-extra {
    position: absolute;
    display: block;
    background: transparent url(images/tr.gif) no-repeat 100% 0;
    top: 0;
    right: 0;
    width: 12px;
    height: 30px;
    margin: -12px -12px 0 0
}
.cluetip-rounded #cluetip-inner {
    background: url(images/br.gif) no-repeat 100% 100%;
    padding: 5px 12px 12px;
    margin: -18px -12px 0 0;
    position: relative
}
.cluetip-rounded div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #009;
    background: 0 0
}
.cluetip-rounded div#cluetip-close a {
    color: #777
}
.clue-right-rounded .cluetip-arrows {
    background-image: url(images/rarrowleft.gif)
}
.clue-left-rounded .cluetip-arrows {
    background-image: url(images/rarrowright.gif);
    left: 100%;
    margin-left: 12px
}
.clue-top-rounded .cluetip-arrows {
    background-image: url(images/rarrowdown.gif);
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.clue-bottom-rounded .cluetip-arrows {
    background-image: url(images/rarrowup.gif);
    top: -23px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px
}
.cluetip-rounded #cluetip-inner, .cluetip-rounded #cluetip-title {
    zoom: 1
}
.product-thumb.transition.product {
    background: #fff;
    min-height: 526px;
    max-height: 500px;
    overflow: hidden;
    border: 1px solid #DBDCDA;
    box-shadow: none;
    border-radius: 5px;
}
.quantityininfocart {
    background: #837f7f;
    color: #fff;
    padding: 4px 11px;
    border-radius: 100%;
    font-weight: 900;
    font-size: 16px;
    margin-top: -5px;
    position: absolute;
}
.cartinfo .table-bordered>tbody>tr>td, .cartinfo .table-bordered>tbody>tr>th, .cartinfo .table-bordered>tfoot>tr>td, .cartinfo .table-bordered>tfoot>tr>th, .cartinfo .table-bordered>thead>tr>td, .cartinfo .table-bordered>thead>tr>th {
    border: 1px solid #fff;
}
/*########################################* Progress Bar **/

ol.progtrckr {
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    width: 100%;
}
ol.progtrckr li {
    display: table-cell;
    text-align: center;
    line-height: 3em;
}
ol.progtrckr[data-progtrckr-steps="2"] li {
    width: 49%;
}
ol.progtrckr[data-progtrckr-steps="3"] li {
    width: 33%;
}
ol.progtrckr[data-progtrckr-steps="4"] li {
    width: 24%;
}
ol.progtrckr[data-progtrckr-steps="5"] li {
    width: 19%;
}
ol.progtrckr[data-progtrckr-steps="6"] li {
    width: 16%;
}
ol.progtrckr[data-progtrckr-steps="7"] li {
    width: 14%;
}
ol.progtrckr[data-progtrckr-steps="8"] li {
    width: 12%;
}
ol.progtrckr[data-progtrckr-steps="9"] li {
    width: 11%;
}
ol.progtrckr li.progtrckr-done {
    color: black;
    border-bottom: 4px solid yellowgreen;
}
ol.progtrckr li.progtrckr-todo {
    color: silver;
    border-bottom: 4px solid silver;
}
ol.progtrckr li:after {
    content: "\00a0\00a0";
}
ol.progtrckr li:before {
    position: relative;
    bottom: -2.5em;
    float: left;
    left: 50%;
    line-height: 1em;
}
ol.progtrckr li.progtrckr-done:before {
    content: "\2713";
    color: white;
    background-color: yellowgreen;
    height: 1.2em;
    width: 1.2em;
    line-height: 1.2em;
    border: none;
    border-radius: 1.2em;
}
ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}
.quantityininfocart {
    float: right;
    background: #9ACD32;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 2px 10px;
    border-radius: 100%;
    margin: 5px;
    position: inherit;
}
.fa.fa-minus.checkoutpage, .fa.fa-plus.checkoutpage {
    margin-top: 16px;
    padding: 0 8px;
}
.table-responsive.cartinfo tr>td img {
    border: none;
}
.qty-area {
    width: auto;
    float: none;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
}
.discountpercent {
    font-size: 14px !important;
    color: #f80000 !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    text-align: center;
}
/* h1 {
	font-size: 3.2em !important;
	font-weight: 300;
	line-height: 1.2;
} */

.product_page_title {
    margin: 15px 0 5px 0;
}
.headingt h4 {
    text-align: center;
    font-size: 21px;
    font-weight: 300;
    color: #9d9d9d;
}
.menuImage360 .list {
    overflow: hidden;
    height: 365px;
    width: 100%;
    margin: auto;
}
#product .radio {
    width: 100%;
    height: auto;
    margin: 0 2px;
    background: #fff;
    padding: 3px 0;
}
.pr-rd-img.notactive {
    border-radius: 100px;
    width: 85%;
}
.radio .inputOption {
    opacity: 0;
}
[id^="input-option"] {
    display: flex;
    justify-content: center;
}
.radio .inputOption {
    position: absolute;
}
.menuImage360 {
    display: inline-block !important;
    height: 320px;
    border: none;
    margin: 8px auto 0;
    overflow: hidden;
    box-shadow: none;
}
.price_area span {
    color: #dd5f5f;
    font-size: 2.2rem;
    font-weight: 9;
}
.price_area span.price_text {
    color: #747070;
    font-size: 2.5rem;
    font-weight: 500;
    margin-left: 15px;
}
/* #button-cart {
	width: 25%;
	margin: auto;
	font-size: 1.3rem;
	padding: 14px;
	background: #58C2FE;
	border: 1px solid #58C2FE;
	box-shadow: none;
} */

.topheadproduct_checkout {
    text-align: center;
    font-size: 24px;
    font-style: oblique;
    color: #b1aeae;
}
/* #tab-description {
	text-align: center;
	margin: 5px auto 15px auto;
}

#tab-description p {
	text-align: center;
	color: #969696;
}

#tab-description h2 {
	text-align: center;
	color: #b9b9b9;
	letter-spacing: 0.08rem;
	font-size: 1.8rem;
	line-height: 3rem;
} */

.rating .fa-star {
    color: #58C2FE;
    font-size: 15px;
}
.align-right {
    float: right;
    margin-right: 20px;
}
.rating {
    margin: auto;
    display: flex;
    justify-content: left;
    height: 25px !important;
}
.rating a {
    height: 25px !important;
}
.image-content-scroll {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}
/* not a robot page */

.notarobottext {
    text-align: center;
    margin: auto;
}
.notarobotradio {
    display: flex;
    justify-content: center;
}
.container.notarobotpage {
    margin: 5vw auto 5vw auto;
    width: 320px;
    background: #F6F8F7;
    min-width: 320px;
    max-width: 320px;
    padding: 5px;
    box-shadow: 0px 1px 4px #dfd9d9b8;
}
.notarobotradio .radio {
    background: #b9b9b9;
    color: #fff;
    margin: auto 5px;
    text-align: center;
    width: 50%;
}
.notarobotradio .radio.selected {
    background: #3288c9;
    color: #fff;
    margin: auto 5px;
    text-align: center;
}
.notarobotradio .radio input[type="radio"] {
    opacity: 0;
}
.notarobotradio .radio label {
    min-height: 20px;
    padding: 5px 10px;
    font-weight: 400;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: 0.1rem;
    margin: auto;
    margin-top: -5px;
}
.notarobotradio .radio:hover {
    background: #9f9c9c;
}
/* END */

/*custom CSS */

#button-cart {
    background: #3288c9;
}
#header.header10 .searchform input {
    width: 90%;
    padding: 0 20px;
}
.container.swiper-slider {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.swiper-slider .swiper-viewport {
    width: 81.9%;
    float: right;
}
.why-div .description {
    min-height: 215px;
    max-height: 215px;
}
/*TESTIMONIAL*/

.fontss {
    color: {
            {
            module_testimonials_fontclr
        }
    }
    !important;
}
#testimonial0 {
    margin: 60px auto;
}
.fontss {
    padding: 5px 30px;
}
.swiper-button-prev::before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f053";
    color: #ccc;
    font-size: 40px;
}
.swiper-button-next::before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f054";
    color: #ccc;
    font-size: 40px;
}
/*END TESTIMONIAL*/

.sub-menu {
    width: 70vw !important;
    position: relative !important;
    margin-top: -40px;
    top: auto !important;
    position: absolute !important;
}
.megamenu {
    width: 250px !important;
    background: #fff;
    margin: 0 !important;
    padding: 0 !important;
}
.vertical-wrapper {
    background: transparent;
    position: absolute;
    width: 100%;
}
#menuHeading {
    display: none;
}
.container-megamenu, .container-megamenu .container {
    padding-top: 0!important;
    padding-bottom: 0!important;
    min-height: 1px!important;
    position: relative
}
#common-success h1, #common-success .h1 {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0;
    margin: 0;
    text-align: center !important;
    display: inherit;
}
#common-success .info-icon h3 {
    text-align: center;
    color: #31677D;
    font-weight: 900;
    text-transform: uppercase;
}
#common-success .icon-boxx {
    text-align: center;
    margin: auto;
    padding: 0 0 10px 0;
}
#common-success .icon-boxx .fa {
    font-size: 30px;
    padding: 10px 2px 20px 0;
    color: #02B0F5;
}
#common-success .container-inner1 .info-icon {
    border: 1px solid #d7d7d7;
    padding: 0 20px;
    min-height: 190px;
    max-height: 190px;
}
#common-success .full-area1 {
    padding: 50px 0;
}
#common-success .pull-center {
    margin: auto;
    display: flex;
    justify-content: center;
}
#common-success .pull-center a:hover {
    color: #fff;
}
#common-success .img-responsive {
    width: 38%;
    margin: auto;
}
#common-success p {
    text-align: center;
}
#common-success .fa.fa-check {
    font-size: 60px;
    font-weight: 100;
}
#common-success .container-inner .icon-box {
    color: #fff;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 290px;
    width: 95px;
    height: 95px;
    border-radius: 50%;
    z-index: 9;
    background: #82ce34;
    padding: 15px;
    text-align: center;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
}
#common-success .container-fluid {
    margin: 0 !important;
    padding: 0 !important;
}
#common-success .full-area {
    background: #808080;
    margin: 50px 0;
    padding: 50px 0;
}
#common-success .container-inner {
    width: 40%;
    margin: auto;
    background: #fff;
    padding: 50px;
    border: 1px solid #7d7b7b;
}
.so-deal .item {
    width: 24%;
    float: left;
    margin-right: 5px;
}
/*OpenCart.css in jquery swiper*/

.swiper-viewport {
    margin: 0;
    background: #fff;
    z-index: 1;
    border: none;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    position: relative;
    overflow: visible
}
.swiper-container {
    direction: ltr!important
}
.swiper-pager {
    width: 100%;
    position: absolute;
    top: 50%;
    line-height: 45px
}
.swiper-button-prev, .swiper-button-next {
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all .3s ease;
    z-index: 2;
    background-image: none
}
.swiper-viewport .swiper-button-prev {
    opacity: .7;
    left: 10px
}
.swiper-viewport .swiper-button-next {
    opacity: .7;
    right: 10px
}
.swiper-button-prev:before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f053";
    color: #9ca4a8;
    font-size: 40px
}
.swiper-button-next:before {
    width: 40px;
    height: 40px;
    font-family: FontAwesome;
    content: "\f054";
    color: #9ca4a8;
    font-size: 40px
}
.swiper-pagination {
    bottom: 50px;
    left: 0;
    text-align: center;
    width: 100%
}
.swiper-pagination-bullet {
    width: 25px;
    height: 15px;
    background: transparent;
    border-radius: 4px;
    border: 2px solid #2EA8FD;
    margin: 0 5px;
    opacity: 1
}
.swiper-pagination-bullet:hover {
    background: #2EA8FD
}
.swiper-pagination-bullet-active {
    background: #2EA8FD
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto;
}
/*Swiper.min.css*/

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform, height
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -o-transform: translate(0, -50%);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}
.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    -moz-transform-origin: right top;
    -ms-transform-origin: right top;
    -o-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
    background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}
/*END*/

.easyzoom-flyout {
    margin-left: -25%;
}
#tab-description {
    height: auto;
}
.fa.fa-heart-o, .fa.fa-exchange {
    margin: auto 10px;
    font-size: 18px;
}
#header .searchform {
    border-width: 1px;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
#common-success .container-inner1 .info-icon {
    border: 1px solid #d7d7d7;
    padding: 0;
    min-height: 200px;
    max-height: 200px;
    margin-bottom: 14px;
}
.megamenu-pattern .fa.fa-angle-right {
    display: none;
}
/* Youtube Play Button */

.youtube {
    background-color: #000;
    margin-bottom: 30px;
    position: relative;
    padding-top: 56.25%;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
}
.youtube img {
    width: 100%;
    top: -16.82%;
    left: 0;
    opacity: 0.7;
}
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba( 0, 0, 0, 0.6);
    z-index: 1;
    opacity: 0.8;
    border-radius: 6px;
}
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26.0px;
    border-color: transparent transparent transparent #fff;
}
.youtube img, .youtube .play-button {
    cursor: pointer;
}
.youtube img, .youtube iframe, .youtube .play-button, .youtube .play-button:before {
    position: absolute;
}
.youtube .play-button, .youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d( -50%, -50%, 0);
}
.youtube iframe {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
@media (min-width: 1200px) {
    .col-lg-2-4 {
        width: 20%
    }
    .col-lg-9-6 {
        width: 80%
    }
    .tabs-container.grid .product {
        margin-bottom: 30px
    }
    .grid-banners.smaller {
        margin-top: 0
    }
    .tabs-container.grid .product {
        margin-bottom: 20px
    }
    #revslider-container {
        height: 376px
    }
}
@media (max-width: 1200px) {
    .index20-products-tabs .category-detail {
        padding-left: 50px
    }
}
@media (min-width: 1199px) {
    #coming-soon .logo {
        top: 60px
    }
    #coming-soon footer {
        bottom: 52px
    }
    #coming-soon.simple .logo {
        top: 30px
    }
    #coming-soon.simple footer {
        bottom: 27px
    }
}
@media (max-width: 1199px) {
    #header .searchform {
        width: 368px
    }
    #header #header-inner .container .header-left {
        padding-top: 25px;
        padding-bottom: 25px
    }
    #header #header-inner .container .header-center {
        padding-top: 25px;
        padding-bottom: 25px
    }
    #header #header-inner .container .header-right {
        padding-top: 25px;
        padding-bottom: 25px
    }
    #header #header-top .currency-switcher>li>a, #header #header-top .view-switcher>li>a, #header #header-top .top-links>li>a {
        padding-top: 3px!important;
        padding-bottom: 3px!important
    }
    #header #header-top .welcome-msg {
        line-height: 32px
    }
    #header #header-top .welcome-msg {
        line-height: 32px
    }
    #header .searchform input {
        width: 320px
    }
    #header .searchform input {
        width: 190px
    }
    #header.header10 .searchform {
        width: 288px
    }
    #header.header10 .searchform input {
        width: 122px
    }
    .links-block {
        font-size: 13px
    }
    .links-block-title {
        line-height: 20px;
        padding: 8px 12px 6px
    }
    .links-block-content ul li>a, .links-block-content ul li>span {
        padding: 7px 5px;
        line-height: 19px;
        margin: 0 7px -1px
    }
    .shop-loop-before .pagination-container {
        float: none;
        clear: both;
        margin-top: 15px;
        text-align: center
    }
    .shop-loop-before .product-viewing {
        position: absolute;
        top: -2.2em;
        right: 0;
        margin-top: -15px
    }
}
@media (max-width: 1159px) {
    .sticky-nav-tabs {
        top: 0!important
    }
    .sticky-nav-tabs {
        top: 0!important
    }
    .sticky-nav-tabs {
        top: 0!important
    }
    .sticky-product {
        top: 0!important
    }
}
@media (min-width:992px) {
    #header.header-side-nav {
        position: absolute;
        top: 0;
        left: 0;
        width: 256px;
        padding: 10px 15px 145px;
        min-height: 100vh
    }
    #header.header-side-nav .side-top>.container {
        padding: 0;
        width: 100%
    }
    #header.header-side-nav #header-inner {
        position: static
    }
    #header.header-side-nav #header-inner>.container {
        position: static;
        padding: 0;
        width: 100%;
        display: block
    }
    #header.header-side-nav #header-inner>.container>* {
        position: static;
        display: block;
        padding: 0!important
    }
    #header.header-side-nav .logo {
        text-align: center;
        margin: 30px 0
    }
    #header.header-side-nav .searchform {
        margin-bottom: 20px;
        width: 226px;
        border-radius: 5px
    }
    #header.header-side-nav .searchform input {
        padding: 0 10px;
        border-radius: 5px 0 0 5px;
        border-width: 0;
        width: 190px
    }
    #header.header-side-nav .searchform button {
        padding: 0 10px;
        border-radius: 0 5px 5px 0
    }
    #header.header-side-nav .top-links {
        display: block;
        font-size: .8em;
        margin-bottom: 20px
    }
    #header.header-side-nav .top-links li {
        display: block;
        float: none;
        margin: 0
    }
    #header.header-side-nav .top-links li:after {
        display: none
    }
    #header.header-side-nav .top-links li>a {
        display: block;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        border-radius: 0;
        border-top: 1px solid #484848;
        text-transform: capitalize
    }
    #header.header-side-nav .top-links li:first-child>a, #header.header-side-nav .top-links li:first-child>h5 {
        border-top-width: 0
    }
    #header.header-side-nav #header-inner .header-contact {
        margin: 0 0 8px
    }
    #header.header-side-nav .header-copyright {
        font-size: .9em
    }
    #header.header-side-nav #cart.minicart-inline .dropdown-menu {
        left: 0;
        right: auto
    }
    #header.header-side-nav #cart.minicart-inline .dropdown-menu:before {
        right: auto;
        left: 10px
    }
    #header.header-side-nav .side-bottom {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 20px 10px
    }
    #top-newsletter .rside {
        text-align: right
    }
    .info-box-container {
        border-right: 1px solid #e1e1e1
    }
    .info-box-container:last-child {
        border-right: none
    }
    .info-box-icon {
        text-align: right
    }
    #footer-bottom .logo, #footer-bottom .social-icons {
        display: inline-block;
        margin-right: 25px
    }
    .v2 #footer-bottom .logo {
        margin-right: 45px
    }
    #footer.fixed #footer-bottom .social-icons {
        margin-right: 10px
    }
    #footer-bottom>.container {
        display: table
    }
    #footer-bottom>.container .footer-left, #footer-bottom>.container .footer-center, #footer-bottom>.container .footer-right {
        display: table-cell;
        vertical-align: middle
    }
    #footer-bottom>.container .footer-left * {
        vertical-align: middle
    }
    #footer-bottom>.container .footer-center {
        text-align: center;
        width: 350px
    }
    .v2 #footer-bottom>.container .footer-center {
        width: 360px;
        padding-left: 0;
        padding-right: 0
    }
    #footer-bottom .footer-menu {
        margin-left: -7px
    }
    #footer-top .info-box-container {
        border-right: 1px solid #149ce0
    }
    .info-boxes-fullwidth-container .info-box-container {
        border-right: 1px solid #353535
    }
    .info-boxes-fullwidth-container .info-box-container:last-child, #footer-top .info-box-container:last-child {
        border-right: none
    }
    .countdown-section {
        min-width: 135px;
        margin-right: 60px
    }
    .megamenu-wrapper {
        display: block!important
    }
    .top-container .slider-area {
        width: 72.3%
    }
    .top-container .side-area {
        width: 27.7%
    }
    .top-container .slider-area, .top-container .side-area {
        float: left
    }
    .top-container .side-area .banner {
        margin-bottom: 10px
    }
    .product-gallery-container {
        margin-bottom: 65px
    }
}
@media (max-width: 992px) {
    .widget-banner-slider {
        max-width: 270px;
        margin-right: auto;
        margin-left: auto
    }
    #header .searchform {
        border-width: 1px;
        border-radius: 0;
        width: 378px;
        display: block;
        position: absolute;
        left: -30px;
        top: 35px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    }
    #header .searchform:before {
        display: block
    }
    #header .searchform-popup .search-toggle {
        display: block
    }
    #header .mobile-toggle {
        display: inline-block
    }
    #header.header10 .searchform {
        width: 95%;
        margin: auto;
    }
    #header .searchform {
        display: block;
        left: 0;
        top: -20px;
    }
    .whyus-section {
        margin: 170px 0;
        height: 280px;
    }
    .megamenu .col-sm-10 {
        width: 100%;
    }
    ul.megamenu li .sub-menu .content .hover-menu a {
        white-space: break-spaces;
    }
    .categories_gallery {
        margin: auto 65px;
        width: 100%;
    }
    .widget .widget-title {
        font-size: 1.15em;
    }
    #footer {
        font-size: 1.3em;
    }
    .blog-text .description {
        font-size: 1.3em;
    }
    .so-vertical-menu.no-gutter {
        width: 200px;
    }
    .responsive.container {
        width: 250px;
        margin: 0;
    }
    /*Product*/
    .container-fluid.apex {
        background: #fff;
        padding: 0;
    }
    .leftwing {
        width: 50%;
        overflow-y: hidden;
        border: none;
        box-shadow: none;
        border-right: 1px solid #cfcfcf54;
    }
    .imagewing {
        width: 49.5%;
        margin: auto;
        border: none;
        box-shadow: none;
    }
    .easyzoom-flyout {
        overflow-x: hidden;
        margin-left: -50%;
    }
    .rightwing {
        border: none;
        box-shadow: none;
        height: 260px;
        min-height: 260px;
        max-height: 260px;
    }
    #header.header10 .searchform input {
        width: 90%;
    }
    /* 
	.searchform.search_form {
		z-index: 9999999999;
	} */
}
@media (max-width: 991px) {
    .responsive ul.megamenu li .sub-menu .content {
        background-image: none!important
    }
    .responsive .vertical ul.megamenu>li.click:before, .responsive .vertical ul.megamenu>li.hover:before {
        display: none
    }
    .responsive .megaMenuToggle {
        display: block!important
    }
    .responsive .megamenu-wrapper {
        display: none;
        position: relative
    }
    .responsive .horizontal .megamenu-wrapper {
        background: #fff!important;
        border: 1px solid #e6e6e6;
        margin-top: -2px
    }
    .responsive ul.megamenu {
        background: none
    }
    .responsive ul.megamenu>li {
        display: block;
        float: none!important;
        width: auto;
        background: none;
        border-top: 1px solid #e6e6e6;
        position: relative;
        margin: 0
    }
    .responsive ul.megamenu>li.home, ul.megamenu>li.search {
        display: none
    }
    .responsive ul.megamenu>li>a {
        color: #777;
        text-shadow: none;
        background: none!important;
        margin: 0;
        padding: 14px 0 12px!important;
        height: auto!important
    }
    .responsive ul.megamenu>li:hover>a {
        color: #777
    }
    .responsive ul.megamenu>li.with-sub-menu>a strong:after {
        display: none
    }
    .responsive ul.megamenu .megamenu-label {
        display: inline-block;
        position: relative;
        top: 0;
        left: 10px
    }
    .responsive ul.megamenu .megamenu-label span:before {
        left: -3px;
        top: 5px;
        bottom: auto;
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .responsive ul.megamenu>li>.sub-menu>.content {
        padding: 20px
    }
    .responsive ul.megamenu>li>.sub-menu>.content>.arrow {
        display: none
    }
    .responsive ul.megamenu>li.with-sub-menu .open-menu {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        padding: 12px 17px 10px 50px;
        display: block;
        cursor: pointer;
        height: 45px;
        color: #333
    }
    .responsive ul.megamenu>li.active .open-menu {
        display: none
    }
    .responsive ul.megamenu>li.with-sub-menu .open-menu:before {
        content: "+";
        font-family: Arial;
        font-weight: 300;
        font-size: 24px
    }
    .responsive ul.megamenu>li.active .close-menu {
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        width: 85px;
        height: 45px;
        padding: 0 3px 0 40px;
        text-align: center;
        cursor: pointer;
        color: #333
    }
    .responsive ul.megamenu>li.active .close-menu:before {
        content: "-";
        font-family: Arial;
        font-weight: 300;
        font-size: 36px;
        line-height: 1.3
    }
    .responsive ul.megamenu>li>.sub-menu {
        width: 100%!important;
        padding-top: 0;
        position: relative;
        display: none;
        -webkit-transition: none!important;
        -moz-transition: none!important;
        transition: none!important;
        z-index: 2!important;
        visibility: visible!important;
        left: 0!important
    }
    .responsive ul.megamenu li .sub-menu .content {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        border: none;
        border-top: 1px solid #e6e6e6;
        border-radius: 0;
        -moz-border-radius: 0x;
        -webkit-border-radius: 0;
        display: block!important;
        visibility: visible!important;
        opacity: 1!important;
        filter: alpha(opacity=100)!important;
        margin-top: 0!important;
        left: 0!important;
        margin-left: 0!important;
        -webkit-transition: none!important;
        -moz-transition: none!important;
        transition: none!important;
        -webkit-transform: scale(1, 1)!important;
        -moz-transform: scale(1, 1)!important;
        -o-transform: scale(1, 1)!important;
        -ms-transform: scale(1, 1)!important;
        transform: scale(1, 1)!important
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        margin: 5px 10px;
        width: auto;
        padding: 0;
        position: static;
        left: 0;
        background: none;
        border: none;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none
    }
    .responsive .visible>div {
        margin: 0!important;
        border: none!important;
        padding: 0 0 0 10px !important
    }
    .megamenu .label {
        display: none;
    }
    ul.megamenu>li>.sub-menu {
        position: relative;
    }
    .megamenu-wrapper {
        position: fixed;
        top: 0px;
        left: 0;
        background-color: #fff;
        bottom: 0px;
        width: 280px;
        padding: 10px;
        z-index: 999999;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        max-height: 700px;
        border: 1px solid #e6e6e6;
    }
    .vertical-wrapper {
        position: fixed;
        top: 0px;
        left: 0;
        background-color: #fff;
        bottom: 0px;
        width: 280px;
        padding: 10px;
        z-index: 999999;
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        -webkit-transform: translate3d(-280px, 0, 0);
        transform: translate3d(-280px, 0, 0);
        -webkit-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        max-height: 700px;
        border: 1px solid #e6e6e6;
    }
    .vertical #menuHeading {
        display: none;
    }
    #header .show-menu-search .searchform-popup {
        position: relative;
        left: 0
    }
    #header.header-side-nav .side-top {
        padding-top: 0
    }
    #header.header-side-nav .side-top>.container>* {
        display: none!important
    }
    #header.header-side-nav #header-inner .side-top>.container {
        position: static
    }
    #header.header-side-nav #header-inner .side-top>.container>#cart {
        display: block!important;
        position: absolute!important;
        top: 50%;
        bottom: 50%;
        height: 26px;
        margin-top: -12px;
        right: 15px;
        z-index: 1
    }
    #header.header-side-nav #header .logo {
        margin: 0
    }
    #header.header-side-nav .social-icons, #header.header-side-nav .header-copyright {
        display: none
    }
    #header.header-side-nav #header-inner .header-contact {
        margin-right: 100px
    }
    #header.header-side-nav .searchform input {
        width: 320px;
        border-color: #ccc
    }
    #header.header10 #header-inner .container .header-left, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-right {
        width: 33.33%;
        display: table-cell
    }
    #header .header-left .searchform {
        top: -6px;
        left: 40px;
        width: 298px
    }
    #header .header-left .searchform:before {
        border-bottom-color: transparent;
        border-right-color: inherit;
        left: -23px;
        top: 5px
    }
    #header.header10 .searchform input {
        width: 124px
    }
    #top-newsletter .rside-form input {
        width: 160px
    }
    .info-box-content {
        min-width: 215px
    }
    .banner-home-group {
        margin-bottom: 15px
    }
    .parallax-lg {
        padding: 150px 0
    }
    .product-details .single_add_to_cart_button {
        padding: 0 1.4286em
    }
    #footer .logo {
        display: block;
        margin-bottom: 15px;
        margin-right: 0
    }
    #footer-bottom>.container .footer-left, #footer-bottom>.container .footer-center, #footer-bottom>.container .footer-right {
        padding: 10px 0
    }
    #footer.fixed #footer-bottom .social-icons {
        margin: 5px 0
    }
    .mobile-disabled {
        display: none!important
    }
    .tp-caption.rev-btn .slide-btn {
        font-size: 11px;
        line-height: 18px;
        padding: 5px 15px
    }
    .align-right {
        float: none
    }
    .body-header-type-3.common-home .footer-left>* {
        text-align: center
    }
    .body-header-type-3.common-home .footer-center, .body-header-type-3.common-home .footer-right, .body-header-type-3.common-home #footer .logo {
        display: none
    }
    .body-header-type-3 #header #header-inner .container .header-right {
        position: absolute;
        right: 20px;
        top: 0
    }
    body #wrapper .header_10 {
        width: 100%;
        margin-left: 0;
        bottom: auto;
        right: auto;
        position: relative!important
    }
    body.common-home #wrapper .header_10 {
        position: absolute!important
    }
    body.body-header-type-10 {
        padding-left: 0
    }
    .header_10 .mobile-toggle {
        display: block;
        position: absolute;
        color: #fff;
        top: 36px;
        left: 20px
    }
    .header_10 .accordion-menu {
        display: none
    }
    .header_10 form {
        display: none
    }
    .header_10 #cart {
        position: absolute;
        top: 32px;
        right: 20px
    }
    .header_10 #cart.dropdown .dropdown-menu {
        left: auto;
        right: 0
    }
    .header_10 #cart.dropdown .dropdown-menu:before {
        left: auto;
        right: 17px
    }
    .header_10 .logo {
        padding-bottom: 5px;
        padding-top: 5px
    }
    .header_10 .megamenu-wrapper {
        display: none
    }
    .header_10 .search-toggle {
        display: block;
        color: #fff;
        position: absolute;
        top: 36px;
        left: 50px
    }
    .header_10 .search_form {
        display: none
    }
    .header_10 .top-links {
        display: none
    }
    .header_10 .custom-block {
        display: none
    }
    .body-header-type-15 .overflow-menu #cart {
        top: -70px
    }
    .vertical ul.megamenu>li.click>a:before, .vertical ul.megamenu>li.hover>a:before {
        display: none
    }
}
@media (max-width: 991px) and (max-width: 991.5px) {
    #header.header10 .searchform {
        width: 95%;
        margin: auto;
    }
    #header .searchform {
        display: block;
        left: 0;
        top: -20px;
    }
    .container {
        margin: auto;
        padding: 15px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .col-sm-3.hover-menu {
        width: 50%;
        height: 100%;
    }
    .subcategory {
        height: 235px;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
    .col-sm-3.hover-menu {
        margin-top: 15px;
    }
    .product-image img {
        width: 275px;
        height: 275px;
    }
    .product-thumb.transition.product {
        box-shadow: 0 3px 8px #3a36364f;
    }
    .product-thumb.transition {
        border: 1px solid #3a363612;
    }
    .whyus-section-1 img {
        vertical-align: middle;
        width: 85%;
        margin: auto;
    }
    .footer-left, .footer-center {
        width: 50%;
        margin: auto;
        clear: right;
        float: left;
    }
    .swiper-slider .swiper-viewport {
        width: 70%;
        float: right;
        height: 325px;
    }
    .categories_gallery {
        margin: auto 5%;
        width: 90%;
    }
    #boss_top_categories_tabs .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        width: 100%;
    }
    #boss_top_categories_tabs .tab {
        width: 100%;
        height: 75px;
        display: flex;
        justify-content: center;
    }
    #boss_top_categories_tabs .col-lg-9.col-md-9.col-sm-9.col-xs-12 {
        width: 100%;
    }
    #boss_top_categories_tabs .tab button {
        border-right: 2px solid #656575;
    }
    .brand-section {
        margin: auto 3%;
        width: 96%;
    }
    .container-fluid.apex {
        background: #ffffff;
        padding: 0;
    }
    .leftwing {
        width: 50%;
        border: none;
        box-shadow: none;
        border-right: 1px solid #b8bab838;
    }
    .imagewing {
        width: 50%;
        float: left;
        clear: right;
    }
    /* .easyzoom-flyout {	display: none;} */
    .easyzoom.easyzoom--overlay.easyzoom--with-thumbnails {
        display: none;
    }
    .rightwing {
        border: none;
        box-shadow: none;
        min-height: 340px;
        max-height: 340px;
        overflow-y: hidden;
    }
    .rightwing .tabcontent {
        min-height: 340px;
        max-height: 340px;
        overflow-y: scroll;
    }
    #product-product .tab-content {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .breadcrumb>li>a, .breadcrumb>.active {
        color: #fff;
    }
    #header.header10 #header-inner .container .header-left {
        width: 33%;
        display: inline-block;
        margin: auto 5px;
    }
    #header.header10 #header-inner .container .header-center {
        width: 42%;
        /* display: inline-block; */
        margin: auto 5px;
    }
    #header.header10 #header-inner .container .header-right {
        width: 25%;
        display: inline-block;
        margin: auto 5px;
    }
    .hidden-xs.scart {
        display: none;
    }
    #header.header10 .searchform input {
        width: 80%;
    }
}
@media (min-width: 961px) {
    .megamenu-wrapper {
        display: block !important;
    }
}
/*900px*/

@media all and (max-width: 900px) {
    .hidden-xs.scart {
        display: none;
    }
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
    .vertical .navbar-header {
        margin: -8% 15px;
    }
    .whyus-section {
        display: none !important;
    }
    .vertical .navbar-header {
        margin: -8% 15px !important;
    }
    .vertical .navbar-header {
        margin: -8% 15px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    .whyus-section {
        display: none;
    }
    .product-info-ind h2 {
        min-height: 60px;
        max-height: 60px;
    }
    #header.header10 #header-inner .container .header-left, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-right {
        width: 30.33%;
    }
    #footer .subscribe {
        padding: 6px 2.5px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    #logo {
        margin-top: -35px;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px 0px 0 50px;
    }
    #cart .cart-head {
        margin-top: -17px;
    }
    #header.header10 #cart .cart-items .total_itemx {
        color: #fff;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 25px;
        padding-left: 25px;
    }
    /* Header End */
    /*So Menu*/
    .vertical .navbar-header {
        margin: -8% 10px;
    }
    .vertical-wrapper {
        width: 70%;
    }
    .responsive ul.megamenu {
        width: 100% !important;
    }
    .megamenu-pattern .container {
        padding: 0;
    }
    .col-sm-3.hover-menu {
        width: 49%;
        margin-right: 5px;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 75%;
    }
    .sub-menu .col-sm-10 {
        width: 100% !important;
    }
    /*End So Menu*/
    /* Category Page */
    .row.child-categories div {
        clear: right;
        margin: 0;
        padding: 0;
    }
    button {
        margin-top: 5px;
    }
    /* Product Page*/
    .col-md-4.col-sm-12.col-xs-12.imagewing {
        background: #fff;
    }
    /*Success page*/
    #common-success .container-inner {
        width: 60%;
    }
    #common-success .container-inner .icon-box {
        top: 284px;
        width: 80px;
        height: 80px;
    }
    .product-thumb.transition {
        border: 1px solid #e6e7e7;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .error-content {
        padding: 50px 0 60px;
    }
    .error-title {
        font-size: 300px;
    }
    .error-title>span {
        font-size: 70px;
        margin-top: -3px;
    }
    .error-content {
        padding: 80px 0 90px;
    }
    #coming-soon .logo {
        top: 30px;
    }
    /* to prevent shaking gave coutdown-section min-width */
    .countdown-section {
        min-width: 120px;
        margin-right: 40px;
    }
    #coming-soon footer {
        bottom: 32px;
    }
    #coming-soon.simple .logo {
        top: 20px;
    }
    #coming-soon.simple footer {
        bottom: 22px;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    .lead {
        font-size: 16px;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
}
/*834px*/

@media (min-width: 834px) and (max-width: 834px) {
    /* Header */
    .vertical .navbar-header {
        margin: -8% 15px !important;
    }
    .vertical .navbar-header {
        margin: -8% 15px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    .whyus-section {
        display: none;
    }
    .product-info-ind h2 {
        min-height: 60px;
        max-height: 60px;
    }
    #header.header10 #header-inner .container .header-left, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-right {
        width: 30.33%;
    }
    #footer .subscribe {
        padding: 6px 2.5px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    #logo {
        margin-top: -35px;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 10px;
    }
    #cart .cart-head {
        margin-top: -17px;
    }
    #header.header10 #cart .cart-items .total_itemx {
        color: #fff;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 25px;
        padding-left: 25px;
    }
    /* Header End */
    /*So Menu*/
    .vertical .navbar-header {
        margin: -8% 10px;
    }
    .vertical-wrapper {
        width: 70% !important;
    }
    .responsive ul.megamenu {
        width: 100% !important;
    }
    .megamenu-pattern .container {
        padding: 0;
    }
    .col-sm-3.hover-menu {
        width: 49%;
        margin-right: 5px;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 75%;
    }
    .sub-menu .col-sm-10 {
        width: 100% !important;
    }
    /*End So Menu*/
    .product-thumb.transition {
        border: 1px solid #e6e7e7;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .error-content {
        padding: 50px 0 60px;
    }
    .error-title {
        font-size: 300px;
    }
    .error-title>span {
        font-size: 70px;
        margin-top: -3px;
    }
    .error-content {
        padding: 80px 0 90px;
    }
    #coming-soon .logo {
        top: 30px;
    }
    /* to prevent shaking gave coutdown-section min-width */
    .countdown-section {
        min-width: 120px;
        margin-right: 40px;
    }
    #coming-soon footer {
        bottom: 32px;
    }
    #coming-soon.simple .logo {
        top: 20px;
    }
    #coming-soon.simple footer {
        bottom: 22px;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    .lead {
        font-size: 16px;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
}
/*800px*/

@media (min-height: 800px) {
    #coming-soon-wrapper {
        padding: 65px 0 70px
    }
    #coming-soon.simple .logo {
        top: 60px
    }
    #coming-soon.simple footer {
        bottom: 52px
    }
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media (min-width: 767px) and (max-width: 1199px) {
    .wide-width .container {
        padding: 0 50px
    }
}
@media (max-width: 767px) {
    .navbar-toggle .icon-bar {
        display: block;
        width: 3rem;
        height: 0.2rem;
        border-radius: 5px;
        text-align: center;
        background-color: #777 !important;
        color: inherit;
    }
    .sticky-nav-tabs {
        display: none!important
    }
    .sticky-nav-tabs {
        display: none!important
    }
    #header.header-side-nav #header-inner .header-contact {
        display: none
    }
    .top-container .side-area .banner {
        padding: 8px 0 0
    }
    h1.big {
        font-size: 3.2em;
        line-height: 42px
    }
    #header #header-inner .container .header-left {
        padding-top: 15px;
        padding-bottom: 15px;
        display: inline-block
    }
    #header #header-inner .container .header-center {
        padding-top: 15px;
        padding-bottom: 15px;
        display: inline-block
    }
    #header #header-inner .container .header-right {
        padding-top: 15px;
        padding-bottom: 15px
    }
    #cart.dropdown .dropdown-menu {
        width: 290px
    }
    #header.header10 .searchform {
        width: 338px
    }
    #header.header10 .searchform input {
        width: 162px
    }
    #header.fixed-header #header-inner .container>div {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .icon-group {
        display: none
    }
    .nav-tabs>li {
        float: none;
        width: 100%
    }
    .nav-tabs>li>a, .nav-tabs>li.active>a {
        display: block;
        border-radius: 0;
        border-top-width: 1px;
        border-color: #ddd
    }
    .nav-tabs>li>a:hover, .nav-tabs>li>a:focus, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        border-top: 1px solid #ddd!important;
        border-color: #ddd
    }
    .home-banner-group .banner {
        max-width: 270px;
        margin-right: auto;
        margin-left: auto
    }
    #banner-container .grid-sizer, #banner-container .banner, #banner-container .banner.w2 {
        width: 100%
    }
    .col-xs-6 .banner {
        margin-bottom: 15px
    }
    .nav-tabs.nav-links>li {
        float: left;
        width: auto
    }
    .nav-tabs.nav-links>li.active>a, .nav-tabs.nav-links>li.active>a:hover, .nav-tabs.nav-links>li.active>a:focus, .nav-tabs.nav-links>li>a:hover, .nav-tabs.nav-links>li>a:focus {
        border-top: none!important
    }
    .title-group {
        margin-bottom: 22px
    }
    .parallax-lg {
        padding: 50px 0
    }
    .parallax-content h3>img {
        width: 20px
    }
    .parallax-content h2 {
        font-size: 35px;
        margin: 4px 0 7px
    }
    .parallax-lg .parallax-content h2 {
        font-size: 30px;
        letter-spacing: -1px;
        margin: 0
    }
    .parallax-content.smaller h2 {
        font-size: 22px;
        letter-spacing: -1px
    }
    .parallax-content h3 {
        font-size: 12px
    }
    .parallax-content h3>span {
        margin: 0 10px
    }
    .parallax-content h4 {
        font-size: 11px
    }
    .parallax-content h4>span {
        display: block
    }
    .parallax-content.smaller h4 {
        font-size: 10px
    }
    .parallax-content .btn {
        font-size: 10px;
        padding: 5px 12px;
        margin: 8px 0 0
    }
    .parallax-content .btn, .parallax-content .btn.pull-right {
        float: none!important
    }
    .parallax-content.smaller .btn {
        padding: 4px 19px;
        margin: 0
    }
    .blank-img {
        width: 100%;
        max-height: 480px
    }
    .shop-loop-before .product-ordering {
        float: none;
        text-align: right;
        margin-right: 0
    }
    .v2 #footer .logo {
        margin-bottom: 5px
    }
    .v2 #footer #footer-bottom img.img-responsive {
        display: inline-block
    }
    .v2 #footer-bottom>.container .footer-left {
        padding-bottom: 0
    }
    .v2 #footer-bottom>.container .footer-left, .v2 #footer-bottom>.container .footer-center, .v2 #footer-bottom>.container .footer-right {
        text-align: center!important;
        float: none
    }
    .v2 #footer-bottom>.container .footer-right {
        padding-top: 0
    }
    .product-gallery-container {
        margin-bottom: 30px
    }
    #cart .dropdown .dropdown-menu {
        width: 290px
    }
    .responsive .carousel-brands {
        margin-top: 20px!important
    }
    div.pagination-results .text-right, div.pagination-results .text-left {
        text-align: center;
        padding-left: 0;
        padding-right: 0
    }
    div.pagination-results ul li {
        margin: 0 4px 10px
    }
    .product-filter .pagination {
        clear: both;
        float: none;
        display: block;
        padding-top: 10px;
        margin-left: -5px;
        max-width: none
    }
    .product-filter .product-compare {
        display: none
    }
    .product-filter .limit {
        float: left
    }
    #main-content .tp-leftarrow, #main-content .tp-rightarrow {
        display: none!important
    }
    .post-slider.type2>div:last-of-type {
        padding-top: 15px
    }
    .index12-slider .camera_slider {
        margin-bottom: 10px
    }
    .index12-slider .col-sm-9 {
        width: 100%
    }
    .index12-slider .col-sm-3 {
        width: 100%
    }
    .body-header-type-15 .overflow-menu #cart {
        top: -60px!important
    }
    .tp-caption.rev-subtitle.subtitle2 {
        font-size: 17px;
        line-height: 1.3
    }
    .tp-caption.index3_text_1 {
        font-size: 15px!important;
        line-height: 1.3!important
    }
    .wide-width .container {
        width: 100%;
        padding: 0 100px
    }
    .wide-width .container .container {
        padding: 0!important
    }
    .full-width-image {
        padding: 100px 0
    }
    .full-width-image>h3 {
        font-size: 35px;
        letter-spacing: -1px
    }
    .full-width-image>a {
        font-size: 8px;
        padding: 10px 20px;
        margin: 10px 0
    }
    .index20-products-tabs .products .row>div {
        clear: none!important
    }
    .index20-products-tabs .products .row>div:nth-child(2n+1) {
        clear: both!important
    }
    .index20-products-tabs .category-list {
        padding-bottom: 20px;
        padding-top: 50px
    }
    .index20-products-tabs {
        display: block
    }
    .index20-products-tabs .category-list {
        border: none
    }
    .index20-products-tabs .category-detail {
        padding-left: 10px;
        padding-top: 0;
        padding-bottom: 50px
    }
    .index20-products-tabs .category-list ul li {
        display: inline-block;
        margin-right: 30px
    }
    .vertical-tabs .nav-tabs {
        width: 150px;
        float: left;
        bottom: 0;
        right: -1px;
        text-align: right;
        border: none;
        position: relative
    }
    .vertical-tabs .nav-tabs>li {
        float: none;
        margin: 0 0 1px!important;
        padding: 0!important
    }
    .vertical-tabs .nav-tabs>li>a {
        display: block;
        margin: 0;
        border-top: 1px solid #eee!important;
        border-left: 3px solid #eee;
        border-right: none;
        border-bottom: 1px solid #eee;
        border-radius: 5px 0 0 5px;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        padding: 9px 15px!important;
        line-height: 1;
        font-size: 14px
    }
    .vertical-tabs .nav-tabs>li>a:hover, .vertical-tabs .nav-tabs>li>a:focus {
        padding: 9px 15px!important
    }
    .vertical-tabs .nav-tabs>li.active>a {
        border-top: 1px solid #eee!important;
        border-left: 3px solid #08c;
        border-right: none;
        border-bottom: 1px solid #eee
    }
    .vertical-tabs .tab-content {
        margin-left: 150px;
        border-top: 1px solid #eee;
        border-radius: 0 4px 4px 4px;
        -webkit-border-radius: 0 4px 4px 4px;
        -moz-border-radius: 0 4px 4px
    }
    .sticky-product {
        display: none!important
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .categories-image-right, .responsive ul.megamenu li .sub-menu .content .static-menu .categories-image-top {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .categories-image-right>div>ul {
        display: block!important
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .left-categories-image-right {
        float: none;
        width: 100%;
        padding: 0
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .right-categories-image-right {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .left-categories-image-left {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .right-categories-image-left {
        float: none;
        width: 100%;
        padding: 0
    }
    .responsive ul.megamenu .sub-menu .content .border {
        display: none
    }
    .responsive ul.megamenu .sub-menu .content .row {
        margin: 0 -20px;
        padding: 0
    }
    .responsive ul.megamenu .sub-menu .content .row>div {
        margin-top: 20px;
        border-top: 1px solid #e6e6e6;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px
    }
    .responsive ul.megamenu .sub-menu .content .row:first-of-type>div:first-child {
        margin-top: 0;
        border-top: none;
        padding-top: 0
    }
    .responsive ul.megamenu .sub-menu .content .row:first-of-type>div.mobile-disabled+.mobile-enabled {
        margin-top: 0;
        border-top: none;
        padding-top: 0
    }
    .responsive ul.megamenu .sub-menu .content .row:first-of-type>div.mobile-enabled+.mobile-disabled+.mobile-enabled, .responsive ul.megamenu .sub-menu .content .row:first-of-type>div.mobile-enabled+.mobile-disabled+.mobile-disabled+.mobile-enabled, .responsive ul.megamenu .sub-menu .content .row:first-of-type>div.mobile-enabled+.mobile-disabled+.mobile-disabled+.mobile-disabled+.mobile-enabled, .responsive ul.megamenu .sub-menu .content .row:first-of-type>div.mobile-enabled+.mobile-disabled+.mobile-disabled+.mobile-disabled+.mobile-disabled+.mobile-enabled {
        margin-top: 20px;
        border-top: 1px solid #e6e6e6;
        padding-top: 20px
    }
    .responsive ul.megamenu li .menu>ul>li {
        position: relative
    }
    .responsive ul.megamenu .menu>ul>li.active>.close-categories {
        display: block!important;
        position: absolute;
        top: 0;
        right: 0;
        height: 45px;
        cursor: pointer;
        color: #777
    }
    .responsive ul.megamenu .menu>ul>li.active>.close-categories:before {
        content: "-";
        font-family: Arial;
        font-weight: 300;
        font-size: 36px;
        line-height: 46px;
        padding: 0 18px
    }
    .responsive ul.megamenu .menu>ul>li>.open-categories {
        display: block!important;
        position: absolute;
        top: 0;
        right: 0;
        height: 45px;
        cursor: pointer
    }
    .responsive ul.megamenu .menu>ul>li.active>.open-categories {
        display: none!important
    }
    .responsive ul.megamenu li .open-categories:before {
        content: "+";
        font-family: Arial;
        font-weight: 300;
        font-size: 24px;
        line-height: 50px;
        color: #777;
        padding: 0 17px
    }
    .responsive #main ul.megamenu li .menu>ul>li .visible, .responsive #main ul.megamenu li .menu>ul>li>ul {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu, .responsive ul.megamenu li .sub-menu .content .static-menu .menu {
        position: relative;
        margin: -20px;
        overflow: hidden
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul {
        margin: 0;
        padding: 0
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li {
        border-top: 1px solid #e5e5e5
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li:before {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu>ul:first-child>li:first-child, .responsive ul.megamenu li .sub-menu .content .static-menu .menu>ul:first-child>li:first-child {
        border-top: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li a {
        display: block;
        padding: 13px 20px 10px;
        font-size: 14px;
        font-weight: 300;
        background: #fff;
        text-transform: none;
        margin: 0
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li ul li a, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li ul li a {
        font-size: 12px
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:hover, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li a:hover, .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li.active>a, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li.active>a {
        background: #f7f7f7
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul li a:before, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul li a:before {
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
        margin: 0!important;
        padding: 0!important;
        display: none
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li a, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul li a {
        padding-left: 40px
    }
    .responsive ul.megamenu li .sub-menu .content .hover-menu .menu ul ul ul li a, .responsive ul.megamenu li .sub-menu .content .static-menu .menu ul ul ul li a {
        padding-left: 60px
    }
    .responsive ul.megamenu .sub-menu .content .static-menu .row>div {
        padding: 0 20px!important
    }
    .responsive .static-menu .visible {
        padding: 0!important
    }
    .responsive ul.megamenu li .sub-menu .content .static-menu>.menu>ul>li {
        padding: 0
    }
    .responsive .filter-product .filter-tabs {
        margin: 10px 0 20px
    }
    .responsive .filter-product .filter-tabs ul>li>a {
        padding: 10px 7px;
        font-size: 12px
    }
    .responsive .tab-content .prev-button, .responsive .tab-content .next-button {
        top: -64px
    }
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .swiper-slider .swiper-viewport {
        width: 94%;
        float: none;
    }
    .overlay-top {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }
    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
}
@media only screen and (max-width: 767px) {
    .tparrows.preview4 {
        width: 20px;
        height: 80px
    }
    .tparrows.preview4:after {
        width: 20px;
        height: 80px;
        line-height: 80px;
        font-size: 14px
    }
    .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper {
        display: none!important
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .top-container .side-area .banner {
        float: left;
        width: 33.3%;
        padding: 8px
    }
    .top-container .side-area .row {
        margin: 0 -8px
    }
    .icon-group-container {
        position: absolute;
        left: -220px;
        top: 50%;
        white-space: nowrap;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%)
    }
    .banner-content {
        font-size: 10px;
        line-height: 1.5;
        padding: 0 16px
    }
    .banner-content h3 {
        font-size: 16px
    }
    .banner-content hr {
        width: 60px
    }
    .v2 #footer-bottom>.container .footer-left {
        margin-right: 60px
    }
    .v2 #footer-bottom>.container .footer-left .logo {
        margin-right: 45px
    }
    .v2 #footer-bottom>.container .footer-left>*, .v2 #footer-bottom>.container .footer-left, .v2 #footer-bottom>.container .footer-center {
        float: left
    }
    .v2 #footer-bottom>.container .footer-right {
        float: right
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .tp-caption.rev-btn .btn-lg, .tp-caption.rev-btn .btn-group-lg>.btn {
        padding: 7px 15px;
        font-size: 14px;
        line-height: 1.5
    }
    .tp-caption.rev-btn .btn.min-width {
        min-width: 130px
    }
    .tparrows.preview1, .tparrows.preview1:after {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 20px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 11px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 11px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0
    }
    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }
    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }
    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
    .tparrows.preview3 .tp-arr-imgholder {
        min-width: 70px;
        height: 70px
    }
    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }
    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }
    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 16px
    }
}
@media (min-width: 768px) {
    .lead {
        font-size: 16px
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    /* Header */
    .vertical .navbar-header {
        margin: -10% 15px !important;
    }
    .whyus-section {
        display: none;
    }
    .product-info-ind h2 {
        min-height: 60px;
        max-height: 60px;
    }
    #header.header10 #header-inner .container .header-left, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-right {
        width: 30.33%;
    }
    #footer .subscribe {
        padding: 6px 2.5px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    #logo {
        margin-top: -35px;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px;
    }
    #header.header10 #header-inner .container .header-left {
        padding: 30px 0px 0 50px;
    }
    #cart .cart-head {
        margin-top: -17px;
    }
    #header.header10 #cart .cart-items .total_itemx {
        color: #fff;
    }
    /* Header End */
    /*So Menu*/
    .vertical-wrapper {
        width: 70% !important;
    }
    .responsive ul.megamenu {
        width: 100% !important;
    }
    .megamenu-pattern .container {
        padding: 0;
    }
    .col-sm-3.hover-menu {
        width: 49%;
        margin-right: 5px;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 75%;
    }
    .sub-menu .col-sm-10 {
        width: 100% !important;
    }
    /*End So Menu*/
    .product-thumb.transition {
        border: 1px solid #e6e7e7;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .error-content {
        padding: 50px 0 60px;
    }
    .error-title {
        font-size: 300px;
    }
    .error-title>span {
        font-size: 70px;
        margin-top: -3px;
    }
    .error-content {
        padding: 80px 0 90px;
    }
    #coming-soon .logo {
        top: 30px;
    }
    /* to prevent shaking gave coutdown-section min-width */
    .countdown-section {
        min-width: 120px;
        margin-right: 40px;
    }
    #coming-soon footer {
        bottom: 32px;
    }
    #coming-soon.simple .logo {
        top: 20px;
    }
    #coming-soon.simple footer {
        bottom: 22px;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    .lead {
        font-size: 16px;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .categories_gallery div {
        width: 19.5%;
    }
}
@media only screen and (max-width: 768px) {
    .container-inner {
        width: 100%;
    }
    #header-top .header-left {
        display: none !important;
    }
    #header-top .header-right {
        width: 100% !important;
        text-align: center;
    }
}
@media (min-width: 768px) {
    .container.no-padding {
        padding: 0
    }
    .product-details-tab {
        margin-bottom: 50px
    }
    .error-content {
        padding: 50px 0 60px
    }
    .error-title {
        font-size: 300px
    }
    .error-title>span {
        font-size: 70px;
        margin-top: -3px
    }
    .error-content {
        padding: 80px 0 90px
    }
    #coming-soon h2 {
        font-size: 36px;
        margin-bottom: 48px
    }
    #coming-soon p {
        display: none;
        margin-bottom: 50px
    }
    .countdown-section {
        padding-right: 0;
        margin-right: 25px
    }
    .countdown-section:after {
        display: none
    }
    .countdown-amount {
        font-size: 36px;
        line-height: 35px
    }
    .countdown-period {
        font-size: 13px
    }
    #coming-soon .logo {
        top: 30px
    }
    .countdown-section {
        min-width: 120px;
        margin-right: 40px
    }
    #coming-soon footer {
        bottom: 32px
    }
    #coming-soon.simple .logo {
        top: 20px
    }
    #coming-soon.simple footer {
        bottom: 22px
    }
    .tp-caption.rev-btn .slide-btn {
        font-size: 8px;
        line-height: 16px;
        padding: 2px 10px;
        border-radius: 3px
    }
}
@media only screen and (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }
    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }
    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}
@media (max-width: 640px) {
    .full-width-image-banner {
        height: 200px
    }
    .full-width-image-banner p {
        display: none
    }
    .full-width-image-banner .content {
        margin-top: -16px
    }
    .full-width-image-banner h2 {
        margin: 0;
        font-size: 30px;
        line-height: 1.1
    }
}
@media (max-width: 580px) {
    .nav-mini .hidden-xss {
        display: none
    }
}
@media (min-width: 481px) and (max-width: 991px) {
    #footer.fixed #footer-bottom>.container {
        display: table;
        table-layout: fixed
    }
    #footer.fixed #footer-bottom>.container .footer-left, #footer.fixed #footer-bottom>.container .footer-right {
        display: table-cell;
        vertical-align: middle;
        width: 50%;
        float: none
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-caption.rev-btn .btn-lg, .tp-caption.rev-btn .btn-group-lg>.btn {
        padding: 5px 12px;
        font-size: 12px;
        line-height: 1.5
    }
    .tp-caption.rev-btn .btn.min-width {
        min-width: 100px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0
    }
    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }
    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }
}
@media (max-width: 480px) {
    .col-xss-12 {
        float: none;
        width: 100%
    }
    #header .logo {
        text-align: center;
        margin: -15px 0 0
    }
    #top-newsletter {
        display: none
    }
    #header .mobile-toggle {
        position: absolute;
        left: 15px;
        top: 6px
    }
    #header #header-inner .container {
        display: block;
        padding-top: 28px;
        padding-bottom: 15px;
        min-height: 43px
    }
    #header .searchform-popup {
        position: absolute;
        left: 45px;
        top: 6px;
        bottom: auto
    }
    #header .searchform {
        width: 288px;
        border-width: 3px
    }
    #header .searchform select {
        width: 116px;
        padding: 0 0 0 5px
    }
    #header .searchform:before {
        width: 14px;
        border-width: 7px;
        left: 34px;
        right: auto;
        top: -23px
    }
    #header .searchform input {
        width: 120px;
        padding: 0 15px
    }
    #header #cart {
        background-color: #006393;
        font-size: .8462em;
        width: auto;
        height: auto;
        position: absolute;
        right: 15px;
        top: 9px;
        bottom: auto;
        margin: 0;
        border-radius: 4px;
        border-width: 0
    }
    #header #cart .minicart-icon {
        font-size: 1.2727em;
        vertical-align: baseline
    }
    #header #cart .cart-head {
        padding: 0 10px;
        line-height: 26px;
        height: 26px;
        margin: 0;
        white-space: nowrap
    }
    #header #cart .cart-items {
        font-size: 1em;
        margin-left: 3px;
        position: relative;
        top: -3px;
        vertical-align: middle;
        color: #fff
    }
    #header #cart.dropdown .dropdown-menu {
        margin-top: 8px;
        font-size: 14px
    }
    #header #cart.dropdown .dropdown-menu:before {
        right: 18px
    }
    #header.header-side-nav #header-inner .side-top .container {
        padding: 0!important
    }
    #header.header-side-nav #header-inner .side-top .container>* {
        display: none!important
    }
    #header.header-side-nav #header-inner .side-top>.container>#cart {
        top: 9px;
        right: 15px;
        bottom: auto;
        margin-top: 0
    }
    #header.header-side-nav .searchform input {
        width: 236px
    }
    #header.header10 .searchform {
        width: 288px;
        right: auto;
        left: -30px;
        top: 35px
    }
    #header .header-left .searchform:before {
        width: 14px;
        border-width: 7px;
        left: 34px;
        right: auto;
        top: -23px;
        border-color: transparent;
        border-bottom-color: inherit
    }
    #header.header10 .searchform input {
        width: 132px
    }
    #header.header10 #cart {
        background-color: transparent
    }
    #header.header10 #cart .cart-items {
        color: #3288c9
    }
    .slider-title .line, .title-group .line {
        display: none
    }
    .title {
        font-size: 20px
    }
    .title-group .nav-tabs.nav-links {
        padding-right: 0
    }
    .product-btn.btn-quickview, .product-btn.btn-wishlist {
        display: none
    }
    .product-details .single_add_to_cart_button {
        padding: 0 .7143em
    }
    #footer.fixed #footer-bottom>.container .footer-left {
        text-align: center
    }
    #footer.fixed #footer-bottom>.container .footer-right {
        display: none
    }
    .tp-caption.rev-btn .slide-btn {
        font-size: 6px;
        line-height: 12px;
        padding: 2px 8px;
        border-radius: 2px
    }
    .tp-caption.rev-subtitle.subtitle2 {
        font-size: 12px;
        line-height: 1.3
    }
    .tp-caption.index3_text_1 {
        font-size: 10px!important;
        line-height: 1.3!important
    }
    .hidden-xss {
        display: none!important
    }
    .col-xss-12 {
        float: none!important;
        width: 100%!important
    }
    .col-xss-6 {
        width: 50%!important
    }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
    .tp-caption.rev-btn .btn-lg, .tp-caption.rev-btn .btn-group-lg>.btn {
        padding: 4px 10px;
        font-size: 9px;
        line-height: 1.5
    }
    .tp-caption.rev-btn .btn.min-width {
        min-width: 85px
    }
    .responsive .tp-bullets {
        display: none
    }
    .responsive .tparrows {
        display: none
    }
    .tparrows.preview1, .tparrows.preview1:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }
    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }
    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }
    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }
    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
    .tparrows.preview2:hover {
        width: 30px!important;
        height: 30px!important
    }
}
@media (max-height: 400px) {
    #coming-soon .logo {
        top: 10px
    }
    #coming-soon footer {
        bottom: 10px
    }
    #coming-soon h2 {
        font-size: 28px;
        margin: 25px 0 30px
    }
    #countdown {
        margin-bottom: 10px
    }
    #coming-soon #coming-soon-wrapper #countdown {
        margin-bottom: 25px
    }
    #coming-soon #coming-soon-wrapper h2 {
        font-size: 28px;
        margin: 10px 0 30px
    }
    #coming-soon-wrapper {
        padding: 10px 0 25px
    }
}
@media (max-width: 360px) {
    .countdown-section {
        margin-right: 15px
    }
}
@media (max-width: 300px) {
    .col-xss-6 {
        float: none!important;
        width: 100%!important
    }
}
@media (max-width: 767px) {
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .single-blg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border-bottom: 2px solid #ececec;
    }
    .swiper-slider .swiper-viewport {
        width: 94%;
        float: none;
    }
    .overlay-top {
        display: none;
    }
    .rightwing {
        border: none;
        box-shadow: none;
        min-height: 340px;
        max-height: 340px;
        overflow-y: hidden;
    }
    .rightwing .tabcontent {
        min-height: 340px;
        max-height: 340px;
        overflow-y: scroll;
    }
    .product-info-ind h2 {
        font-size: 18px;
        line-height: 25px;
        min-height: 75px;
        max-height: 75px;
    }
}
@media (min-width: 768px) and (max-width: 768px) {
    /* Header */
    .vertical .navbar-header {
        margin: -10% 15px !important;
    }
    .whyus-section {
        display: none;
    }
    .product-info-ind h2 {
        font-size: 18px;
        line-height: 25px;
        min-height: 75px;
        max-height: 75px;
    }
    #cart {
        top: 35px;
    }
    .media-body {
        padding-right: 10px;
    }
    #header.header10 #header-inner .container .header-left {
        width: 30%;
    }
    #header.header10 #header-inner .container .header-center {
        width: 50%;
    }
    #header.header10 #header-inner .container .header-right {
        width: 13%;
    }
    #footer .subscribe {
        padding: 6px 2.5px;
    }
    #header .top-links:not(.visible-top-links) {
        display: block;
    }
    #logo {
        margin-top: -35px;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px;
    }
    #header.header10 #header-inner .container .header-left {
        padding: 30px 0px 0 50px;
    }
    #cart .cart-head {
        margin-top: -17px;
    }
    #header.header10 #cart .cart-items .total_itemx {
        color: #fff;
    }
    /* Header End */
    /*So Menu*/
    .vertical-wrapper {
        width: 70% !important;
    }
    .responsive ul.megamenu {
        width: 100% !important;
    }
    .megamenu-pattern .container {
        padding: 0;
    }
    .col-sm-3.hover-menu {
        width: 49%;
        margin-right: 5px;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 75%;
    }
    .sub-menu .col-sm-10 {
        width: 100% !important;
    }
    /*End So Menu*/
    .product-thumb.transition {
        border: 1px solid #e6e7e7;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .error-content {
        padding: 50px 0 60px;
    }
    .error-title {
        font-size: 300px;
    }
    .error-title>span {
        font-size: 70px;
        margin-top: -3px;
    }
    .error-content {
        padding: 80px 0 90px;
    }
    #coming-soon .logo {
        top: 30px;
    }
    /* to prevent shaking gave coutdown-section min-width */
    .countdown-section {
        min-width: 120px;
        margin-right: 40px;
    }
    #coming-soon footer {
        bottom: 32px;
    }
    #coming-soon.simple .logo {
        top: 20px;
    }
    #coming-soon.simple footer {
        bottom: 22px;
    }
    #wrapper.boxed {
        width: 750px;
        margin: 26px auto;
    }
    #wrapper.boxed-long {
        width: 750px;
        margin: 0 auto;
    }
    .lead {
        font-size: 16px;
    }
    #menu .dropdown:hover .dropdown-menu {
        display: block;
    }
    .container.no-padding {
        padding: 0;
    }
    .product-details-tab {
        margin-bottom: 50px;
    }
    .categories_gallery div {
        width: 19.5%;
    }
}
@media (max-width: 896px) {
    #header.header10 #header-inner .container .header-left {
        padding: 5px 0px 0 50px;
        width: 30%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-center {
        padding: 5px 0px 0 50px;
        width: 50%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 5px 0px 0 50px;
        width: 17%;
        display: inline-block;
        margin: auto;
    }
    #logo {
        margin-top: 0;
    }
    #cart {
        margin: 0px auto;
    }
    .so-vertical-menu.no-gutter {
        width: 100%;
    }
    .container-megamenu.vertical {
        width: 100px;
        margin: auto;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        float: right;
        height: auto;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100% !important;
        visibility: visible;
        transform: inherit;
        -webkit-transform: inherit;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
    }
}
@media (max-width: 768px) {
    .vertical-wrapper.so-vertical-active {
        width: 100% !important;
        visibility: visible;
        transform: inherit;
        -webkit-transform: inherit;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        float: right;
        height: auto;
    }
    #header.header10 #header-inner .container .header-left {
        padding: 0;
        width: 30%;
        display: inline-block;
    }
    #header.header10 #header-inner .container .header-center {
        width: 50%;
        display: inline-block;
    }
    #header.header10 #header-inner .container .header-right {
        width: 15%;
        display: inline-block;
        margin: auto;
    }
    #logo {
        margin-top: 0;
    }
    .leftwing {
        min-height: auto;
        margin-bottom: 25px;
        max-height: 540px;
    }
    .imagewing {
        height: 550px;
    }
}
@media (max-width: 736px) {
    .so-deal .item {
        width: 100%;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .responsive.container {
        margin: 10px auto;
    }
}
@media (max-width: 667px) {
    #header.header10 .searchform input {
        width: 85%;
    }
    .responsive.container {
        margin: 10px auto;
    }
}
@media only screen and (min-width: 568px) and (max-width: 568px) {
    .container {
        margin: auto;
        padding: 15px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 .searchform input {
        width: 80%;
    }
    .col-sm-3.hover-menu {
        width: 50%;
        height: 100%;
    }
    .subcategory {
        height: 235px;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden
    }
    .col-sm-3.hover-menu {
        margin-top: 15px;
    }
    .product-image img {
        width: 275px;
        height: 275px;
    }
    .product-thumb.transition.product {
        box-shadow: 0 3px 8px #3a36364f;
    }
    .product-thumb.transition {
        border: 1px solid #3a363612;
    }
    .whyus-section-1 img {
        vertical-align: middle;
        width: 85%;
        margin: auto;
    }
    .footer-left, .footer-center {
        width: 50%;
        margin: auto;
        clear: right;
        float: left;
    }
    .swiper-slider .swiper-viewport {
        width: 70%;
        float: right;
        height: 325px;
    }
    .categories_gallery {
        margin: auto 5%;
        width: 90%;
    }
    #boss_top_categories_tabs .col-lg-3.col-md-3.col-sm-3.col-xs-12 {
        width: 100%;
    }
    #boss_top_categories_tabs .tab {
        width: 100%;
        height: 75px;
        display: flex;
        justify-content: center;
    }
    #boss_top_categories_tabs .col-lg-9.col-md-9.col-sm-9.col-xs-12 {
        width: 100%;
    }
    #boss_top_categories_tabs .tab button {
        border-right: 2px solid #656575;
    }
    .brand-section {
        margin: auto 3%;
        width: 96%;
    }
    .container-fluid.apex {
        background: #ffffff;
        padding: 0;
    }
    .leftwing {
        width: 62%;
        border: none;
        box-shadow: none;
        border-right: 1px solid #b8bab838;
    }
    .imagewing {
        width: 38%;
        float: left;
        clear: right;
    }
    /* .easyzoom-flyout {	display: none;} */
    .easyzoom.easyzoom--overlay.easyzoom--with-thumbnails {
        display: none;
    }
    .rightwing {
        border: none;
        box-shadow: none;
        min-height: 340px;
        max-height: 340px;
        overflow-y: hidden;
    }
    .rightwing .tabcontent {
        height: 340px;
        max-height: 340px;
        min-height: auto;
        overflow-y: scroll;
    }
    #product-product .tab-content {
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .breadcrumb>li>a, .breadcrumb>.active {
        color: #fff;
    }
    #logo {
        width: 100%;
    }
    .header-right {
        float: right;
        clear: both;
    }
    #header.header10 #header-inner .container .header-left {
        width: 33%;
        display: inline-block;
        margin: auto 5px;
    }
    #header.header10 #header-inner .container .header-center {
        width: 42%;
        display: inline-block;
        margin: auto 5px;
    }
    #header.header10 #header-inner .container .header-right {
        width: 25%;
        display: inline-block;
        margin: auto 5px;
    }
    #header #header-top .currency-switcher, #header #header-top .view-switcher, #header #header-top .top-links {
        font-size: 1.5em;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 0;
    }
    #dummy {
        width: 100%;
    }
    #cart {
        top: 0;
        bottom: 0;
        right: 0;
        height: 40px;
        margin: -30px auto;
    }
    #header .searchform {
        display: block;
    }
    #header.header10 .searchform {
        width: 100%;
    }
    #header .searchform {
        border-width: 1px;
        border-radius: 0;
        position: relative;
        left: 0;
        top: 0;
        box-shadow: none;
    }
    #header.header10 .searchform input, #header.header10 .searchform select, #header.header10 .searchform button {
        height: 30px;
        line-height: 30px;
    }
    .responsive.container {
        padding: 0;
        margin-bottom: 15px;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        float: right;
        position: fixed;
    }
    .vertical-wrapper {
        position: absolute;
        transform: none;
        transition: all 0.5s ease-in-out 0s;
        max-height: 400px;
        border: 1px solid #e6e6e6;
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
    }
    .responsive.container {
        padding: 0;
        margin-bottom: 15px;
        margin-top: 10px;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        float: right;
        height: auto;
    }
    .widget .widget-title {
        font-size: 1.97em;
    }
    #footer {
        font-size: 1.5em;
    }
    .blog-text .description {
        font-size: 1.4em;
    }
    .whyus-section-1 .col-div6 .left-text {
        line-height: 29px;
        word-spacing: 0.1px;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
    }
    .search_form .dropdown-menu {
        min-width: 300px;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .menu {
        width: 100%;
    }
    .categories_gallery div {
        margin: 0 9px;
    }
    #boss_top_categories_tabs .tab {
        float: left;
        margin-bottom: 10px;
        background-color: transparent;
        overflow: hidden;
        border: 1px solid #cfcfcf;
    }
    #boss_top_categories_tabs .tab button {
        text-align: center;
        font-size: 1.1em;
        padding: inherit;
        margin: 0;
    }
    #logo {
        margin-top: 0;
    }
    /*Category Page*/
    .child-categories .col-sm-6.col-md-4.col-lg-3 {
        width: 33.3%;
        float: left;
        margin: auto;
    }
    .row.child-categories {
        height: 320px;
        overflow-y: scroll;
    }
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
    /* STYLES GO HERE */
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
    .container {
        margin: auto;
        padding: 0 15px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .vertical .navbar-header {
        margin: auto !important;
    }
    #logo {
        margin-top: 0;
    }
    #cart {
        top: 97%;
        margin: -20px auto;
    }
    #header-inner {
        height: 55px;
    }
}
.ddproduct {
    position: absolute;
    top: 0;
    border: 0;
    right: 0;
    left: 0;
    z-index: 999999;
    height: 350px;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
    margin-bottom: 15px;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
    /*HOME PAGE*/
    .container {
        margin: auto;
        padding: 5px 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .btn.btn-link.dropdown-toggle {
        padding: 0 5px;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #logo {
        margin-top: -8px;
        width: 100%;
        float: left;
        clear: right;
        margin-bottom: 5px;
    }
    #header #header-inner .container {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: auto;
        position: relative;
    }
    #dummy {
        width: 50%;
    }
    .vertical .navbar-header {
        margin: 0% 10px !important;
    }
    .responsive.container {
        margin-left: -5px;
    }
    .navbar-toggle {
        float: left;
    }
    .vertical-wrapper {
        width: 90%;
    }
    .col-sm-3.hover-menu {
        width: 100%;
        float: left;
        margin-top: 9px;
    }
    .responsive ul.megamenu {
        width: 90%;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 90%;
    }
    .responsive ul.megamenu .sub-menu .content .row:first-of-type>div:first-child {
        margin-top: 5px;
    }
    .swiper-pagination.slideshowbestSellingmodxxx0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowboss_top_categories_gallery.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowboss_top_categories_gallery.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowfeatured_box0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    #boss_top_categories_tabs {
        display: none;
    }
    .swiper-pagination.slideshow0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    #testimonial0 {
        margin: 0px auto;
    }
    .fontss {
        padding: 0px;
        text-align: center;
    }
    .swiper-button-next::before {
        width: 20px;
        height: 20px;
        font-family: FontAwesome;
        content: "\f054";
        color: #9ca4a8;
        font-size: 20px;
        float: right;
    }
    .swiper-button-prev:before {
        width: 20px;
        height: 20px;
        font-family: FontAwesome;
        content: "\f053";
        color: #9ca4a8;
        font-size: 20px;
        float: left;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        left: auto;
    }
    /*Category Page*/
    /*Product*/
    .product-top {
        background: #fff;
        padding: 0;
        margin: 0;
    }
    .rightwing {
        background: #fff;
        min-height: 320px;
        box-shadow: 0 2px 1px #0d0c0c;
        color: #000;
        max-height: 320px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .tab-content {
        padding: 5px;
        max-height: 320px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .openProductPageTab {
        display: flex;
        justify-content: center;
    }
    .product-top .thumbnail {
        border-bottom: 2px solid #dedada;
        border-radius: 0px;
        border-left: none;
        border-top: none;
        border-right: none;
    }
    .btn.btn-affiliate {
        display: none;
    }
    .alert-success {
        left: 2%;
        top: 80px;
        width: 95%;
    }
    .alert-danger {
        width: 95%;
        margin: auto;
    }
    .container-fluid.apex {
        background: #ffffff3d;
        padding: 10px 0;
    }
    .product-thumb.transition.product {
        box-shadow: 0 0px 1px rgba(151, 164, 122, 0.28);
    }
    .easyzoom-flyout {
        position: absolute;
        z-index: 100;
        overflow: hidden;
        background: #FFF;
        min-width: 100%;
        max-width: 100%;
        border: 1px solid #f2f2f2;
        box-shadow: 0 1px 10px #1C2020
    }
    #header.header10 #header-inner .container .header-right {
        float: right;
    }
    /*Cart Page*/
    button .fa.fa-refresh {
        color: #fff;
    }
    #checkout-cart .btn {
        padding: 10px 15px;
        cursor: pointer;
        border: 0;
        opacity: 1;
        filter: alpha(opacity=100));
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
    }
    #checkout-cart .input-group.btn-block {
        display: inline;
    }
    /*Mini cart*/
    #cart_content_ajax .checkout {
        display: flex;
        justify-content: center;
    }
    #cart.dropdown .dropdown-menu {
        width: 335px;
    }
    /*Success*/
    #common-success .container-inner {
        width: 95%;
    }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    .container {
        margin: auto;
        padding: 0 15px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #logo {
        width: 100%;
        float: left;
        clear: right;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #header.header10 #header-inner .container .header-right, #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: inherit;
        width: 33%;
        /* 
		float: left; */
    }
    #cart {
        top: 100%;
        margin: auto;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    /*HOME PAGE*/
    /* 
	#header-top .header-right {
		float: left;
		font-size: 10px;
	}
	.header-right {
		float: left;
	} */
    #header #cart {
        font-size: 1.146em;
        right: auto;
        margin-left: 15px;
    }
    .container {
        margin: auto;
        padding: 5px 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    .btn.btn-link.dropdown-toggle {
        padding: 0 5px;
    }
    #logo {
        margin-top: -8px;
        width: 50%;
        float: left;
        clear: right;
        margin-bottom: 5px;
    }
    #header #header-inner .container {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        min-height: auto;
        position: relative;
    }
    #dummy {
        width: 50%;
    }
    .vertical .navbar-header {
        margin: 0% 10px !important;
    }
    .responsive.container {
        margin-left: -5px;
    }
    .navbar-toggle {
        float: left;
    }
    .vertical-wrapper {
        width: 90%;
    }
    .col-sm-3.hover-menu {
        width: 100%;
        float: left;
        margin-top: 9px;
    }
    .responsive ul.megamenu {
        width: 90%;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 90%;
    }
    .responsive ul.megamenu .sub-menu .content .row:first-of-type>div:first-child {
        margin-top: 5px;
    }
    .swiper-pagination.slideshowbestSellingmodxxx0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowboss_top_categories_gallery.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowboss_top_categories_gallery.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    .swiper-pagination.slideshowfeatured_box0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    #boss_top_categories_tabs {
        display: none;
    }
    .swiper-pagination.slideshow0.swiper-pagination-clickable.swiper-pagination-bullets {
        display: none;
    }
    #testimonial0 {
        margin: 0px auto;
    }
    .fontss {
        padding: 0px;
        text-align: center;
    }
    .swiper-button-next::before {
        width: 20px;
        height: 20px;
        font-family: FontAwesome;
        content: "\f054";
        color: #9ca4a8;
        font-size: 20px;
        float: right;
    }
    .swiper-button-prev:before {
        width: 20px;
        height: 20px;
        font-family: FontAwesome;
        content: "\f053";
        color: #9ca4a8;
        font-size: 20px;
        float: left;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 5px;
        left: auto;
    }
    /*Category Page*/
    /*Product*/
    .openProductPageTab {
        display: flex;
        justify-content: center;
    }
    .rightwing {
        background: #fff;
        min-height: 320px;
        box-shadow: 0 2px 1px #0d0c0c;
        color: #000;
        max-height: 320px;
        overflow-y: hidden;
        overflow-x: hidden;
    }
    .product-top {
        background: #fff;
        padding: 0;
        margin: 0;
    }
    .tab-content {
        padding: 5px;
        max-height: 320px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .product-top .thumbnail {
        border-bottom: 2px solid #dedada;
        border-radius: 0px;
        border-left: none;
        border-top: none;
        border-right: none;
    }
    .btn.btn-affiliate {
        display: none;
    }
    .alert-success {
        left: 2%;
        top: 80px;
        width: 95%;
    }
    .alert-danger {
        width: 95%;
        margin: auto;
    }
    .container-fluid.apex {
        background: #ffffff3d;
        padding: 10px 0;
    }
    .product-thumb.transition.product {
        box-shadow: 0 0px 1px rgba(151, 164, 122, 0.28);
    }
    .easyzoom-flyout {
        position: absolute;
        z-index: 100;
        overflow: hidden;
        background: #FFF;
        min-width: 100%;
        max-width: 100%;
        border: 1px solid #f2f2f2;
        box-shadow: 0 1px 10px #1C2020
    }
    .product-info-ind h2 {
        min-height: 75px;
        max-height: 75px;
        height: 75px;
        font-size: 16px;
        line-height: 20px;
    }
    .btn.btn-default {
        background: #a59e9e;
        padding: 6px 29px;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        margin-top: -4px;
        border-radius: 6px;
    }
    .product-thumb.transition.product {
        min-height: 545px;
        max-height: 545px;
        overflow: hidden;
    }
    /*Cart Page*/
    button .fa.fa-refresh {
        color: #fff;
    }
    #checkout-cart .btn {
        padding: 10px 15px;
        cursor: pointer;
        border: 0;
        opacity: 1;
        filter: alpha(opacity=100));
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
    }
    #checkout-cart .input-group.btn-block {
        display: inline;
    }
    #checkout-cart .pull-left .btn.btn-default, #checkout-cart .pull-right .btn.btn-primary {
        width: 100%;
        margin-bottom: 10px;
    }
    #checkout-cart .pull-left, #checkout-cart .pull-right {
        width: 100%;
    }
    .pull-left .btn.btn-primary {
        letter-spacing: 0.1em;
        font-size: 15px;
        font-weight: 500;
        text-transform: uppercase;
    }
    /*Mini cart*/
    #cart_content_ajax .checkout {
        display: flex;
        justify-content: center;
    }
    #cart.dropdown .dropdown-menu {
        width: 306px;
        box-shadow: 1px 4px 3px #444;
    }
    #cart .mini-cart-info table tr {
        padding: 10px 5px 10px;
    }
    /*Success*/
    #common-success .container-inner {
        width: 95%;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .container {
        margin: auto;
        padding: 0 15px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #logo {
        width: 100%;
        float: left;
        clear: right;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: inherit;
        width: 33%;
        /* 
		float: left; */
    }
    #cart {
        top: 100%;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        float: right;
    }
}
@media only screen and (min-width: 360px) and (max-width: 360px) {
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        margin-top: -10px;
    }
    #header.header10 #header-inner .container .header-right {
        padding-right: 0;
        padding-left: 0;
        width: 35%;
        clear: right;
        position: initial;
        float: right;
    }
    #header.header10 #header-inner .container .header-center {
        padding-right: 0;
        padding-left: 0;
        width: 100%;
        position: relative;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: -13%;
    }
    #logo {
        margin-top: 0;
    }
    #header #header-inner .container {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    #header {
        margin-bottom: 15px;
    }
    .so-vertical-menu.no-gutter {
        width: 65px;
        margin: auto;
    }
    #header .searchform {
        border-width: 1px;
        border-radius: 5px;
        display: block;
        z-index: 111;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
        margin-left: -135px;
        margin-bottom: 27px;
        position: initial;
        margin-top: 35px;
    }
    .responsive.container {
        margin-top: -10px;
        margin-bottom: 15px;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    #header .searchform button {
        font-size: 20px;
        margin-top: 0px;
    }
    .swiper-slider .swiper-viewport {
        height: 100px;
    }
    .dropdown-menu {
        position: absolute;
        min-width: 287px;
        margin: 6px 0 0;
        font-size: 17px;
        width: 260px;
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
        /* 
		left: 80%; */
        width: 100%;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .col-sm-3.hover-menu {
        width: 100%;
    }
    .hover-menu .menu {
        width: 100%;
    }
    .widget .widget-title {
        font-size: 1.97em;
    }
    #footer {
        font-size: 1.5em;
    }
    .blog-text .description {
        font-size: 1.4em;
    }
    .whyus-section-1 .col-div6 .left-text {
        line-height: 29px;
        word-spacing: 0.1px;
    }
    .categories_gallery {
        margin: 20px 0%;
    }
    .categories_gallery {
        margin: 20px 0%;
    }
    .brand-section {
        margin: 20px 0%;
    }
    .brand-section .mega_menu_top_brands_tab .megacontainer {
        width: 25%;
        margin: auto 10px;
    }
}
@media (min-width: 369.5px) and (max-width: 567.5px) {
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 #header-inner .container .header-left {
        width: 45%;
    }
    #header.header10 #header-inner .container .header-center {
        width: 5%;
    }
    #header.header10 #header-inner .container .header-right {
        width: 45%;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #logo {
        width: 100%;
    }
    #header.header10 #header-inner .container .header-right {
        width: 45%;
        float: right;
        margin-top: -44px;
        margin-right: 0;
    }
    #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 0px;
    }
    .responsive.container {
        margin-top: 50px;
    }
    #header .searchform-popup {
        position: absolute;
        left: auto;
        top: 5px;
        bottom: auto;
    }
    #header.header10 .searchform {
        width: 288px;
        right: auto;
        left: -155px;
        top: 35px;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .button-search.btn.btn-default.btn-lg {
        margin-top: 0px;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* 
		margin-left: 56%; */
    }
    .vertical-wrapper {
        width: 100%;
        /* 
		margin-left: 56%; */
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .swiper-pager {
        top: 40px;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        height: 60px;
    }
    .categories_gallery {
        margin: auto;
        width: 100%;
    }
    .categories_gallery div {
        display: inline-table;
        width: 24%;
        margin: auto 10px;
        vertical-align: unset;
    }
    .brand-section .mega_menu_top_brands_tab .megacontainer {
        width: 23%;
    }
    .single-blg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border-bottom: 2px solid #ececec;
    }
    #product-product #content .row {
        display: flex;
        flex-direction: column;
    }
    .leftwing, .rightwing, .imagewing {
        width: 100%;
    }
    #product-category {
        margin-top: 63px;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* margin-left: auto; */
        /* margin: auto; */
        /* padding: 0; */
        margin: 0;
        /* float: right; */
        position: fixed;
        /* 
		left: 56%; */
    }
    .responsive.container {
        margin-top: 55px;
    }
}
@media (max-width: 533px) {
    #header.header10 #header-inner .container .header-left {
        padding: 5px;
        display: inline-block;
        margin: auto;
        width: 35%;
    }
    #header.header10 #header-inner .container .header-center {
        width: 35%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        width: 27%;
        display: inline-block;
        margin: 10px auto;
    }
}
@media (max-width: 480px) {
    #header.header10 #header-inner .container .header-left {
        padding: 5px;
        display: inline-block;
        width: 30%;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-center {
        padding: 5px;
        display: inline-block;
        width: 25%;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 5px;
        display: inline-block;
        width: 25%;
        margin: auto;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        float: right;
        height: auto;
    }
}
@media (max-width: 414px) {
    .vertical-wrapper.so-vertical-active {
        /* left: 66%; */
    }
}
@media (max-width: 375px) {
    .vertical-wrapper.so-vertical-active {
        /* left: 78%; */
    }
}
@media (min-width: 320.5px) and (max-width: 369px) {
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 #header-inner .container .header-left {
        width: 40%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-center {
        width: 20%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        width: 38%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #logo {
        width: 100%;
    }
    #header.header10 #header-inner .container .header-right {
        float: right;
        margin-top: -44px;
        margin-right: 0;
    }
    #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 0px;
    }
    .responsive.container {
        margin-top: 50px;
    }
    #header .searchform-popup {
        position: absolute;
        left: auto;
        top: 5px;
        bottom: auto;
    }
    #header.header10 .searchform {
        width: 288px;
        right: auto;
        left: -155px;
        top: 35px;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .button-search.btn.btn-default.btn-lg {
        margin-top: 0px;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* 
		margin-left: 72%; */
    }
    .vertical-wrapper {
        width: 100%;
        /* 
		margin-left: 72%; */
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .swiper-pager {
        top: 40px;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        height: 60px;
    }
    .categories_gallery {
        margin: auto;
        width: 100%;
    }
    .categories_gallery div {
        display: inline-table;
        width: 24%;
        margin: auto 10px;
        vertical-align: unset;
    }
    .brand-section .mega_menu_top_brands_tab .megacontainer {
        width: 23%;
    }
    .single-blg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border-bottom: 2px solid #ececec;
    }
    #product-product #content .row {
        display: flex;
        flex-direction: column;
    }
    .leftwing, .rightwing, .imagewing {
        width: 100%;
    }
    #product-category {
        margin-top: 63px;
    }
}
@media (max-width: 360px) {
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 #header-inner .container .header-left {
        padding: 5px;
        width: 40%;
        display: inline-block;
        margin: 0px auto 25px;
    }
    #header.header10 #header-inner .container .header-right {
        width: 35%;
        display: inline-block;
        margin: auto;
        position: inherit;
    }
    #logo {
        width: 100%;
    }
    #header.header10 #header-inner .container .header-center {
        width: 25%;
        display: inline-block;
        margin: 31px auto auto -30%;
        position: absolute;
    }
    #header.header10 #header-inner .container .header-center, #header.header10 #header-inner .container .header-left {
        padding: 5px;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 0px;
    }
    .responsive.container {
        margin-top: -20px;
    }
    #header .searchform-popup {
        position: absolute;
        left: auto;
        top: 5px;
        bottom: auto;
    }
    #header.header10 .searchform {
        width: 288px;
        right: auto;
        left: -155px;
        top: 35px;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .button-search.btn.btn-default.btn-lg {
        margin-top: 0px;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: 20px auto;
        display: flex;
        justify-content: center;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* 
		margin-left: 72%; */
    }
    .vertical-wrapper {
        width: 100%;
        /* 
		margin-left: 72%; */
    }
    #product-product .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* 
		margin-left: 2%; */
    }
    #product-product .vertical-wrapper {
        width: 100%;
        /* 
		margin-left: 2%; */
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .swiper-pager {
        top: 40px;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        height: 60px;
    }
    .categories_gallery {
        margin: auto;
        width: 100%;
    }
    .categories_gallery div {
        display: inline-table;
        width: 24%;
        margin: auto 10px;
        vertical-align: unset;
    }
    .brand-section .mega_menu_top_brands_tab .megacontainer {
        width: 23%;
    }
    .single-blg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border-bottom: 2px solid #ececec;
    }
    #product-product #content .row {
        display: flex;
        flex-direction: column;
    }
    .leftwing, .rightwing, .imagewing {
        width: 100%;
    }
    #product-category {
        margin-top: 63px;
    }
    #header .searchform-popup {
        position: relative;
        left: auto;
        top: 5px;
        bottom: 0;
    }
}
@media (max-width: 320px) {
    .container {
        margin: auto;
        padding: 5px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
    }
    #header.header10 #header-inner .container .header-left {
        padding: 5px;
        display: inline-block;
        margin: auto;
        width: 50%;
    }
    #header.header10 #header-inner .container .header-center {
        width: 15%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-right {
        width: 30%;
        display: inline-block;
        margin: auto;
    }
    #header.header10 #header-inner .container .header-left {
        padding-right: 0;
        padding-left: 0;
    }
    #logo {
        width: 100%;
    }
    #header.header10 #header-inner .container .header-right {
        width: 45%;
        float: right;
        margin-top: 0px;
        margin-right: 0;
    }
    #header.header10 #header-inner .container .header-right {
        padding: 0px;
    }
    .responsive.container {
        margin-top: 50px;
    }
    #header .searchform-popup {
        position: absolute;
        left: 10px;
        top: 15px;
        bottom: auto;
    }
    #header.header10 .searchform {
        width: 288px;
        right: auto;
        left: -155px;
        top: 35px;
    }
    #header.header10 .searchform input {
        width: 85%;
    }
    .button-search.btn.btn-default.btn-lg {
        margin-top: 0px;
    }
    .so-vertical-menu.no-gutter {
        width: 100px;
        margin: auto;
        display: flex;
        justify-content: center;
    }
    .vertical-wrapper.so-vertical-active {
        width: 100%;
        /* 
		margin-left: 87%; */
    }
    .vertical-wrapper {
        width: 100%;
        /* 
		margin-left: 85%; */
    }
    .vertical-wrapper.so-vertical-active {
        visibility: visible;
    }
    .item-vertical.with-sub-menu.hover.active {
        width: 100%;
    }
    .swiper-pager {
        top: 40px;
    }
    .swiper-slider .swiper-viewport {
        width: 100%;
        height: 60px;
    }
    .categories_gallery {
        margin: auto;
        width: 100%;
    }
    .categories_gallery div {
        display: inline-table;
        width: 24%;
        margin: auto 10px;
        vertical-align: unset;
    }
    .brand-section .mega_menu_top_brands_tab .megacontainer {
        width: 23%;
    }
    .single-blg {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin-bottom: 15px;
        border-bottom: 2px solid #ececec;
    }
    #product-product #content .row {
        display: flex;
        flex-direction: column;
    }
    .leftwing, .rightwing, .imagewing {
        width: 100%;
    }
    #product-category {
        margin-top: 63px;
    }
}
#tab-description h2, #tab-description h3 {
    padding: 0;
    margin: auto;
    font-size: 17px;
    line-height: 29px;
}