@font-face {
    font-family: 'ObjectSans-Regular';
    src: url('fonts/ObjectSans-Regular.eot');
    src: local('☺'), url('fonts/ObjectSans-Regular.woff') format('woff'), url('fonts/ObjectSans-Regular.ttf') format('truetype'), url('fonts/ObjectSans-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ObjectSans-Heavy';
    src: url('fonts/ObjectSans-Heavy.eot');
    src: local('☺'), url('fonts/ObjectSans-Heavy.woff') format('woff'), url('fonts/ObjectSans-Heavy.ttf') format('truetype'), url('fonts/ObjectSans-Heavy.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@media (min-width: 1200px) {
    .container {
        width: 1240px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 70%;
    }

}

img, a {
    border: none;
}

.ml-20 {
    margin-left: 20px;
}

.mb-20 {margin-bottom: 20px;}

.text-right {
    text-align: right;
}

.img-responsive-noblock {
    max-width: 100%;
    height: auto;
}

.heading_red {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: bold;
    font-size: 32px;
    line-height: 56px;
    color: #BB2121;
}

.wrapper {width: 100%; overflow: hidden;}

/* CSS Document */

body {
    font-family: 'Montserrat', Sans-Serif;
}

#banner-top {
    background: url("../image/blackfriday/bgr_Banner.png") top center no-repeat;
    background-size: cover;
    padding: 10% 0;
    position: relative
}

.floating-element img {
    max-width: 100%;
}

.floating-element {
    position: absolute;
    max-width: 8%;
}

#banner-top .floating-element {
    position: absolute;
    max-width: 18%;
}

.element-left {
    bottom: 5%;
    left: -2%;
    z-index: 2;
}


.model_left {
    bottom: 19%;
    left: -3%;
    z-index: 0;
}

#banner-top .model_left img {
    max-width: 132%;
}

.model_right {
    bottom: 0%;
    left: -3%;
    z-index: 1;
}

#banner-top .model_right img {max-width: 290%;}

.headphone {
    bottom: 2%;
    left: 19%;
}

.watch {
    bottom: 14%;
    left: 37%;
}

.Bag {
    bottom: 4%;
    left: 39%;
}

.cushion {
    bottom: 27%;
    left: 30%;
}

.lipstick {
    top: 38%;
    right: 3%;
}

.text-center {
    text-align: center;
}

