body, html {
    margin: 0;
    padding: 0;
    color: var(--theme-color);
    background-color: rgb(240, 245, 247);
    width: 100%;
    height: 100%;
    max-width: 100%;
    font-size: 16px;
    font-family: 'Poppins';
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-align: center;
    overflow-y: auto;
    overflow-x: hidden;
}
img, video {
    pointer-events: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.nowrap {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.root {
    max-height: calc(100% - 71px);
    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;
}
a:-webkit-any-link {
    text-decoration: none;
    color: inherit;
}
.lcp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}
.lcp * {
    display: none;
}
.error {
    border: 1px solid var(--error) !important;
}
.ok {
    border: 1px solid var(--black) !important;
}
.choice img, .choice .limg {
    width: var(--img);
    height: var(--img);
}
.over svg, .promotions .i > div, .cart .trash svg {
    height: 80%;
}
.over .icon img {
    height: 70%;
}
.hotpay {
    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;
    height: 100%;
}
.over .input {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
}
.over input {
    text-align: center;
    font-size: 18px;
    letter-spacing: 5px;
}
.over strong {
    font-family: 'ProximaNova';
    font-size: 10px;
    font-weight: 100;
    padding: 5px 10px 0 10px;
}
.knob .icon > div {
    width: 60%;
    height: 60%;
}
.choice svg, .choice .full, .knob .icon svg, .variants img {
    width: 100%;
    height: 100%;
}
.order .box .value > div, .transaction .box .value > div, .picture img {
    width: 100%;
}
#buy svg, .buy svg, .rebuy svg, .send svg, .cart .apply svg, .add svg, .more svg {
    height: 100%;
}
a {
    text-decoration: none;
    color: var(--black);
}
.init::after, .order .summary .img::after, .other .img::after, .variants > div > div::after, .description .image::after, .opinions .images > div::after, .cart .img::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);
    background-image: -o-linear-gradient(left, rgba(176, 175, 175, 0) 0, rgba(176, 175, 175, 0.2) 20%, rgba(176, 175, 175, 0.5) 60%, rgba(176, 175, 175, 0));
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(176, 175, 175, 0)), color-stop(20%, rgba(176, 175, 175, 0.2)), color-stop(60%, rgba(176, 175, 175, 0.5)), to(rgba(176, 175, 175, 0)));
    background-image: linear-gradient(90deg, rgba(176, 175, 175, 0) 0, rgba(176, 175, 175, 0.2) 20%, rgba(176, 175, 175, 0.5) 60%, rgba(176, 175, 175, 0));
    -webkit-animation: shimmer 1s infinite;
            animation: shimmer 1s infinite;
    content: '';
}
.init .display, .init .img, .init img {
    opacity: 0 !important;
    -webkit-animation: unset !important;
            animation: unset !important;
}
.products .display {
    padding: 5px 6px;
    text-align: left;
    opacity: 1;
    -webkit-animation: show .5s;
            animation: show .5s;
}
.products .img {
    width: 100%;
    position: relative;
    opacity: 1;
    -webkit-animation: show .5s;
            animation: show .5s;
}
*, *:focus, *:hover {
    outline:none;
}
.cart .title, .cart .variant {
    font-size: 14px;
    width: calc(100% - 35px);
}
.title {
    font-size: 12px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
}
.products {
    width: calc(100% - 32px);
}
.products > div {
    width: 100%;
}
.products .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.products a:hover, .category a:focus {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
}
.category a {
    width: calc(50% - 8px);
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    background-color: var(--content);
    text-align: left;
    -webkit-box-shadow: 0 0 10px rgb(204 204 204);
            box-shadow: 0 0 10px rgb(204 204 204);
    position: relative;
    overflow: hidden;
    text-align: center;
}
.tip {
    font-size: 12px;
    font-weight: 400;
    color: rgb(126, 154, 166);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    font-family: 'ProximaNova';
}
.category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    row-gap: 16px;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
}
.double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 25px;
    font-size: 15px;
}
.double > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}
.double > .stop {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
.double > .start {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}
.animated .play {
    -webkit-animation: play 1s infinite;
            animation: play 1s infinite;
}
.animated .play svg, .promotions .a svg {
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
}
.play {
    background: var(--background);
    color: var(--black);
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 3px rgb(204 204 204);
            box-shadow: inset 0 0 3px rgb(204 204 204);
    position: relative;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
    padding: 2px;
}
.play {
    width: 20px;
    height: 20px;
}
.toper svg {
    width: 25px;
    height: 25px;
}
.toper svg {
    margin-right: 5px;
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
}
.toper {
    height: 50px;
    background-color: var(--theme-color);
    border-bottom: var(--border);
    color: var(--content);
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.toper > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.toper > div > div {
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.toper a {
    background: var(--background);
    color: var(--theme-color);
    font-weight: 900;
    padding: 0 5px;
    border-radius: 5px;
    margin-left: 10px;
    -webkit-box-shadow: 0 0 5px var(--black);
            box-shadow: 0 0 5px var(--black);
}
.toper .m {
    font-size: 10px;
    margin-top: -5px;
}
.move {
    -webkit-transform: translateY(-110%);
        -ms-transform: translateY(-110%);
            transform: translateY(-110%);
}
header {
    width: 100%;
    height: 70px;
    background-color: var(--content);
    border-bottom: var(--border);
    text-align: center;
    position: sticky;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: 0.4s -webkit-transform,0.15s -webkit-box-shadow;
    transition: 0.4s -webkit-transform,0.15s -webkit-box-shadow;
    -o-transition: 0.4s transform,0.15s box-shadow;
    transition: 0.4s transform,0.15s box-shadow;
    transition: 0.4s transform,0.15s box-shadow,0.4s -webkit-transform,0.15s -webkit-box-shadow;
    top: 0;
    z-index: 5;
}
header > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
}
header #menu {
    width: 70px;
    height: 70px;
}
header .menu {
    width: 250px;
    position: absolute;
    height: calc(100vh - 71px);
    background-color: var(--content);
    top: 71px;
    left: 0px;
    -webkit-animation: menu 1s;
    animation: menu 1s;
    z-index: 5;
    border-right: 1px solid rgb(135 135 135);
    text-align: left;
    display: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
header .menu a {
    display: block;
    padding: 10px 5px 10px 15px;
    border-bottom: 1px solid rgb(135 135 135);
}
header svg {
    width: 70px;
    height: 70px;
    cursor: pointer;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
header #menu path {
    fill: none;
    -webkit-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    -o-transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    transition: stroke-dashoffset 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25), stroke-dasharray 0.5s cubic-bezier(0.25, -0.25, 0.75, 1.25);
    stroke-width: 65px;
    stroke-linecap: round;
    stroke: var(--black);
    stroke-dashoffset: 0px;
}
header path#top, header path#bottom {
    stroke-dasharray: 240px 950px;
}
header path#middle {
    stroke-dasharray: 240px 240px;
}
header .cross path#top, header .cross path#bottom {
    stroke-dashoffset: -650px;
    stroke-dashoffset: -650px;
}
header .cross path#middle {
    stroke-dashoffset: -115px;
    stroke-dasharray: 1px 220px;
}
header #logo {
    width: calc(100% - 140px);
    height: 70px;
    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;
}
header #logo div, .hide, .gal {
    display: none;
}
header #basket {
    width: 70px;
    height: 70px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
