@charset "UTF-8";

.c-product__seller-price-real {
    margin-top: .5rem
}

.c-product__seller-row-info {
    margin-left: .5rem
}

.c-product, .c-product-info-box__btn, .c-product__seller-row {
    padding: 1rem
}

.c-product-info-box__row {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.c-gallery {
    padding-bottom: 1rem
}

.c-product__gallery {
    padding-left: 1rem
}

.c-product-info-box__row {
    margin-left: 1rem;
    margin-right: 1rem
}

.c-product-gallery__offer {
    margin-bottom: 1rem
}

.c-product__config, .c-product__gallery, .c-product__seller-price-prev, .c-product__seller-row:before {
    margin-left: 1rem
}

@media screen and (min-width: 2221px) {
}

[data-icon], [data-icon]:before {
    display: inline-block;
    line-height: 1
}

    [data-icon]:before {
        font-family: IRANSans;
        font-size: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none
    }

.container {
    max-width: 1676px

}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%
}

.o-page {
    margin-top: 17px
}

.o-page__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.o-page__row--main-page {
    min-height: 400px;
    margin: 15px 0 0
}

    .o-page__row--main-page > aside, .o-page__row--main-page > div, .o-page__row--main-page > section {
        height: 100%;
        padding: 0
    }

        .o-page__row--main-page > aside .c-swiper, .o-page__row--main-page > div .c-swiper, .o-page__row--main-page > section .c-swiper {
            margin-top: 0;
            margin-bottom: 0;
            height: 100%
        }

        .o-page__row--main-page > aside > .c-box, .o-page__row--main-page > div > .c-box, .o-page__row--main-page > section > .c-box {
            height: 100%
        }

        .o-page__row--main-page > aside:first-of-type, .o-page__row--main-page > div:first-of-type, .o-page__row--main-page > section:first-of-type {
            margin-right: 0;
            padding-right: 0;
            padding-left: 20px
        }

        .o-page__row--main-page > aside:last-of-type, .o-page__row--main-page > div:last-of-type, .o-page__row--main-page > section:last-of-type {
            margin-left: 0;
            padding: 0
        }

.o-page__content {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 10px;
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
    padding-left: 0
}

.o-page__aside {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 0;
    margin-bottom: 13px;
    z-index: 12
}

.o-headline {
    margin: 26px 0 20px;
    padding: 0 30px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .o-headline > h2, .o-headline > span {
        color: inherit;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 31px;
        font-weight: 700
    }

.o-headline--carousel {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 6px 33px;
    position: relative;
    padding-left: 5px
}

    .o-headline--carousel:after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: #dfdfdf;
        height: 1px;
        content: "";
        z-index: 0
    }

    .o-headline--carousel > span {
        padding: 8px 0;
        min-height: 49px;
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 31px;
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

        .o-headline--carousel > span:before {
            content: "";
            position: absolute;
            right: 0;
            left: -40px;
            bottom: 0;
            background-color: #ef5661;
            height: 1px;
            z-index: 1
        }

        .o-headline--carousel > span:after {
            content: "";
            position: absolute;
            left: -45px;
            width: 15px;
            height: 1px;
            background-color: #fff;
            bottom: 0;
            z-index: 1
        }

.o-headline--add-item {
    margin: 8px auto;
    padding-right: 8px
}

    .o-headline--add-item span {
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        color: #858585
    }

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.o-box__tabs {
    margin-right: -24px;
    margin-left: -24px
}

.o-box {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ededed;
    padding: 16px 24px 24px
}

    .o-box + .o-box {
        margin-top: 16px
    }

.o-box__title {
    position: relative;
    display: inline-block;
    padding: 8px 0;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    font-weight: 500
}

    .o-box__title:after {
        content: "";
        position: absolute;
        background-color: #d670ac;
        right: 0;
        bottom: -2px;
        height: 2px;
        width: 70px;
        border-radius: 1px
    }

.o-box__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #f2f2f2;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.o-box__tabs--full-width .o-box__tab {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.o-box__tab {
    padding: 14px 16px;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px;
    color: #6d7179;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

    .o-box__tab.is-active {
        color: #d670ac
    }

        .o-box__tab.is-active:after {
            content: "";
            position: absolute;
            width: calc(100% - 16px);
            right: 8px;
            bottom: -1px;
            height: 4px;
            border-radius: 2px 2px 0 0;
            background-color: #d670ac
        }

.o-btn {
    cursor: pointer;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background: 0 0;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative
}

.o-btn--full-width {
    width: 100%
}

.o-btn.disabled {
    background: #e0e0e2;
    border: 1px solid #e0e0e2;
    color: #a1a3a8;
    pointer-events: none;
    cursor: default
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    background: no-repeat 50% 50%;
    background-size: cover;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .15;
        cursor: auto;
        pointer-events: all
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}
/*! nouislider - 10.0.0 - 2017-05-28 14:52:48 */ /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -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%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.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)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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)
    }
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -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.562deg) skewY(1.562deg);
        transform: skewX(1.562deg) skewY(1.562deg)
    }

    66.6% {
        -webkit-transform: skewX(-.781deg) skewY(-.781deg);
        transform: skewX(-.781deg) skewY(-.781deg)
    }

    77.7% {
        -webkit-transform: skewX(.391deg) skewY(.391deg);
        transform: skewX(.391deg) skewY(.391deg)
    }

    88.8% {
        -webkit-transform: skewX(-.195deg) skewY(-.195deg);
        transform: skewX(-.195deg) skewY(-.195deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -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.562deg) skewY(1.562deg);
        transform: skewX(1.562deg) skewY(1.562deg)
    }

    66.6% {
        -webkit-transform: skewX(-.781deg) skewY(-.781deg);
        transform: skewX(-.781deg) skewY(-.781deg)
    }

    77.7% {
        -webkit-transform: skewX(.391deg) skewY(.391deg);
        transform: skewX(.391deg) skewY(.391deg)
    }

    88.8% {
        -webkit-transform: skewX(-.195deg) skewY(-.195deg);
        transform: skewX(-.195deg) skewY(-.195deg)
    }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    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)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-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)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@-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)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-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)
    }

    to {
        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)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-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
    }

    to {
        -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) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-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
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-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
    }

    to {
        -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
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -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: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -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: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -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: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -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: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-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: rotate(80deg);
        transform: rotate(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: rotate(60deg);
        transform: rotate(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
    }

    to {
        -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: rotate(80deg);
        transform: rotate(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: rotate(60deg);
        transform: rotate(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
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@-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
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-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)
    }

    to {
        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)
    }

    to {
        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
    }
}

@-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)
    }

    to {
        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)
    }

    to {
        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
    }
}