.fontbold {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.mt-40 {
    margin-top: 40px;
}

.timer-body-block p {
    text-transform: uppercase;
    font-size: 24px;
    color: #fff;
    padding-left: 9%;
    padding-top: 4%;
    margin-bottom: 0;
}

.timer-body-block .syotimer-cell__unit {
    font-size: 20px;
    text-align: center;
    margin-top: -30%;
    text-transform: uppercase;
}

.timer-body-block .day {
    margin-left: 48px;
}

.timer-body-block .hour {
    margin-left: 46px;
}


.brand-logo {
    margin-top: 100px;
}

.brand-logo a img {
    margin: 0 auto;
}



.paper_bag_l {
    bottom: 27%;
    left: -1%;
}

.lipstick-2 {
    bottom: 4%;
    left: 10%;
}

.lipstick-3 {
    bottom: 4%;
    left: 1%;
}

.paper_bag_r {
    bottom: 27%;
    right: -1%;
    text-align: right;
}

.hightlight {
    padding: 2% 0;
    background: url("../image/blackfriday/background_highlight.png") top right no-repeat;
    background-size: contain;
    margin-top: 50px;
    position: relative;
}

.hightlight .hightlight-left {
    margin-top: 3%;
}

.hightlight .hightlight-left .video {width: 80%;text-align: center;}

.hightlight .hightlight-left .insert_video {width: 100%;border-radius: 10px;overflow: hidden;margin: 40px 0;}

.hightlight .hightlight-right {
    padding-bottom: 11%;
    padding-top: 12%;
    position: relative;
}

.hightlight .hightlight-right .LUX_A_M2 {
    max-width: 200%;
    bottom: -41%;
    left: -31%;
}

.hightlight .hightlight-right .LUX_A_M2 img {max-width: 102%;}

.hightlight .hightlight-right h1 {
    font-size: 50px;
    color: #fff;
    font-weight: 800;
}

.hightlight .hightlight-right span {
    font-size: 32px;
    color: #fff;
}

.hightlight .hightlight-right button {
    color: #BB2121;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: 700;
    background-color: transparent;
    background: url("../image/blackfriday/btn_thele.png") no-repeat center left;
}

.modal .modal-title {
    font-size: 24px;
    color: #BB2121;
}

.modal .modal-content {
    padding: 15px;
    padding-bottom: 40px;
}

.modal .modal-header {
    border: none;
}

.modal .modal-body {
    max-height: 600px;
    overflow-y: auto;
    color: #414141;
    font-size: 16px;
}


.no-wall {
    background-image: none;
}

.info_vincom {
    width: 100%;
    margin-top: 40px;
}

.info_vincom .pull-left span {
    display: block;
    font-size: 16px;
    color: #414141;
    text-transform: uppercase;
}

.info_vincom .pull-left span i {
    display: inline-block;
    margin-right: 10px;
}

.info_vincom .pull-left span.info-number {
    font-size: 40px;
    color: #BB2121;
}

.hightlight .list-content {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    font-size: 18px;
    color: #000000;
}

.hightlight .list-content h5 {
    padding: 0;
    font-family: 'ObjectSans-Regular';
    color: #D2232A;
    font-size: 24px;
    text-transform: uppercase;
}

.hightlight .carousel-inner .item {
    text-align: center;
}

.hightlight .carousel-inner .item img {
    display: inline-block;
}


.btn {
    border-radius: 0px;
    padding: 12px 48px;
    font-size: 16px;
    text-transform: uppercase;
    text-decoration: none;
    margin-bottom: 0px;
    color: #fff;
    position: relative;
    display: inline-block;
}

.btn:active {
    transform: translate(0px, 5px);
    -webkit-transform: translate(0px, 5px);
    box-shadow: 0px 1px 0px 0px;
}

.red {
    background-color: #BB2121;
}

.red:hover {
    background-color: #ff333b;
    color: #fff;
}

form {
    padding: 50px 0;
}

form .text-heading {
    font-size: 18px;
    color: #828282;
    margin-bottom: 14px;
}

form .btn {
    margin-bottom: 0px;
    padding: 16px 66px;
    background: #BB2121;
    border-radius: 5px;
}

form .btn:hover {
    color: #fff;
    background: #ef2828;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    color: #828282;
    font-size: 14px;
}

.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 16px 6%;
    outline: 0;
    border: 1px solid #cbcbcb;
    border-radius: 0px;
    background: #F4F4F4;
    color: #414141;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select select::-ms-expand {
    display: none;
}

.select select:hover,
.select select:focus {
    color: #000000;
    background: #f2f2f2;
}

.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.select_arrow {
    position: absolute;
    top: 45%;
    right: 9%;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #000000;
}

.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}


.box-km {
    background: url(../image/blackfriday/bg_km.png) no-repeat top center;
    background-size: cover;
    padding-bottom: 7%;
    padding-top: 5%;
    margin-top: 40px;
}

.box-km .heading-products h1 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    width: 100%;
}

.carousel-indicators {
    bottom: -45px;
}

.products {
    padding-top: 50px;
}


.heading-products {
    font-size: 24px;
    text-transform: uppercase;
}

.heading-products .dark-text {
    color: #000000;
}

.heading-products .red-text {
    color: #EB5757;
}

.heading-products p {
    margin: 0px;
    color: #fff
}

.heading-products .sub-text {
    font-size: 18px;
}

.heading-products .title-text {
    font-size: 32px;
}

#imaginary_container {
    background: #FFf;
    border: 1px solid #7e7e7e;
    border-radius: 5px;
    font-size: 16px;
}

#imaginary_container .form-control {
    background-color: transparent;
    border: none;
    color: #B0B0B0;
}

#imaginary_container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #B0B0B0;
    text-transform: uppercase;
}