header #basket svg {
    width: 28px;
    fill: var(--black);
}
header #basket div {
    color: var(--content);
    background-color: rgb(236, 47, 77);
    display: table;
    padding: 0px 6px;
    font-weight: 700;
    position: absolute;
    border-radius: 40px;
    font-size: 14px;
    height: 21px;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.root h2 {
    margin: 0;
    font-size: 1.4em;
}
.products .name a {
    margin: 32px 0;
    padding: 0 10px;
    cursor: pointer;
    position: relative;
    width: auto;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.products .name a::before, .products .name a::after {
    display: block;
    content: "";
    width: 10%;
    height: 50%;
    position: absolute;
    -webkit-animation: category 3s infinite;
            animation: category 3s infinite;
}
.products .name a::before {
    left: -1px;
    top: -1px;
    -webkit-box-shadow: -1px -1px 0 rgb(0 0 0);
            box-shadow: -1px -1px 0 rgb(0 0 0);
}

.products .name a::after {
    bottom: -1px;
    right: -1px;
    -webkit-box-shadow: 1px 1px 0 rgb(0 0 0);
            box-shadow: 1px 1px 0 rgb(0 0 0);
}
.sky {
    background: rgb(35 135 228);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgb(57 177 227)),color-stop(1,rgb(35 135 228)));
    position: relative;
    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;
    color: var(--background);
    text-shadow: 0 0 3px rgb(0 0 0);
}
.cloud {
    position: absolute;
    bottom: -40%;
    width: 100%;
}
.titule {
    position: absolute;
    z-index: 1;
}
.choice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Open Sans,sans-serif;
    width: calc(100% - 12px);
    border: 1px solid rgb(0, 0, 0);
    padding: 5px;
    margin-bottom: 10px;
    color: rgb(0, 0, 0);
    height: 50px;
    background-color: var(--content);
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.choice .i {
    width: var(--width);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.choice .t {
    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: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
}
.choice .f {
    width: calc(100% - 45px);
}
a .s {
    width: calc(100% - 120px) !important;
}
a .e {
    width: 70px !important;
}
.choice .s {
    width: calc(100% - var(--width) - 80px);
}
.choice .e {
    width: 60px;
    text-align: right;
    margin-right: 5px;
}
.choice strong {
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%;
}
.choice span {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    width: 100%;
}
.selected .i, .location .i, .footer .i, .knob .i {
    opacity: 1;
}
.selected, .location {
    outline: none;
    border-color: var(--green) !important;
    -webkit-box-shadow: var(--green) 0px 0px 0px 2px inset;
            box-shadow: var(--green) 0px 0px 0px 2px inset;
}
.pointer {
    cursor: pointer;
}
#buy, .buy, .rebuy, .send, .add, .cookie {
    background-color: var(--theme-color);
    height: 48px;
    width: 100%;
    color: rgb(255 255 255);
    font-weight: 700;
    font-family: 'ProximaNova';
    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;
    margin-top: 5px;
    font-size: 18px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: auto;
    -webkit-animation: shock 1s infinite;
    animation: shock 1s infinite;
}
.order .box, .transaction .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    height: 82px;
}
.order .box .value, .transaction .box .value {
    width: calc(100% - 92px);
    height: 82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 10px;
}
.order .img, .other .img, .other .img {
    width: 80px;
    height: 80px;
    border: 1px solid var(--form);
    float: left;
    overflow: hidden;
    position: relative;
}
.other .account .img {
    border-color: transparent;
}
.point .map {
    border: 1px solid rgb(0, 0, 0);
    height: 517px;
    margin-bottom: 10px;
    overflow: hidden;
}
.cart .summary > div, .order .finish > div, .other .finish > div {
    width: 100%;
    height: 21px;
}
.cart .left, .order .left, .other .transaction .left {
    width: 60%;
    float: left;
}
.cart .summary, .tracking {
    font-size: 13px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cart .right, .order .right, .other .transaction .right {
    width: 40%;
    float: right;
    text-align: right;
}
.finish {
    border-top: 1px solid var(--form);
    padding-top: 10px;
    margin-top: 20px;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.finish .left span {
    display: none;
}
.over {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 70%);
    top: 0;
    left: 0;
    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;
    z-index: 15;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow-y: auto;
}
.over > div {
    -webkit-animation: top .25s var(--delay) both;
            animation: top .25s var(--delay) both;
    width: 90%;
    max-width: 360px;
    max-height: 90%;
    -webkit-box-shadow: 0 0 3px var(--black);
            box-shadow: 0 0 3px var(--black);
    overflow-y: auto;
}
.over > div > div {
    -webkit-animation: top .25s var(--delay) both;
            animation: top .25s var(--delay) both;
    background-color: var(--content);
    width: 100%;
    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;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.over > span {
    width: 100px;
    color: var(--content);
}
.over > span svg {
    width: 100%;
}
.over .icon {
    height: 90px;
    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;
}
.over .content {
    width: 100%;
    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;
    padding-bottom: 15px;
    margin: 0;
}
.over .header {
    font-weight: 700;
    font-size: 17px;
    padding-bottom: 15px;
}
.over .rows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 85%;
}
.over .row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 5px;
}
.over .id {
    width: 26px;
    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;
    border: 1px solid var(--form);
    border-radius: 2px;
}
.over .advice {
    max-width: calc(100% - 32px);
    text-align: left;
}
.over .problem {
    width: calc(100% - 10px);
    font-size: 10px;
    color: var(--error);
    padding-left: 10px;
    -webkit-box-shadow: inset 0 -2px var(--content), inset 0 -3px var(--form);
            box-shadow: inset 0 -2px var(--content), inset 0 -3px var(--form);
}
.over .solve {
    width: calc(100% - 10px);
    font-size: 10px;
    padding-left: 10px;
    font-family: 'ProximaNova';
    margin-top: -3px;
}
.over .buy {
    margin-top: 15px;
}
.close, .trash {
    z-index: 3;
    height: 26px;
    width: 26px;
    position: absolute;
    right: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 6px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    -webkit-box-shadow: inset 0 0 3px var(--form);
            box-shadow: inset 0 0 3px var(--form);
    background: var(--background);
}
.flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

/*

ESPACE

*/