@-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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        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(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.remodal, [data-remodal-id] {
    display: none
}

.remodal-wrapper {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    overflow: auto;
    text-align: center;
    -webkit-overflow-scrolling: touch
}

    .remodal-wrapper:after {
        display: inline-block;
        height: 100%;
        margin-left: -.05em;
        content: ""
    }

.remodal-wrapper {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.remodal {
    position: relative;
    outline: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

.remodal-is-initialized {
    display: inline-block
}

.remodal-wrapper {
    padding: 10px 10px 0
}

.remodal {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 10px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #2b2e38;
    background: #fff
}

.remodal, .remodal-wrapper:after {
    vertical-align: middle
}

.remodal-close {
    position: absolute;
    top: 15px;
    left: 15px;
    display: block;
    overflow: visible;
    margin: 0;
    cursor: pointer;
    -webkit-transition: color .2s;
    transition: color .2s;
    text-decoration: none;
    color: #989898;
    border: 0;
    outline: 0;
    background: 0 0;
    font-size: 23px;
    line-height: 1;
    padding: 5px;
    z-index: 100
}

    .remodal-close:before {
        content: "\E0EA\00FE0E";
        vertical-align: top
    }

    .remodal-close:focus, .remodal-close:hover {
        color: #009ec9
    }

@-webkit-keyframes remodal-opening-keyframes {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-opening-keyframes {
    0% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 0
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes remodal-closing-keyframes {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: 0;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes remodal-overlay-opening-keyframes {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes remodal-overlay-closing-keyframes {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}



.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial,Helvetica,sans-serif;
    word-break: normal
}

    .video-js:-moz-full-screen {
        position: absolute
    }

    .video-js:-webkit-full-screen {
        width: 100% !important;
        height: 100% !important
    }

    .video-js[tabindex="-1"] {
        outline: 0
    }

    .video-js *, .video-js:after, .video-js:before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

    .video-js ul {
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
        list-style-position: outside;
        margin: 0
    }

    .video-js.vjs-16-9, .video-js.vjs-4-3 {
        width: 100%;
        max-width: 100%;
        height: 0
    }

    .video-js.vjs-16-9 {
        padding-top: 56.25%
    }

    .video-js.vjs-4-3 {
        padding-top: 75%
    }

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.63332em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43,51,63,.7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115,133,159,.5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.video-js button {
    background: 0 0;
    border: none;
    color: inherit;
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-modal-dialog {
    background: rgba(0,0,0,.8);
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(0,0,0,.8),hsla(0,0%,100%,0));
    overflow: auto
}

    .video-js .vjs-modal-dialog > * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

@keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@-webkit-keyframes vjs-spinner-show {
    to {
        visibility: visible
    }
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }

    20% {
        border-top-color: #73859f
    }

    35% {
        border-top-color: #fff
    }

    60% {
        border-top-color: #73859f
    }

    to {
        border-top-color: #73859f
    }
}

@supports (display:grid) {
    .vjs-text-track-settings .vjs-modal-dialog-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        padding: 20px 24px 0
    }

    .vjs-track-settings-controls .vjs-default-button {
        margin-bottom: 20px
    }

    .vjs-text-track-settings .vjs-track-settings-controls {
        grid-column: 1/-1
    }

    .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content, .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content {
        grid-template-columns: 1fr
    }
}

.video-js:focus:not(:focus-visible) {
    outline: 0;
    background: 0 0
}

@-webkit-keyframes glowing {
    0% {
        width: 8px;
        height: 8px
    }

    to {
        width: 18px;
        height: 18px
    }
}

.c-circle-variant {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.c-circle-variant__item {
    margin: 0 8px 8px 0;
    width: 32px;
    height: 32px
}

.hidden {
    display: none !important
}

@keyframes glowing {
    0% {
        width: 11px;
        height: 11px
    }

    to {
        width: 25px;
        height: 25px
    }
}

.c-404 {
    padding: 68px 0;
    text-align: center;
    line-height: 22px
}

.c-404-page {
    background: url(../files/6fb2da6e.png) repeat;
    background-size: auto 100%
}

.c-404__title {
    text-align: center
}

.c-404__action {
    border-radius: 8px;
    padding: 10px 20px;
    color: #fff;
    border: none;
    min-width: 161px;
    margin: 10px 19.5px 46px;
    text-decoration: none
}

    .c-404__action:not(.disabled):not(.is-inactive):not([disabled]) {
        position: relative;
        overflow: hidden
    }

        .c-404__action:not(.disabled):not(.is-inactive):not([disabled]):before {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .c-404__action:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
            opacity: 1
        }

.c-404__image {
    width: 90%;
    max-width: 677px;
    margin: auto
}

    .c-404__image img {
        width: 100%
    }

::-webkit-input-placeholder {
    color: #c6c6c6
}

::-moz-placeholder {
    color: #c6c6c6
}

:-ms-input-placeholder {
    color: #c6c6c6
}

:-moz-placeholder {
    color: #c6c6c6
}

.btn-action, .btn-add-to-cart, .btn-cart, .btn-default, .btn-items-more, .btn-option, .btn-order-more, .c-btn-seller-add-cart {
    display: inline-block;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    position: relative;
    padding: 0;
    text-align: center;
    white-space: nowrap;
    line-height: 22px
}

.btn-default {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4;
    padding: 14px 31px;
    color: #fff
}

    .btn-default.is-disabled {
        background-color: #7a7a7a;
        border-color: #7a7a7a
    }

.btn-cart {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 1.467;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #148693;
    padding: 11px 31px;
    color: #fff
}

    .btn-cart:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-cart:not(.disabled):not(.is-inactive):not([disabled]):after {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .btn-cart:not(.disabled):not(.is-inactive):not([disabled]):hover:after {
            opacity: 1
        }

.btn-cart {
    padding-right: 100px;
    padding-left: 100px
}

    .btn-cart:not(.disabled):not(.is-inactive):not([disabled]) {
        position: relative;
        overflow: hidden
    }

        .btn-cart:not(.disabled):not(.is-inactive):not([disabled]):before {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .btn-cart:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
            opacity: 1
        }

.btn-add-to-cart {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    border-radius: 8px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    min-height: 55px;
    background-color: #d670ac;
    border: none;
    padding: 16px 18px
}

    .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]):before {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .btn-add-to-cart:not(.disabled):not(.is-inactive):not([disabled]):hover:before {
            width: 900px;
            height: 900px;
            right: -450px;
            top: -450px;
            -webkit-transform: unset;
            transform: unset
        }

.btn-add-to-cart__txt {
    display: inline-block
}

    .btn-add-to-cart__txt:before {
        position: absolute;
        right: 32px;
        top: 12px;
        font-size: 27px
    }

    .btn-add-to-cart__txt:after {
        position: absolute;
        right: 14px;
        top: 20px;
        font-size: 12px
    }

.btn-add-to-cart--full-width {
    width: 100%
}

.btn-option {
    width: 51px;
    height: 46px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #cacaca;
    color: #565656;
    color: #9b9b9b
}

    .btn-option:hover {
        border-color: #9d9d9d
    }

    .btn-option:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.btn-option--play {
    font-size: 29px
}

    .btn-option--play:before {
        content: "\E184\00FE0E"
    }

.btn-option--play-video {
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

    .btn-option--play-video:before {
        content: "\E16F\00FE0E"
    }

.btn-items-more {
    width: 59px;
    height: 52px;
    border-radius: 8px;
    background-color: #fefefe;
    border: 1px solid #e2e2e2
}

    .btn-items-more:before {
        content: "\E10C\00FE0E";
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        font-size: 7px;
        color: #777
    }

    .btn-items-more:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-items-more:not(.disabled):not(.is-inactive):not([disabled]):after {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .btn-items-more:not(.disabled):not(.is-inactive):not([disabled]):hover:after {
            opacity: 1
        }

.btn-action {
    width: 33px;
    height: 28px;
    border-radius: 8px;
    background-color: #00bfd6;
    border: 1px solid #41a7b4
}

    .btn-action:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-action:not(.disabled):not(.is-inactive):not([disabled]):after {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .btn-action:not(.disabled):not(.is-inactive):not([disabled]):hover:after {
            opacity: 1
        }

    .btn-action:before {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff
    }

.btn-action--add-to-cart:before {
    content: "\E0AF\00FE0E";
    font-size: 17px;
    margin-left: -1px
}

.btn-order-more {
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .btn-order-more:before {
        content: "\E0BD\00FE0E";
        font-size: 22px;
        font-weight: 700;
        color: #a9a9a9
    }

    .btn-order-more:not(.disabled):not(.is-inactive):not([disabled]) {
        overflow: hidden
    }

        .btn-order-more:not(.disabled):not(.is-inactive):not([disabled]):after {
            -webkit-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            width: 200%;
            height: 200%;
            position: absolute;
            right: -50%;
            top: -50%;
            background: hsla(0,0%,100%,.21);
            content: "";
            opacity: 0
        }

        .btn-order-more:not(.disabled):not(.is-inactive):not([disabled]):hover:after {
            opacity: 1
        }

.disabled {
    opacity: .5;
    cursor: default !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

 

.remodal-wrapper {
    z-index: 100002
}

    .remodal-wrapper .remodal {
        max-height: 95vh;
        overflow: auto
    }

.remodal {
    line-height: 22px;
    max-width: 820px
}

.c-remodal-gallery {
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    background-color: #fff;
    max-width: unset;
    width: unset
}

.c-remodal-gallery__main {
    display: none
}

    .c-remodal-gallery__main.is-open {
        display: block
    }

.c-remodal-gallery__top-bar {
    margin: 0 30px 0 20px;
    border-bottom: 1px solid #dfdfdf;
    height: 52px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-remodal-gallery__tab, .c-remodal-gallery__tabs, .c-remodal-gallery__top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-remodal-gallery__tab, .c-remodal-gallery__tabs {
    height: 100%
}

.c-remodal-gallery__tab {
    padding: 0 8px;
    margin-left: 8px;
    position: relative;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #6d7179;
    cursor: pointer
}

.c-remodal-gallery__tab--selected {
    color: #0099bd
}

    .c-remodal-gallery__tab--selected:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: -1px;
        width: 100%;
        height: 4px;
        background-color: #0099bd;
        border-radius: 4px 4px 0 0
    }

.c-remodal-gallery__close {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    cursor: pointer;
    width: 24px;
    height: 24px;
    padding: 0
}

    .c-remodal-gallery__close:before {
        content: "\E0E9\00FE0E";
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px;
        color: #424750
    }

.c-remodal-gallery__content {
    padding: 16px 30px 12px;
    display: none;
    height: calc(90vh - 62px);
    width: calc(90vh + 300px);
    max-width: 1200px;
    max-height: 838px;
    overflow: auto
}

    .c-remodal-gallery__content::-webkit-scrollbar {
        width: 14px;
        height: 18px
    }

    .c-remodal-gallery__content::-webkit-scrollbar-thumb {
        height: 6px;
        border: 5px solid transparent;
        background-clip: padding-box;
        -webkit-border-radius: 7px;
        background-color: rgba(0,0,0,.15);
        min-height: 20px
    }

    .c-remodal-gallery__content::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

    .c-remodal-gallery__content::-webkit-scrollbar-corner {
        background-color: transparent
    }

    .c-remodal-gallery__content.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

.c-remodal-gallery__content--comments {
    padding-top: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.c-remodal-gallery__main-img {
    width: calc(90vh - 108px);
    height: calc(90vh - 108px);
    max-height: 792px;
    max-width: 792px;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    overflow: hidden;
    position: relative;
    border-radius: 5px
}

    .c-remodal-gallery__main-img img {
        overflow: visible;
        min-height: 200px;
        min-width: 200px
    }

        .c-remodal-gallery__main-img img[alt]:after {
            min-width: 200px !important;
            min-height: 200px !important
        }

    .c-remodal-gallery__main-img img {
        overflow: hidden
    }

        .c-remodal-gallery__main-img img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-remodal-gallery__main-img.is-active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-remodal-gallery__main-img.is-zoom {
        cursor: -webkit-zoom-out;
        cursor: zoom-out
    }

        .c-remodal-gallery__main-img.is-zoom img {
            -webkit-transform: scale(2);
            transform: scale(2)
        }

    .c-remodal-gallery__main-img img {
        width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        position: relative
    }

.c-remodal-gallery__info {
    width: 300px;
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: auto
}

    .c-remodal-gallery__info::-webkit-scrollbar {
        width: 14px;
        height: 18px
    }

    .c-remodal-gallery__info::-webkit-scrollbar-thumb {
        height: 6px;
        border: 5px solid transparent;
        background-clip: padding-box;
        -webkit-border-radius: 7px;
        background-color: rgba(0,0,0,.15);
        min-height: 20px
    }

    .c-remodal-gallery__info::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

    .c-remodal-gallery__info::-webkit-scrollbar-corner {
        background-color: transparent
    }

.c-remodal-gallery__title {
    color: #030a16;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    text-align: right
}

.c-remodal-gallery__other-imgs {
    margin-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-remodal-gallery__thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8px;
    margin-bottom: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-remodal-gallery__thumb {
    width: 64px;
    height: 64px;
    border-radius: 5px;
    border: 1px solid #e0e0e2;
    margin-top: 12px;
    margin-left: calc((100% - 256px)/ 3);
    cursor: pointer;
    position: relative;
    padding: 2px
}

    .c-remodal-gallery__thumb img {
        overflow: visible;
        min-height: 35px;
        min-width: 35px
    }

        .c-remodal-gallery__thumb img[alt]:after {
            min-width: 35px !important;
            min-height: 35px !important
        }

    .c-remodal-gallery__thumb img {
        overflow: hidden
    }

        .c-remodal-gallery__thumb img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-remodal-gallery__thumb:nth-child(4n) {
        margin-left: 0
    }

    .c-remodal-gallery__thumb img {
        -o-object-fit: contain;
        object-fit: contain;
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        width: 100%;
        border-radius: 3px
    }

.c-remodal-gallery__thumb--selected {
    border: 1px solid #0fabc6;
    -webkit-box-shadow: 0 0 0 1px #0fabc6;
    box-shadow: 0 0 0 1px #0fabc6
}

.c-remodal-gallery__thumb.is-video:before {
    content: "\E1F1\00FE0E";
    font-size: 24px;
    font-size: 1.714rem;
    line-height: 24px;
    color: #424750;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1
}

.c-remodal-gallery__thumb.is-video img {
    opacity: .3
}

.remodal {
    display: none
}

.remodal-wrapper .remodal {
    display: inline-block
}

@-webkit-keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@keyframes loading-dots-fadein {
    to {
        opacity: 1
    }
}

@-webkit-keyframes loading-dots-first-dot {
    to {
        -webkit-transform: translateX(14px);
        transform: translateX(14px);
        opacity: 1
    }
}

@keyframes loading-dots-first-dot {
    to {
        -webkit-transform: translateX(14px);
        transform: translateX(14px);
        opacity: 1
    }
}

@-webkit-keyframes loading-dots-middle-dots {
    to {
        -webkit-transform: translateX(14px);
        transform: translateX(14px)
    }
}

@keyframes loading-dots-middle-dots {
    to {
        -webkit-transform: translateX(14px);
        transform: translateX(14px)
    }
}

@-webkit-keyframes loading-dots-last-dot {
    to {
        -webkit-transform: translateX(28px);
        transform: translateX(28px);
        opacity: 0
    }
}

@keyframes loading-dots-last-dot {
    to {
        -webkit-transform: translateX(28px);
        transform: translateX(28px);
        opacity: 0
    }
}

.c-box {
    background-color: #fff;
    position: relative
}

    .c-box .swiper-container {
        position: unset;
        padding-top: 3px
    }

        .c-box .swiper-container .swiper-button-next {
            margin-left: -10px
        }

        .c-box .swiper-container .swiper-button-prev {
            margin-right: -43px
        }

    .c-box:first-child {
        margin-top: 0
    }

.c-box--tabs {
    padding: 35px 53px 35px 61px;
    margin-bottom: 58px;
    border-top: none
}

.c-box__content {
    padding: 10px 13px 8px 12px
}

.c-box-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-box-tabs {
    list-style: none;
    background-color: #f8f8f8;
    border: 1px solid #dfdfdf;
    font-size: 17px;
    font-weight: 400;
    font-size: 1.014rem;
    line-height: 1.294;
    letter-spacing: -.4px;
    position: absolute;
    top: 0;
    width: 100%
}

    .c-box-tabs + .c-box {
        margin-top: 3px;
    }

.c-box-tabs__tab {
    border-left: 1px solid #dfdfdf;
    position: relative
}

    .c-box-tabs__tab a {
        padding: 8px 15px;
        position: relative;
        color: #6f6f6f;
        display: block;
        line-height: 27px
    }

        .c-box-tabs__tab a[data-tab-name]:before {
            color: #c3c3c3;
            display: inline-block;
            vertical-align: top;
            margin-left: 11px
        }

        .c-box-tabs__tab a[data-tab-name=desc]:before, .c-box-tabs__tab a[data-tab-name=expert]:before {
            content: "\E121\00FE0E";
            font-size: 21px;
            margin-top: 3px
        }

        .c-box-tabs__tab a[data-tab-name=params]:before {
            content: "\E177\00FE0E";
            font-size: 26px;
            margin-top: -1px
        }

        .c-box-tabs__tab a[data-tab-name=comments]:before {
            content: "\E0EE\00FE0E";
            font-size: 22px;
            margin-top: 3px
        }

        .c-box-tabs__tab a[data-tab-name=questions]:before {
            content: "\E11A\00FE0E";
            font-size: 27px;
        }

        .c-box-tabs__tab a[data-tab-name=compare]:before {
            content: "\E0EF\00FE0E";
            font-size: 21px;
            margin-top: 3px
        }

        .c-box-tabs__tab a[data-tab-name=home]:before {
            content: "\E143\00FE0E";
            font-size: 22px
        }

        .c-box-tabs__tab a[data-tab-name=delivery]:before {
            content: "\E166\00FE0E";
            font-size: 22px;
            margin-top: 3px
        }

        .c-box-tabs__tab a[data-tab-name=returns]:before {
            content: "\E19F\00FE0E";
            font-size: 22px;
            margin-top: 2px
        }

        .c-box-tabs__tab a[data-tab-name=script]:before {
            content: "\E1B0\00FE0E";
            font-size: 23px;
            margin-top: 1px
        }

    .c-box-tabs__tab.is-active {
        border-right: 1px solid #dfdfdf;
        margin-right: -1px;
        padding-top: 3px;
    }

        .c-box-tabs__tab.is-active:first-of-type {
            border-right: none
        }

        .c-box-tabs__tab.is-active:before {
            display: block;
            content: "";
            left: -1px;
            right: -1px;
            bottom: 100%;
            height: 4px;
            background: #00bfd6;
            position: absolute
        }

        .c-box-tabs__tab.is-active a {
            padding-bottom: 8px;
            color: #00bfd6;
            background: #fff;
            margin-bottom: -1px;
            padding-top: 9px;
            font-weight: 500;
            padding-top: 9px;
        }

            .c-box-tabs__tab.is-active a[data-tab-name]:before {
                color: #00bfd6
            }

.c-ui-textarea__field {
    background-color: #fffff2;
}

.c-swiper .o-headline {
    padding-right: 0;
    margin-bottom: 22px;
    margin-top: 8px
}

    .c-swiper .o-headline > h2, .c-swiper .o-headline > span {
        font-weight: 700
    }

.c-swiper {
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1)
}

    .c-swiper .swiper-wrapper {
        -webkit-transition: -webkit-transform .5s cubic-bezier(.3,0,.9,1) !important;
        transition: -webkit-transform .5s cubic-bezier(.3,0,.9,1) !important;
        transition: transform .5s cubic-bezier(.3,0,.9,1) !important;
        transition: transform .5s cubic-bezier(.3,0,.9,1),-webkit-transform .5s cubic-bezier(.3,0,.9,1) !important
    }

    .c-swiper .swiper-slide:hover {
        z-index: 1
    }

    .c-swiper .c-product-box {
        -webkit-transition-duration: .1s;
        transition-duration: .1s
    }

        .c-swiper .c-product-box:hover {
            -webkit-transform: translateY(-2px);
            transform: translateY(-2px)
        }

            .c-swiper .c-product-box:hover:after {
                content: "";
                position: absolute;
                right: 0;
                bottom: -2px;
                left: 0;
                height: 2px
            }

.c-swiper--products {
    margin: 16px 0 0;
    padding: 9px 33px 11px 0;
    max-width: 100%
}

    .c-swiper--products .o-headline {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 6px 33px;
        position: relative;
        padding-left: 5px
    }

        .c-swiper--products .o-headline:after {
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            background-color: #dfdfdf;
            height: 1px;
            content: "";
            z-index: 0
        }

        .c-swiper--products .o-headline > span {
            padding: 8px 0;
            min-height: 49px;
            font-size: 18px;
            font-size: 1.286rem;
            line-height: 31px;
            white-space: nowrap;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            position: relative
        }

            .c-swiper--products .o-headline > span:before {
                content: "";
                position: absolute;
                right: 0;
                left: -40px;
                bottom: 0;
                background-color: #ef5661;
                height: 1px;
                z-index: 1
            }

            .c-swiper--products .o-headline > span:after {
                content: "";
                position: absolute;
                left: -45px;
                width: 15px;
                height: 1px;
                background-color: #fff;
                bottom: 0;
                z-index: 1
            }

    .c-swiper--products + .c-product {
        margin-top: 15px
    }

    .c-swiper--products .c-product-box {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        border-radius: 5px;
        background-color: #fff;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 5px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 5px 15px 16px;
        position: relative
    }

        .c-swiper--products .c-product-box:hover {
            -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
            box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
        }

    .c-swiper--products .c-product-box__img {
        width: 180px;
        height: 180px;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        max-width: 100%;
        position: relative
    }

    .c-swiper--products .c-product-box__img-container {
        position: relative;
        width: 100%;
        z-index: 40
    }


    .c-swiper--products .swiper-wrapper {
        padding: 2px 0
    }

    .c-swiper--products .swiper-button-next, .c-swiper--products .swiper-button-prev {
        width: 49px;
        height: 90px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: #fff;
        background-image: unset
    }

        .c-swiper--products .swiper-button-next:before, .c-swiper--products .swiper-button-prev:before {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -13px 0 0 -13px;
            font-size: 26px;
            color: #000;
            font-weight: 700;
        }

    .c-swiper--products .swiper-button-next {
        color: #a8a8a8;
        -webkit-box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15);
        box-shadow: 1.5px 0 4px 0 rgba(0,0,0,.15);
        border-radius: 0 5px 5px 0
    }

        .c-swiper--products .swiper-button-next:before {
            content: "\E0BD\00FE0E"
        }

    .c-swiper--products .swiper-button-prev {
        color: #a8a8a8;
        -webkit-box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15);
        box-shadow: -1.5px 0 4px 0 rgba(0,0,0,.15);
        border-radius: 5px 0 0 5px
    }

        .c-swiper--products .swiper-button-prev:before {
            content: "\E0C1\00FE0E"
        }

.c-swiper--products-add-items {
    padding: 5px 15px !important
}

.c-swiper--order-summary {
    display: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding-bottom: 20px
}

    .c-swiper--order-summary .swiper-container {
        padding-right: 48px
    }

    .c-swiper--order-summary .swiper-slide {
        text-align: right;
        max-width: 20%
    }

    .c-swiper--order-summary .swiper-button-next, .c-swiper--order-summary .swiper-button-prev {
        width: 48px;
        height: 90px;
        margin-top: -35px;
        -webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
        box-shadow: 0 0 4px 0 rgba(0,0,0,.15);
        background-color: #fff;
        background-image: none !important;
        color: #000
    }

        .c-swiper--order-summary .swiper-button-next:before, .c-swiper--order-summary .swiper-button-prev:before {
            content: "\E0BF\00FE0E";
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-size: 26px
        }

    .c-swiper--order-summary .swiper-button-next {
        border-radius: 0 5px 5px 0;
        left: 0
    }

        .c-swiper--order-summary .swiper-button-next:before {
            -webkit-transform: translate(-50%,-50%) rotate(180deg);
            transform: translate(-50%,-50%) rotate(180deg)
        }

    .c-swiper--order-summary .swiper-button-prev {
        border-radius: 5px 0 0 5px;
        right: 0
    }

    .c-swiper--order-summary .swiper-button-disabled {
        display: none
    }

@-webkit-keyframes incredible-timer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }
}

@keyframes incredible-timer {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }

    to {
        -webkit-transform: scale(5);
        transform: scale(5);
        opacity: 0
    }
}

.c-product-box {
    display: block;
    background: #fff;
    height: 100%;
    position: relative;
    -webkit-transition: -webkit-box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);
    transition: -webkit-box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1);
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),transform .2s cubic-bezier(.4,0,1,1),-webkit-box-shadow .2s cubic-bezier(.4,0,1,1),-webkit-transform .2s cubic-bezier(.4,0,1,1);
    padding: 30px 12px 46px
}

.c-product-box--centered {
    text-align: center
}

.c-product-box:hover {
    -webkit-box-shadow: 0 2px 17px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 17px 0 rgba(0,0,0,.1);
    z-index: 11
}

.c-product-box__img {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 10px;
    height: 200px;
    position: relative
}

    .c-product-box__img img {
        overflow: hidden
    }

        .c-product-box__img img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-product-box__img img {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.c-product-box__add-to-cart-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 3
}

    .c-product-box__add-to-cart-section > :not(:last-child) {
        margin-bottom: 20px
    }

.c-product-box__title {
    display: block;
    overflow: hidden;
    font-size: 12px;
    font-size: .857rem;
    line-height: 30px;
    text-align: right;
    line-height: 22px;
    margin-top: 13px;
    height: 43px
}

    .c-product-box__title a {
        color: #535353
    }

.c-product-box__title--add-item {
    height: 48px
}

.c-product-box__label-discount {
    border-radius: 0 0 22px 22px;
    background-color: #fff8f9;
    border: 1px solid #ffcbd0;
    border-top: none;
    padding: 9px 20px 11px;
    min-width: 190px;
    position: absolute;
    left: 50%;
    top: 0;
    display: none;
    text-align: center;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.is-discount .c-product-box__label-discount {
    display: block
}

.c-product-box__row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-product-box__row--price {
    margin-top: 13px;
    height: 43px
}

.c-product-box__params {
    display: none
}

.c-product-box__container-title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #4e4e4e
}

.c-product-box__timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-product-box__timer {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #737373
}

    .c-product-box__timer:after {
        content: "\E0E7\00FE0E";
        font-size: 15px;
        color: #737373;
        margin-right: 4px;
        position: relative;
        top: -1px
    }

.c-product-box__price-row {
    width: 100%;
    text-align: center;
}

.c-product-box__price-item {
    display: inline-block;
}

.c-product-box__variant {
    font-size: 10px;
    font-size: .714rem;
    line-height: 18px;
    color: #777;
    position: relative;
    padding-right: 22px;
    text-align: right
}

    .c-product-box__variant:not(:last-of-type) {
        margin-bottom: 4px
    }

    .c-product-box__variant span {
        width: 14px;
        height: 14px;
        border-radius: 50%;
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        right: 0;
        top: 2px;
        border: 1px solid rgba(0,0,0,.1)
    }

.c-product-box__swiper-title {
    color: #424750;
    font-size: 12px;
    font-size: .857rem;
    line-height: 21px
}

@-webkit-keyframes bar-fill {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes bar-fill {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.c-discount {
    border-radius: 5px;
    height: 410px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07);
    line-height: 22px;
    background-color: #fff
}

    .c-discount .c-box {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%
    }

.c-discount__aside {
    background-color: rgba(240,246,250,.9);
    position: relative
}

    .c-discount__aside ul {
        list-style: none;
        padding: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        position: relative;
        z-index: 1
    }

.c-discount__aside-a:not(.is-active):not(.c-discount__aside-a--button):hover {
    background-color: #ebebeb
}

.c-discount__aside-container {
    height: 100%
}

.c-discount__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-discount__price {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-discount__price--discount {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 28px;
    color: #fff;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px
}

.c-discount__price--discount, .c-discount__price--discount-content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-discount__price--discount-content {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 115px;
    height: 38px;
    border-radius: 20px;
    background-color: #ef5661;
    margin-bottom: -45px
}

    .c-discount__price--discount-content span {
        margin-right: 8px
    }

.c-discount__content-container {
    display: none;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    height: 100%
}

    .c-discount__content-container.is-active {
        display: block
    }

.c-discount__product {
    position: relative;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 353px;
    padding: 35px 20px 20px 30px
}

    .c-discount__product .row {
        height: 100%;
        width: 100%
    }

    .c-discount__product .row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

.c-discount__product-url {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    opacity: 0;
    right: 0;
    bottom: 0;
    z-index: 14
}

.c-discount__img {
    max-height: 100%;
    height: 344px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

    .c-discount__img img {
        overflow: hidden
    }

        .c-discount__img img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-discount__img img {
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        margin-top: 20px
    }

.c-discount__title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.89;
    font-weight: 700;
    text-align: right;
    max-width: 100%;
    margin: 20px 0 10px
}

.c-discount__ul {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    padding: 0;
    list-style-type: none;
    margin-bottom: 15px
}

    .c-discount__ul li {
        margin: 5px 0;
        padding-right: 17px;
        position: relative;
        font-size: 13px;
        font-size: .929rem;
        line-height: 24px;
        text-align: right
    }

        .c-discount__ul li:before {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #bebebe;
            position: absolute;
            right: 0;
            top: 50%;
            content: "";
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.c-discount__row-container {
    width: 100%
}

.c-discount .c-price {
    float: right;
    margin-bottom: 19px
}

.c-discount .c-price__discount {
    margin-right: 16px
}

.c-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-price > :not(:first-child) {
        margin-right: 10px
    }

.c-price__value {
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 26px;
    color: #fb3449;
    letter-spacing: .8px
}

    .c-price__value del {
        font-size: 13px;
        font-size: .929rem;
        line-height: 22px;
        display: block;
        letter-spacing: .5px;
        color: #acacac;
        text-decoration: line-through
    }

.c-price__currency {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692
}

.c-price__discount {
    font-size: 14px;
    font-size: 1rem;
    line-height: 28px;
    margin-right: auto;
    background-color: #ef5662;
    height: 28px;
    color: #fff;
    padding: 0 10px;
    border-radius: 0 19px 19px 19px;
    letter-spacing: .5px;
    position: relative
}

    .c-price__discount span {
        font-size: 13px;
        font-size: .929rem;
        line-height: 28px
    }

    .c-price__discount[data-title]:before {
        position: absolute;
        bottom: 100%;
        right: 12px;
        font-size: 13px;
        font-size: .929rem;
        line-height: 22px;
        color: #7f7f7f;
        content: attr(data-title)
    }

.c-price__value-wrapper {
    width: 100%;
    color: #000;
    letter-spacing: 0;
    font-weight: 700;
    font-size: 20px;
    font-size: 1.429rem;
    line-height: 1.1;
    text-align: left
}

    .c-price__value-wrapper .c-price__currency {
        font-weight: 400;
        font-size: 14px
    }

.c-new-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 52px;
    padding: 4px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-new-price__value {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #000;
    font-weight: 700;
    width: 100%
}

.c-new-price__currency {
    font-size: 10px;
    font-size: .714rem;
    line-height: 2.2;
    font-weight: 400
}

.c-new-price__old-value {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    color: #ababab;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 4px
}

    .c-new-price__old-value del {
        display: block;
        text-decoration: line-through
    }

.c-new-price__discount {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    font-weight: 700;
    padding-top: 2px;
    background-color: #fb3449;
    color: #fff;
    border-radius: 16px;
    margin-right: 4px;
    width: 36px;
    text-align: center
}

.c-variant {
    display: inline-block;
    margin-top: 28px
}

.c-product {
    background-color: #fff;
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    border: 1px solid #e4e4e4;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 15px;
    width: 100%
}

.c-product__info-box-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 13px 16px;
    position: relative
}

    .c-product__info-box-row + .c-product__info-box-row:before {
        content: "";
        width: calc(100% - 32px);
        right: 16px;
        height: 1px;
        top: 0;
        background-color: #e4e4e4;
        position: absolute
    }

.c-product__info-box-image {
    width: 36px;
    height: 36px;
    margin-left: 16px;
    border-radius: 5px;
    background: #fff
}

    .c-product__info-box-image img {
        border-radius: 5px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

.c-product__info-box-title {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #979797
}

.c-product__info-box-desc {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #4a4a4a
}

.c-product__info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__gallery {
    border-left: 1px solid #f4f4f4;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__headline {
    position: relative;
    padding: 7px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 0 solid #f2f2f2
}

.c-product__headline, .c-product__headline--gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-product__headline--gallery {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 24px;
    border-bottom: 1px solid #1abc9c;
    color: #1abc9c;
    padding: 18px 0
}

.c-product__rating {
    color: #a0a0a0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
    font-size: .9rem;
    white-space: nowrap
}

.c-product__title {
    margin: .8rem 0;
    font-size: 16px;
    font-size: 1.543rem;
    line-height: 24px;
    font-weight: 700;
    color: #000;
}

.c-product__attributes {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: auto;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

/*.c-product__attributes, .c-product__params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}*/

.c-product__params {
    padding: 12px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .c-product__params ul {
        list-style: none;
        padding: 0;
        color: #55565a;
        margin: 20px 0;
        font-size: 12px;
        font-size: .857rem;
        line-height: 1.833
    }

        .c-product__params ul:before {
            content: attr(data-title);
            font-size: 13px;
            font-size: .929rem;
            line-height: 1.692;
            display: list-item;
            font-weight: 700
        }

        .c-product__params ul li {
            margin: 5px 0;
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: baseline;
            -ms-flex-align: baseline;
            align-items: baseline;
            width: 100%
        }

            .c-product__params ul li span {
                margin-left: 5px;
                white-space: normal
            }

                .c-product__params ul li span:last-of-type {
                    -webkit-box-flex: 1;
                    -ms-flex: 1;
                    flex: 1
                }

            .c-product__params ul li:before {
                content: "";
                width: 5px;
                height: 5px;
                background: #ccc;
                vertical-align: middle;
                margin-left: 5px;
                border-radius: 50%
            }

.c-product__params-more {
    display: none !important
}

    .c-product__params-more.is-active {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }

.c-product__config {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid #f2f2f2;
    min-height: 300px
}

    .c-product__config .btn-add-to-cart {
        text-align: center;
        width: 100%
    }

    .c-product__config:not(.c-product__config--quick-view) .btn-add-to-cart, .c-product__config:not(.c-product__config--quick-view) .c-price {
        max-width: 380px
    }

.c-product__add {
    margin-top: 10px;
    white-space: nowrap;
    position: relative;
    padding-bottom: 45px
}

.c-product__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product__add-container {
    width: 100%
}

.c-product__add-discount {
    margin-top: 3px;
    border-right: 1px dashed #ccc;
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    color: #8f8f8f;
    padding: 3px 15px;
    margin-right: 15px
}

    .c-product__add-discount:before {
        content: "\E132\00FE0E";
        color: #ababab;
        font-size: 20px;
        vertical-align: top;
        margin-right: 5px
    }

        .c-product__add-discount:before:before {
            vertical-align: top
        }

.c-product__config-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__config-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product__main-seller {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    font-weight: 700;
    color: #565656
}

.c-product__seller-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: normal;
}

.c-product__seller-row {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .9rem;
    color: #000
}

    .c-product__seller-row:before {
        font-size: 1.7rem;
        color: #9b9b9b
    }
     

    .c-product__seller-row:last-of-type .c-product__seller-row:after {
        content: unset
    }

.c-product__seller-row--add-to-cart {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    height: calc(98px + 1rem);
    height: auto
}

.c-product__seller-row--seller:before {
    content: "\E1CD\00FE0E"
}

.c-product__seller-row--price {
    padding-bottom: 0
}

    .c-product__seller-row--price:after {
        content: unset
    }

.c-product__seller-row--price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #2980b9
}

.c-product__seller-row-main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    font-size: 14px;
    font-size: 1rem;
    line-height: 24px
}

.c-product__seller-row-info {
    color: #00bfd6;
    font-weight: 700
}

.c-product__seller-name {
    font-weight: 700
}

.c-product__seller-price-info {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #b4b4b4;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-product__seller-price-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-product__seller-price-prev {
    text-decoration: line-through;
    font-size: 1.3rem
}

.c-product__seller-price-off {
    padding: 3px .7rem 1px;
    font-weight: 700;
    background: #35bb9b;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.1rem
}

.c-product__seller-price-real {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin: 0
}

.c-product__seller-price-raw {
    display: inline;
    font-size: 31px;
    font-size: 2.214rem;
    line-height: 1.419;
    font-weight: 400;
}

.c-product__summary {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 300px
}

.c-product__seller-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    min-height: 100px
}

.c-product__button-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 10px
}

.c-product__add-to-cart-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: normal;
    text-align: center
}

.c-product-info-box {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1;
    background-color: #f5f5f5;
    border: 1px solid #e4e4e4;
    border-radius: 5px
}

.c-product-info-box__body-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    position: relative
}

    .c-product-info-box__body-wrapper::-webkit-scrollbar {
        width: 15px;
        height: 18px;
        background: 0 0
    }

    .c-product-info-box__body-wrapper::-webkit-scrollbar-thumb {
        height: 6px;
        border: 5px solid transparent;
        background-clip: padding-box;
        -webkit-border-radius: 7px;
        background-color: rgba(0,0,0,.15);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        cursor: pointer
    }

        .c-product-info-box__body-wrapper::-webkit-scrollbar-thumb:hover {
            background-color: rgba(0,0,0,.35)
        }

    .c-product-info-box__body-wrapper::-webkit-scrollbar-button {
        width: 0;
        height: 0;
        display: none
    }

    .c-product-info-box__body-wrapper::-webkit-scrollbar-corner {
        background-color: transparent
    }

.c-product-info-box__row {
    position: relative;
    font-size: 1rem;
    border-bottom: 1px solid #e4e4e4
}

    .c-product-info-box__row:last-of-type {
        border-bottom-width: 0
    }

.c-product-info-box__row-info {
    display: inline-block;
    float: left;
    color: #00bfd6;
    font-weight: 700
}

.c-product-info-box__btn {
    text-align: center;
    color: #fff;
    background-color: #00bfd6;
    border-radius: 8px;
    font-size: 1.1rem
}

.c-product-gallery__offer {
    padding: 9px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #fb3449;
    font-size: 1.1rem;
    margin-bottom: 0
}

.c-product-gallery__offer-img {
    margin: .8rem 0;
    height: 19px
}

.c-product-gallery__timer {
    line-height: 1;
    color: #fb3449
}

.c-gallery {
    height: 100%;
    display: block
}

.c-gallery__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: calc(100% - 100px);
    padding: 17px 0;
    height: calc(287px + 8rem);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .c-gallery__item img {
        max-width: 100%;
        vertical-align: top
    }

.c-gallery__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

    .c-gallery__img img {
        overflow: visible;
        min-height: 100px;
        min-width: 101px
    }

        .c-gallery__img img[alt]:after {
            min-width: 101px !important;
            min-height: 100px !important
        }

    .c-gallery__img img {
        overflow: hidden
    }

        .c-gallery__img img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-gallery__img img {
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: fill;
        -o-object-position: center;
        object-position: center
    }

    .c-gallery__img.is-video:before {
        content: "\E086\00FE0E";
        font-size: 48px;
        font-size: 3.429rem;
        line-height: 48px;
        color: #fff;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background-color: rgba(3,15,22,.5);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        z-index: 1
    }

    .c-gallery__img.is-video:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

@-webkit-keyframes dk-gallery-option-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dk-gallery-option-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-gallery__items {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: none;
    padding: 0
}

    .c-gallery__items li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        height: 68px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: none;
        position: relative;
        -ms-flex: 0 0 22%;
        flex: 0 0 22%;
        padding: 22% 0 0;
        border: 1px solid #ccc;
        border-radius: 5px;
        overflow: hidden;
        cursor: pointer
    }

        .c-gallery__items li img {
            overflow: visible;
            min-height: 30px;
            min-width: 30px
        }

            .c-gallery__items li img[alt]:after {
                min-width: 30px !important;
                min-height: 30px !important
            }

        .c-gallery__items li img {
            overflow: hidden
        }

            .c-gallery__items li img[alt]:after {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                font-weight: 300;
                color: transparent;
                text-align: center;
                content: attr(alt);
                background-size: contain;
                width: 100%
            }

        .c-gallery__items li:not(:first-of-type) {
            margin-right: 4%
        }

        .c-gallery__items li:nth-of-type(4) img {
            -webkit-filter: blur(3px);
            filter: blur(3px)
        }

        .c-gallery__items li .thumb-wrapper, .c-gallery__items li:nth-of-type(4) .c-gallery__images-count {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .c-gallery__items li .thumb-wrapper {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 4px
        }

        .c-gallery__items li img {
            max-width: 100%;
            max-height: 100%;
            vertical-align: top;
            opacity: .7;
            position: relative
        }

        .c-gallery__items li.is-active img, .c-gallery__items li:hover img {
            opacity: 1
        }

        .c-gallery__items li:nth-child(-n+3), .c-gallery__items li:nth-child(-n+4) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .c-gallery__items li.is-video:after {
            content: "\E183\00FE0E";
            position: absolute;
            font-size: 48px;
            color: #878787;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.c-gallery__images-count {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    opacity: 1
}

.c-gallery__count-circle, .c-gallery__images-count {
    position: absolute;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-gallery__count-circle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    color: #fff;
    background-color: rgba(115,114,115,.6);
    font-size: 14px;
    font-size: 1rem;
    line-height: 14px
}

.c-gallery__three-bullets {
    margin-top: 3px
}

    .c-gallery__three-bullets:before {
        content: "\E1D3\00FE0E";
        font-size: 1.5rem
    }

.c-content-product {
    color: #404040;
    font-size: 15px;
    font-size: 1.071rem;
    line-height: 2.53;
    font-family: IRANSans,serif
}

    .c-content-product h3 {
        color: #494949;
        font-size: 25px;
        font-size: 1.786rem;
        line-height: 1.76;
        font-weight: 500;
        margin-bottom: 25px
    }

@supports (grid-gap:unset) and (grid-area:unset) {
    .c-dc-mission {
        display: grid;
        grid-auto-flow: dense;
        grid-template-columns: repeat(3,minmax(0,1fr))
    }

    .c-dc-mission__item {
        -webkit-box-flex: unset;
        -ms-flex: unset;
        flex: unset
    }
}

.c-params__headline {
    color: #6f6f6f;
    font-size: 30px;
    font-size: 1.43rem;
    line-height: 1.467;
    font-weight: 500;
    margin-bottom: 35px;
    letter-spacing: -.6px
}

    .c-params__headline span {
        display: block;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        color: #a7a7a7;
        letter-spacing: -.3px
    }

.c-params__title {
    color: #4d4d4d;
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    margin-bottom: 25px;
    letter-spacing: -.3px;
    position: relative;
    padding-right: 19px
}

    .c-params__title:before {
        content: "";
        position: absolute;
        right: 0;
        bottom: 7px;
        width: 0;
        height: 0;
        border-color: transparent transparent transparent #00bfd6;
        border-style: solid;
        border-width: 7px 0 0 7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

@-webkit-keyframes dk-compare-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dk-compare-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dk-compare-out-animation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes dk-compare-out-animation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.c-comments-product__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.c-comments-product__headline {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 95px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-comments-product__title {
    font-size: 22px;
    font-size: 1.571rem;
    line-height: 32px;
    color: #494949
}

    .c-comments-product__title span {
        color: #b5b5b5;
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571;
        display: block;
        margin-top: 5px
    }

.c-comments-product__attributes {
    padding-left: 90px;
    padding-top: 25px;
    padding-right: 50px
}

    .c-comments-product__attributes .c-rating {
        margin-left: 40px
    }

.c-comments-product__attributes-row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -90px;
    margin-left: -90px;
    margin-top: 35px
}

    .c-comments-product__attributes-row:first-child {
        margin-top: 0
    }

.c-comments-product__attributes-title {
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin-bottom: 15px
}

.c-comments-add__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0
}

.c-comments__seller {
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
    text-decoration: none
}

    .c-comments__seller:before {
        content: "\E1B2\00FE0E";
        font-size: 20px;
        font-size: 1.429rem;
        line-height: 20px;
        color: #424750;
        margin-left: 10px
    }

.c-comments__rating {
    padding: 4px;
    font-size: 11px;
    font-size: .786rem;
    line-height: 2;
    font-weight: 700;
    color: #fff;
    border-radius: 4px;
    background-color: #65aa57;
    margin-left: 12px
}

.c-comments__title {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.571;
    color: #232933
}

.c-comments__row {
    margin: 8px 0;
    text-align: right
}

.c-comments__content {
    overflow: auto;
    color: #232933;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right
}

.c-comments__headline {
    font-size: 28px;
    font-size: 2rem;
    line-height: 1.571;
    letter-spacing: -.6px;
    color: #6f6f6f
}

    .c-comments__headline > span {
        margin-top: 10px;
        width: 100%;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

        .c-comments__headline > span span {
            font-size: 16px;
            font-size: 1.143rem;
            line-height: 1.375;
            color: #6f6f6f;
            margin: 0 3px
        }

.c-comments__summary {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px -30px 60px
}

.c-comments__summary-box {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 30px;
    padding-left: 30px
}

.c-comments__summary-box {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%
}

.c-comments__variant {
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-size: 13px;
    font-size: .929rem;
    line-height: 1.692;
    margin-top: 40px;
    color: #777
}

.c-comments__variant-value {
    position: relative;
    margin-right: 8px
}

.c-comments__item-rating {
    list-style: none;
    padding: 33px 33px 33px 60px;
    background: #fcfcfc;
    border-radius: 5px
}

    .c-comments__item-rating > li {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -7px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 15px;
        margin-left: 0
    }

        .c-comments__item-rating > li:first-child {
            margin-top: 0
        }

.c-rating {
    position: relative;
    height: 4px;
    border-radius: 3px;
    background: #eaeaea
}

    .c-rating[data-rate-digit]:before {
        position: absolute;
        right: 100%;
        top: 50%;
        content: attr(data-rate-digit);
        margin-right: 11px;
        color: #6f6f6f;
        font-size: 13px;
        font-size: .929rem;
        line-height: 1.692;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

@-webkit-keyframes normal-animation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        pointer-events: none
    }
}

@keyframes normal-animation {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0;
        pointer-events: none
    }
}