#imaginary_container input::-moz-placeholder { /* Firefox 19+ */
    color: #B0B0B0;
    text-transform: uppercase;
}

#imaginary_container input:-ms-input-placeholder { /* IE 10+ */
    color: #B0B0B0;
    text-transform: uppercase;
}

#imaginary_container input:-moz-placeholder { /* Firefox 18- */
    color: #B0B0B0;
    text-transform: uppercase;
}

.stylish-input-group .input-group-addon {
    background: transparent !important;
    border-radius: 0px;
    border: none;
}

.stylish-input-group .form-control {
    border-left: 0;
    box-shadow: 0 0 0;
    border-color: #ccc;
    padding: 28px 20px;
    color: #000000;
    font-size: 14px;
    border-radius: 0px;
}

.stylish-input-group button {
    border: 0;
    background: transparent;

}


.carousel-control {
    background-image: none !important;
    width: auto;
    top: 18%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

#myCarousel2 .carousel-control {
    top: 32%;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.carousel-control:hover {
    opacity: 1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}

.carousel-control.right {
    right: -60px;
}

.carousel-control.left {
    left: -60px;
}


.slide_ngang .item .box-item {
    width: 20%;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}

.slide_ngang .thumbnail {
    border: none;
    margin-bottom: 0px;
    padding: 0px;
}

.slide_ngang .thumbnail img {
    width: 100%;
}

.slide_ngang .tit {
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
}

.slide_ngang .tit h4 {
    font-family: 'ObjectSans-Heavy', Sans-Serif;
    font-size: 18px;
    color: #000;
}

.slide_ngang .tit .gia_km {
    color: #BB2121;
}

.slide_ngang .content-km a {
    color: #000;
    font-size: 14px;
}

.slide_ngang p a {
    color: #414141;
    font-size: 12px;
    margin-top: 10px;
}

.slide_ngang .item .box-item .text-content img {
    max-width: 13%;
}


.slide_ngang .text-content {
    background: #fff;
    padding: 10px;
}

.news {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    color: #000000;
    position: relative;
}

.news .big_title {
    text-align: center;
}

.news .title h1 {
    margin-bottom: 34px;
    font-size: 32px;
    color: #BB2121;
    text-transform: uppercase;
}

.news h5 a {
    font-size: 18px;
    color: #BB2121;
    text-align: left;
}

.news p a {
    color: #414141;
    font-size: 14px;
    text-align: left;
}

.news .btn {
    margin-bottom: 0px;
    margin-top: 20px;
    padding: 12px 68px;
    text-transform: uppercase
}

.news .container img {
    width: 100%;
}


.top-hightlight p {
    font-size: 20px;
    text-align: center;
    color: #414141;
}

.top-hightlight .box-countdown {
    margin-top: 40px;
}

.box-countdown h3 {
    font-size: 36px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 40px;
}

.countdown {
    display: inline-flex;
    width: auto;
    text-align: center;
    height: 81px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.countdown label + label {
    margin-left: 5px;
}

.countdown label {
    display: inline-block;
    content: "";
    padding: 0 5px;
    box-sizing: border-box;
    text-align: center;
    color: #414141;
    width: 140px;
    height: 145px;
    font-size: 18px;
    font-family: sans-serif;
    position: relative;
    padding-top: 14px;
    background: url("../image/blackfriday/Element_banner/bgr_countdow.png") center center no-repeat;
    background-size: cover;

}

.countdown label span {
    font-size: 64px;
    color: #BB2121;
    font-weight: normal;
    display: block;
}

.countdown label:not(:last-child) {
    margin-right: 30px;
}

.countdown label:after {
    color: #ED2E40;
    font-size: 42px;
    display: inline;
    position: absolute;
    bottom: 16%;
    right: -40%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    content: '';

}


.hightlight-title h4 {
    color: #D2232A;
    font-size: 24px;
    text-transform: uppercase;
}

.hightlight-title p {
    font-size: 18px;
    color: #fff;
}

.margin-top-0 {
    margin-top: 0px;
}

.featured-item .icon i {
    color: #d40000;
}

.featured-item .icon i {
    font-size: 65px;
    margin-top: 0px;
    color: #d40000;
}

.featured-item .meta-text {
    margin-left: 95px;
}

.featured-item .meta-text h3 {
    color: #E82134;
    font-size: 32px;
    font-family: 'Montserrat', sans-serif;
    text-align: left;
    font-weight: 700;
}

.featured-item .meta-text h3 span {
    font-size: 24px;
    margin-left: 5px;
}

.featured-item .meta-text p {
    color: #414141;
    font-size: 16px;
    text-align: left;
    font-family: 'ObjectSans-Regular';
}

.featured-item .icon {
    width: 60px;
    height: 60px;
    float: left;
}

#footer {
    background: url(../image/bgr_4.png) top center;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer .title {
    color: #BB2121;
    font-size: 32px;
    letter-spacing: 1px;
    padding: 20px 0;
    line-height: 40px;
    font-weight: 700;
}

#footer, #footer a {
    font-size: 16px;
    color: #414141;
    font-family: 'Montserrat', sans-serif;
}

#footer h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #414141;
    font-weight: 700;
}