.jcc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.jcr {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.jcl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
}
.slider {
    position: relative;
    height: 125px;
    min-height: 125px;
    width: 100%;
    border-bottom: 1px solid rgb(0, 0, 0);
}
.slider .t {
    position: absolute;
    font-size: 21px;
    color: rgb(255 255 255);
    top: 0;
    left: 0;
    padding: 0 5%;
    width: 90%;
    height: 100%;
    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;
    text-shadow: 1px 1px 0px var(--black), 0px 1px 0px var(--black), -1px 1px 0px var(--black), -1px 0px 0px var(--black), -1px -1px 0px var(--black), 0px -1px 0px var(--black), 1px -1px 0px var(--black), 1px 0px 0px var(--black);
    -webkit-animation: show 1s ease-in-out;
            animation: show 1s ease-in-out;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.slider .t > div {
    -webkit-animation: slider 1s infinite;
            animation: slider 1s infinite;
}
.cfr {
    margin-bottom: 32px;
}
.sct {
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.snv {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.sar {
    position: absolute;
    width: 40px;
    height: 40px;
    z-index: 2;
    border-radius: 50%;
    top: calc(50% - 20px);
    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;
    -webkit-box-shadow: 0 0 10px rgb(204 204 204);
            box-shadow: 0 0 10px rgb(204 204 204);
    background-color: rgb(255, 255, 255);
    cursor: pointer;
    -webkit-transition: background-color 0.25s ease 0s, opacity 0.25s ease 0s;
    -o-transition: background-color 0.25s ease 0s, opacity 0.25s ease 0s;
    transition: background-color 0.25s ease 0s, opacity 0.25s ease 0s;
    opacity: 0;
}
.sar svg {
    width: 30px;
    height: 30px;
}
.ohid {
    opacity: 0 !important;
    cursor: unset;
}
.slide {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.slides {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: translateX(var(--scroll,0));
        -ms-transform: translateX(var(--scroll,0));
            transform: translateX(var(--scroll,0));
}
.slide img {
    height: 100%;
}
.slide > div {
    width: 100%;
    height: 100%;
    position: relative;
}
.slider .img {
    width: 100%;
    min-height: 225px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.icon60 {
    width: 60% !important;
}
.icon50 {
    width: 50% !important;
}
.icon45 {
    width: 45% !important;
}
.slider .text {
    width: 90%;
    display: inline-block;
    font-size: 19px;
}
.slider .buy {
    font-size: 19px;
    color: rgb(255, 255, 255);
    padding: 10px 0;
    font-weight: 700;
    display: block;
    cursor: pointer;
    background-color: rgb(255, 86, 34);
}
.offer {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 10px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.offer > div {
    width: 80%;
    display: inline-block;
}
.offer svg, .guarantee svg {
    color: var(--theme-color);
}
.offer .img {
    margin-top: 40px;
}
.guarantee {
    text-align: center;
    margin-bottom: 50px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.guarantee > div {
    width: 90%;
    display: inline-block;
}
.footer {
    text-align: center;
    background-color: rgb(255 255 255);
    -webkit-box-shadow: 0 0 10px rgb(204 204 204);
    box-shadow: 0 0 10px rgb(204 204 204);
    border-top: 1px solid rgb(0 0 0);
    padding-top: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.footer .choice, .knob .choice {
    color: var(--theme-color);
    border-color: var(--black);
}
.footer img {
    width: 100%;
}
.footer .inform {
    width: 80%;
    display: inline-block;
}
.end .navigation div {
    color: #444;
    padding: 5px;
    display: inline-block;
    font-size: 16px;
}
.footer .logo {
    display: inline-block;
}
.footer .domain {
    font-family: 'ProximaNova';
    font-weight: 700;
    font-size: 20px;
    padding-top: 10px;
    color: var(--black);
}
.footer .main {
    width: 100%;
    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;
}
.footer .question {
    margin-top: 15px;
    font-size: 18px;
    font-weight: 700;
}
.footer .answer {
    font-size: 16px;
    margin-bottom: 10px;
}
.end {
    border-top: 1px solid #000;
    padding-top: 20px;
    padding-bottom: 1px;
    width: 100%;
}
.footer .box {
    max-width: 300px;
    min-width: 260px;
    margin-bottom: 20px;
    display: inline-block;
}
.projector {
    width: 100%;
    text-align: center;
    position: relative;
    border-bottom: 1px solid var(--black);
}
.projector .display {
    width: 100%;
    border-bottom: 1px solid var(--black);
    opacity: 0;
}
.projector .l::after, .order .svg::after, .products .img::after, .product .ads .img::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}
#screen {
    display: none;
    -webkit-transform: translateX(var(--scroll,0));
        -ms-transform: translateX(var(--scroll,0));
            transform: translateX(var(--scroll,0));
}
#screen div {
    width: var(--gallery);
    height: var(--gallery);
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
.order .svg div, .products .img div, .product .ads .img div {
    position: absolute;
    width: 100%;
    height: 100%;
}
.projector img, .info .rating img, .info .variants img, .opinions img, .cart img, .order .img img, .products img, .products video, .account img, .other img, .product .ads img, .central .stats svg, header #logo img {
    width: 100%;
    height: 100%;
}
.projector .gallery {
    height: 80px;
    cursor: pointer;
    background-color: var(--content);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    display: none;
    opacity: 0;
}
.details, .feedback {
    width: 90%;
    margin: auto;
}
.projector .a, .slider .a {
    -webkit-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
.projector .photobox {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-transform: translateX(var(--scroll,0));
        -ms-transform: translateX(var(--scroll,0));
            transform: translateX(var(--scroll,0));
}
.projector .photobox div {
    height: 80px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 80px;
    border-right: 1px solid var(--black);
}
.quick {
    border-top: 1px solid var(--theme-color);
}
.knob {
    width: 100%;
    border-bottom: 1px solid var(--theme-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.knob .icon {
    width: 40px;
    height: 40px;
    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;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
}
.knob .h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    cursor: pointer;
}
.axe .icon:last-child {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
.knob .choice:last-child {
    margin: 0;
}
.knob .text {
    width: 100%;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.knob .content {
    display: none;
    text-align: center;
    padding: 10px;
    border-top: 1px solid var(--theme-color);
    font-size: 14px;
}
.knob .content > div {
    -webkit-animation: show 1s;
            animation: show 1s;
}
.knob .left {
    float: left;
    width: calc(100% - 50px);
    height: 40px;
}
.knob .right {
    width: 40px;
    float: right;
    height: 40px;
}
.knob .right svg {
    width: 20px;
}
.info {
    width: 100%;
    text-align: center;
}
.info > div {
    width: 90%;
    display: inline-block;
    text-align: left;
}
.product {
    width: 100%;
    text-align: center;
}
.product .ads > div {
    margin: 15px 0 50px 5px;
    width: calc(100% - 10px);
}
.product .ads .sale {
    font-family: Cabin, sans-serif;
    background-color: rgb(248 53 62);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: rgb(255 255 255);
    text-align: center;
    padding: 10px 0;
}
.over .variants {
    margin: 0;
    width: 100%;
}
.over .of5 .variants > div > div:first-child, .over .of6 .variants > div > div:first-child {
    width: 25px;
}
.over .variants > div > div:first-child {
    border-color: transparent;
    width: 35px;
}
.added, .upsell {
    padding-top: 15px;
}
.added .img {
    display: inline-block;
    width: 70px;
    height: 70px;
    padding-top: 10px;
}
.upsell table {
    display: inline-block;
}
.upsell .hash {
    width: 35px;
    font-size: 20px;
}
.upsell .image {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    margin-right: 10px;
}
.upsell img {
    width: 100% !important;
    height: 100% !important;
}
.fcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.max {
    width: 100%;
    height: 100%;
}
.central {
    margin-top: 20px;
    width: 90%;
    text-align: left;
    display: inline-block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.central h1 {
    color: var(--black);
}
.central .sale {
    font-family: Cabin, sans-serif;
    background-color: rgb(248 53 62);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    padding: 8px 20px;
    display: inline-block;
    color: rgb(255 255 255);
}
.central h1 {
    font-size: 20px;
    margin: 10px 0 5px 0;
}
.central .rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
}
.central .rating span {
    display: none;
}
.central .rating > div:first-child {
    margin-top: 2px;
    width: 125px;
    display: inline-block;
}
.central .rating > div:last-child {
    width: calc(100% - 150px);
    display: inline-block;
    margin-left: 5px;
}
.central .rating div > div {
    width: 20px;
    height: 20px;
    display: inline-block;
}
.central .rating span {
    font-weight: 700;
}
.section {
    color: var(--black);
    font-size: 16px;
    margin: 15px 0 0 0 !important;
    text-align: left;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.central .active {
    border-color: var(--black) !important;
}
.variants {
    margin-top: 5px;
    width: calc(100% - 5px);
    margin-left: 5px;
}
.of6 .variants > div > div {
    width: 35px;
    height: 35px;
}
.of5 .variants > div > div {
    width: 40px;
    height: 40px;
}
.variants > div > div {
    width: 50px;
    height: 50px;
    border: 1px solid var(--form);
    display: inline-block;
    cursor: pointer;
    margin-right: 5px;
    overflow: hidden;
    position: relative;
}
.central .shop {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.central .price, .cart .price {
    width: calc(100% - 144px);
    float: left;
    font-size: 15px;
}
.central .price span, .cart .price span {
    font-size: 18px;
    text-decoration: line-through;
}
.count {
    color: var(--black);
    width: 144px;
    float: right;
    background-color: var(--content);
    margin-top: 8px;
}
.central .stats {
    width: calc(100% - 16px);
    height: 25px;
    font-size: 13px;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    margin-left: 8px;
    -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;
}
.central .r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.central .stats div > div {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin-right: 5px;
}
.central .stats span {
    width: calc(100% - 27px);
}
.intro {
    margin-top: 10px;
    width: 100%;
    font-size: 12px;
} 
.intro > div {
    width: 25%;
    float: left;
}
.intro > div > div:last-child {
    max-width: 90px;
    display: inline-block;
}
.intro .icon {
    height: 50px;
    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;
}
.intro > div > div:nth-child(2) {
    max-width: 70px;
}
.central .land {
    width: 95%;
    display: inline-block;
}
.central .display, .cart .display {
    width: 100%;
    height: 58px;
    text-align: left;
}
.central h2, .cart h2 {
    margin-top: -10px;
    margin-bottom: 0;
    font-size: 25px;
    color: var(--theme-color);
}
.order #buy {
    max-width: 750px;
}
.order #buy > div {
    position: absolute !important;
}
.plus, .minus {
    width: 40px;
    height: 40px;
    border: 1px solid var(--black);
    font-size: 28px;
    text-align: center;
    cursor: pointer;
}
.minus {
    float: left;
}
.plus {
    float: right;
}
.number {
    width: 60px;
    height: 40px;
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
    float: left;
    text-align: center;
    line-height: 40px;
    font-weight: 700;
}
.description {
    font-size: 15px;
    margin-bottom: 60px;
}
.description > div {
    margin: 0 5px;
    width: calc(100% - 10px);
}
.description .image {
    overflow: hidden;
    position: relative;
}
.description img {
    width: 100%;
}
.description u {
    width: 13px;
    height: 13px;
    background-image: url(../img/svg/verify.svg);
    display: inline-block;
    background-size: 100% 100%;
    margin-right: 5px;
}
.description .left {
    text-align: left;
}
.description .big {
    font-size: 20px;
    font-weight: 600;
}
.review {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    color: var(--theme-color);
    letter-spacing: 2px;
}
.more {
    color: var(--content);
    text-align: center;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    background: var(--theme-color);
    font-size: 16px;
    border-radius: 5px
}
.opinions {
    width: 100%;
    margin-top: 5px;
    text-align: left;
}
.opinions .stars > div {
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 2px;
}
.on g {
    fill: #ffa800;
}
.off g {
    fill: #cccccc;
}
.opinions .top {
    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;
    background: var(--theme-color);
    padding: 5px 10px;
    color: var(--content);
}
.opinions .stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.opinions .user {
    font-size: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.opinions .images {
    width: calc(100% - 20px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px 10px 10px;
}
.opinions .images > div {
    width: 30%;
    display: inline-block;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}
.opinions .opinion {
    margin-bottom: 25px;
    background: var(--content);
    border: 1px solid var(--theme-color);
    border-radius: 5px;
}
.opinions .words {
    margin: 5px 10px 5px 10px;
    width: calc(100% - 20px);
    font-size: 13px;
}
.cart, .order, .other {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}
.other {
    font-size: 16px;
    font-family: 'ProximaNova';
}
.other h2 {
    margin-top: 50px;
    font-size: 25px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.other p {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.other p, .other > div > div > div {
    margin-left: 15px;
}
.other b {
    font-weight: 700;
}
.other span, .other p a {
    font-weight: 600;
}
.other .refresh, .other .pay, .other .logout, .other .track {
    display: inline-block;
    font-size: 12px;
    padding: 2px 10px 1px 10px;
    border: 1px solid var(--form);
    cursor: pointer;
    margin-left: 3px;
    margin-right: 5px;
}
.other .logout {
    font-size: 14px;
    padding: 10px 15px 10px 15px;
}
.other .ending {
    width: calc(100% - 40px);
    padding: 50px 0 30px 0;
    text-align: center;
}
.other .ending div {
    padding: 0 10px 20px 10px;
}
.cart h1, .order h1, .other h1 {
    font-size: 28px;
    text-align: center;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cart > div, .order > div, .other > div {
    text-align: center;
    background: rgb(255 255 255);
    border-top: 1px solid rgb(0, 0, 0);
    border-bottom: 1px solid rgb(0, 0, 0);
}
.cart > div > div, .order > div > div, .other > div > div {
    width: 90%;
    display: inline-block;
    text-align: left;
}
.cart .section {
    width: 100%;
    border-bottom: 1px solid var(--form);
}
.cart .trash {
    width: 30px;
    height: 30px;
    right: 0;
    top: 0;
}
.cart .img {
    width: 98px;
    height: 98px;
    border: 1px solid var(--form);
    float: left;
    position: relative;
    overflow: hidden;
}
.cart .value {
    width: calc(100% - 110px);
    float: right;
    position: relative;
}
.cart .box {
    width: 100%;
    height: 100px;
    padding-bottom: 10px;
}
.cart .display {
    height: 58px;
    margin-bottom: 10px;
}
.cart .icon {
    width: 18px;
    height: 18px;
    float: left;
}
.cart .about {
    padding-left: 5px;
    width: calc(100% - 25px);
    float: right;
    font-size: 12px;
}
.cart .promotions {
    font-size: 14px;
    width: 100%;
    height: 20px;
    margin: 10px 0;
}
.inside {
    width: 34px;
    height: 34px;
    position: absolute;
    background-color: #fff;
    right: 3px;
    bottom: 3px;
    background-image: url(../img/svg/copy.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.copied::before {
    content: "📋";
    position: absolute;
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
        -ms-transform: translateY(0) scale(0);
            transform: translateY(0) scale(0);
    width: 100%;
    text-align: center;
    -webkit-animation: copied .6s linear forwards;
            animation: copied .6s linear forwards;
}
.cart .promo, .order .promo, .other .transaction .promo {
    color: rgb(20, 166, 113);
}
.other .transaction .pending {
    color: rgb(227 151 13);
}
.cart .red, .other .transaction .red {
    color: rgb(236, 47, 77);
}
.other .transaction .promo span {
    font-weight: normal;
}
.other .shipping {
    margin-top: 10px;
}
.picture {
    width: 100%;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}
.cart .total, .order .total, .other .transaction .total {
    font-weight: 700;
    font-size: 16px;
    height: 25px !important;
    margin-bottom: 15px;
}
.continue {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 17px;
    height: 24px !important;
}
.cart .code {
    height: 39px !important;
    padding: 5px 0 5px 0;
    margin-top: 10px;
}
.cart .reply {
    font-size: 11px;
    margin-bottom: 10px;
}
.cart input {
    font-size: 15px;
    padding: 10px 10px 10px 15px;
    border-top: 1px solid var(--form);
    border-left: 1px solid var(--form);
    border-bottom: 1px solid var(--form);
    border-right: unset;
    width: calc(100% - 117px);
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.cart input:focus, .cart input:hover {
    outline: 0;
    border-top: 1px solid var(--black);
    border-left: 1px solid var(--black);
    border-bottom: 1px solid var(--black);
}
.cart .apply {
    width: 115px;
    float: right;
    height: calc(100% - 1px);
    font-size: 17px;
    text-align: center;
    border: 1px solid var(--theme-color);
    cursor: pointer;
    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;
    background-color: var(--theme-color);
    color: var(--content);
}
.account {
    margin: 0 !important;
}
.cart .empty, .account .empty {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cart .empty strong, .account .empty strong {
    display: block;
    padding: 15px 0 10px 0;
    font-size: 19px;
}
.cart .empty span, .account .empty span {
    display: block;
    font-size: 13px;
    padding-bottom: 30px;
    font-weight: 100;
}
.cart .empty a, .account .empty a, .other .ending a {
    font-size: 19px;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cart .bag, .account .bag {
    width: 100px;
    height: 100px;
    display: inline-block;
}
.player {
    position: absolute;
    right: 10px;
    color: #000;
    width: 25px;
    height: 25px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 100%;
    padding: 3px;
    -webkit-animation: pulse 1s infinite;
            animation: pulse 1s infinite;
}
.player svg {
    width: 100%;
    height: 100%;
}
.over .errors {
    color: rgb(236, 47, 77);
    font-size: 12px;
    padding: 10px 20px 0 20px;
}
.over .message .content {
    padding: 10px 0;
}
.over .message .over .added > div:first-child {
    width: 80px;
    height: 80px;
}
.over p {
    margin: 0 auto 8px auto;
    width: 80%;
    font-size: 13px;
}
.over .big {
    width: 100%;
    font-size: 16px;
}
.over .lite {
    font-size: 13px;
    padding: 0 10px 5px 10px;
    max-width: 80%;
    display: inline-block;
}
input, textarea {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 14px;
    font-family: Open Sans,sans-serif;
    line-height: 21px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
         text-size-adjust: 100%;
    width: 100%;
    min-width: 0;
    height: 40px;
    margin: 0;
    padding: 8px;
    color: rgb(0, 0, 0);
    background-color: rgb(255 255 255);
    border: 1px solid var(--form);
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    resize: none;
}
.order .l50, .auth .l50 {
    width: calc(50% - 5px);
    float: left;
}
.order .r50, .auth .r50 {
    width: calc(50% - 5px);
    float: right;
}
.order .l40 {
    width: calc(40% - 5px);
    float: left;
}
.order .r60 {
    width: calc(60% - 5px);
    float: right;
}
.order .customer {
    padding-top: 15px;
    margin: 0 10px;
    width: calc(100% - 20px);
}
.order .customer > div {
    height: 40px;
    margin-bottom: 20px;
}
.order .customer div > div, .relative {
    position: relative;
}
.input {
    margin-bottom: 15px;
    position: relative;
}
.order .customer span, .contact span, .auth span, .input span {
    position: absolute;
    font-size: 11px;
    top: -10px;
    left: 8px;
    background: var(--content);
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
}
.delivery strong, .order .location strong, .show strong {
    font-size: 16px;
    display: block;
}
.delivery span, .order .locaton span, .show span {
    font-size: 14px;
    display: block;
}
.delivery g {
    fill: rgb(204, 204, 204);
}
.delivery b {
    display: block;
}
.order .selected, .order .location {
    color:rgb(0, 0, 0) !important;
}
.order .selected g {
    fill:rgb(0, 0, 0);
}
.delivery, .order .point, .order .summary, .other .transaction, .other .options {
    padding-top: 8px;
    margin: 0 10px;
    width: calc(100% - 20px);
}
.other .list {
    border: 1px solid var(--form);
    margin: 10px 10px 30px 10px;
    width: calc(100% - 22px);
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.other .go {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 3px;
    padding: 10px 0;
    border-top: 1px solid var(--form);
}
.other .data {
    border-bottom: 1px solid var(--form);
    margin-bottom: 3px;
    padding: 8px 10px;
    font-weight: 700;
    width: calc(100% - 20px);
}
.other .data .left {
    float: left;
}
.other .data .right {
    float: right;
}
.order .summary .value, .other .transaction .value, .other .list .value {
    width: calc(100% - 92px);
    height: 82px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.order .title, .order .variant, .other .title, .other .variant {
    font-size: 15px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.order .summary .price, .other .transaction .price {
    font-size: 18px;
}
.other .account .box {
    height: 82px;
}
.account .value > div {
    width: calc(100% - 10px);
}
.order .summary b, .other .transaction b, .other .list b {
    color: var(--theme-color);
}
.order .accept {
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center;
}
.products > div::after, .projector::after, .root::after, .auth .selector::after, .other .data::after, .product .ads > div::after, .knob::after, .central .land::after, .intro::after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}





.contact, .auth {
    width: 100%;
    margin: 50px 0 !important;
}
.contact .send:hover, .contact .send:focus, .auth .send:hover, .auth .send:focus, .other .refresh:hover, .other .refresh:focus, .other .pay:hover, .other .pay:focus, .other .logout:hover, .other .logout:focus {
    border: 1px solid rgb(0 0 0);
}
.contact > div, .form > div {
    width: 100%;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.contact div > div, .form div > div {
    position: relative;
    width: 100%;
}
.contact textarea {
    resize: none;
    min-height: 300px;
}
.auth .selector {
    padding-bottom: 20px;
    margin-bottom: 10px;
    text-align: center;
}
.auth .selector div {
    padding: 10px 0;
    cursor: pointer;
}
.cash {
    font-size: 11px !important;
}
.auth .selector .active {
    border-bottom: 1px solid #000;
    font-weight: 700;
}
.loaded .variants > div > div::after, .loaded .description .image::after, .loaded .opinions .images > div::after, .loaded .cart .img::after, .loaded .order .summary .img::after, .loaded .other .img::after, .loaded .product .ads a::after {
    all: unset;
}
.loaded .projector .display, .loaded .projector .gallery, .loaded .variants img, .loaded .description .image img, .loaded .opinions .images img, .loaded .cart .img img, .loaded .order .summary img, .loaded .other .box img, .loaded .product .ads .img, .picture img {
    opacity: 1;
    -webkit-animation: show .5s;
            animation: show .5s;
}
.description .image img, .variants img, .opinions .images img, .cart .img img, .order .summary img, .other .box img {
    opacity: 0;
}
.variants .selected img {
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    padding: 2px;
}
.call {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;
    width: 90%;
    padding: 8px 5%;
    background-color: #fff;
    border-top: 1px solid rgb(0, 0, 0);
    -webkit-box-shadow: 0 0 10px rgb(204 204 204);
            box-shadow: 0 0 10px rgb(204 204 204);
    display: none;
}
.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.package {
    background: #fff;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    width: 100%;
    padding-bottom: 1px;
    margin-top: 40px
}
.package .image {
    margin: 0 !important;
}
.image video {
    max-width: 100%;
}
.package > div:first-child {
    background: var(--theme-color);
    color: var(--content);
    font-size: 16px;
    padding: 5px 0;
    position: relative;
}
.package > div > img {
    position: absolute;
    top: -17px;
    left: -20px;
    width: 45px;
    height: 45px;
}
.btnbox {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    margin: auto;
}
.package p {
    margin-left: 10px;
    margin-right: 10px;
}
@media screen and (min-width: 320px) {
    .over .solve, .over .problem {
        font-size: 11px;
    }
    .over .id {
        width: 27px;
    }
}
@media screen and (min-width: 360px) {
    .over .solve, .over .problem, .cart .reply {
        font-size: 12px;
    }
    .over .id {
        width: 28px;
    }
    .slider {
        height: 130px;
        min-height: 130px;
    }
    .opinions .user {
        font-size: 11px;
    }
    .over .errors, .intro {
        font-size: 13px;
    }
    .opinions .words {
        font-size: 14px;
    }
    .cash {
        font-size: 14px !important;
    }
    .central .stats, .cart .title, .cart .variant {
        font-size: 15px;
    }
    .cart .value {
        font-size: 16px;
    }
    body, html, .package > div, .over .header {
        font-size: 18px;
    }
    .central h1 {
        font-size: 22px;
    }
    .variants > div > div {
        width: 55px;
        height: 55px;
    }
    .of5 .variants > div > div { 
        width: 50px;
        height: 50px;
    }
    .play, .toper svg {
        width: 24px;
        height: 24px;
    }
    .double {
        height: 30px;
        font-size: 18px;
    }
    .choice .f {
        width: calc(100% - 55px);
    }
    .choice .e {
        width: 70px;
    }
    .choice .s {
        width: calc(100% - 130px);
    }
    a .s {
        width: calc(100% - 145px) !important;
    }
    a .e {
        width: 85px !important;
    }
}
@media screen and (min-width: 380px) {
    .central .rating span, .finish .left span {
        display: inline-block;
    }
    .cart .icon {
        width: 20px;
        height: 20px;
    }
    .info .price, .cart .price, .cart .value, .order .delivery strong, .order .location strong, .central .price {
        font-size: 18px;
    }
    .choice span {
        font-size: 16px;
    }
    .cart .reply, .opinions {
        font-size: 12px;
    }
    .tracking, .knob .content {
        font-size: 15px;
    }
    .slider {
        height: 140px;
        min-height: 140px;
    }
    .slider .t {
        font-size: 24px;
    }
    .order .customer span, .contact span, .auth span, .input span {
        font-size: 12px;
        top: -10px;
    }
    .opinions .user {
        font-size: 12px;
    }
    .package > div {
        font-size: 20px;
    }
    .icon60 {
        width: 50px !important;
    }
    .icon50 {
        width: 45px !important;
    }
    .icon45 {
        width: 40px !important;
    }
    .intro {
        margin-top: 15px;
    }
    .intro .icon {
        margin-bottom: 5px;
    }
}
@media screen and (min-width: 400px) {
    .over .icon {
        height: 100px;
    }
    .close {
        width: 30px;
        height: 30px;
    }
    .over .solve, .over .problem, .cart .reply, .opinions .user {
        font-size: 13px;
    }
    .slider .img {
        min-height: 250px;
    }
    body, html {
        font-size: 19px;
    }
    .slider {
        height: 150px;
        min-height: 150px;
    }
    .central h1 {
        font-size: 24px;
    }
    .tracking {
        font-size: 16px;
    }
    .over .header {
        font-size: 20px;
    }
    .of6 .variants > div > div {
        width: 40px;
        height: 40px;
    }
    .over .id {
        width: 30px;
    }
    .over .solve {
        margin-top: -4px;
    }
    .over .row {
        margin-bottom: 8px;
    }
}
@media screen and (min-width: 420px) {
    .slider {
        height: 160px;
        min-height: 160px;
    }
}
@media screen and (min-width: 440px) {
    .slider {
        height: 170px;
        min-height: 170px;
    }
    .root h2 {
        font-size: 1.5em;
    }
}
@media screen and (min-width: 480px) {
    .auth {
        width: 400px;
        margin: 50px calc((100% - 400px)/2) !important;
    }
    .slider {
        height: 180px;
        min-height: 180px;
    }
}
@media screen and (min-width: 500px) {
    .over .errors {
        font-size: 16px;
    }
    .tracking {
        font-size: 16px;
    }
    .slider {
        height: 200px;
        min-height: 200px;
    }
    .title, .tip {
        font-size: 14px;
    }
    .double {
        height: 32px;
        font-size: 20px;
    }
    .play {
        width: 26px;
        height: 26px;
        padding: 3px;
    }
    .slider .t {
        font-size: 28px;
    }
}
@media screen and (min-width: 580px) { 
    .products {
        width: 480px;
    }
    .slider {
        height: 230px;
        min-height: 230px;
    }
    .product {
        max-width: 600px;
        margin: 30px auto 0 auto;
        padding: 30px;
        display: inline-block;
        background: var(--content);
        -webkit-box-shadow: 0 0 1px var(--form);
                box-shadow: 0 0 1px var(--form);
    }
    .projector {
        border: none;
    }
    .gal {
        border-bottom: 1px solid var(--black);
        border-right: 1px solid var(--black);
        border-left: 1px solid var(--black);
        overflow: hidden;
    }
}
@media screen and (min-width: 660px) {
    .slider {
        height: 200px;
        min-height: 200px;
    }
    .products {
        width: 516px;
    }
    .root h2 {
        font-size: 1.75em;
    }
    .slider .t {
        font-size: 30px;
    }
}
@media screen and (min-width: 740px) { 
    .slider {
        height: 220px;
        min-height: 220px;
    }
    .products {
        width: 700px;
    }
    .category a {
        width: calc(33% - 8.33px);
    }
    .products .name a::before {
        left: -2px;
        top: -2px;
        -webkit-box-shadow: -2px -2px 0 rgb(0 0 0);
                box-shadow: -2px -2px 0 rgb(0 0 0);
    }
    .products .name a::after {
        bottom: -2px;
        right: -2px;
        -webkit-box-shadow: 2px 2px 0 rgb(0 0 0);
                box-shadow: 2px 2px 0 rgb(0 0 0);
    }
    .slider .t {
        font-size: 34px;
    }
}
@media screen and (min-width: 880px) {
    .over .id {
        width: 46px;
        font-size: 30px;
    }
    .over .solve, .over .problem {
        font-size: 18px;
    }
    .over .icon {
        height: 150px;
    }
    .variants > div > div {
        width: 70px;
        height: 70px;
    }
    .over .big, .over .header {
        font-size: 22px;
    }
    .over p {
        font-size: 17px;
        margin-bottom: 10px;
    }
    .upsell .image {
        width: 70px;
        height: 70px;
        margin-bottom: 5px;
    }
    .cart > div, .order > div, .other > div {
        width: 780px;
        display: inline-block;
        padding: 15px 0;
        -webkit-box-shadow: 0 0 1px var(--form);
                box-shadow: 0 0 1px var(--form);
        border: none;
    }
    header > div {
        width: 780px;
    }
    .cart h1, .order h1, .other h1 {
        font-size: 35px;
        padding: 20px 0;
    }
    header {
        -webkit-box-shadow: 0 0 1px var(--form);
                box-shadow: 0 0 1px var(--form);
    }
    .projector {
        width: 600px;
        display: inline-block;
    }
    .projector .gallery { 
        border-left: 1px solid rgb(0, 0, 0);
        border-right: 1px solid rgb(0, 0, 0);
    }
    .sky {
        margin-bottom: 30px;
    }
    .slider {
        height: 280px;
        min-height: 280px;
    }
    .over > div {
        max-width: 500px;
    }
    .offer, .products {
        width: 780px;
        display: inline-block;
    }
    .offer > div {
        width: 100%;
    }
    .offer > div:last-child {
        margin-top: 30px;
    }
    .offer > div > div {
        width: calc(50% - 30px);
        float: left;
        padding: 0 15px;
    }
    .offer .img {
        height: 120px;
        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;
    }
    .footer .img {
        width: calc(50% - 40px);
        margin: 0 20px 30px 20px;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 250px;
    }
    ::-webkit-scrollbar-track {
        background-color: var(--background);
    }
    ::-webkit-scrollbar-thumb {
        background-color: var(--theme-color);
    }
    ::-webkit-scrollbar {
        width: 5px;
    }
    .tracking .hide {
        margin-left: 5px;
    }
    .hide {
        display: unset;
    }
    .product .ads a {
        max-width: 225px;
    }
    .intro > div > div:last-child {
        max-width: 140px;
    }
    .title, .tip {
        font-size: 16px;
    }
    .root h2 {
        font-size: 2em;
    }
    .products .name a {
        padding: 10px 20px;
        margin: 48px 0;
    }
    .cfr {
        margin-bottom: 48px;
    }
    .slider .t {
        font-size: 40px;
        text-shadow: 2px 2px 0px var(--black), 0px 2px 0px var(--black), -2px 2px 0px var(--black), -2px 0px 0px var(--black), -2px -2px 0px var(--black), 0px -2px 0px var(--black), 2px -2px 0px var(--black), 2px 0px 0px var(--black);
    }
}
@media screen and (min-width: 1000px) {
    .slider {
        width: 782px;
        height: 220px;
        min-height: 220px;
        -webkit-box-shadow: 0 0 10px rgb(204 204 204);
                box-shadow: 0 0 10px rgb(204 204 204);
        border: unset;
        margin-top: 32px;
    }
    .snv {
        display: block;
    }
    .snv:hover .sar {
        opacity: 1;
    }
    .slider, .slider .sct, .slides, .category a {
        border-radius: 10px;
    }
    .offer, .products {
        width: 782px;
    }
    .products > div {
        width: 100%;
        margin: 0;
    }
    .products a {
        width: 250px;
    }
    .products .name a::after {
        border-bottom-right-radius: 10px;
    }
    .products .name a::before {
        border-top-left-radius: 10px;
    }
    .cloud {
        bottom: -50%;
    }
}
@media screen and (min-width: 1180px) {
    .cart > div, .order > div, .other > div, .product, header > div, .offer, .products {
        width: 1072px;
    }
    .slider {
        margin-top: 48px;
        width: 1072px;
        height: 300px;
        min-height: 300px;
    }
    .category {
        row-gap: 24px;
        -webkit-column-gap: 24px;
           -moz-column-gap: 24px;
                column-gap: 24px;
    }
    .products a { 
        width: calc(25% - 18px);
    }
    .root h2 {
        font-size: 2.25em;
    }
    .description {
        margin: 0;
    }
    .order > div {
        padding: 15px 30px 15px 30px;
    }
    .order > div > div {
        width: 100%;
    }
    .projector, .details, .checkout {
        display: block;
        float: left;
        width: 600px;
    }
    .details {
        margin-top: 20px;
    }
    .central, .feedback, .side {
        float: right;
        width: 600px;
        padding-left: 30px;
        text-align: left;
        display: block;
        margin: 0;
    }
    .central {
        min-height: 682px;
    }
    .review {
        margin-top: 20px;
    }
    .description .image {
        width: 100%;
        display: inline-block;
        margin: 15px 0;
    }
    .footer .img { 
        height: 300px;
    }
    .mobile {
        display: none;
    }
    .central .stats {
        margin-left: 15px;
    }
    header #logo div {
        display: inline-block;
        padding-left: 10px;
        color: var(--theme-color);
        font-weight: 700;
    }
    header #menu {
        display: none;
    }
    header .menu {
        display: block;
        position: unset;
        width: calc(100% - 343px);
        margin-right: 18px;
        float: left;
        height: 70px;
        border: none;
    }
    header .menu div {
        width: 100%;
        height: 100%;
        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;
    }
    header .menu a {
        display: inline-block;
        border: none;
        padding: 10px;
    }
    header #logo {
        width: 235px;
        padding-left: 20px;
        -webkit-box-pack: left;
            -ms-flex-pack: left;
                justify-content: left;
    }
    .slider .t {
        font-size: 48px;
    }
}
@media screen and (min-width: 1380px) {
    .cart > div, .other > div, header > div {
        width: 1250px;
    }
    .product, .order > div {
        max-width: 1130px;
        width: 1130px;
    }
    .info > div {
        margin-top: 50px;
    }
    .description p, .section {
        font-size: 18px;
    }
    .central, .feedback, .side {
        padding-left: 30px;
        width: 500px;
    }
    .variants > div > div {
        width: 70px;
        height: 70px;
    }
    .opinions .images > div {
        max-width: 200px;
    }
    .central .rating, .variants {
        margin-left: 15px;
    }
    .description > div, .order .customer, .order .delivery, .order .point, .order .summary, .other .transaction, .other .options {
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    .other .list {
        margin: 10px 15px 40px 15px;
        width: calc(100% - 30px);
    }
    .central .price span, .cart .price span {
        font-size: 20px;
    }
    .central h2, .cart h2 {
        font-size: 28px;
    }
    .central .add {
        margin-top: 15px;
        font-size: 22px;
    }
    .cart .promotions {
        height: 25px;
    }
    .cart .icon {
        width: 25px;
        height: 25px;
    }
    .cart .about {
        width: calc(100% - 30px);
        font-size: 16px;
    }
    .cart .value {
        font-size: 20px;
    }
    .slider .img {
        min-height: 700px;
    }
}

@media screen and (min-width: 1480px) {
    .product, .order > div {
        max-width: 1230px;
        width: 1230px;
    }
    .central, .feedback, .side {
        width: 600px;
    }
}

@-webkit-keyframes slider {
    0%, 100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
}

@keyframes slider {
    0%, 100% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);
    }
}
@-webkit-keyframes category {
    0%, 100% {
        height: 50%;
        width: 10%;
    }
    75% {
        height: 75%;
        width: 20%;
    }
}

@keyframes category {
    0%, 100% {
        height: 50%;
        width: 10%;
    }
    75% {
        height: 75%;
        width: 20%;
    }
}
@-webkit-keyframes play {
    0%, 7%, 100% {
        -webkit-box-shadow: inset 0 0 3px var(--form);
                box-shadow: inset 0 0 3px var(--form);
    }
    70% {
        -webkit-box-shadow: inset 0 0 3px var(--form), 0 0 5px var(--form);
                box-shadow: inset 0 0 3px var(--form), 0 0 5px var(--form);
    }
}

@keyframes play {
    0%, 7%, 100% {
        -webkit-box-shadow: inset 0 0 3px var(--form);
                box-shadow: inset 0 0 3px var(--form);
    }
    70% {
        -webkit-box-shadow: inset 0 0 3px var(--form), 0 0 5px var(--form);
                box-shadow: inset 0 0 3px var(--form), 0 0 5px var(--form);
    }
}
@-webkit-keyframes pulse {
    0%, 7% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    15% {
      -webkit-transform: rotateZ(-15deg);
              transform: rotateZ(-15deg);
    }
    20% {
      -webkit-transform: rotateZ(10deg);
              transform: rotateZ(10deg);
    }
    25% {
      -webkit-transform: rotateZ(-10deg);
              transform: rotateZ(-10deg);
    }
    30% {
      -webkit-transform: rotateZ(6deg);
              transform: rotateZ(6deg);
    }
    35% {
      -webkit-transform: rotateZ(-4deg);
              transform: rotateZ(-4deg);
    }
    70% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    40% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
  }
@keyframes pulse {
    0%, 7% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0);
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    15% {
      -webkit-transform: rotateZ(-15deg);
              transform: rotateZ(-15deg);
    }
    20% {
      -webkit-transform: rotateZ(10deg);
              transform: rotateZ(10deg);
    }
    25% {
      -webkit-transform: rotateZ(-10deg);
              transform: rotateZ(-10deg);
    }
    30% {
      -webkit-transform: rotateZ(6deg);
              transform: rotateZ(6deg);
    }
    35% {
      -webkit-transform: rotateZ(-4deg);
              transform: rotateZ(-4deg);
    }
    70% {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    40% {
      -webkit-transform: rotateZ(0);
              transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
                transform: rotateZ(0);
        -webkit-transform: scale(1);
                transform: scale(1);
    }
  }
@-webkit-keyframes shock {
    0%, 20% {
        -webkit-transform: translate(-5px, -5px);
                transform: translate(-5px, -5px);
    }
    10%, 30% {
        -webkit-transform: translate(5px, 5px);
                transform: translate(5px, 5px);
    }
    35% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
}

@keyframes shock {
    0%, 20% {
                -webkit-transform: translateX(-5px);
                        transform: translateX(-5px);
    }
    10%, 30% {
                -webkit-transform: translateX(5px);
                        transform: translateX(5px);
    }
    35% {
                -webkit-transform: translateX(0);
                        transform: translateX(0);
    }
}
@-webkit-keyframes shimmer {
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}

@keyframes shimmer {
    100% {
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
    }
}
@-webkit-keyframes menu {
    0% {
        left: -251px;
    }
    100% {
        left: 0px;
    }
}
@keyframes menu {
    0% {
        left: -251px;
    }
    100% {
        left: 0px;
    }
}
@-webkit-keyframes top {
    0% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@keyframes top {
    0% {
        -webkit-transform: translateY(-30px);
                transform: translateY(-30px);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
                transform: none;
    }
}
@-webkit-keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes show {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes hide {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes left {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-81px, 0);
                transform: translate(-81px, 0);
    }
}
@keyframes left {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-81px, 0);
                transform: translate(-81px, 0);
    }
}
@-webkit-keyframes right {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(81px, 0);
                transform: translate(81px, 0);
    }
}
@keyframes right {
    0% {
        -webkit-transform: translate(0, 0);
                transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(81px, 0);
                transform: translate(81px, 0);
    }
}
@-webkit-keyframes copied {
    10% {
      opacity: 1;
    }
    60% {
      -webkit-transform: translateY(-16px) scale(1.5);
              transform: translateY(-16px) scale(1.5);
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(2px, -32px) scale(0.5);
              transform: translate(2px, -32px) scale(0.5);
      opacity: 0;
    }
}
@keyframes copied {
    10% {
      opacity: 1;
    }
    60% {
      -webkit-transform: translateY(-16px) scale(1.5);
              transform: translateY(-16px) scale(1.5);
      opacity: 1;
    }
    100% {
      -webkit-transform: translate(2px, -32px) scale(0.5);
              transform: translate(2px, -32px) scale(0.5);
      opacity: 0;
    }
}