.c-cart-item {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px
}

.c-cart-item__thumb {
    width: 20%;
    min-width: 124px
}

.c-cart-item__thumb-img {
    width: 100%;
    display: block;
    min-height: 100px;
    text-align: center;
    position: relative
}

    .c-cart-item__thumb-img img {
        overflow: visible;
        min-height: 100px;
        min-width: 100px
    }

        .c-cart-item__thumb-img img[alt]:after {
            min-width: 100px !important;
            min-height: 100px !important
        }

    .c-cart-item__thumb-img img {
        overflow: hidden
    }

        .c-cart-item__thumb-img img[alt]:after {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            font-weight: 300;
            color: transparent;
            text-align: center;
            content: attr(alt);
            background-size: contain;
            width: 100%
        }

    .c-cart-item__thumb-img img {
        max-width: 100%;
        max-height: 140px
    }

.c-cart-item__data {
    width: 80%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 12px 20px 4px
}

.c-cart-item__title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #3f3f3f;
    text-align: right;
    margin-bottom: 10px;
    margin-top: 6px;
    width: 100%
}

.c-cart-item__product-data {
    color: #62666d;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    width: 100%;
    text-align: right;
    padding-right: 24px;
    position: relative;
    margin-bottom: 4px
}

    .c-cart-item__product-data:before {
        font-size: 18px;
        font-size: 1.286rem;
        line-height: 18px;
        position: absolute;
        right: 0;
        top: 2px;
        color: #979797
    }