#footer a {
    cursor: pointer
}

#footer .list-group-item {
    border: 0px;
    padding: 5px 0px;
    background: transparent;
}


.chat_avatar {
    flex: 3
}

.chat_close {
    flex: 3;
    text-align: right;
}

.chat_name {
    flex: 6
}

.chat_message {
    flex: 10
}

.chat_submit {
    flex: 2;
    color: #888;
    text-align: right;
    font-size: 20px
}

.chat-box button {
    color: inherit;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    cursor: pointer;
}

.chat-box button.chatbox-open {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    color: #fff;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    margin: 16px;
}

.chatbox_user {
    background: #F9F9F9;
    border-radius: 20px 20px 20px 5px;
    color: #000;
    font-size: 18px;
    font-family: 'Montserrat';
    font-style: normal;
    padding: 10px;
    text-align: left;
    font-weight: normal;
    width: 80%;
    float: left;
}

.chatbox_admin {
    width: 80%;
    float: right;
    text-align: left;
    background: #46C753;
    border-radius: 20px 20px 5px 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    padding: 12px;
    margin-top: 10px;
}

.chat-box button.chatbox-open img, .chat-box button.chatbox-no-active img {
    max-width: 30px;
}

.chat-box button.chatbox-no-active {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    color: #fff;
    background-color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 12px 15px 20px 0 rgba(46, 61, 73, 0.15);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    margin: 16px;
}

.chat-box textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    height: calc(16px + 16px / 2);
    padding: 0 calc(16px / 2);
    font-family: inherit;
    font-size: 16px;
    line-height: calc(16px + 16px / 2);
    color: #888;
    background-color: transparent;
    border: 0;
    outline: 0 !important;
    resize: none;
    overflow: hidden;
}

.chat-box textarea::-webkit-input-placeholder {
    color: #888;
}

.chat-box textarea:-ms-input-placeholder {
    color: #888;
}

.chat-box textarea::-ms-input-placeholder {
    color: #888;
}

.chat-box textarea::placeholder {
    color: #888;
}

.chat_name h1 {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #BB2121;
}

.chat_name p {
    color: #27AE60;
}

.chatbox-panel-close i {
    color: #BB2121;
    font-size: 33px
}

.chatbox-popup {
    display: flex;
    position: fixed;
    box-shadow: 5px 5px 25px 0 rgba(46, 61, 73, 0.2);
    flex-direction: column;
    bottom: calc(2 * 16px + 52px);
    right: 16px;
    width: 400px;
    height: auto;
    background-color: #fff;
    border-radius: 10px;
}

.chatbox-popup .chatbox-popup__header {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    color: #fff;
    background: #FFEFEF;
    border-radius: 10px 10px 0px 0px;
    align-items: center;
    justify-content: space-around;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
}

.chatbox-popup .chatbox-popup__header .chatbox-popup__avatar {
    margin-top: 0px;
    background-color: #BB2121;
    border: 5px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    font-size: 50px;
}

.chatbox-popup .chatbox-popup__main {
    box-sizing: border-box;
    width: 100%;
    padding: calc(2 * 16px) 16px;
    line-height: calc(16px + 16px / 2);
    color: #888;
    text-align: center;
}

.chatbox-popup .chatbox-popup__footer {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    padding: 16px;
    border-top: 1px solid #ddd;
    align-items: center;
    justify-content: space-around;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.chat-box .icon-circle {
    width: 8px;
    height: 8px;
    background: #27AE60;
    display: inline-block;
    border-radius: 100px;
}




@media (max-width: 1800px) {
    .box-km {
        background-size: cover;
        padding-bottom: 13%;
    }

    .info_vincom .pull-left span {
        font-size: 14px;
    }

    .info_vincom .pull-left span.info-number {
        font-size: 36px;
    }

    .hightlight {padding: 0;}

    .hightlight .hightlight-right {
        padding-bottom: 10%;
    }

    .paper_bag_l {
        bottom: 13%;
        left: -1%;
    }

    .floating-element {
        position: absolute;
        max-width: 7%;
    }

    .lipstick-2 {
        bottom: -9%;
        left: 5%;
    }


}


@media (max-width: 1500px) {
    #banner-top {

        background-size: contain;
        padding-top: 6%;
        padding-bottom: 9%;
    }

    .hightlight .hightlight-left {
        margin-top: 0%;
    }

    #banner-top .container img {
        max-width: 20%;
    }

    #banner-top .floating-element {
        max-width: 13%;
    }


    .floating-element {
        max-width: 6%;
    }

    form {
        padding: 24px 0;
    }

    .brand-logo {
        margin-top: 180px;
    }

    .hightlight .hightlight-left .insert_video {
        margin: 20px 0;
    }

    .lipstick-2 {
        bottom: -12%;
        left: 2%;
    }

    .hightlight .hightlight-right .LUX_A_M2 {
        bottom: -39%;
        left: -42%;
    }
}