.c-cart-item__product-data--seller:before {
    content: "\E077\00FE0E"
}

.c-cart-item__discount {
    width: 100%;
    text-align: left;
    font-size: 10px;
    font-size: .714rem;
    line-height: 10px;
    color: #d670ac
}

    .c-cart-item__discount span {
        font-size: 14px;
        font-size: 1rem;
        line-height: 1.571
    }

.c-cart-item__price-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 4px
}

.c-cart-item__product-price {
    text-align: left;
    color: #000;
    font-size: 17px;
    font-size: 1.214rem;
    line-height: 1.294
}

    .c-cart-item__product-price span {
        font-size: 10px;
        font-size: .714rem;
        line-height: 2.2
    }

.c-category__wrapper {
    margin-top: 15px;
    margin-left: -10px;
    margin-right: -10px
}

.c-category-desc {
    background-color: #fff;
    -webkit-box-shadow: 0 -6px 12px 0 hsla(0,0%,70.6%,.11);
    box-shadow: 0 -6px 12px 0 hsla(0,0%,70.6%,.11);
    border: 1px solid #dbdbdb;
    color: #787878;
    line-height: 22px;
    margin: 56px 0 23px;
    padding: 30px 50px
}

    .c-category-desc h1, .c-category-desc h2, .c-category-desc h3, .c-category-desc h4, .c-category-desc h5, .c-category-desc__title {
        font-size: 15px;
        font-size: 1.071rem;
        line-height: 1.467;
        font-weight: 500;
        letter-spacing: -.9px;
        margin-bottom: 15px
    }

    .c-category-desc div, .c-category-desc span {
        font-size: 12px;
        font-size: .857rem;
        line-height: 2.57;
        letter-spacing: -.5px
    }