@media (max-width: 600px) {

    #banner-top {
        background-image: none;
        padding-top: 0;
    }

    #banner-top .container img {
        max-width: 100%;
    }

    .countdown {
        height: auto; width: 100%;
    }

    .box-countdown {
        background: #BB2121;
    }

    .box-countdown h3 {
        font-size: 20px;
        text-align: center;
        width: 100%;
        margin: 0;
        padding: 20px 0;
    }

    .countdown label:not(:last-child) {
        margin-right: 10px;
    }

    .countdown label {
        font-size: 14px;
        width: 30%;
        height: 110px;
        background-size: contain;
        padding-top: 16px;
        line-height: 38px;
    }

    .countdown label span {
        width: 100%;
        font-size: 50px;
        padding-top: 3px;
        text-align: center;
    }

    .countdown span:not(:last-child) {
        margin-right: 6px;
    }

    .hightlight {
        background-image: none;
    }

    .brand-logo {
        margin-top: 10px;
    }

    .carousel-control.left {left: 0;}

    .carousel-control.right {right: 0;}

    .info_vincom .pull-left {
        width: 48%;
    }

    .info_vincom .pull-right {
        width: 48%;
    }

    .info_vincom .pull-right span, .info_vincom .pull-left span {
        font-size: 12px;
        text-transform: uppercase;
    }

    .info_vincom .pull-right span.info-number {
        font-size: 30px;
        color: #BB2121;
    }

    .info_vincom .pull-left span.info-number {
        font-size: 32px;
    }

    .info_vincom .pull-right span i {
        display: inline-block;
        margin-right: 10px;
    }

    .info_vincom span i img {
        max-width: 80%;
    }

    .hightlight .hightlight-left .video {width: 100%;}

    .slick-dots {bottom: -48px;}

    .slick-dots li button:before {font-size: 60px;color: #ffffff;opacity: 1;}

    .slick-dots li.slick-active button:before {color: #DC623E}


    .hightlight {margin-top: 0;}

    .hightlight .hightlight-right {
        background: url("../image/blackfriday/m_background_highlight.png") no-repeat top right;
        background-size: contain;
        padding-top: 9%;
        padding-bottom: 49%;
    }

    .hightlight .hightlight-right h1 {
        font-size: 24px;
    }

    .hightlight .hightlight-right span {
        font-size: 14px;
    }

    .hightlight .hightlight-right p img {max-width: 60%;}

    .hightlight .hightlight-right button {margin-bottom: 0; background-position-x: right; font-size: 12px; padding: 8px 15px; background-size: cover;}

    .heading_red {font-size: 24px;}

    .slide_ngang .slick-slide {margin: 0px 0.4%;}
    .slide_ngang .regular-2 {margin-top: 10%; margin-left: 15px;}

    .slide_ngang .regular-2 .slick-list {
        padding-right: 20% !important;
        margin-left: -13%;
    }

    .slide_ngang .slick-slide .img-responsive-noblock {display: inline-block !important; max-width: 11%;}
    .box-km {
        background: url(../image/blackfriday/m_bg_km.png) no-repeat top center;
        background-size: cover; padding-bottom: 30%;
    }


    .box-km .heading-products h1 {font-size: 24px; font-weight: 700;}

    .news {text-align: left;}
    .news .title h1 {font-size: 24px; text-transform: none;}

    #footer {background-image: none; background-color: #F7F7F7; padding: 5% 0; }

    #footer .heading h2 {font-family: Montserrat;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 32px;
        text-align: center;
        text-transform: none;
        color: #BB2121;}

    #footer .bgr_in_bottom .btn { width: 100%; border-radius: 5px; margin-top: 30px;}


    .products {
        padding: 14px 0px;
    }

    .products .tit span {
        font-size: 18px;
        color: #000000;
    }

    .products .item p {
        font-size: 16px;
        color: #6D6D6D;
    }




}

@media (max-width: 340px) {
    .info_vincom  span.info-number {font-size: 24px !important; }
    .hightlight .hightlight-right {padding-bottom: 62%;}
    .hightlight .hightlight-right h1 {
        font-size: 20px;
    }
}


.element-left figure {
    -webkit-animation: headphone 15s ease-in-out infinite;
    animation: headphone 15s ease-in-out infinite;
    will-change: transform;
}

@-webkit-keyframes element-left {
    0%{
        -webkit-transform:translate(5%,-5%) rotate(5deg);
        transform:translate(5%,-5%) rotate(5deg)
    }
    35%{
        -webkit-transform:translate(-5%,5%) rotate(-6deg);
        transform:translate(-5%,5%) rotate(-6deg)
    }
    65%{
        -webkit-transform:translate(5%,8%) rotate(-2deg);
        transform:translate(5%,8%) rotate(-2deg)
    }
    to{
        -webkit-transform:translate(5%,-5%) rotate(5deg);
        transform:translate(5%,-5%) rotate(5deg)
    }
}
@keyframes element-left {
    0%{
        -webkit-transform:translate(5%,-5%) rotate(5deg);
        transform:translate(5%,-5%) rotate(5deg)
    }
    35%{
        -webkit-transform:translate(-5%,5%) rotate(-6deg);
        transform:translate(-5%,5%) rotate(-6deg)
    }
    65%{
        -webkit-transform:translate(5%,8%) rotate(-2deg);
        transform:translate(5%,8%) rotate(-2deg)
    }
    to{
        -webkit-transform:translate(5%,-5%) rotate(5deg);
        transform:translate(5%,-5%) rotate(5deg)
    }
}



.headphone figure {
    -webkit-animation: headphone 12s ease-in-out infinite;
    animation: headphone 12s ease-in-out infinite;
    will-change: transform;
}

@-webkit-keyframes headphone{
    0%{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
    65%{
        -webkit-transform:translateY(5%) rotate(-3deg);
        transform:translateY(5%) rotate(-3deg)
    }
    to{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
}
@keyframes headphone{
    0%{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
    65%{
        -webkit-transform:translateY(5%) rotate(-3deg);
        transform:translateY(5%) rotate(-3deg)
    }
    to{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
}




.watch figure {
    -webkit-animation: watch 9s ease-in-out infinite;
    animation: watch 9s ease-in-out infinite;
    will-change: transform;
}

@-webkit-keyframes watch{
    0%{
        -webkit-transform:translate(2%,4%) rotate(-5deg);
        transform:translate(2%,4%) rotate(-5deg)
    }
    65%{
        -webkit-transform:translate(-2%,-4%) rotate(5deg);
        transform:translate(-2%,-4%) rotate(5deg)
    }
    to{
        -webkit-transform:translate(2%,4%) rotate(-5deg);
        transform:translate(2%,4%) rotate(-5deg)
    }
}
@keyframes watch{
    0%{
        -webkit-transform:translate(2%,4%) rotate(-5deg);
        transform:translate(2%,4%) rotate(-5deg)
    }
    65%{
        -webkit-transform:translate(-2%,-4%) rotate(5deg);
        transform:translate(-2%,-4%) rotate(5deg)
    }
    to{
        -webkit-transform:translate(2%,4%) rotate(-5deg);
        transform:translate(2%,4%) rotate(-5deg)
    }
}



.Bag figure {
    -webkit-animation: Bag 10s ease-in-out infinite;
    animation: Bag 10s ease-in-out infinite;
    will-change: transform;
}

@-webkit-keyframes Bag{
    0%{
        -webkit-transform:translate(-1%,-3%) rotate(3deg);
        transform:translate(-1%,-3%) rotate(3deg)
    }
    60%{
        -webkit-transform:translate(1%,3%) rotate(-3deg);
        transform:translate(1%,3%) rotate(-3deg)
    }
    to{
        -webkit-transform:translate(-1%,-3%) rotate(3deg);
        transform:translate(-1%,-3%) rotate(3deg)
    }
}
@keyframes Bag{
    0%{
        -webkit-transform:translate(-1%,-3%) rotate(3deg);
        transform:translate(-1%,-3%) rotate(3deg)
    }
    60%{
        -webkit-transform:translate(1%,3%) rotate(-3deg);
        transform:translate(1%,3%) rotate(-3deg)
    }
    to{
        -webkit-transform:translate(-1%,-3%) rotate(3deg);
        transform:translate(-1%,-3%) rotate(3deg)
    }
}


.cushion figure {
    -webkit-animation: headphone 11s ease-in-out infinite;
    animation: headphone 11s ease-in-out infinite;
    will-change: transform;
}


.lipstick figure {
    -webkit-animation: lipstick 9s ease-in-out infinite;
    animation: lipstick 9s ease-in-out infinite;
    will-change: transform;
}





@-webkit-keyframes lipstick{
    0%{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
    65%{
        -webkit-transform:translateY(5%) rotate(-3deg);
        transform:translateY(5%) rotate(-3deg)
    }
    to{
        -webkit-transform:translateY(-5%) rotate(3deg);
        transform:translateY(-5%) rotate(3deg)
    }
}

.LUX_A_M2 figure {
    -webkit-animation: lux 16s ease-in-out infinite;
    animation: lux 16s ease-in-out infinite;
    will-change: transform;
}

@-webkit-keyframes lux{
    0%{
        -webkit-transform:translateX(1%) scale(1);
        transform:translateX(1%) scale(1)
    }
    65%{

        -webkit-transform:translateX(-1%) scale(1.1);
        transform:translateX(-1%) scale(1.1)
    }
    to{
        -webkit-transform:translateX(1%) scale(1);
        transform:translateX(1%) scale(1)
    }
}


.paper_bag_l figure {
    -webkit-animation: element-left 12s ease-in-out infinite;
    animation: element-left 12s ease-in-out infinite;
    will-change: transform;
}


.lipstick-2 figure {
    -webkit-animation: headphone 10s ease-in-out infinite;
    animation: headphone 10s ease-in-out infinite;
    will-change: transform;
}


.lipstick-3 figure {
    -webkit-animation: headphone 10s ease-in-out infinite;
    animation: headphone 10s ease-in-out infinite;
    will-change: transform;
}

.paper_bag_r figure {
    -webkit-animation: lipstick 13s ease-in-out infinite;
    animation: lipstick 13s ease-in-out infinite;
    will-change: transform;
}