@-webkit-keyframes time-bar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes time-bar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.c-info-page {
    -webkit-box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11);
    background-color: #fff;
    border: 1px solid #dedede;
    margin: 14px auto;
    padding-bottom: 60px;
    line-height: 22px
}

.c-info-page__box-headline {
    padding: 15px 70px 10px;
    margin-bottom: 20px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-size: contain
}

.c-info-page__box-headline--category {
    padding-right: 15px;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-info-page__box-headline--category img {
        max-height: 46px;
        margin-left: 15px
    }

.c-info-page__box-headline--discount {
    background-image: url(../files/d0f051b3.svg)
}

.c-info-page__box-headline--order {
    background-image: url(../files/0cb161a9.svg)
}

.c-info-page__content {
    padding: 5px 100px
}

.c-info-page__full-image {
    width: 100%;
    text-align: center;
    margin: 96px auto 25px
}

    .c-info-page__full-image img {
        width: 100%;
        max-width: 1024px
    }

.c-info-page__action {
    padding: 15px 35px;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    text-align: center
}

.c-info-page__image-container {
    text-align: center
}

.c-info-page__title {
    font-size: 27px;
    font-size: 1.929rem;
    line-height: 1.63;
    margin-bottom: 10px;
    margin-top: 20px;
    color: #555
}

.c-info-page__row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.c-info-page__page-image {
    max-width: 249px;
    width: 100%
}

    .c-info-page__page-image img {
        max-width: 100%;
        width: 100%
    }

.c-info-page__article {
    margin: 11px 0;
    padding-right: 76px;
    position: relative;
    overflow: hidden
}

    .c-info-page__article.is-active {
        padding-bottom: 30px
    }

        .c-info-page__article.is-active:before {
            background: #eee;
            position: absolute;
            top: 43px;
            right: 18px;
            bottom: 0;
            width: 1px;
            content: ""
        }

        .c-info-page__article.is-active .c-info-page__article-button:before {
            content: "\E15B\00FE0E";
            font-size: 15px
        }

.c-info-page__article-button {
    width: 38px;
    height: 32px;
    background-color: #a7a9a9;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    color: #fff;
    border-radius: 0 15px 15px 15px;
    outline: 0
}

    .c-info-page__article-button:before {
        content: "\E185\00FE0E";
        color: #fff;
        font-size: 15px;
        position: absolute;
        left: 11px;
        top: 8px
    }

.c-info-page__article-title {
    color: #494949;
    font-weight: 500;
    font-size: 17px !important;
    font-size: 1.214rem !important;
    line-height: normal !important;
    margin-bottom: 25px;
    padding: 0
}

.c-seller .c-box-tabs__tab.is-active {
    border-right: 1px solid #dfdfdf
}

.c-seller-tabs__title {
    font-weight: 700;
    margin-bottom: 10px
}

.c-seller-tabs__content {
    padding: 20px 10px;
    min-height: 215px
}

@-webkit-keyframes top-banner-counter {
    50% {
        opacity: 0
    }
}

@keyframes top-banner-counter {
    50% {
        opacity: 0
    }
}

.c-wiki-sign {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    width: 22px;
    height: 100%;
    display: block;
    margin-top: -4px
}

    .c-wiki-sign:after {
        content: "\E1F4\00FE0E";
        color: #ababab;
        font-size: 21px;
        font-size: 1.5rem;
        line-height: 1.048;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.c-wiki__info-sign {
    cursor: pointer;
    width: 18px;
    height: 18px;
    display: block
}

    .c-wiki__info-sign:after {
        content: "\E16D\00FE0E";
        color: #a1a3a8;
        font-size: 16px;
        font-size: 1.143rem;
        line-height: 1.375;
        vertical-align: sub
    }

.c-wiki-sign-info {
    cursor: pointer;
    position: relative;
    margin-right: 5px;
    width: 22px;
    display: inline-block;
    top: -2px
}

    .c-wiki-sign-info:after {
        content: "\E14B\00FE0E";
        color: #ababab;
        font-size: 21px;
        font-size: 1.5rem;
        line-height: 1.048;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.c-wiki__holder {
    position: relative;
    cursor: pointer;
    display: inline-block
}

    .c-wiki__holder:hover .c-wiki__container {
        display: block
    }

.c-wiki__container {
    position: absolute;
    top: calc(100% + 17px);
    right: -10px;
    padding: 11px 11px 21px;
    min-width: 273px;
    max-width: 394px;
    -webkit-box-shadow: 0 -6px 12px 0 hsla(0,0%,71%,.3);
    box-shadow: 0 -6px 12px 0 hsla(0,0%,71%,.3);
    background-color: #fff;
    border: 1px solid #b8b8b8;
    z-index: 121;
    display: none
}

@-webkit-keyframes dk-notice-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dk-notice-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes dk-notice-progress-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes dk-notice-progress-animation {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes dk-tooltip-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes dk-tooltip-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes upDown {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    50% {
        -webkit-transform: scale(1) translateY(10px);
        transform: scale(1) translateY(10px)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes upDown {
    0% {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }

    50% {
        -webkit-transform: scale(1) translateY(10px);
        transform: scale(1) translateY(10px)
    }

    to {
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes openTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2) translateY(500px);
        transform: scale(.2) translateY(500px)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@keyframes openTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.2) translateY(500px);
        transform: scale(.2) translateY(500px)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0)
    }
}

@-webkit-keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-dual-ring {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.c-add-item-cart {
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.08);
    border: 1px solid #e6e6e6;
    background-color: #fff;
    line-height: 1.6;
    padding: 16px;
    margin: 16px 0
}

.c-add-item-cart__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .c-add-item-cart__row:not(:last-child) {
        margin-bottom: 8px
    }

    .c-add-item-cart__row:first-child {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .c-add-item-cart__row:last-child {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

.c-add-item-cart__image {
    max-width: 32px
}

.c-add-item-cart__button {
    font-size: 14px;
    background: 0 0;
    border: none;
    border-radius: 0;
    cursor: pointer;
    white-space: nowrap;
    padding: 0
}

.c-add-item-cart__button--close {
    font-size: 16px;
    font-weight: 700;
    color: #5f5f5f;
    line-height: 24px;
    height: 24px
}

    .c-add-item-cart__button--close:before {
        content: "\E0E8\00FE0E";
        font-size: 1.5em
    }

@-webkit-keyframes shadow-glow {
    0% {
        -webkit-box-shadow: 0 0 0 10px hsla(0,0%,100%,.5);
        box-shadow: 0 0 0 10px hsla(0,0%,100%,.5)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,.5);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.5)
    }
}

@keyframes shadow-glow {
    0% {
        -webkit-box-shadow: 0 0 0 10px hsla(0,0%,100%,.5);
        box-shadow: 0 0 0 10px hsla(0,0%,100%,.5)
    }

    to {
        -webkit-box-shadow: 0 0 0 0 hsla(0,0%,100%,.5);
        box-shadow: 0 0 0 0 hsla(0,0%,100%,.5)
    }
}

.c-modal {
    padding: 24px;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    background-color: #fff;
    width: unset
}

.c-modal__content {
    margin-top: 16px
}

.c-modal__top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px
}

.c-modal__title {
    font-size: 16px;
    font-size: 1.143rem;
    line-height: 1.375;
    color: #232933
}

.c-modal__close {
    cursor: pointer
}

    .c-modal__close:before {
        content: "\E097\00FE0E";
        color: #232933;
        font-size: 24px;
        font-size: 1.714rem;
        line-height: 24px
    }

.c-modal__desc {
    color: #232933;
    font-size: 12px;
    font-size: .857rem;
    line-height: 1.833;
    text-align: right;
    margin-top: 16px
}

.c-modal__btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .c-modal__btn-container > * + * {
        margin-right: 16px
    }

@-webkit-keyframes loading1 {
    0% {
        opacity: .6
    }

    33% {
        opacity: .8
    }

    66% {
        opacity: 1
    }

    to {
        opacity: .6
    }
}

@keyframes loading1 {
    0% {
        opacity: .6
    }

    33% {
        opacity: .8
    }

    66% {
        opacity: 1
    }

    to {
        opacity: .6
    }
}

@-webkit-keyframes loading2 {
    0% {
        opacity: .8
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: .6
    }

    to {
        opacity: .8
    }
}

@keyframes loading2 {
    0% {
        opacity: .8
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: .6
    }

    to {
        opacity: .8
    }
}

@-webkit-keyframes loading3 {
    0% {
        opacity: 1
    }

    33% {
        opacity: .6
    }

    66% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

@keyframes loading3 {
    0% {
        opacity: 1
    }

    33% {
        opacity: .6
    }

    66% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.u-hidden {
    display: none !important
}

.u-disabled {
    opacity: .35 !important;
    -ms-touch-action: none !important;
    touch-action: none !important;
    pointer-events: none !important;
    cursor: not-allowed !important
}

.remodal.remodal-is-closing, .remodal.remodal-is-opening {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.remodal.remodal-is-opening {
    -webkit-animation-name: remodal-opening-keyframes;
    animation-name: remodal-opening-keyframes
}

.remodal.remodal-is-closing {
    -webkit-animation-name: remodal-closing-keyframes;
    animation-name: remodal-closing-keyframes
}

::-webkit-input-placeholder { /* Edge */
    color: red;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: red;
}

.img-responsive, .thumbnail > img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}


.text-muted {
    color: #777;
    float: left;
}

.chatcontainer {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}



.row {
    margin: 15px;
}

.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

    .thumbnail > img {
        margin-right: auto;
        margin-left: auto
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.panel {
    margin-bottom: 20px;
    background-color: #fffff2;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05)
}

.panel-body {
    padding: 15px
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.answer {
    background-color: #27bfd91a;
}

.panel-default {
    border-color: #ddd
}

    .panel-default > .panel-heading {
        color: #333;
        background-color: #f5f5f5;
        min-height: 40px;
        border-color: #ddd;
    }

.chatcontainer:after, .chatcontainer:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " "
}

.chatcontainer:after, .panel-body:after, .row:after {
    clear: both
}


.thumbnail {
    padding: 0px;
}

.panel {
    position: relative;
}

    .panel > .panel-heading:after, .panel > .panel-heading:before {
        position: absolute;
        top: 11px;
        left: 100%;
        right: -16px;
        width: 0;
        height: 0;
        display: block;
        content: " ";
        border-color: transparent;
        border-style: solid solid outset;
        pointer-events: none;
    }

    .panel > .panel-heading:after {
        border-width: 7px;
        border-left-color: #f7f7f7;
        margin-top: 1px;
        margin-left: 0px;
        right: -14px;
    }

    .panel > .panel-heading:before {
        border-left-color: #ddd;
        border-width: 9px;
        top: 10px;
        right: -18px;
    }






.swiper-container {
    border-radius: 8px;
    margin: 6px 8px 0 9px;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    min-width: 172px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}