.alertify .ajs-dimmer {
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    background-color: #252525;
    opacity: .7
}

.alertify .ajs-modal {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    overflow-y: auto;
    z-index: 99999
}

.alertify .ajs-dialog {
    position: relative;
    margin: 5% auto;
    min-height: 110px;
    max-width: 400px;
    padding: 12px 12px 0 12px;
    outline: 0;
    background-color: #fff;
    border: 2px solid #f88010;
    border-radius: 5px;
    overflow: hidden
}

.alertify .ajs-dialog.ajs-capture:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1
}

.alertify .ajs-reset {
    position: absolute !important;
    display: inline !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important
}

.alertify .ajs-commands {
    position: absolute;
    right: 4px;
    margin: -14px 24px 0 0;
    z-index: 2
}

.alertify .ajs-commands button {
    display: none;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    padding: 10px;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.alertify .ajs-header {
    display: none
}

.alertify .ajs-body {
    min-height: 56px
}

.alertify .ajs-body .ajs-content {
    padding: 8px 12px 8px 8px
}

.alertify .ajs-body .ajs-content b {
    font-weight: bold
}

.alertify .ajs-body .ajs-content i {
    font-style: italic
}

.alertify .ajs-footer {
    padding: 4px;
    margin-left: -12px;
    margin-right: -12px;
    min-height: 43px;
    background-color: #fff
}

.alertify .ajs-footer .ajs-buttons.ajs-primary {
    text-align: center
}

.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary {
    float: left;
    clear: none;
    text-align: left
}

.alertify .ajs-footer .ajs-buttons.ajs-auxiliary .ajs-button {
    margin: 4px
}

.alertify .ajs-footer .ajs-buttons .ajs-button {
    min-width: 88px;
    min-height: 35px;
    text-transform: initial;
    font-weight: 700;
    border-radius: 5px;
    padding: 0 !important
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #fff;
    background-color: #ffa500;
    border: 1px solid #e46900
}

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc
}

.alertify .ajs-handle {
    position: absolute;
    display: none;
    width: 10px;
    height: 10px;
    right: 0;
    bottom: 0;
    z-index: 1;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMS8xNEDQYmMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQ0lEQVQYlaXNMQoAIAxD0dT7H657l0KX3iJuUlBUNOsPPCGJm7VDp6ryeMxMuDsAQH7owW3pyn3RS26iKxERMLN3ugOaAkaL3sWVigAAAABJRU5ErkJggg==);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    cursor: se-resize
}

.alertify.ajs-no-overflow .ajs-body .ajs-content {
    overflow: hidden !important
}

.alertify.ajs-no-padding.ajs-maximized .ajs-body .ajs-content {
    left: 0;
    right: 0;
    padding: 0
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body {
    margin-left: -24px;
    margin-right: -24px
}

.alertify.ajs-no-padding:not(.ajs-maximized) .ajs-body .ajs-content {
    padding: 0
}

.alertify.ajs-no-padding.ajs-resizable .ajs-body .ajs-content {
    left: 0;
    right: 0
}

.alertify.ajs-maximizable .ajs-commands button.ajs-maximize,
.alertify.ajs-maximizable .ajs-commands button.ajs-restore {
    display: inline-block
}

.alertify.ajs-closable .ajs-commands button.ajs-close {
    display: none
}

.alertify.ajs-maximized .ajs-dialog {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    top: 0 !important;
    left: 0 !important
}

.alertify.ajs-maximized.ajs-modeless .ajs-modal {
    position: fixed !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important
}

.alertify.ajs-maximized .ajs-commands button.ajs-maximize {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASklEQVQYlZWQ0QkAMQhDtXRincOZX78KVtrDCwgqJNEoIB3MPLj7lRUROlpyVXGzby6zWuY+kz6tj5sBMTMAyVV3/595RbOh3cAXsww1raeiOcoAAAAASUVORK5CYII=)
}

.alertify.ajs-resizable .ajs-dialog,
.alertify.ajs-maximized .ajs-dialog {
    padding: 0
}

.alertify.ajs-resizable .ajs-commands,
.alertify.ajs-maximized .ajs-commands {
    margin: 14px 24px 0 0
}

.alertify.ajs-resizable .ajs-header,
.alertify.ajs-maximized .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 16px 24px
}

.alertify.ajs-resizable .ajs-body,
.alertify.ajs-maximized .ajs-body {
    min-height: 224px;
    display: inline-block
}

.alertify.ajs-resizable .ajs-body .ajs-content,
.alertify.ajs-maximized .ajs-body .ajs-content {
    position: absolute;
    top: 50px;
    right: 24px;
    bottom: 50px;
    left: 24px;
    overflow: auto
}

.alertify.ajs-resizable .ajs-footer,
.alertify.ajs-maximized .ajs-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-dialog {
    min-width: 548px
}

.alertify.ajs-resizable:not(.ajs-maximized) .ajs-handle {
    display: block
}

.alertify.ajs-movable:not(.ajs-maximized) .ajs-header {
    cursor: move
}

.alertify.ajs-modeless .ajs-dimmer,
.alertify.ajs-modeless .ajs-reset {
    display: none
}

.alertify.ajs-modeless .ajs-modal {
    overflow: visible;
    max-width: none;
    max-height: 0
}

.alertify.ajs-modeless.ajs-pinnable .ajs-commands button.ajs-pin {
    display: inline-block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAQklEQVQYlcWPMQ4AIAwCqU9u38GbcbHRWN1MvKQDhQFMEpKImGJA0gCgnYw0V0rwxseg5erT4oSkQVI5d9f+e9+xA0NbLpWfitPXAAAAAElFTkSuQmCC)
}

.alertify.ajs-modeless.ajs-unpinned .ajs-modal {
    position: absolute
}

.alertify.ajs-modeless.ajs-unpinned .ajs-commands button.ajs-pin {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNy8xMy8xNOrZqugAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAAO0lEQVQYlWP8//8/AzGAiShV6AqLi4txGs+CLoBLMYbC3t5eRmyaWfBZhwwYkX2NTxPRvibKjRhW4wMAhxkYGbLu3pEAAAAASUVORK5CYII=)
}

.alertify.ajs-modeless:not(.ajs-unpinned) .ajs-body {
    max-height: 500px;
    overflow: auto
}

.alertify.ajs-basic .ajs-header {
    opacity: 0
}

.alertify.ajs-basic .ajs-footer {
    visibility: hidden
}

.alertify.ajs-frameless .ajs-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    min-height: 60px;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 1
}

.alertify.ajs-frameless .ajs-footer {
    display: none
}

.alertify.ajs-frameless .ajs-body .ajs-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog {
    padding-top: 0
}

.alertify.ajs-frameless:not(.ajs-resizable) .ajs-dialog .ajs-commands {
    margin-top: 0
}

.ajs-no-overflow {
    overflow: hidden !important;
    outline: none
}

.ajs-no-overflow.ajs-fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: scroll !important
}

.ajs-no-selection,
.ajs-no-selection * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (max-width:568px) {
    .alertify .ajs-dialog {
        min-width: 150px
    }

    .alertify:not(.ajs-maximized) .ajs-modal {
        padding: 0 5%
    }

    .alertify:not(.ajs-maximized).ajs-resizable .ajs-dialog {
        min-width: initial;
        min-width: auto
    }
}

@-moz-document url-prefix() {
    .alertify button:focus {
        outline: 1px dotted #3593D2;
    }
}

.alertify .ajs-dimmer,
.alertify .ajs-modal {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms
}

.alertify.ajs-hidden .ajs-dimmer,
.alertify.ajs-hidden .ajs-modal {
    visibility: hidden;
    opacity: 0
}

.alertify.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms
}

.alertify.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-duration: 250ms;
    animation-duration: 250ms
}

.alertify .ajs-dialog.ajs-shake {
    -webkit-animation-name: ajs-shake;
    animation-name: ajs-shake;
    -webkit-animation-duration: .1s;
    animation-duration: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes ajs-shake {

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

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes ajs-shake {

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

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.alertify.ajs-slide.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-slideIn;
    animation-name: ajs-slideIn;
    -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    animation-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}

.alertify.ajs-slide.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-slideOut;
    animation-name: ajs-slideOut;
    -webkit-animation-timing-function: cubic-bezier(.6, -.28, .735, .045);
    animation-timing-function: cubic-bezier(.6, -.28, .735, .045)
}

.alertify.ajs-zoom.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-zoomIn;
    animation-name: ajs-zoomIn
}

.alertify.ajs-zoom.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-zoomOut;
    animation-name: ajs-zoomOut
}

.alertify.ajs-fade.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-fadeIn;
    animation-name: ajs-fadeIn
}

.alertify.ajs-fade.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-fadeOut;
    animation-name: ajs-fadeOut
}

.alertify.ajs-pulse.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-pulseIn;
    animation-name: ajs-pulseIn
}

.alertify.ajs-pulse.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-pulseOut;
    animation-name: ajs-pulseOut
}

.alertify.ajs-flipx.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInX;
    animation-name: ajs-flipInX
}

.alertify.ajs-flipx.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutX;
    animation-name: ajs-flipOutX
}

.alertify.ajs-flipy.ajs-in:not(.ajs-hidden) .ajs-dialog {
    -webkit-animation-name: ajs-flipInY;
    animation-name: ajs-flipInY
}

.alertify.ajs-flipy.ajs-out.ajs-hidden .ajs-dialog {
    -webkit-animation-name: ajs-flipOutY;
    animation-name: ajs-flipOutY
}

@-webkit-keyframes ajs-pulseIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-pulseIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

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

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

@keyframes ajs-pulseOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

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

@-webkit-keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes ajs-zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@-webkit-keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

@keyframes ajs-zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.25, .25, .25);
        transform: scale3d(.25, .25, .25)
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 1
    }
}

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

    100% {
        opacity: 0
    }
}

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

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

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

@keyframes ajs-flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
    }

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

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

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

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

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

@keyframes ajs-flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
    }

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

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

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

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0
    }
}

@-webkit-keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@keyframes ajs-slideIn {
    0% {
        margin-top: -100%
    }

    100% {
        margin-top: 5%
    }
}

@-webkit-keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

@keyframes ajs-slideOut {
    0% {
        margin-top: 5%
    }

    100% {
        margin-top: -100%
    }
}

.alertify-notifier {
    position: fixed;
    width: 0;
    overflow: visible;
    z-index: 1982;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.alertify-notifier .ajs-message {
    position: relative;
    width: 260px;
    max-height: 0;
    padding: 0;
    opacity: 0;
    margin: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.alertify-notifier .ajs-message.ajs-visible {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    opacity: 1;
    max-height: 100%;
    padding: 15px;
    margin-top: 10px
}

.alertify-notifier .ajs-message.ajs-success {
    background: rgba(91, 189, 114, .95)
}

.alertify-notifier .ajs-message.ajs-error {
    background: rgba(217, 92, 92, .95)
}

.alertify-notifier .ajs-message.ajs-warning {
    background: rgba(252, 248, 215, .95)
}

.alertify-notifier .ajs-message .ajs-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABGdBTUEAALGPC/xhBQAAAFBJREFUGBl1j0EKADEIA+ve/P9f9bh1hEihNBfjVCO1v7RKVqJK4h8gM5cAPR42AkQEpSXPwMTyoi13n5N9YqJehm3Fnr7nL1D0ZEbD5OubGyC7a9gx+9eNAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, .5);
    border-top-right-radius: 2px
}

.alertify-notifier.ajs-top {
    top: 10px
}

.alertify-notifier.ajs-bottom {
    bottom: 10px
}

.alertify-notifier.ajs-right {
    right: 10px
}

.alertify-notifier.ajs-right .ajs-message {
    right: -320px
}

.alertify-notifier.ajs-right .ajs-message.ajs-visible {
    right: 290px
}

.alertify-notifier.ajs-left {
    left: 10px
}

.alertify-notifier.ajs-left .ajs-message {
    left: -300px
}

.alertify-notifier.ajs-left .ajs-message.ajs-visible {
    left: 0
}

.alertify-notifier.ajs-center {
    left: 50%
}

.alertify-notifier.ajs-center .ajs-message {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.alertify-notifier.ajs-center .ajs-message.ajs-visible {
    left: 50%;
    -webkit-transition-timing-function: cubic-bezier(.57, .43, .1, .65);
    transition-timing-function: cubic-bezier(.57, .43, .1, .65)
}

.alertify-notifier.ajs-center.ajs-top .ajs-message {
    top: -300px
}

.alertify-notifier.ajs-center.ajs-top .ajs-message.ajs-visible {
    top: 0
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message {
    bottom: -300px
}

.alertify-notifier.ajs-center.ajs-bottom .ajs-message.ajs-visible {
    bottom: 0
}

.orange,
.search-menu.orange {
    background: #ffa500
}

.green,
.search-menu.green {
    background: #008848
}

.blue,
.search-menu.blue {
    background: #0064c2
}

.pink,
.search-menu.pink {
    background: #c91e55
}

.dark,
.search-menu.dark {
    background: #232f3e
}

header .wrap {
    width: 1200px;
    margin: auto;
    overflow: hidden
}

header .item {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    vertical-align: bottom;
    padding: 0px 20px;
    margin-left: -16px;
    position: relative;
    -ms-border-radius: 20px 20px 0 0;
    border-radius: 20px 20px 0 0;
    box-sizing: border-box;
    min-width: 130px;
    color: #fff !important;
    overflow: hidden;
    text-align: center;
    font-size: 16px
}

header .item span {
    position: relative;
    z-index: 1;
    font-size: 14px;
    text-transform: uppercase
}

header .item.dark span {
    color: #000
}

header .item:first-child {
    margin-left: 0;
    padding: 0 10px
}

header .item.orange {
    z-index: 5
}

header .item.green {
    z-index: 4
}

header .item.green:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid #ffa500;
    border-right: 28px solid transparent
}

header .item.green:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 50px;
    background: #008848;
    border-radius: 50%
}

header .item.blue {
    z-index: 3
}

header .item.blue:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid #008848;
    border-right: 28px solid transparent
}

header .item.blue:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 50px;
    background: #0064c2;
    border-radius: 50%
}

header .item.pink {
    z-index: 2
}

header .item.pink:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid #0064c2;
    border-right: 28px solid transparent
}

header .item.pink:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 50px;
    background: #c91e55;
    border-radius: 50%
}

header .item.dark {
    background: #feb600;
    z-index: 1
}

header .item.dark.act span {
    color: #000;
    font-weight: bold
}

header .item.dark:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid #c91e55;
    border-right: 28px solid transparent
}

header .item.dark:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 50px;
    background: #feb600;
    border-radius: 50%
}

header .item.white {
    background: #fff;
    z-index: 0;
    padding-right: 0;
    min-width: 30px
}

header .item.white:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 36px solid #feb600;
    border-right: 28px solid transparent
}

header .item.white:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 36px;
    height: 50px;
    background: #fff;
    border-radius: 50%
}

header .item.act,
header .item:hover {
    height: 44px;
    line-height: 44px;
    z-index: 9;
    box-shadow: 9px -6px 4px -8px rgba(0, 0, 0, .25)
}

header .item.act:before,
header .item:hover:before {
    -ms-opacity: 0;
    opacity: 0
}

header .item.white:hover {
    box-shadow: none;
    z-index: 0
}

header .item.white:hover:before {
    -ms-opacity: 1;
    opacity: 1
}

header .item .logo {
    margin: 0;
    float: none
}
.logo {
    background-position: -368px 3px;
    width: 159px;
    height: 33px;
    /* background-color: #fe7a12; */
    border-radius: 5px;
    background-size: 531px;
}
header .profile {
    margin-top: 5px;
}
header .profile .odhistory {
    margin-right: 20px;
}
header .profile span, header .profile .odhistory {
    display: inline-block;
    font-size: 14px;
    color: #fe7a12;
    letter-spacing: .14px;
    /* margin-left: 70px; */
    position: relative;
    vertical-align: middle;
}
.profile .odhistory .lsmuahang {
    width: 60px;
    height: 35px;
    color: #000000;
    border: 1px solid #000000;
    border-radius: 2px;
    font-family: Quicksand;
    font-style: normal;
    font-weight: normal;
    font-size: 9px;
    line-height: 10px;
    padding: 6px 3px;
    text-transform: uppercase;
}
.profile .odhistory .icon-cart span {
    width: 60px;
    position: absolute;
    font-size: 9px;
    color: #000000;
    margin-top: unset !important;
}
.cart .count-cart {
    width: 17px;
    height: 17px;
    text-align: center;
    background: #ff0900;
    border-radius: 100%;
    left: -5px;
    margin-top: 0px !important;
}
.profile .odhistory .icon-user span {
    width: 60px;
    position: absolute;
    font-size: 9px;
    color: #000000;
    margin-top: unset !important;
    display: block;
    margin-left: unset !important;
}
.profile .odhistory [class^="icon-"] {
    background-image:none;
}
.icon-logo {
    background-position: -368px 3px;
    width: 159px;
    height: 33px;
    background-color: #fe7a12;
    border-radius: 5px;
    background-size: 531px
}
.profile .order {
    float: right;
}
.icon-user {
    background-position: -473px -319px;
    width: 30px;
    height: 29px;
    background-image: none;
}
.icon-user img {
    width: 25px;
    height: 20px;
    margin-left: 7px;
}
header .profile a.cart {
    line-height: 40px;
    font-size: 16px;
    color: #fe7a12;
    display: inline-block;
    position: relative;
    padding-left: 31px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    min-height: 35px;
    text-decoration: none;
}
.icon-cart img {
    width: 100%;
    height: 20px;
    margin-left: 5px;
}
.search-menu {
    padding: 7px 0
}

.search-menu .container {
    padding-top: 0;
    margin-bottom: 0;
    width: 1200px;
    margin: 0 auto;
    overflow: initial;
    background: none
}

.search-menu form {
    width: 490px;
    position: relative;
    float: left !important
}

.search-menu form input {
    background: #fff;
    border-radius: 4px;
    border: none;
    padding: 12.5px 30px 12.5px 10px;
    width: 100%;
    color: #e88f49;
    box-sizing: border-box;
    outline: 0
}

.search-menu form input::placeholder {
    color: #999
}

.search-menu form button {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 5px;
    top: 50%;
    background: no-repeat;
    outline: none;
    border: none;
    transform: translateY(-50%)
}

.search-menu form button .icon-search {
    position: absolute;
    background-position: -162px -287px;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0;
    filter: grayscale(100%)
}

.search-menu form .searchclear {
    display: none;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 25px;
    width: 28px;
    background-color: #fff;
    margin: auto;
    cursor: pointer;
    padding: 8px 0 0 16px;
    border-radius: 10px
}

.search-menu form .searchclear .icon-searchclr {
    background-position: -70px -25px;
    width: 16px;
    height: 16px
}

.search-menu .hotline {
    float: right;
    color: #fff;
    line-height: 40px
}

.search-menu .hotline img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px
}

.search-menu .hotline a {
    color: #fff
}

.search-menu .hotline strong {
    font-weight: bold
}

.search-menu .mnu-ct {
    float: left;
    width: calc(100% - 280px)
}

.search-menu .mnu-ct a {
    color: #fff;
    transition: color ease .5s;
    text-transform: uppercase;
    font-size: 13px
}

.search-menu .mnu-ct .item {
    float: left;
    padding: 11px 10px;
    position: relative
}

.search-menu .mnu-ct .item:first-child {
    margin-left: 5px
}

.search-menu .mnu-ct .item.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -14px;
    border-bottom: #f2f2f1 solid 9px;
    border-right: transparent solid 9px;
    border-left: transparent solid 9px
}

.search-menu .mnu-ct .item.active a,
.search-menu .mnu-ct .item:hover a {
    color: #fff
}

.fmcg-menu form {
    width: 280px !important
}

.fmcg-menu form input {
    background: #fafafa;
    padding: 12.5px 30px 12.5px 10px;
    color: #7ea950
}

.fmcg-menu form i {
    filter: grayscale(100%)
}

.fmcg-menu form .searchclear {
    background: #5db300
}

.fmcg-menu .mnu-ct {
    width: calc(100% - 280px)
}

.fmcg-menu .mnu-ct span {
    display: inline-block;
    float: left;
    padding: 11px 0 11px 20px
}

.fmcg-menu .mnu-ct a {
    padding: 11px 15px;
    float: left;
    text-transform: initial;
    color: #bdbe68;
    font-size: 14px
}

.fmcg-menu .mnu-ct a:hover {
    color: #ffe702
}

.ict-menu {
    position: relative;
    z-index: 999;
    padding: 0
}

.ict-menu form {
    width: 280px;
    margin: 7px 0
}

.ict-menu form input {
    background: #fff;
    padding: 12.5px 30px 12.5px 10px;
    color: #000
}

.ict-menu .mnu-ct {
    width: calc(100% - 280px);
    height: 54px;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ict-menu .mnu-ct .item {
    padding: 0;
    flex: 0 1 auto;
    float: none;
    position: initial
}

.ict-menu .mnu-ct .item.active:after {
    display: none
}

.ict-menu .mnu-ct .item:first-child {
    margin-left: 34px
}

.ict-menu .mnu-ct .item>a {
    display: block;
    padding: 18px 0;
    color: #fff;
    position: relative
}

.ict-menu .mnu-ct .item.canhover>a {
    padding-right: 15px
}

.ict-menu .mnu-ct .item.canhover>a:after {
    content: "";
    font-size: 6px;
    width: 1em;
    height: 1em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(142deg) skew(15deg);
    position: absolute;
    top: 22px;
    right: 2px
}

.ict-menu .mnu-ct .item.hover>a:before {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 47px;
    left: 50%;
    transform: translateX(-50%)
}

.ict-menu .mnu-ct .item .subnav {
    display: none;
    position: absolute;
    top: 54px;
    z-index: 1000;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 5px;
    margin: auto;
    text-transform: uppercase;
    border-radius: 0 0 5px 5px
}

.ict-menu .mnu-ct .item .subnav.twocol {
    width: 420px;
    column-count: 2
}

.ict-menu .mnu-ct .item .subnav.threecol {
    width: 630px;
    column-count: 3
}

.ict-menu .mnu-ct .item.hover .subnav {
    display: block
}

.ict-menu .mnu-ct .item .subnav a {
    display: block;
    box-sizing: border-box;
    padding: 10px;
    text-align: left;
    position: relative;
    overflow: hidden;
    font-style: normal;
    font-size: 13px;
    color: #4a4a4a;
    text-transform: uppercase;
    min-width: 196px
}

.ict-menu .mnu-ct .item .subnav a:hover {
    color: #4a90e2
}

.ict-menu .mnu-ct .item .subnav.twocol a,
.ict-menu .mnu-ct .item .subnav.threecol a {
    display: inline-block
}

.cosmetic-menu form {
    width: 280px
}

.cosmetic-menu form input {
    background: #8b143b;
    padding: 12.5px 30px 12.5px 10px;
    color: #fff
}

.cosmetic-menu .mainsearch .pr input::placeholder {
    color: #fff;
    opacity: 1
}

.cosmetic-menu .mainsearch .pr input:-ms-input-placeholder {
    color: #fff
}

.cosmetic-menu .mainsearch .pr input::-ms-input-placeholder {
    color: #fff
}

.cosmetic-menu form i {
    filter: grayscale(100%)
}

.cosmetic-menu form .searchclear {
    background: #8b143b
}

.cosmetic-menu .mnu-ct {
    width: calc(100% - 280px)
}

.cosmetic-menu .mnu-ct .item {
    padding: 0
}

.cosmetic-menu .mnu-ct .item.active:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -7px;
    border-bottom: #f2f2f1 solid 9px;
    border-right: transparent solid 9px;
    border-left: transparent solid 9px
}

.cosmetic-menu .mnu-ct .item.active.bg-dark:after {
    border-bottom: #292929 solid 9px
}

.cosmetic-menu .mnu-ct .item.active.bg-pink:after {
    border-bottom: #ffd6e3 solid 9px
}

.cosmetic-menu .mnu-ct a {
    padding: 11px 14px;
    float: left
}

.cosmetic-menu .mnu-ct a:hover {
    color: #ffa500
}

.cosmetic-menu .mnu-ct .item.active a,
.cosmetic-menu .mnu-ct .item:hover a {
    color: #fff
}

.cosmetic-menu .mnu-ct .item.parent a {
    color: rgba(255, 255, 255, .5607843137254902)
}

.fs-menu {
    background: #feb600;
    color: #fff;
    padding: 7px 0
}

#lbpromotion {
    color: #d0021b
}

#lbpromotion b {
    font-weight: bold
}

.fs-menu .mainsearch {
    width: 310px;
    color: #757678
}

.fs-menu .mainsearch input {
    background: #fff;
    color: #808080
}

.fs-menu .mainsearch button .icon-search {
    filter: grayscale(0%)
}

.fs-menu .mnu-ct {
    float: left;
    width: calc(100% - 310px)
}

.fs-menu .mnu-ct a {
    color: #000;
    transition: color ease .5s;
    padding: 0 25px;
    line-height: 40px
}

.fs-menu .mnu-ct .item {
    float: left;
    position: relative;
    padding: 0
}

.fs-menu .mnu-ct .item.active:after {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #3a3a3a transparent;
    position: absolute;
    top: 32px;
    left: 50%;
    transform: translateX(-50%)
}

.fs-menu .mnu-ct .item.noarow:after {
    display: none
}

.fs-menu .mnu-ct .item.active a,
.fs-menu .mnu-ct .item:hover a {
    color: #000;
    display: block
}

.fs-menu .mnu-ct .item.active a h1 {
    margin: 0;
    padding: 0;
    line-height: 40px
}

.fs-menu .fuzzy a {
    opacity: .5
}

.fs-menu .fuzzy a i {
    font-style: normal;
    display: inline-block;
    padding-left: 5px
}

.submnu {
    background: #3a3a3a;
    position: relative
}

.submnu>.container:after {
    content: "";
    display: block;
    clear: both
}

.submnu .sub {
    display: none;
    position: absolute;
    top: 48px;
    z-index: 1000;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    padding-bottom: 5px;
    margin: auto;
    width: 180px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .3)
}

.submnu .sub.twocol {
    width: 300px
}

.submnu>.container>.item>a {
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 12px;
    color: #fff;
    position: relative
}

.submnu>.container>.item.active>a {
    color: #feb600
}

.submnu>.container>.item>a:hover,
.submnu .container .item.canhover.hover>a {
    color: #feb600
}

.submnu>.container>.item.canhover>a::after {
    content: "";
    font-size: 6px;
    width: 1em;
    height: 1em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(142deg) skew(15deg);
    position: absolute;
    top: 18px;
    right: -15px
}

.submnu>.container>.item.active>a::after {
    border-top: 1px solid #feb600;
    border-right: 1px solid #feb600
}

.submnu>.container>.item.canhover>a:hover::after,
.submnu>.container>.item.canhover.hover>a::after {
    border-top: 1px solid #feb600;
    border-right: 1px solid #feb600
}

.submnu>.container>.item {
    padding: 0 20.5px;
    float: left
}

.submnu>.container>.item:first-child {
    padding-left: 0
}

.submnu>.container>.item:last-child {
    padding-right: 0
}

.submnu .container .sub .cat {
    padding: 5px 0 5px 10px;
    width: 80%;
    text-align: left;
    margin: 0 auto
}

.submnu .container .item.hover>a:before {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top: 41px;
    left: 50%;
    transform: translateX(-50%)
}

.submnu .sub.twocol .container .inffashtion {
    width: 100%;
    margin: 0 auto
}

.submnu .sub.twocol .container .inffashtion .col.cat {
    display: inline-block;
    width: 45%;
    text-align: left
}

.submnu .sub .cat>a {
    color: #3a3a3a;
    display: block
}

.submnu .sub .col>strong,
.submnu .sub .col a>strong {
    font-size: 12px;
    text-decoration: none
}

.submnu .sub .col>strong,
.submnu .sub .col a>strong:hover {
    color: #4a90e2
}

.submnu>.container>.item:hover .sub {
    display: block
}

.submnu .sub a {
    color: #232f3c
}

.nav55 {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    margin: auto !important;
    position: relative;
    z-index: 900;
    background: #fff;
    padding-left: calc((100% - 1200px)/2) !important;
    padding-right: calc((100% - 1200px)/2) !important;
    box-sizing: border-box
}

nav .navi {
    font-size: 12px;
    color: #ffa500 !important;
    padding: 10px 0;
    box-sizing: border-box;
    cursor: pointer;
    text-transform: capitalize
}

nav.bread {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    z-index: 0
}

nav.bread .navi:first-child {
    padding-left: 0 !important
}

nav.bread .navi:last-child {
    padding-right: 0 !important
}

nav.bread .navi span {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 18px
}

nav .navi.brdc {
    color: #4a90e2 !important;
    text-transform: uppercase;
    padding: 10px 9px
}

nav .navi.brdc:last-of-type {
    padding-right: 0
}

nav .navi.brdc:after {
    display: inline-block;
    content: "";
    font-size: 4px;
    width: 1em;
    height: 1em;
    border-top: 1px solid #4a90e2;
    border-right: 1px solid #4a90e2;
    transform: rotate(51deg) skew(15deg);
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -1px
}

nav .navi .subnav {
    display: none;
    position: absolute;
    top: 37px;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #e9edf0;
    padding: 10px;
    box-sizing: border-box;
    border-top: 4px solid #fe7a12;
    padding-bottom: 5px;
    margin: auto;
    width: 1200px;
    text-transform: uppercase
}

nav .navi .subnav .subnavi {
    flex: 0 1 calc(20% - 8px);
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 4px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-transform: uppercase
}

nav .navi .subnav .subnavi:nth-of-type(5n+1) {
    margin-left: 0
}

nav .navi .subnav .subnavi:nth-of-type(-n+5) {
    margin-top: 0
}

nav .navi .subnav .subnavi img {
    max-width: 100%;
    height: auto
}

nav .navi .subnav .subnavi i {
    display: block;
    font-style: normal;
    font-size: 13px;
    color: #4a4a4a;
    text-transform: uppercase
}

nav .navi .subnav.nowrap {
    left: initial;
    right: initial;
    width: auto
}

nav .navi .subnav.nowrap .subnavi {
    flex: 0 1 228px
}

nav .navi span {
    position: relative
}

nav .navi>span:before {
    content: "";
    height: 100%;
    width: 1px;
    background: #ddd;
    position: absolute;
    display: block;
    right: 0;
    top: 0
}

nav .navi:last-child>span:before {
    display: none
}

nav .navi.hover span:after {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent #fe7700 transparent;
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translateX(-50%)
}

nav .navi>span i {
    display: inline-block;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    border-top: 4px solid #ffa500;
    vertical-align: middle
}

nav .navi.hover .subnav {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nav-sub {
    display: block;
    width: 100%
}

.nav-sub .navi {
    width: 195px;
    display: inline-block
}

.nav-sub .navi span {
    text-align: center
}

.nav-sub .navi>span:before {
    display: none
}

.nav-sub .navi.hover span:after {
    top: 111px
}

.nav-sub .navi>span i {
    display: block;
    border: 0;
    color: #333
}

.nav-sub .navi .subnav {
    top: 166px
}

.fmcg-menu {
    box-shadow: none !important;
    display: block;
    height: 54px;
    box-sizing: border-box
}

.fmcg-menu .flexbread {
    width: calc(100% - 280px);
    display: inline-block;
    background: none;
    float: left
}

.fmcg-menu .flexbread .navi.brdc {
    float: left;
    color: #ffe702 !important
}

.fmcg-menu .flexbread .navi.brdc:first-child {
    padding-left: 0
}

.fmcg-menu .flexbread .navi.brdc:after {
    border-color: #ffe702 !important
}

.fmcg-menu .flexbread .navi.brdc:last-child h1 {
    display: inline-block;
    font-size: 12px
}

.fmcg-menu .mainsearch {
    width: 320px;
    display: inline-block;
    float: right
}

.fmcg-menu .right .mainsearch .wrap-suggestion {
    left: initial
}

#cartviewovl {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
    opacity: .7;
    z-index: 999;
    margin: auto
}

#cartviewovl.opening {
    display: block
}

.dragbar {
    background: #183544;
    text-align: center;
    position: relative;
    height: 1px
}

.dragbar .icon-cvarr {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 0;
    background-position: -460px -197px;
    width: 13px;
    height: 12px
}

#cartview.opening .icon-cvarr {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#cartview {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    margin: auto;
    border-radius: 0;
    overflow: hidden
}

#cartview+header {
    top: 61px
}

#cartview .pnl {
    position: relative;
    background: #ffa500;
    padding: 5px 0;
    overflow: hidden
}

#cartview .pnl.hiden {
    display: none
}

#cartview.opening .pnl {
    -webkit-box-shadow: 0 -2px 8px 0 #af5100;
    box-shadow: 0 -2px 8px 0 #af5100
}

#cartview .prods {
    margin-right: 20px;
    overflow: hidden;
    text-align: center
}

#cartview .prods.hiden {
    display: none
}

#cartview .prods.hiden+.sum span,
#cartview .prods.hiden+.sum a {
    margin-top: 0
}

#cartview .prods .item {
    width: 9%;
    background: #fff;
    border-radius: 4px;
    position: relative;
    margin-right: 2px;
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    height: 40px;
    cursor: pointer;
    min-width: 140px
}

#cartview .prods .item .remove {
    display: block;
    position: absolute;
    bottom: 3px;
    right: 4px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    line-height: 15px;
    border-radius: 50%;
    background: #da3442
}

#cartview .prods .item figure {
    padding: 2px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

#cartview .prods .item .name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#cartview .prods .item strong {
    display: inline-block;
    color: #ffa500
}

#cartview .prods .more {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    padding: 6px;
    height: 50px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px
}

#cartview .prods .more:after {
    display: block;
    width: 30px;
    content: '';
    border: solid 3px #d96400;
    height: 30px;
    position: absolute;
    top: 7px;
    right: 6px;
    border-radius: 50%
}

#cartview figure img,
#cartview figure img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

#cartview .pnl .sum span {
    color: #fff;
    display: inline-block
}

#cartview .dragpnl .sum {
    position: absolute;
    right: 12%;
    bottom: 10px
}

#cartview .sum {
    display: inline-block;
    vertical-align: top;
    margin: 5px 0 5px 20px
}

#cartview .sum span {
    display: block;
    line-height: 1.2em;
    color: #ffa500;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    margin: 5px
}

#cartview .sum a {
    display: inline-block;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #fff;
    border-radius: 4px;
    font-weight: bold;
    padding: 8px 0 4px 8px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(133, 61, 0, .49);
    box-shadow: 0 1px 2px 0 rgba(133, 61, 0, .49);
    background: #7baae0;
    background: -moz-linear-gradient(top, rgba(123, 170, 224, 1) 1%, rgba(96, 156, 224, 1) 44%, rgba(74, 144, 226, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(123, 170, 224, 1) 1%, rgba(96, 156, 224, 1) 44%, rgba(74, 144, 226, 1) 100%);
    background: linear-gradient(to bottom, rgba(123, 170, 224, 1) 1%, rgba(96, 156, 224, 1) 44%, rgba(74, 144, 226, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7baae0', endColorstr='#4a90e2', GradientType=0)
}

#cartview .sum a i {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15px;
    height: 15px
}

#cartview .sum a i:after,
#cartview .sum a i:before {
    right: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

#cartview .sum a i:before {
    border-left-color: #fff;
    border-width: 7px
}

#cartview .sum a i:after {
    border-left-color: #5b99e0;
    border-width: 8px;
    margin-right: 2px;
    top: -1px
}

#cartview .qty span:first-child {
    font-size: 13px;
    color: #999
}

#cartview .chovui {
    font-size: 13px;
    color: #4a90e2 !important;
    padding-top: 5px
}

#cartview .qty .down,
#cartview .qty .up {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    height: 26px;
    cursor: pointer;
    border: 1px solid #ccc;
    color: #333;
    width: 25px;
    text-align: center;
    background: #f1f1f1;
    background: -webkit-linear-gradient(#fff, #f1f1f1);
    background: -o-linear-gradient(#fff, #f1f1f1);
    background: -moz-linear-gradient(#fff, #f1f1f1);
    background: linear-gradient(#fff, #f1f1f1);
    border-right: solid 1px #d8d8d8
}

#cartview .qty .down.disabled,
#cartview .qty .up.disabled {
    color: #d0d0d0
}

#cartview .qty .up {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -5px;
    line-height: 28px
}

#cartview .qty .down {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    line-height: 25px
}

#cartview .qty input {
    height: 26px;
    line-height: 26px;
    border: 1px solid #ccc;
    padding: 0 5px;
    width: 18px;
    margin-left: -5px;
    text-align: center;
    border-radius: 0
}

#cartview .dragpnlbar {
    display: block;
    background: #ffa500;
    height: 14px
}

#cartview .dragcls {
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    font-size: 12px
}

#cartview .dragcls .icon-dragcls {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#cartview .icon-dragcls {
    display: inline-block;
    background-position: -575px -113px;
    width: 38px;
    height: 36px;
    line-height: 0;
    margin: 0 auto 3px
}

#cartview .dragpnl {
    background: #fff;
    padding: 10px 25%;
    position: relative
}

#cartview .dragpnl .lst {
    overflow: auto;
    max-height: 60vh;
    min-height: 20vh
}

#cartview .dragpnl.hiden,
#cartview .dragpnlbar.hiden {
    display: none
}

#cartview .dragpnl h5 {
    font-size: 1.2em;
    padding: 10px 0
}

#cartview .dragpnl .item {
    display: table;
    padding: 10px 0;
    border-bottom: 1px solid #ededed;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

#cartview .dragpnl .item.head .col:last-child {
    padding-right: 45px
}

#cartview .dragpnl .item .err {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 12px;
    color: #d82323
}

#cartview .dragpnl .item .col {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cartview .dragpnl .item .col:first-child {
    width: 90px
}

#cartview .dragpnl .item .col:nth-child(2) {
    width: calc(50% - 50px);
    max-width: 300px;
    padding: 0 20px
}

#cartview .dragpnl .item .col:nth-child(2) .prom {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px
}

#cartview .dragpnl .item .col:nth-child(3) {
    width: 15%
}

#cartview .dragpnl .item .col:nth-child(4) {
    text-align: right;
    position: relative;
    padding-right: 10px;
    width: 35%
}

#cartview .dragpnl .item .col:nth-child(4) div {
    font-size: 13px
}

#cartview .dragpnl .item .col:nth-child(4) strong {
    display: inline-block;
    color: #ffa500;
    margin-left: 10px
}

#cartview .dragpnl .item .col:nth-child(4) span {
    display: inline-block;
    text-decoration: line-through;
    min-height: 16px;
    color: #999;
    font-size: .9em
}

#cartview .dragpnl .item .col:nth-child(4) .del {
    color: #4a90e2;
    font-size: 12px;
    cursor: pointer;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px
}

#cartview .dragpnl .item .col a {
    display: block;
    color: #333;
    text-align: left
}

#cartview .dragpnl .item:last-child {
    border-bottom: 0
}

#cartview .dragpnl .item figure {
    display: block;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    width: 48px;
    height: 48px;
    line-height: 36px;
    padding: 2px
}

.popup-addtocart,
.popup-addtosave {
    position: fixed;
    top: 30%;
    display: none;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    z-index: 30;
    border-radius: 5px;
    left: 0;
    right: 0;
    z-index: 99999
}

.popup-addtocart p,
.popup-addtosave p {
    display: block;
    text-align: center;
    padding: 10px
}

.popup-addtocart .icon-success,
.popup-addtosave .icon-success {
    background-position: -299px 0;
    width: 72px;
    height: 71px;
    display: inline-block;
    margin-right: 10px;
    -ms-transform: scale(.75, .75);
    -webkit-transform: scale(.75, .75);
    transform: scale(.75, .75)
}

.popup-addtocart img,
.popup-addtosave img {
    display: inline-block;
    width: 60px;
    height: auto;
    max-height: 60px;
    vertical-align: middle
}

.popup-addtocart>div,
.popup-addtosave>div {
    display: block;
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    padding: 5px 0 10px;
    text-align: center;
    font-weight: 600
}

.popup-addtocart .buycont {
    float: left;
    color: #288ad6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 16px 0
}

.popup-addtocart .order {
    float: right;
    color: #288ad6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 16px 0
}

.popup-addtocart .lefarr {
    color: #288ad6;
    font-size: 18px;
    float: left;
    width: 10px;
    overflow: hidden;
    margin-right: 3px;
    line-height: 15px;
    font-style: normal;
    font-family: -webkit-body
}

.popup-addtocart .rigarr {
    color: #288ad6;
    font-size: 18px;
    float: right;
    width: 10px;
    overflow: hidden;
    text-align: right;
    text-indent: -10px;
    margin-left: 3px;
    line-height: 15px;
    font-style: normal;
    font-family: -webkit-body
}

.popup-addtocart h3 {
    text-align: center
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
    opacity: .7;
    z-index: 999;
    margin: auto
}

.popup-color {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    width: 470px;
    margin: 0 auto;
    padding: 15px;
    background: #fff;
    z-index: 9999;
    border-radius: 5px;
    max-width: 470px;
    left: 0;
    right: 0
}

.popup-color label {
    display: block;
    padding: 10px 0;
    font-size: 14px;
    color: #666
}

.icon-closecolor {
    background-position: -70px -26px;
    width: 16px;
    height: 16px;
    float: right;
    margin: -5px 5px;
    cursor: pointer
}

.popup-color ul {
    padding: 10px 0
}

.popup-color ul.hidden {
    display: none
}

.popup-color ul li {
    display: inline-block;
    margin: 0;
    width: 32%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

.popup-color a {
    display: block;
    clear: both;
    width: 200px;
    text-align: center;
    margin: 0 auto 10px;
    border: solid 1px #fd7d00;
    border-radius: 20px;
    padding: 10px 0;
    color: #fd7d00;
    font-weight: bold;
    font-size: 16px
}

.popup-color a.grey {
    border-color: #666;
    color: #666
}

.popup-color .icon-radio-black {
    background-position: -265px 0;
    width: 16px;
    height: 17px;
    margin: -3px 5px 0 0
}

.popup-color .choose .icon-radio-black {
    background-position: -240px 0
}

.popup-color .colormsg {
    display: block;
    text-align: center;
    padding-bottom: 10px;
    color: #fd7d00;
    font-size: 13px
}

.popup-color .promotion {
    margin: 5px 0 10px;
    display: block;
    position: relative;
    background: #fff;
    padding: 20px 10px 10px;
    border: 1px solid #f46905;
    border-radius: 4px;
    max-height: 80vh
}

.popup-color .cartquantity {
    display: block;
    padding-top: 5px;
    color: #999
}

.popup-color .promotion h5 {
    position: absolute;
    top: -15px;
    left: 12px;
    background: #fff;
    padding: 5px;
    font-size: 14px;
    color: #000
}

.popup-color .promotion .promoproduct {
    display: block;
    clear: both;
    margin: 5px 0 0
}

.popup-color .promotion .promoproduct li {
    display: block;
    width: 100%
}

.popup-color .promotion .promoproduct li .and {
    padding-left: 30px
}

.popup-color .promotion .promoproduct li .listgift {
    width: 96%;
    display: inline-block
}

.popup-color .promotion .promoproduct li .listgift .gift {
    padding-bottom: 10px
}

.popup-color .promotion .promoproduct li:first-child .and {
    display: none
}

.popup-color .promotion .promoproduct li.choose {
    cursor: pointer
}

.promotion .promoproduct li .proimg {
    max-width: 40px;
    max-height: 40px;
    vertical-align: middle;
    margin: 0 5px
}

.popup-color .promotion .promoproduct li .icon-radio,
.promotion .promoproduct li .icon-check {
    background-position: -265px 0;
    vertical-align: middle;
    width: 19px;
    height: 20px
}

.popup-color .promotion .promoproduct li.chon .icon-radio {
    background-position: -239px 0;
    width: 19px;
    height: 20px
}

.popup-color .promotion .promoproduct li figure {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 90px)
}

.popup-color .promotion .promoproduct li .proimg {
    float: left
}

.popup-color .promotion .promoproduct li figure h3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popup-color .promotion .promoproduct li.full {
    width: 100%
}

.popup-color .promotion .promoproduct li.full figure {
    width: 88%
}

.popup-color .promotion .promoproduct li.full figure h3 {
    width: 100% !important
}

.popup-color .promotion .promoproduct li figure p {
    color: #999;
    font-size: 13px;
    line-height: 25px
}

.popup-color .promotion .promotionerror {
    display: block;
    clear: both;
    color: #f00;
    text-align: center
}

.popup-color .promotion .promoproduct li.operator {
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 13px;
    color: #999;
    font-weight: normal;
    padding-left: 25px
}

.popup-color .promotion .promoproduct li.choosedisable .icon-radio {
    background: none;
    background-color: #f1f1f1;
    border: solid 1px #ddd;
    width: 15px;
    height: 15px;
    border-radius: 50%
}

.promotion .quantity {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    font-size: 12px;
    width: 300px;
    text-align: center
}

.promotion .quantity label {
    display: inline-block;
    padding: 10px 10px 0 0;
    font-size: 12px;
    color: #666;
    vertical-align: middle
}

.promotion .quantity div {
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    overflow: hidden;
    margin-top: 5px;
    border: solid 1px #d8d8d8;
    vertical-align: middle
}

.promotion .quantity div.quantitynum {
    width: 85px;
    height: 23px
}

.promotion .quantity div strong {
    float: left;
    width: 28px;
    height: 28px;
    cursor: pointer;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    border-right: solid 1px #d8d8d8;
    color: #000
}

.promotion .quantity div strong:last-child {
    border-right: 0;
    border-left: solid 1px #d8d8d8
}

.promotion .quantity div input {
    float: left;
    border: 0;
    width: 26px;
    line-height: 28px;
    text-align: center
}

.alertify .ajs-dialog {
    max-width: 640px
}

.alertify .ajs-dialog .erromessage {
    display: none;
    color: #f00;
    padding: 10px 0
}

.alertify .ajs-dialog .erromessage.show {
    display: block
}

[class*='popuptocart-'] {
    width: 100%;
    box-sizing: border-box
}

[class*='popuptocart-'] label {
    background: #fff;
    padding: 10px 0;
    font-size: 14px;
    color: #777;
    font-weight: bold
}

[class*='popuptocart-'] ul {
    padding: 10px 0
}

[class*='popuptocart-'] ul.hidden {
    display: none
}

[class*='popuptocart-'] ul li {
    display: inline-block;
    margin: 0;
    width: 32%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 12px;
    color: #666;
    cursor: pointer
}

[class*='popuptocart-'] ul li.chooseddisable {
    cursor: not-allowed
}

[class*='popuptocart-'] ul li i {
    margin-right: 5px
}

[class*='popuptocart-'] ul li.iconli {
    padding-left: 20px;
    position: relative
}

[class*='popuptocart-'] ul li.iconli i {
    position: absolute;
    left: 0
}

[class*='popuptocart-'] a {
    display: block;
    clear: both;
    width: 200px;
    text-align: center;
    margin: 0 auto 10px;
    border: solid 1px #fd7d00;
    border-radius: 20px;
    padding: 10px 0;
    color: #fd7d00;
    font-weight: bold;
    font-size: 16px
}

[class*='popuptocart-'] a.grey {
    border-color: #666;
    color: #666
}

.BeforeAddToCartModel .quantity {
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 10px 0
}

.BeforeAddToCartModel .quantity span {
    display: block;
    margin-bottom: 5px;
    color: #ffa500
}

.BeforeAddToCartModel .quantity label {
    display: inline-block;
    color: #666;
    vertical-align: middle
}

.BeforeAddToCartModel .quantity select {
    display: inline-block;
    border-radius: 4px;
    height: 28px;
    overflow: hidden;
    border: solid 1px #d8d8d8;
    vertical-align: middle;
    width: 50px;
    color: #000;
    font-size: 14px
}

.popuptocart-promotion {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 4px
}

.popuptocart-promotion .cartquantity {
    display: block;
    padding-top: 5px;
    color: #999
}

.popuptocart-promotion .promoproduct {
    display: block;
    clear: both;
    margin: 5px 0 0
}

.popuptocart-promotion .promoproduct li {
    display: block;
    width: 100%
}

.popuptocart-promotion .promoproduct li .and {
    margin-bottom: 10px;
    color: #a2a2a2
}

.popuptocart-promotion .promoproduct li .listgift {
    width: 100%;
    display: block;
    overflow: hidden
}

.popuptocart-promotion .promoproduct li .listgift .gift {
    padding-bottom: 10px;
    display: block;
    overflow: hidden
}

.popuptocart-promotion .promoproduct li:first-child .and {
    display: none
}

.popuptocart-promotion .promoproduct li.choose {
    cursor: pointer
}

.popuptocart-promotion .promoproduct li .proimg {
    max-width: 60px;
    vertical-align: middle;
    margin-right: 10px
}

.popuptocart-promotion .promoproduct li figure {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 70px)
}

.popuptocart-promotion .promoproduct li .proimg {
    float: left
}

.popuptocart-promotion .promoproduct li figure h3 {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.popuptocart-promotion .promoproduct li.full {
    width: 100%
}

.popuptocart-promotion .promoproduct li.full figure {
    width: 88%
}

.popuptocart-promotion .promoproduct li.full figure h3 {
    width: 100% !important
}

.popuptocart-promotion .promoproduct li figure p {
    color: #999;
    font-size: 13px;
    line-height: 25px
}

.popuptocart-promotion .promotionerror {
    display: block;
    clear: both;
    color: #f00;
    text-align: center
}

.popuptocart-promotion .promoproduct li.operator {
    display: block;
    width: 100%;
    font-style: italic;
    font-size: 13px;
    color: #999;
    font-weight: normal;
    padding-left: 25px
}

.cp50k {
    display: block;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999
}

.cp50k .close {
    display: block;
    position: absolute;
    background: #e92d24;
    color: #fff;
    font-size: 12px;
    padding: 3px 10px;
    top: -24px;
    right: 0;
    border-radius: 12px 0 0 0
}

.cp50k .hide {
    display: none
}

.cp50k div .step1 {
    display: block
}

.cp50k .step1 {
    height: 120px;
    background: url(https://cdn.tgdd.vn/vuivui/www/Content/images/coupon.v201809281024.png) 0 -144px;
    background-size: 321px auto;
    width: 325px;
    box-sizing: border-box;
    padding: 15px;
    position: relative
}

.cp50k .step1 p {
    display: block;
    margin-top: 30px;
    font-size: 13px;
    color: #fff;
    padding-bottom: 10px
}

.cp50k .step1 p a {
    color: #ff0;
    text-decoration: underline;
    font-size: 13px;
    border-left: solid 1px #fff;
    padding-left: 10px;
    margin-left: 5px
}

.cp50k .step1 .title {
    display: block;
    width: 254px;
    height: 100px;
    background: url(https://cdn.tgdd.vn/vuivui/www/Content/images/coupon.v201809281024.png) 0 -39px;
    background-size: 321px auto;
    position: absolute;
    top: -55px;
    left: 4px
}

.cp50k .cp50k-input {
    float: left;
    width: calc(100% - 107px);
    margin-right: 5px;
    border: solid 1px #fff;
    border-radius: 4px;
    padding: 9px;
    box-sizing: border-box
}

.cp50k .cp50k-btn {
    float: left;
    width: 97px;
    height: 36px;
    box-sizing: border-box;
    background: url(https://cdn.tgdd.vn/vuivui/www/Content/images/coupon.v201809281024.png) 0 0;
    background-size: 321px auto
}

.cp50k .step2,
.cp50k .step3 {
    width: 450px;
    height: 200px;
    padding: 0 15px 15px;
    box-shadow: -2px -2px 10px 0 rgba(0, 0, 0, .2);
    background-color: #fff
}

.cp50k .step2box {
    display: flex;
    word-wrap: normal
}

.cp50k .step2 .cpblock {
    display: inline-block;
    position: unset;
    width: 49%;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0 2px;
    border-left: 1px solid #ef7500;
    text-align: center;
    height: unset;
    margin-bottom: 10px
}

.cp50k .step2 .cpblock:first-child {
    border-left: none
}

.cp50k .step2 .cpblocklb {
    display: block;
    margin-top: 30px;
    font-size: 13px;
    color: #000;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold
}

.cp50k .step2 .cpblocklb b {
    color: #ef7500
}

.cp50k .step2 p {
    display: block;
    font-size: 13px
}

.cp50k .step2 p b {
    color: #ef7500
}

.cp50k .step2 a {
    text-decoration: underline;
    font-size: 13px;
    padding: 10px;
    width: 80%;
    display: block;
    text-transform: uppercase;
    background-color: #ff951a;
    margin: 5px auto 0 auto;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    text-decoration: none
}

.cp50k .step2 .note {
    color: #a5a5a5;
    padding: 0 10px
}

.cp50k .step3 {
    width: 300px;
    height: 120px
}

.cp50k .step3 p {
    display: block;
    padding: 10px 0 10px 40px;
    position: relative
}

.cp50k .step3 i.icon-check {
    background-position: -396px 0;
    width: 28px;
    height: 29px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.cp50k .step2 .note {
    color: #a5a5a5;
    text-align: center
}

.alertify #popup-couptop {
    display: block !important
}

.alertify h5 {
    display: block;
    overflow: hidden;
    font-size: 30px;
    color: #434343;
    padding: 12px 18px;
    text-align: center;
    text-transform: uppercase;
    line-height: 35px
}

.alertify .popup-content {
    padding: 15px 15px 15px;
    overflow: hidden;
    box-sizing: border-box
}

.alertify .popup-content p {
    line-height: 1.3
}

@media screen and (max-width:768px) {
    .cp50k .step1 {
        width: 100vw;
        height: 120px;
        background: url(https://cdn.tgdd.vn/vuivui/www/Content/images/coupon.v201809281024.png) 0 -144px;
        background-size: 321px auto;
        display: block;
        box-sizing: border-box;
        padding: 15px;
        position: relative
    }

    .cp50k .step1 .title {
        display: block;
        width: 254px;
        height: 100px;
        background: url(https://cdn.tgdd.vn/vuivui/www/Content/images/coupon.v201809281024.png) 0 -39px;
        background-size: 321px auto;
        position: absolute;
        top: -44px;
        left: 50%;
        transform: translate(-50%, 0)
    }

    .cp50k .step2,
    .cp50k .step3 {
        width: 100vw;
        height: 200px;
        display: none;
        padding: 0 0 15px;
        box-shadow: -2px -2px 10px 0 rgba(0, 0, 0, .2);
        background-color: #fff
    }

    .cp50k .step2 .cpblocklb {
        display: block;
        margin: 10% 0 3% 0;
        font-size: 13px;
        color: #000;
        padding-bottom: 5%;
        text-transform: uppercase;
        font-weight: bold
    }

    .cp50k .step3 {
        width: 100vw;
        height: 30%;
        display: none
    }

    .cp50k .step3 p {
        display: block;
        padding: 10px 0 10px 40px;
        position: relative
    }

    .cp50k .step3 i.icon-check {
        background-position: -131px -100px;
        width: 21px;
        height: 21px;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translate(0, -50%)
    }

    .alertify #popup-couptop {
        display: block !important
    }

    .alertify h5 {
        display: block;
        overflow: hidden;
        font-size: 18px;
        color: #434343;
        padding: 12px 18px;
        text-align: center;
        text-transform: uppercase;
        line-height: 35px
    }
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {

}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

body {
    line-height: 1;
    color: #333
}

body>img {
    display: none
}

a,
a:-webkit-any-link {
    text-decoration: none;
    color: #4a90e2
}

a,
button {
    cursor: pointer;
    text-decoration: none
}

input[type="search"] {
    -webkit-appearance: textfield
}

section.wrap,
section .wrap,
.mainctn {
    max-width: 1200px;
    margin: 10px auto 0
}

.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex .item,
.flexitem {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.flex .item h1,
.flexitem h1 {
    font-size: 12px;
    display: inline-block
}

.flex.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.clr {
    clear: both
}

#ovl {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .9);
    z-index: 888;
    display: none
}

#ovl.trans {
    background-color: transparent !important
}

#back-top {
    bottom: 15px;
    position: fixed;
    right: 15px;
    z-index: 99999;
    display: none;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    font-size: 18px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    cursor: pointer;
    font-family: Arial
}

.prohv {
    transition: box-shadow .3s ease-out, transform .3s ease-out
}

.prohv:hover {
    box-shadow: 0 17px 40px 0 rgba(0, 0, 0, .2);
    transform: translateY(-10px);
    z-index: 999
}

.prohv h3,
.prohv div.riki-name {
    opacity: 1;
    font-size: 12px;
    height: 18px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: opacity .75s;
    line-height: 1.1em;
    color: #666
}

.prohv:hover h3,
.prohv:hover div.riki-name,
.prohv div.riki-name.visible {
    opacity: 1
}

.prohv2 {
    transition: transform .3s ease-out
}

.prohv2 h3,
.prohv2 div.riki-name {
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1.1em;
    color: #666;
    text-align: left;
    opacity: 1;
    transition: height .3s ease-out, opacity .75s ease-out
}

.prohv2 .avt {
    transition: margin .3s ease-out
}

.prohv2:hover {
    transition: box-shadow .3s ease-out, transform .3s ease-out;
    background: #fff;
    transform: translateY(-3px);
    box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);
    z-index: 99 !important;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    margin-top: -26px !important;
    padding-top: 26px !important
}

.prohv2:hover h3,
.prohv2:hover div.riki-name {
    opacity: 1
}

.prohv2:hover .avt {
    margin-top: -26px !important
}

.breadcrumb {
    display: block;
    overflow: hidden;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
    max-height: 40px
}

.breadcrumb li {
    float: left;
    overflow: hidden;
    position: relative;
    display: block
}

.breadcrumb li a {
    float: left;
    white-space: nowrap;
    font-size: 12px;
    color: #288ad6;
    padding: 10px 8px;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none
}

.breadcrumb li a:after {
    display: inline-block;
    content: "";
    font-size: 4px;
    width: 1em;
    height: 1em;
    border-top: 1px solid #4a90e2;
    border-right: 1px solid #4a90e2;
    transform: rotate(51deg) skew(15deg);
    vertical-align: middle;
    margin-left: 3px;
    margin-top: -1px
}

.breadcrumb li a h1 {
    display: inline-block;
    font-size: 12px
}

.owl-theme .owl-nav {
    position: absolute;
    top: 110px;
    left: 0;
    right: 0;
    max-width: 1200px;
    margin: 0 auto;
    height: 0
}

.owl-theme .owl-nav .owl-prev {
    float: left
}

.owl-theme .owl-nav .owl-next {
    float: right
}

.owl-theme .owl-nav [class*='owl-'] {
    background: transparent;
    padding: 15px;
    margin: 0;
    outline: none
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: none
}

.owl-theme .owl-nav [class*='owl-']::after {
    display: block;
    content: "";
    font-size: 24px;
    margin: auto;
    width: 1em;
    height: 1em
}

.owl-theme .owl-nav .owl-prev:after {
    border-top: 1.5px solid #fff;
    border-left: 1.5px solid #fff;
    transform: rotate(-51deg) skew(-15deg)
}

.owl-theme .owl-nav .owl-next:after {
    border-top: 1.5px solid #fff;
    border-right: 1.5px solid #fff;
    transform: rotate(51deg) skew(15deg)
}

.owl-theme .owl-nav .owl-next .icon-next {
    background-position: -609px -52px;
    width: 17px;
    height: 30px
}

.owl-theme .owl-nav .owl-prev .icon-prev {
    background-position: -609px -86px;
    width: 17px;
    height: 29px
}

.owl-theme .owl-dots {
    line-height: 0
}

.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 6px
}

.owl-carousel .owl-item a {
    display: block;
    position: relative
}

.owl-carousel .owl-item a label img {
    position: absolute;
    z-index: 1;
    height: 28%;
    width: 100%
}

[class^="icon-"],
[class*="icon-"] {
    background-image: url(https://cdn.tgdd.vn/vuivui/www/Content/images/desktop/icononlinedesk@2x.v201809281024.png);
    background-size: 634px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.icon-cart {
    background-position: -473px -319px;
    width: 30px;
    height: 29px
}

[class*='popuptocart-'] .icon-radio {
    background-position: -265px 0;
    width: 16px;
    height: 17px
}

[class*='popuptocart-'] .choosed .icon-radio {
    background-position: -240px 0
}

.itembuy,
.itembuy1 {
    border: 1px solid #ffa500;
    border-radius: 20px;
    height: 26px;
    line-height: 26px;
    color: #ffa500;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
    width: 100px;
    box-sizing: border-box;
    text-align: center
}

.itembuy:hover,
.itembuy1:hover,
.itembuy:hover a,
.itembuy1:hover a {
    background-color: #ffa500;
    color: #fff !important
}

.itembuy .text {
    height: 26px;
    line-height: 26px;
    font-size: 12px
}

.itembuy .text a {
    color: #ffa500;
    font-size: 12px
}

.itembuy.active {
    background: #ffa500 !important;
    width: 110px;
    padding-right: 4px
}

.itembuy.active .text {
    color: #fff !important;
    display: inline-block;
    vertical-align: text-bottom
}

.itembuy.active .text a {
    color: #fff !important
}

.itembuy .number,
.itembuy1 .number {
    background: #e06700;
    color: #fff;
    text-align: center;
    width: 25px;
    height: 26px;
    line-height: 26px;
    display: none
}

.itembuy.active .number,
.itembuy1.active .number {
    float: left;
    display: block
}

.itembuy.disabled {
    border: 0;
    width: 130px
}

.itembuy.disabled .text {
    color: #999
}

.itembuy.disabled .text span {
    font-size: 12px
}

.itembuy.notsell,
.itembuy.notsell:hover {
    font-size: 12px;
    color: #999 !important;
    position: relative;
    border: 1px solid #999;
    overflow: inherit
}

.itembuy.notsell:hover {
    background: none;
    color: #999
}

.itembuy.notsell img {
    position: absolute;
    left: 4px;
    width: 14px;
    top: -3px
}

.itembuy.disabled:hover {
    background: none
}

.prodebuy {
    font-size: 12px
}

.instatech {
    background: #f53434;
    color: #fff;
    position: absolute;
    top: 8px;
    right: 0;
    padding: 5px 8px;
    text-align: left;
    z-index: 1;
    max-width: 85px;
    font-size: 12px;
    font-weight: bold
}

.instatech::before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -17px;
    border-bottom: 29px solid transparent;
    border-right: 18px solid #f53434
}

header {
    background: #fff;
    position: relative;
    z-index: 998;
    padding-top: 1px
}

header .top,
header .bottom {
    width: 1200px;
    margin: 0 auto
}

header .top {
    padding: 10px 0;
    min-height: 40px
}

header .logo,
header form {
    float: left
}

header .logo {
    margin: 0 30px 0 0
}

.icon-logo {
    background-position: -368px 3px;
    width: 159px;
    height: 33px;
    background-color: #fe7a12;
    border-radius: 5px;
    background-size: 531px
}

header form {
    width: 490px;
    position: relative;
    max-height: 40px
}

header form input {
    display: block;
    padding: 11px;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #fe7a12;
    color: #fe7a12;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    margin: 0
}

header form input::placeholder {
    color: #999
}

header form button {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 22px;
    width: 22px;
    border: 0;
    background: #fff;
    font-size: 16px;
    color: #666;
    font-weight: 300;
    text-align: center;
    cursor: pointer;
    outline: none
}

header form button .icon-search {
    position: absolute;
    background-position: -162px -287px;
    width: 22px;
    height: 22px;
    left: 0;
    top: 0
}

header form .searchclear {
    display: none;
    position: absolute;
    right: 2px;
    top: 2px;
    height: 25px;
    width: 28px;
    background-color: #fff;
    margin: auto;
    cursor: pointer;
    padding: 8px 0 0 16px;
    border-radius: 10px
}

header form .searchclear .icon-searchclr {
    background-position: -70px -25px;
    width: 16px;
    height: 16px
}

header .profile {
    float: right;
    text-align: right;
    line-height: 44px
}

header .profile span,
header .profile .odhistory {
    display: inline-block;
    font-size: 14px;
    color: #fe7a12;
    letter-spacing: .14px;
    margin-left: 0px;
    position: relative;
    vertical-align: middle;
    margin-top: 0px;
}

header .profile a.cart {
    line-height: 40px;
    font-size: 16px;
    color: #fe7a12;
    display: inline-block;
    position: relative;
    padding-left: 31px;
    box-sizing: border-box;
    text-align: left;
    vertical-align: middle;
    min-height: 35px;
    text-decoration: none
}

header .profile a.cart span {
    font-size: 16px;
    color: #fe7a12;
    display: block;
    margin-left: 0;
    margin-top: 0
}

header .profile a.cart span.total {
    display: block;
    font-size: 11px;
    padding: 0;
    color: #969696;
    margin-top: -3px
}

header .profile a.cart.nocart {
    color: #000000
}

header .profile a.cart.nocart span {
    color: #000000;
    margin-top: 8px
}

header .profile a.cart.nocart span.total {
    display: none
}

header .profile a.cart.nocart i {
    filter: grayscale(100%)
}

header .profile a.cart i {
    margin-left: 0;
    position: absolute;
    left: -4px
}

header .profile a.cart b {
    background: #f30600;
    color: #fff;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    visibility: hidden;
    margin-left: 3px
}

header .profile a.cart b.sh {
    visibility: visible
}

header .profile .odhistory a.his {
    color: #fe7a12
}

.profile .odhistory .save-product {
    position: absolute;
    top: 25px;
    background: #fe7a12;
    right: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .45098039215686275);
    z-index: 9;
    border-radius: 3px;
    color: #fff;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    display: none;
    padding-right: 4px;
    min-width: 166px
}

.profile .odhistory .save-product:before {
    content: "»";
    display: inline-block;
    vertical-align: middle;
    transform: rotate(90deg);
    font-size: 27px;
    margin-right: 0;
    font-weight: normal;
    margin-left: 5px
}

.profile .odhistory .save-product i {
    background: #f43142;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    width: 20px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    box-sizing: border-box;
    padding-top: 1px
}

.profile .odhistory .save-product::after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-top-color: #fe7a12;
    border-width: 7px;
    position: absolute;
    top: -13px;
    z-index: 10;
    transform: rotate(179deg);
    right: 76px
}

header .profile span {
    text-align: left
}

header .profile span strong,
header .profile span i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    font-weight: normal
}

header .profile span strong {
    color: #666
}

header .profile .se-callwhite {
    background: #969696;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: relative
}

header .profile .se-callwhite::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 6px;
    width: 3px;
    height: 6px;
    border-width: 4px 0 4px 2px;
    border-style: solid;
    border-color: #fff;
    background: transparent;
    -webkit-border-top-left-radius: 3px 5px;
    -webkit-border-bottom-left-radius: 3px 5px;
    -moz-border-radius-topleft: 3px 5px;
    -moz-border-radius-bottomleft: 3px 5px;
    border-top-left-radius: 3px 5px;
    border-bottom-left-radius: 3px 5px;
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.wrap-suggestion {
    display: block;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 39px;
    z-index: 9999;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, .15);
    border: 1px solid #ececec;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    min-width: 510px
}

.wrap-suggestion li {
    display: block;
    background: #fff;
    overflow: hidden;
    list-style: none;
    border-top: 1px solid #ececec;
    padding: 6px 10px;
    position: relative;
    min-width: 490px
}

.wrap-suggestion li.active {
    background: #fff8f2
}

.wrap-suggestion li:last-child {
    border-bottom: 0
}

.wrap-suggestion .info a {
    width: auto;
    height: auto;
    float: none;
    margin: 0;
    max-width: 100%
}

.wrap-suggestion li a b {
    color: #4990e2;
    vertical-align: middle
}

.wrap-suggestion li a.pic {
    float: left;
    margin-right: 10px;
    max-width: 100px;
    height: auto
}

.wrap-suggestion li a.pic img {
    width: 100%;
    height: auto
}

.wrap-suggestion li a span.price {
    font-size: 15px;
    color: #ed384d;
    float: right;
    font-weight: bold
}

.wrap-suggestion li div.info {
    font-size: 12px;
    width: calc(100% - 110px);
    float: right
}

.wrap-suggestion .special {
    padding: 10px;
    background-color: #f6f7fb !important
}

.wrap-suggestion p {
    margin: 10px 0 3px 10px;
    color: #c1c1c1
}

.wrap-suggestion .sug-title {
    padding: 10px;
    color: #c1c1c1
}

.wrap-suggestion li.sug-cate {
    border: 0;
    padding: 10px 10px 0;
    color: #c1c1c1
}

.wrap-suggestion li.sug-cate+li.sug-cate {
    padding: 2px 10px;
    margin-top: 0
}

.wrap-suggestion li.sug-cate+li {
    margin-top: 5px
}

.wrap-suggestion li.sug-cate a {
    float: none;
    padding: 3px;
    font-size: 14px;
    color: #4990e2
}

.wrap-suggestion li.sug-cate b {
    color: #777;
    vertical-align: initial
}

.wrap-suggestion li.viewmore {
    text-align: center;
    padding: 10px
}

.wrap-suggestion li.sub-link {
    border: 0;
    padding: 10px 10px;
    color: #c1c1c1;
    line-height: 50px;
    border-bottom: 1px solid #ececec
}

.wrap-suggestion li.sub-link a {
    width: auto;
    height: initial;
    float: none;
    display: block;
    text-align: left
}

.wrap-suggestion li.sub-link:after {
    content: '›';
    position: absolute;
    top: 7px;
    right: 15px;
    font-size: 28px
}

.wrap-suggestion li.sub-link img {
    height: 40px;
    margin-right: 10px;
    vertical-align: middle
}

.wrap-suggestion li.viewmore a {
    color: #4990e2;
    padding: 0;
    max-width: 100%;
    text-align: center;
    height: auto;
    width: 100%
}

.wrap-suggestion li h5 a {
    color: #000;
    font-weight: 600;
    padding: 0
}

.wrap-suggestion li .prices {
    text-align: left;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    width: 100%
}

.wrap-suggestion li .prices .price {
    display: inline-block
}

.wrap-suggestion li .prices .pricenew {
    color: #ffa500;
    font-weight: bold;
    font-size: 14px
}

.wrap-suggestion li .prices .priceline {
    height: 16px;
    font-size: 12px;
    color: #999;
    text-decoration: line-through;
    overflow: hidden
}

.wrap-suggestion li .prices .discount {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    position: relative;
    padding: 2px;
    background: #f43142;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 7px
}

.wrap-suggestion li .prices .discount::before {
    content: '';
    position: absolute;
    left: -6px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 7px solid #f43142;
    height: 0;
    width: 0;
    top: 0;
    border-radius: 3px
}

.wrap-suggestion li .itembuy,
.wrap-suggestion li .itembuy1 {
    float: right;
    margin-right: 0;
    height: initial
}

.wrap-suggestion li .itembuy .number,
.wrap-suggestion li .itembuy1 .number {
    display: none
}

.wrap-suggestion li .itembuy .text a,
.wrap-suggestion li .itembuy1 .text a {
    height: 24px;
    margin: 0 auto;
    width: 100%
}

.wrap-suggestion li a.prodebuy {
    float: right;
    width: 86px;
    height: auto;
    padding: 5px 7px;
    margin-right: 0;
    font-size: 12px;
    font-weight: normal
}

.wrap-suggestion li div.prodebuy {
    font-weight: normal;
    float: right;
    margin-top: 20px
}

.wrap-suggestion li .instatech {
    font-size: 11px !important;
    padding: 5px 2px
}

.pm {
    border-top: 1px dashed #ccc;
    overflow: hidden
}

.pm .pml {
    color: #a8a8a8;
    font-size: 12px;
    text-align: left;
    padding-top: 5px;
    min-width: 80px
}

.pm .pml p.pname {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    max-height: 53px
}

.pm .pml p.pname span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pm .pmr.right {
    float: right
}

.pm .pmr.pimage {
    width: 40px;
    height: 44px;
    overflow: hidden
}

.pm .pmr img {
    width: 40px;
    height: 40px;
    margin: 0;
    float: right;
    margin-top: 5px
}

.pm .pmr .icon-gift {
    background-position: -475px -106px;
    width: 45px;
    height: 36px;
    margin-top: 5px
}

.pm .pmr .icon-shockprice {
    position: absolute;
    z-index: 2;
    width: 70px;
    height: 70px;
    background-position: -399px -110px;
    top: 0;
    right: 0
}

.s-pm {
    overflow: hidden
}

.s-pm .s-title {
    color: #a8a8a8;
    font-size: 12px;
    text-align: left;
    padding-top: 5px;
    min-width: 80px
}

.s-pm .s-image {
    max-width: 90px;
    display: inline-block;
    min-height: 57px
}

.s-pm .s-image img {
    display: inline-block;
    margin-right: 3px
}

.s-pm .s-text {
    display: none
}

.s-pm .s-text span {
    display: block;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    text-decoration: none
}

.prohv:hover .s-pm .s-text {
    width: calc(100% - 100px);
    display: inline-block;
    vertical-align: top
}

.promo-tootip {
    display: none;
    max-width: 250px
}

.tooltipster-content .promo-tootip {
    display: block
}

.promo-tootip p {
    margin-bottom: 5px;
    color: #000
}

.promo-tootip p.title {
    color: #8d8d8d
}

.promo-tootip span {
    color: #333;
    padding-left: 10px;
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px
}

.promo-tootip span:before {
    content: "•";
    color: #d8d9da;
    margin-right: 5px;
    position: absolute;
    left: 0
}

.promo-tootip img {
    width: 100px;
    height: auto;
    float: left;
    margin-right: 5px
}

.promo-tootip .pic {
    padding: 10px 10px
}

footer {
    width: 100%;
    margin: 0 auto 0;
    background: #183543;
    clear: both
}

/*footer>div {*/
/*    width: 1200px;*/
/*    margin: 0 auto*/
/*}*/

footer .deliverynote {
    background: #ffa500;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    font-size: 1.2em;
    width: 100%
}

footer .wrap-main {
    overflow: hidden;
    height: 50px;
    line-height: 50px
}

footer .membermwg {
    float: left;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    color: #e5e8ea;
    line-height: 50px
}

footer .membermwg a {
    color: #e5e8ea
}

footer .buycall {
    float: right;
    overflow: hidden;
    font-size: 13px;
    color: #e5e8ea;
    line-height: 50px
}

footer .buycall span {
    color: #e5e8ea;
    line-height: 50px
}

footer .buycall span.support-time {
    color: #e5e8ea;
    font-size: 12px;
    vertical-align: top
}

footer .moreinfo {
    float: right;
    overflow: hidden;
    padding: 0 16px 0 10px;
    font-size: 13px;
    color: #478cdb;
    width: auto;
    position: relative;
    text-align: right;
    line-height: 50px
}

footer .moreinfo:after,
footer .moreinfo:before {
    top: 23px;
    left: 96%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

footer .moreinfo:after {
    border-top-color: #183543;
    border-width: 5px;
    margin-left: -5px
}

footer .moreinfo:before {
    border-top-color: #478cdb;
    border-width: 6px;
    margin-left: -6px
}

footer .moreinfo.clickview:after,
footer .moreinfo.clickview:before {
    top: 33%;
    left: 93%
}

footer .moreinfo.clickview:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: 2px
}

footer .moreinfo.clickview:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer_content {
    display: none;
    overflow: hidden;
    clear: both;
    background: #183543
}

.footer_content ul {
    display: block;
    overflow: hidden;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 10px;
    min-width: 980px
}

.footer_content li {
    float: left;
    width: 15%;
    overflow: hidden
}

.footer_content li:first-child {
    width: 65%;
    margin-top: 15px
}

.footer_content li .fb-like {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    height: 24px;
    width: 81px
}

.footer_content li .gg-p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
    width: 156px;
    height: 24px
}

.footer_content li .icon-gov {
    display: inline-block;
    vertical-align: middle
}

.footer_content li .gov-if {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    width: 260px;
    vertical-align: top
}

.footer_content li a {
    display: block;
    overflow: hidden;
    font-size: 13px;
    color: #478cdb;
    margin-bottom: 5px
}

.footer_content li>a:before {
    content: "•";
    color: #478cdb;
    display: inline;
    font-size: 12px;
    line-height: 10px;
    position: relative;
    top: 1px;
    margin-right: 4px
}

.footer_content li:last-child {
    float: right;
    width: 15%
}

footer a.icon {
    height: 21px;
    margin: 15px 0
}

footer a.icon-vv {
    background-position: -5px -231px;
    width: 85px;
    margin-left: 5px
}

footer a.icon-tgdd {
    background-position: -90px -231px;
    width: 126px
}

footer a.icon-dmx {
    background-position: -4px -253px;
    width: 126px
}

footer a.icon-bhx {
    background-position: -132px -253px;
    width: 126px
}

footer .icon-gov {
    background-position: -476px -156px;
    width: 118px;
    height: 36px;
    margin-right: 10px
}

#gov,
#dmca {
    display: inline-block;
    vertical-align: middle
}

#dmca {
    height: 24px
}

#dlding {
    background: none repeat scroll 0 0 #000;
    color: #fff;
    display: none;
    width: 300px;
    height: 20px;
    margin: 0 auto;
    opacity: .5;
    padding: 11px 0;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 50%;
    text-align: center;
    z-index: 99999;
    transform: translate(0, -50%);
    box-shadow: 0 0 2px 4px rgba(0, 0, 0, .15)
}

.pagination {
    display: block;
    overflow: hidden;
    padding: 20px 0 10px 0;
    text-align: center;
    width: 100%;
    border-bottom: 0;
    border-top: 0;
    background: #fff
}

.pagination a {
    display: inline-block;
    font-size: 14px;
    color: #999;
    padding: 10px;
    text-align: center;
    border-radius: 60px;
    background: #fff;
    cursor: default;
    text-decoration: none
}

.pagination a.inactive {
    color: #999;
    border: 1px solid #d9d9d9
}

.pagination a.active {
    font-weight: bold;
    color: #333
}

.pagination label {
    display: inline-block;
    color: #333;
    padding: 10px;
    font-size: 14px
}

.icon-lefarr {
    background-position: -110px 0;
    width: 14px;
    height: 8px
}

.icon-rigarr {
    background-position: -130px -12px;
    width: 14px;
    height: 8px
}

.pagination a.choose {
    color: #4a90e2;
    cursor: pointer
}

.pagination a.choose .icon-lefarr {
    background-position: -110px -12px
}

.pagination span {
    padding: 0 15px;
    color: #4891e6;
    cursor: pointer
}

.pagination a.choose .icon-rigarr {
    background-position: -130px 0;
    width: 14px;
    height: 8px
}

.pagination span.curpage,
.pagination span.ddd {
    color: #e1e1e1;
    cursor: default
}

.wrap_viewed {
    display: block;
    overflow: hidden;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 1px 0 0 #e8e6e6;
    position: relative;
    border-radius: 3px;
    clear: both
}

.titleviewd {
    overflow: hidden;
    line-height: 42px;
    font-size: 15px;
    color: #444 !important;
    padding: 0 10px !important;
    font-weight: bold !important;
    text-align: left !important;
    text-transform: uppercase
}

.titleviewd span {
    font-weight: bold;
    font-size: 15px
}

.p-viewed {
    display: block;
    clear: both;
    width: 2500px;
    margin: 0 30px
}

.p-viewed .item {
    float: left;
    position: relative;
    width: 228px;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 7px
}

.p-viewed>.item:nth-child(n+6) {
    display: none
}

.p-viewed .item h3,
.p-viewed .item div.riki-name {
    font-size: 12px;
    color: #797979;
    clear: both;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.4;
    font-weight: bold;
    text-align: left;
    min-height: 32px;
    margin-bottom: 5px
}

.p-viewed a .pic {
    height: 150px;
    margin: 5px 0;
    width: 100%;
    text-align: center;
    position: relative;
    background-color: rgba(255, 255, 255, .92)
}

.p-viewed a .pic .icon-opengift {
    position: absolute;
    bottom: 0;
    right: 10px;
    background-position: -346px -276px;
    width: 41px;
    height: 46px
}

.p-viewed a .pic img {
    max-width: 100%;
    max-height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: auto;
    height: auto
}

.p-viewed a .prices {
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    position: relative
}

.p-viewed a .prices .new,
.p-viewed a .prices .line,
.p-viewed a .prices .discount {
    display: inline-block;
    vertical-align: middle
}

.p-viewed a .prices .new {
    color: #ffa500;
    font-weight: bold;
    font-size: 14px;
    margin-right: 5px
}

.p-viewed a .prices .line {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.p-viewed a .prices .discount {
    margin-left: 10px;
    width: 27px;
    position: relative;
    padding: 2px 5px 2px 4px;
    background: #f43142;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    font-weight: bold
}

.p-viewed a .prices .discount::before {
    content: '';
    position: absolute;
    left: -6px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-right: 7px solid #f43142;
    height: 0;
    width: 0;
    top: 0;
    border-radius: 3px
}

.p-viewed .item .s-pm {
    text-align: left
}

.p-viewed .item .s-pm img {
    width: 40px
}

.owl-viewed.owl-carousel {
    width: auto
}

.owl-viewed.owl-carousel .owl-stage-outer {
    overflow: visible;
    position: relative
}

.owl-viewed.owl-carousel .owl-stage-outer::before,
.owl-viewed.owl-carousel .owl-stage-outer::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 30px;
    z-index: 1
}

.owl-viewed.owl-carousel .owl-stage-outer::before {
    left: -30px
}

.owl-viewed.owl-carousel .owl-stage-outer::after {
    right: -30px
}

.owl-viewed {
    display: block
}

.owl-viewed .owl-item {
    max-width: 288px;
    overflow: visible
}

.owl-viewed.owl-theme .owl-nav [class*='owl-'] {
    opacity: 1;
    margin: 0;
    position: absolute;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    cursor: pointer;
    background: #ffa500;
    width: 28px;
    height: 50px;
    padding: 0;
    top: 50%;
    transform: translateY(50%)
}

.owl-viewed .owl-nav button.owl-next {
    right: -30px;
    border-radius: 3px 0 0 3px
}

.owl-viewed .owl-nav button.owl-prev {
    left: -30px;
    border-radius: 0 3px 3px 0
}

.owl-viewed .owl-nav button.owl-next:before {
    background-position: -530px -80px
}

.owl-viewed .owl-nav button.owl-prev:before {
    background-position: -510px -80px
}

.owl-viewed .owl-nav button.owl-prev.disabled,
.owl-viewed .owl-nav button.owl-next.disabled {
    background: #ccc;
    cursor: default
}

.owl-viewed.owl-theme .owl-nav [class*='owl-'] span {
    font-size: 40px;
    color: #fff;
    line-height: 27px
}

.bnheader {
    margin-bottom: 5px
}

.bnheader a {
    display: block;
    /*width: 1200px;*/ 
width: 89%;
    margin: 0 auto
}

.bnheader a img {
    display: block
}

.wrap_adguard {
    background: #f2f2f2;
    overflow: hidden
}

.wrap_adguard div {
    width: 1200px;
    margin: 15px auto 15px
}

.wrap_adguard p {
    width: calc((100%/3) - 10px);
    background: #e9edf0;
    padding: 15px 10px;
    box-sizing: border-box;
    text-align: center;
    display: inline-block;
    border-radius: 6px;
    margin-right: 10px;
    border: 2px solid #d2d2d2;
    color: #999
}

.wrap_adguard p:last-child {
    margin-right: 0
}

.home-popup-over {
    display: none;
    background: rgba(0, 0, 0, .87);
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.home-popup {
    display: none;
    background: #fff;
    border-radius: 8px;
    width: 370px;
    position: fixed;
    z-index: 2000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    top: 10%;
    left: 50%;
    transform: translateX(-50%)
}

.home-popup .hblock {
    text-align: center;
    margin: 10px;
    display: block;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 4px
}

.home-popup .hblock.top {
    background: #ffa500;
    padding: 30px 5px 0;
    margin: 0;
    position: relative
}

.home-popup .hblock.top img {
    width: 110px;
    height: 110px
}

.home-popup .content {
    padding: 10px 0 0
}

.home-popup .hblock span,
.home-popup .hblock b,
.home-popup .hblock button {
    display: inline-block
}

.home-popup .hblock span {
    text-align: left;
    color: #ffa500
}

.home-popup .hblock b {
    display: block;
    font-size: 22px;
    font-weight: bold;
    color: #ffa500;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.2em
}

.home-popup .hblock1 span {
    font-weight: bold;
    font-size: 13px
}

.home-popup .hblock1 span.hlogo {
    background: #000;
    padding: 10px 20px;
    border-radius: 4px;
    margin-left: 10px
}

.home-popup .hblock1 span i.icon-tgdd {
    background-position: -90px -231px;
    width: 126px;
    height: 21px
}

.home-popup .hblock2 {
    overflow: hidden
}

.home-popup .hblock2 span {
    padding-top: 20px;
    color: #666;
    font-size: 13px
}

.home-popup .hblock2 img {
    float: left;
    margin: 0 10px
}

.home-popup .hblock3 {
    font-weight: bold;
    background: none;
    padding: 0
}

.home-popup .hblock4 {
    overflow: hidden
}

.home-popup .hblock4 span {
    font-weight: bold;
    margin-right: 5px;
    float: left;
    line-height: 38px
}

.home-popup .hblock4 button {
    color: #fff;
    background: #ffa500;
    padding: 10px 10px;
    border-radius: 4px;
    float: right;
    font-weight: bold
}

.home-popup .close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: 5px;
    line-height: 20px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 12px;
    z-index: 9
}

.home-popup .close img {
    width: 20px;
    height: 20px
}

.home-popup .hblock-title {
    padding: 3px 10px;
    color: #ffa500;
    background: #000;
    border-radius: 5px;
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    width: 120px;
    left: calc(50% - 70px);
    font-weight: bold;
    text-align: center !important
}

.pmess {
    clear: both;
    padding: 2px;
    color: #fff !important;
    background: #f53242;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 10px;
    left: 0;
    text-align: center;
    right: 0
}

.flyingimg {
    position: fixed;
    z-index: 99999;
    background: #fff;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    top: 30%;
    margin: 0 auto;
    left: calc(50% - 50px)
}

.flyingimg img {
    max-width: 100%
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.lazy,
.owl-lazy {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #fffefe), color-stop(18%, #efefef), color-stop(33%, #fdfafa));
    background: -webkit-linear-gradient(left, #fffefe 8%, #efefef 18%, #fdfafa 33%);
    background: linear-gradient(to right, #fffefe 8%, #efefef 18%, #fdfafa 33%);
    background-size: 800px 104px;
    position: relative;
    opacity: 0;
    transition: all 300ms ease
}

.lazy.loaded,
.owl-lazy.loaded {
    animation: none;
    background: none;
    opacity: 1
}

.phone {
    display: block;
    -webkit-animation: ring 3s 0s ease-in-out infinite;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 3s 0s ease-in-out infinite;
    -moz-transform-origin: 50% 4px;
    animation: ring 3s 0s ease-in-out infinite;
    transform-origin: 50% 4px
}

.hide {
    display: none
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0)
    }

    1% {
        -webkit-transform: rotateZ(30deg)
    }

    3% {
        -webkit-transform: rotateZ(-28deg)
    }

    5% {
        -webkit-transform: rotateZ(34deg)
    }

    7% {
        -webkit-transform: rotateZ(-32deg)
    }

    9% {
        -webkit-transform: rotateZ(30deg)
    }

    11% {
        -webkit-transform: rotateZ(-28deg)
    }

    13% {
        -webkit-transform: rotateZ(26deg)
    }

    15% {
        -webkit-transform: rotateZ(-24deg)
    }

    17% {
        -webkit-transform: rotateZ(22deg)
    }

    19% {
        -webkit-transform: rotateZ(-20deg)
    }

    21% {
        -webkit-transform: rotateZ(18deg)
    }

    23% {
        -webkit-transform: rotateZ(-16deg)
    }

    25% {
        -webkit-transform: rotateZ(14deg)
    }

    27% {
        -webkit-transform: rotateZ(-12deg)
    }

    29% {
        -webkit-transform: rotateZ(10deg)
    }

    31% {
        -webkit-transform: rotateZ(-8deg)
    }

    33% {
        -webkit-transform: rotateZ(6deg)
    }

    35% {
        -webkit-transform: rotateZ(-4deg)
    }

    37% {
        -webkit-transform: rotateZ(2deg)
    }

    39% {
        -webkit-transform: rotateZ(-1deg)
    }

    41% {
        -webkit-transform: rotateZ(1deg)
    }

    43% {
        -webkit-transform: rotateZ(0)
    }

    100% {
        -webkit-transform: rotateZ(0)
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0)
    }

    1% {
        -moz-transform: rotate(30deg)
    }

    3% {
        -moz-transform: rotate(-28deg)
    }

    5% {
        -moz-transform: rotate(34deg)
    }

    7% {
        -moz-transform: rotate(-32deg)
    }

    9% {
        -moz-transform: rotate(30deg)
    }

    11% {
        -moz-transform: rotate(-28deg)
    }

    13% {
        -moz-transform: rotate(26deg)
    }

    15% {
        -moz-transform: rotate(-24deg)
    }

    17% {
        -moz-transform: rotate(22deg)
    }

    19% {
        -moz-transform: rotate(-20deg)
    }

    21% {
        -moz-transform: rotate(18deg)
    }

    23% {
        -moz-transform: rotate(-16deg)
    }

    25% {
        -moz-transform: rotate(14deg)
    }

    27% {
        -moz-transform: rotate(-12deg)
    }

    29% {
        -moz-transform: rotate(10deg)
    }

    31% {
        -moz-transform: rotate(-8deg)
    }

    33% {
        -moz-transform: rotate(6deg)
    }

    35% {
        -moz-transform: rotate(-4deg)
    }

    37% {
        -moz-transform: rotate(2deg)
    }

    39% {
        -moz-transform: rotate(-1deg)
    }

    41% {
        -moz-transform: rotate(1deg)
    }

    43% {
        -moz-transform: rotate(0)
    }

    100% {
        -moz-transform: rotate(0)
    }
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.quickCall {
    cursor: auto;
    display: inline
}

.profiler-results,
.profiler-results.profiler-left,
.profiler-results.profiler-bottomleft {
    display: none !important
}

footer .rowfoot2 {
    clear: both;
    background: #f8f8f8;
    width: 100%
}

footer .rowfoot2 p {
    display: block;
    width: 100%;
    padding: 10px;
    color: #999;
    font-size: 10px;
    box-sizing: border-box;
    text-align: center
}

footer .rowfoot2 a {
    font-size: 10px;
    color: #999
}

img.labelcosfah-top {
    position: absolute !important;
    z-index: 1;
    min-height: unset !important;
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    top: 0 !important;
    bottom: unset !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    background: unset !important;
    transform: unset !important
}

img.labelcosfah-bottom {
    position: absolute !important;
    z-index: 1;
    min-height: unset !important;
    height: auto !important;
    max-width: 100% !important;
    width: auto !important;
    bottom: 0 !important;
    top: unset !important;
    margin: 0 auto !important;
    left: 0 !important;
    right: 0 !important;
    display: block !important;
    background: unset !important;
    transform: unset !important
}

div.label>div.property {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 10px
}

div.label>div.property div.icontitle {
    cursor: pointer;
    margin: 5px 3px 0 0;
    line-height: 1;
    border: 1px solid rgba(255, 190, 134, .9607843137254902);
    font-weight: bold;
    padding: 4px;
    font-size: 13px;
    color: #7c7c7c;
    border-radius: 3px;
    display: inline-block
}

.info-box {
    background: #fff;
    width: 100%;
    padding: 30px;
    margin-top: 20px;
    overflow: hidden;
    margin: 0 auto 10px;
    box-sizing: border-box;
    position: relative
}

.info-box .infocos-right {
    display: block;
    margin: 0 auto;
    position: relative
}

.info-box .infocos-right p {
    font-size: 14px;
    color: #4a4a4a;
    letter-spacing: .16px;
    text-align: justify;
    line-height: 1.4
}

.info-box .infocos-right a {
    color: #4a90e2
}

.info-box .infocos-right h3,
.info-box .infocos-right h2,
.info-box .infocos-right h1,
.info-box .infocos-right h3 strong,
.info-box .infocos-right h2 strong,
.info-box .infocos-right h1 strong {
    font-size: 16px;
    color: #4a4a4a;
    letter-spacing: .16px;
    text-align: justify;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold
}

.info-box .infocos-right h3 a,
.info-box .infocos-right h2 a,
.info-box .infocos-right h1 a {
    font-size: 16px;
    color: #4a90e2;
    letter-spacing: .16px;
    text-align: justify;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold
}

#thong-bao-moi p {
    line-height: 1.5;
    margin: 10px 0
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    overflow: hidden
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-item a {
    display: block
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("/Scripts/ext/owlcarousel2/assets/owl.video.play.v201809281024.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
    background-size: 100%
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 5px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-nav [class*='owl-'] {
    padding: 0;
    margin: 0;
    font-size: 24px;
    text-align: center;
    color: #444;
    font-size: 24px;
    background: #f4f4f4;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer
}

.owl-theme .owl-nav [class*='owl-']:hover {
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px 7px;
    background: #f4f4f4;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffa500
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

body {
    background: #e9edf0;
    font: 14px/18px Arial, Helvetica, Tahoma, sans-serif
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.cannotship * {
    font-size: 12px
}

.cannotship p:first-child {
    color: #ed384d
}

.profiler-results,
.profiler-results.profiler-left,
.profiler-results.profiler-bottomleft {
    display: block !important
}

header .profile a.cart {
    display: none
}

.hidden {
    display: none !important
}

.ovlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, .9);
    z-index: 9;
    display: none
}

.ovlay.full {
    display: block;
    top: 0
}

.ovlay.full.top {
    z-index: 13
}

#block1 .ovlay.full {
    top: 50px
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    background: #000;
    opacity: .7;
    z-index: 999;
    margin: auto
}

[v-cloak] {
    display: none
}

.rtv {
    position: relative !important
}

.btn-og {
    font-size: 14px;
    color: #fff !important;
    border: 0;
    text-align: center;
    font-weight: 600;
    background: #ff9142;
    border-radius: 5px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f00), to(#da232e));
    background: -webkit-linear-gradient(top, #f00, #da232e);
    background: -moz-linear-gradient(top, #f00, #da232e);
    background: -ms-linear-gradient(top, #f00, #da232e);
    background: -o-linear-gradient(top, #f00, #da232e);
    cursor: pointer;
    padding: 10px 20px;
    outline: none
}

.btn-gray {
    background-image: linear-gradient(-180deg, #f5f5f5 0%, #dedede 100%);
    border: 1px solid #dedede;
    border-radius: 5px;
    font-size: 14px;
    padding: 10px 20px;
    outline: none;
    text-align: center;
    font-weight: 600;
    display: inline-block
}

.btn-step {
    margin: 0 auto;
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    width: 100%
}

.cart-wrap {
    margin: 0 auto;
    overflow: hidden;
    border-radius: 4px;
    min-height: calc(100vh - 227px)
}

.warning {
    border: 1px solid #ffa500 !important
}

.v-select .clear {
    display: none
}

.ajaxLoading {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 100000;
    width: 100%;
    overflow: hidden
}

.ajaxLoading .pageLoading {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ajaxLoading .loader {
    margin: auto;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ffa500;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite
}

.ajaxLoading .loading {
    position: absolute;
    z-index: 101000;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: 140px;
    left: calc(50% - 60px);
    color: #fff
}

.ajaxLoading .loading .text {
    z-index: 9999;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

.pageFirstLoading {
    width: 1200px;
    margin: 0 auto;
    height: 700px;
    background: #fff;
    border-radius: 4px
}

.pageFirstLoading .loader {
    margin: auto;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #ffa500;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite
}

.pageFirstLoading .loading {
    position: absolute;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    padding: 10px;
    -ms-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: 350px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff
}

.pageFirstLoading .loading .text {
    z-index: 9999;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.icon-radio {
    background-position: -265px 0;
    width: 17px;
    height: 17px;
    vertical-align: bottom
}

.choosed .icon-radio {
    background-position: -240px -1px
}

.icon-atm-small {
    background-position: -262px -114px;
    width: 40px;
    height: 24px;
    display: block;
    margin: -3px auto 3px
}

.icon-visa-small {
    background-position: -177px -114px;
    width: 40px;
    height: 24px;
    display: block;
    margin: -3px auto 5px
}

.icon-master-small {
    background-position: -220px -114px;
    width: 40px;
    height: 24px;
    display: block;
    margin: -3px auto 3px
}

.icon-ordersuccess {
    background-position: -375px 0;
    width: 57px;
    height: 50px;
    display: inline-block;
    margin-right: 10px
}

.icon-checksuccess {
    background-position: -194px -230px;
    width: 27px;
    height: 27px;
    display: inline-block
}

.icon-fail {
    background-position: -300px -73px;
    width: 72px;
    height: 72px;
    display: inline-block
}

.icon-payhome {
    background-position: -130px -60px;
    width: 50px;
    height: 25px;
    display: block;
    margin: 0 auto
}
/*
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 26px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ff9142;
    border-radius: 100%;
    background: #fff
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff9142;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
    position: absolute;
    left: -9999px
}

[type="checkbox"]:not(:checked)+label,
[type="checkbox"]:checked+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer;
    line-height: 19px
}

[type="checkbox"]:not(:checked)+label:before,
[type="checkbox"]:checked+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px
}

[type="checkbox"]:not(:checked)+label:after,
[type="checkbox"]:checked+label:after {
    content: '✔';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    background: #3b99fc;
    border-radius: 4px;
    transition: all .2s;
    font-family: Helvetica, Arial, sans-serif;
    width: 16px;
    height: 16px;
    border: 1px solid #3b99fc;
    text-align: center
}

[type="checkbox"]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

[type="checkbox"]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

[type="checkbox"]:disabled:not(:checked)+label:before,
[type="checkbox"]:disabled:checked+label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd
}

[type="checkbox"]:disabled:checked+label:after {
    color: #999
}

[type="checkbox"]:disabled+label {
    color: #aaa
}
*/
.btnbackstep {
    float: right;
    color: #ffa500;
    cursor: pointer;
    background: none;
    position: relative;
    z-index: 9999;
    padding: 10px 20px;
    outline: 0;
    border: 0
}

.btnbackstep i {
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    position: absolute;
    left: 0
}

.cart-content {
    min-height: 500px
}

.cart-content .block {
    padding: 10px;
    position: relative;
    box-sizing: border-box;
    background: #fff;
    border-radius: 4px
}

.cart-content .block.focus {
    border: 1px solid #014590
}

.cart-content .block#block1 {
    float: left;
    width: calc(100% - 410px)
}

.cart-content .block#block2 {
    float: right;
    padding: 10px;
    width: 400px;
    margin-left: 10px;
    overflow: hidden
}

.cart-content .block h3 {
    padding: 15px;
    text-align: center;
    font-weight: 500;
    font-size: 16px
}

.cart-content .block h3 span {
    display: none
}

.cart-content .block h3 span b {
    font-size: 13px
}

.cart-content .block h3 span.ac {
    color: #ccc;
    display: inline-block;
    font-size: 17px
}

.block .row {
    position: relative;
    background: #fff;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 48px
}

.block .row .error {
    color: #ffa500;
    font-size: 12px;
    display: block;
    padding: 2px
}

.box-data {
    width: calc(100% - 20px);
    display: block;
    line-height: 30px;
    box-sizing: border-box
}

.box-data.w100 {
    width: 100% !important
}

.block .row .error {
    color: #ffa500;
    font-size: 12px;
    display: block;
    padding: 2px
}

.box-check {
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 12
}

.box-check .checkmark {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    background: #7ed321;
    width: 12px;
    height: 12px;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.box-check .checkmark:after {
    content: '';
    display: none;
    width: 3px;
    height: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: 1px auto 0
}

.box-check .checkmark.square {
    -ms-border-radius: 2px;
    border-radius: 2px
}

.box-check.done .checkmark:after {
    display: block
}

.box-check.nodone:before {
    display: none
}

#frmConfirmCart {
    position: relative
}

.sideline {
    width: 1px;
    background: #d6d6d6;
    position: absolute;
    top: 20px;
    bottom: 140px;
    right: 14px;
    z-index: 10
}

.sideline.drop {
    top: 350px
}

.sideline.drop2 {
    top: 110px
}

.lst-product {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    float: left;
    margin: 20px 0
}

.lst-product::-webkit-scrollbar {
    width: 8px
}

.lst-product::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    background: #f7f7eb;
    border-radius: 10px
}

.lst-product::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #c2c2c2
}

.lst-product .item {
    clear: both;
    padding: 15px 0;
    font-size: 14px;
    color: #4a4a4a;
    position: relative;
    margin: 0;
    border-bottom: 1px solid #f8f8f8;
    float: left;
    width: 100%
}

.lst-product .item.producterror {
    border: solid 1px #ed384d !important;
    background: #fff6f6
}

.lst-product .item .err {
    clear: both;
    color: #ed384d;
    padding-top: 10px
}

.lst-product .item .err b {
    font-weight: 600
}

.lst-product .item .name {
    display: block;
    line-height: 1.4em;
    font-size: 16px;
    color: #4a4a4a;
    font-weight: 300;
    margin-bottom: 5px;
    word-break: break-word;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.lst-product .item p {
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    color: #4a4a4a;
    vertical-align: top
}

.lst-product .item p.policyt {
    color: #ffa500
}

.lst-product .item b {
    font-weight: 300;
    color: #ed384d
}

.lst-product .item a {
    display: block;
    overflow: hidden
}

.lst-product .item strong {
    display: inline-block;
    overflow: hidden;
    font-size: 13px;
    color: #4a4a4a;
    font-weight: 300
}

.lst-product .item span {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #999
}

.lst-product .item span.text {
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px
}

.lst-product .item .delete {
    background: #fff;
    padding: 2px 6px;
    display: inline-block;
    cursor: pointer;
    font-size: 11px;
    color: #8ebaff;
    margin: -2px 0
}

.lst-product .item .colinfo {
    float: left;
    width: 40%;
    position: relative
}

.lst-product .item img {
    float: left;
    width: 120px;
    height: auto;
    margin: 0 15px 0 0
}

.lst-product .item .quantity {
    font-size: 12px;
    float: right;
    margin-bottom: 10px
}
.lst-product .item .delete-cart {
    clear: both;
    width: 90%;
    text-align: right;
}

.lst-product .item .quantity label {
    font-size: 12px;
    float: left;
    margin-top: 5px;
    color: #9c9c9c
}

.lst-product .item .quantity select {
    padding: 3px 5px;
    border-radius: 4px;
    border-color: #d8d8d8;
    outline: none;
    color: #666
}

.lst-product .item .quantity>div {
    float: left;
    margin-left: 10px
}

.lst-product .item .colmoney {
    float: right;
    text-align: right;
    width: calc(60% - 150px);
}

.lst-product .item .colmoney label {
    display: block;
    margin-bottom: 5px
}

.lst-product .item .colmoney span,
.lst-product .item .colmoney strong {
    display: block;
    float: left;
    color: #014590;
    font-size: 20px;
    font-family: "Montserrat Bold";
}

.lst-product .item .colmoney .discount {
    text-decoration: none;
    color: #fff;
    background-color: #ff1800;
    padding: 2px 2px 2px 0;
    position: relative;
    font-size: 12px;
    margin-left: 10px;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    font-style: normal
}

.lst-product .item .colmoney .discount:after {
    content: "";
    position: absolute;
    left: -8px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-right: 8px solid #ff1800;
    border-bottom: 9px solid transparent
}

.lst-product .item .colmoney span {
    line-height: 28px
}

.lst-product .item .colmoney span b {
    text-decoration: line-through;
    color: #9c9c9c;
    font-size: 12px
}

.lst-product .item .viewdetail {
    display: inline-block;
    overflow: hidden;
    font-size: 12px;
    color: #288ad6
}

.lst-product .item .promotion {
    width: 100%;
    text-align: left;
    float: left
}

.lst-product .info-text {
    display: inline-block;
    color: #ffa500;
    font-style: italic;
    font-size: 12px
}

.lst-product .info-text.error {
    color: #f30600;
    font-size: 14px
}

.lst-product .item .listpromotion {
    overflow: hidden;
    padding-bottom: 5px
}

.lst-product .item .listpromotion div {
    font-size: 12px;
    color: #4a4a4a;
    text-decoration: none;
    overflow: hidden
}

.lst-product .item .listpromotion div:before {
    content: "●";
    font-size: 10px;
    color: #d8d8d8;
    vertical-align: bottom
}

.lst-product .item .listpromotion a {
    display: block;
    font-size: 13px;
    color: #288ad6;
    padding-left: 10px;
    vertical-align: bottom
}

.lst-product .item .listpromotion label {
    font-size: 12px;
    color: #888
}

.lst-product .item .choosecolor {
    width: 92px;
    border: 1px solid #ef8a32;
    border-radius: 4px;
    font-size: 14px;
    color: #ef8a32;
    padding: 5px 8px;
    position: relative;
    margin-top: 5px
}

.lst-product .changepm {
    width: 100%;
    text-align: left;
    float: left;
    color: #288ad6;
    cursor: pointer
}
.cart-tittle h2 p{
    font-weight: bold;
    font-size: 16px;
    margin: 6px;
}
.line-orange{
    height: 2px;
    width: 100%;
    background: #ffa500;
    margin: 0 5px 0;
}

.summary {
    padding: 10px 0;
    float: right;
    width: 500px
}

.summary>div {
    overflow: hidden;
    line-height: 28px;
    margin-bottom: 10px
}

.summary div>span {
    float: left;
    color: #ddd;
    width: calc(100% - 150px);
    text-align: right
}

.summary div>label {
    float: right;
    width: 150px;
    text-align: right;
    font-size: 13px;
    color: #4a4a4a
}
.totalfinal {
    border-top: 1px solid #f8f8f8;
    padding-top: 15px;
    margin-top: 10px
}

.totalfinal>div {
    float: none;
}

.totalfinal>div label {
    color: #014590;
    font-size: 15px;
    margin-bottom:  unset;
}

.rightshiping #shippingdiscount {
    color: #ddd;
    text-decoration: line-through;
    margin-right: 5px
}

.rightshiping #cartshipfee {
    font-size: 13px
}

.shipfee .s-info {
    width: 100%;
    text-align: right;
    font-style: italic;
    display: inline-block;
    color: #ffa500
}

.totalfinal>div span {
    color: #000
}

.totalfinal>.couponlink {
    float: left
}

.totalfinal>.couponlink {
    display: inline-block;
    font-size: 14px;
    position: relative;
    padding-left: 20px
}

.totalfinal>.couponlink:before {
    content: "+";
    display: block;
    position: absolute;
    left: 7px;
    top: 50%;
    line-height: 18px;
    font-size: 18px;
    transform: translateY(-50%)
}
.totalfinal .add-button{
    float: left;
}

.totalfinal .add-coupon{
    border: 1px solid #008000;
    width: 70px;
   height: 30px;
    padding: 6px;
    border-radius: 2px;
    text-transform: uppercase;
    float: left;
    margin-left: 10px;
}
.totalfinal .add-coupon a{
    position: relative;
    color: #008000;
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
}
.totalfinal .add-coupon .icon{
    width: 20%;
    float: left;
    font-size: 14px;
}
.totalfinal .add-coupon .tit{
    width: 80%;
    float: left;
}
.totalfinal .buy-more{
    border: 1px solid #ffa500;
    width: 80px;
    height: 30px;
    padding: 4px;
    border-radius: 2px;
    text-transform: uppercase;
    float: left;
}
.totalfinal .buy-more a{
    position: relative;
    color: #ffa500;
    font-family: Quicksand;
    font-style: normal;
    font-weight: bold;
    font-size: 8px;
    line-height: 10px;
    text-align: center;
}
.totalfinal .buy-more .icon{
    margin-right: 5px;
}
.coupon-over {
    max-width: 400px
}

.coupon-over .coupon-modal {
    position: relative;
    outline: 0;
    border-radius: 5px;
    overflow: hidden
}

.coupon-over .coupon-modal .close {
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.coupon-over .coupon-modal p.title {
    color: #777;
    font-weight: bold
}

.coupon {
    position: relative;
    width: 100%;
    padding: 10px 0 0;
    box-sizing: border-box
}

.coupon p.error {
    color: #ffa500;
    font-size: 12px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

.coupon input[type=text] {
    border-radius: 4px;
    border: 1px solid #bebebe;
    padding: 9px 10px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    outline: 0
}

.coupon .wrapbtn {
    overflow: hidden;
    text-align: center;
    margin-bottom: 0
}

.coupon .btnCoupon {
    padding: 8px 0 8px;
    cursor: pointer;
    width: 100px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin: 5px
}

.coupon .btnclear {
    background: #ff1800
}

.coupon .btnapply {
    color: #fff;
    background-color: #ffa500;
    border: 1px solid #e46900
}

.coupon .btncancel {
    color: #666;
    background-color: #fff;
    border: 1px solid #ccc
}

.couponbox {
    margin-bottom: 10px
}

.couponbox label {
    color: #cacaca !important
}

.couponbox .removecoupon {
    color: #247bbd;
    cursor: pointer;
    margin-left: 5px
}

.boxsugguest {
    float: left;
    padding: 10px;
    overflow: hidden;
    width: calc(100% - 380px);
    box-sizing: border-box
}

.boxsugguest .sugguest {
    overflow: hidden;
    float: left;
    width: calc(100% - 140px)
}

.boxsugguest .sugguest img {
    float: left;
    margin-right: 10px
}

.boxsugguest .sugguest p {
    float: left;
    width: calc(100% - 90px)
}

.boxsugguest .sugguest span {
    float: left;
    width: calc(100% - 90px)
}

.boxsugguest .sugguest.hidden+.btn-buymore {
    float: left
}

.boxsugguest .btn-buymore {
    width: 110px;
    margin: 10px auto 10px;
    font-size: 15px;
    position: relative;
    text-align: center;
    color: #fff;
    padding: 10px 5px 10px 22px;
    background: #288ad6;
    border-radius: 4px;
    float: right
}

.boxsugguest .btn-buymore:before {
    content: "+";
    display: block;
    position: absolute;
    left: 15px;
    top: 50%;
    line-height: 18px;
    font-size: 18px;
    transform: translateY(-50%)
}

.n-dropdown .n-dropdownlst {
    background: #fff;
    max-height: 160px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 8px;
    width: 100%
}

.n-combobox {
    overflow: visible;
    position: relative;
    background: #fff;
    margin-bottom: 10px;
    margin-right: 10px;
    cursor: pointer;
    min-width: 60px
}

.n-combobox .n-comboboxlst {
    background: #fff;
    border: 1px solid #d6d6d6;
    padding: 5px
}

.select2-container {
    width: 100% !important
}

.select2-container--default .select2-selection--single {
    padding: 10px;
    height: 38px;
    border: 1px solid #d6d6d6
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 36px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0
}

.select2-selection--single:focus,
.select2-container--focus .select2-selection--single {
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #ebebe4
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single[aria-expanded="true"] {
    border: 1px solid #ffa500;
    border-bottom: 0
}

.select2-container--open .select2-dropdown--below {
    border: 1px solid #ffa500;
    border-top: 0
}

.select2-results__option {
    border-bottom: 1px solid #ffefe1;
    color: #ffa500;
    padding: 10px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    width: 3px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px #ffa500;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #ffa500;
    -webkit-box-shadow: inset 0 0 3px #ffa500
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:window-inactive {
    background: #ffa500
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #fbfbfb
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #fbfbfb;
    color: #ffa500
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #ffd9d9;
    border-radius: 3px;
    outline: 0;
    padding: 6px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffa500
}

.lst-product .select2-container--default .select2-selection--single {
    padding: 5px 6px;
    height: 30px
}

.lst-product .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 39%
}

.lst-product .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #4a4a4a !important
}

.lst-product .select2-container--default .select2-results>.select2-results__options {
    max-height: initial;
    overflow-y: initial
}

.lst-product .select2-results__option {
    text-align: center
}

.wrapinput {
    display: block;
    position: relative;
    clear: both
}

.wrapinput label {
    float: left;
    padding: 9px 0;
    margin-right: 8px
}

.wrapinput .text {
    overflow: hidden;
    padding: 10.5px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    -webkit-appearance: none;
    color: #014590;
    box-sizing: border-box;
    outline: none
}

.wrapinput .divtext {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: #f7f7f7;
    width: 100%;
    -webkit-appearance: none;
    color: #ff7501;
    box-sizing: border-box;
    outline: none
}

.wrapinput .textarea {
    display: block;
    overflow: hidden;
    padding: 8px 10px;
    border-radius: 4px;
    color: #666;
    width: 100%;
    border: 1px solid #cfcfcf;
    box-sizing: border-box;
    margin-bottom: 10px
}

.wrapinput span.error,
.wrapaddress span.error {
    color: #ffa500;
    font-size: 12px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

.wrapinput .gender {
    display: inline-block;
    overflow: hidden;
    margin: 10px 0;
    position: relative
}

.wrapinput .gender label {
    font-size: 14px;
    color: #666;
    margin-right: 10px;
    cursor: pointer;
    line-height: 2px
}

.wrapinput .suggestaddress {
    position: absolute;
    width: 100%;
    z-index: 99;
    border-left: 1px dotted #d6d6d6;
    border-right: 1px dotted #d6d6d6;
    border-bottom: 1px dotted #d6d6d6;
    background: #fff;
    cursor: pointer;
    border-radius: 4px
}

.wrapinput .suggestaddress .item {
    padding: 10px 15px;
    border-top: 1px dotted #d6d6d6
}

.wrapinput .suggestaddress .item:hover {
    color: #ffa500
}

.wrapinput .suggestaddress .item:first-child {
    border-top: none
}

.wrapaddress {
    width: calc(100% - 20px);
    display: inline-block;
    float: left
}

.wrapaddress .city {
    float: left;
    overflow: visible;
    position: relative;
    padding: 10px 0;
    width: 100%;
    box-sizing: border-box
}

.wrapaddress .dist {
    float: right;
    overflow: visible;
    position: relative;
    width: 60%;
    margin-right: 0;
    box-sizing: border-box
}

.wrapaddress .dist.nocheck .select2-container--default .select2-selection--single,
.ward.nocheck .select2-selection--single {
    border: 1px solid #ffa500 !important
}

.wrapcheckbox {
    min-height: 36px
}

.wrapcheckbox .billinfo {
    padding: 5px 0
}

.wrapcheckbox .billinfo .wrapinput {
    margin-bottom: 10px
}

.wrapbtn {
    margin-bottom: 12px;
    min-height: 54px;
    display: flex
}

.wrapbtn .btn-og {
    margin-right: 10px;
    display: inline-block;
    width: calc(50% - 5px);
    box-sizing: border-box;
    height: 54px
}

.wrapbtn .btn-og:last-child {
    margin-right: 0
}

.wrapbtn .btnpayhome {
    overflow: hidden;
    padding: 10px 10px;
    font-size: 13px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    line-height: 38px
}

.wrapbtn .btnpayhome:last-child {
    margin-right: 0
}

.wrapbtn .btnpayhome span {
    display: block;
    text-transform: none;
    font-size: 13px;
    font-weight: normal
}

.wrapbtn .btnatm span,
.wrapbtn .btnvisa span,
.wrapbtn .btnnl span,
.wrapbtn .btnnl-og span {
    font-size: 10px;
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 54px)
}

.wrapbtn .btnatm span b,
.wrapbtn .btnvisa span b,
.wrapbtn .btnnl span b {
    font-size: 12px;
    font-weight: bold
}

.wrapbtn .btnnl-og span b {
    font-size: 12px;
    font-weight: bold
}

.wrapbtn .btnvisa label,
.wrapbtn .btnatm label,
.wrapbtn .btnnl label,
.wrapbtn .btnnl-og label {
    display: inline-block;
    vertical-align: middle
}

.wrapbtn .btnnl-og label {
    display: inline-block;
    vertical-align: middle
}

.wrapbtn .btnvisa {
    padding: 5px 0;
    text-align: center;
    border: 0
}

.wrapbtn .btnvisa i {
    display: block;
    background-size: 488px auto
}

.wrapbtn .btnatm,
.wrapbtn .btnnl,
.wrapbtn .btnatm,
.wrapbtn .btnnl-og {
    padding: 10px 0;
    text-align: center;
    border: 0
}

.wrapbtn .btnatm i,
.wrapbtn .btnnl i,
.wrapbtn .btnatm i,
.wrapbtn .btnnl-og i {
    float: right;
    margin: 0 5px 0 0;
    background-size: 489px auto
}

.wrapbtn .btnnl i,
.wrapbtn .btnnl-og i {
    float: initial;
    margin: initial;
    background-size: initial
}

.wrapbtn .btnzp {
    border: 1px solid #ff9142;
    border-radius: 4px;
    position: relative;
    text-align: left;
    line-height: 36px;
    background: #fff;
    color: #ff9142 !important;
    padding: 10px 0;
    width: 100%
}

.wrapbtn .btnnl {
    border: 1px solid #ff9142;
    border-radius: 5px;
    background: #fff;
    color: #ff9142 !important
}

.wrapbtn .btnnl-og {
    border: 1px solid #ff9142;
    border-radius: 5px
}

.wrapbtn .btnzp span {
    display: inline-block;
    text-align: left;
    margin-left: 85px;
    font-size: 12px
}

.wrapbtn .btnzp span b {
    font-size: 12px;
    font-weight: bold
}

.wrapbtn .btnzp label {
    position: absolute;
    left: 8px;
    top: 17px
}

.btn100 {
    width: 100% !important
}

.box-curaddress {
    text-align: center;
    position: relative;
    background: #fff
}

.box-curaddress.hasstep {
    padding-right: 15px
}

.box-curaddress.hasstep .box-check:after {
    height: 600px;
    top: 15px
}

.box-curaddress button {
    color: #fff;
    background: #288ad6;
    border: 0;
    outline: none;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 5px;
    display: inline-block;
    margin-top: 10px;
    border-radius: 5px
}

.box-curaddress button:before {
    content: "+";
    display: inline-block;
    font-size: 18px;
    width: 20px
}

.box-curaddress .list-address {
    padding: 10px
}

.box-curaddress .list-address .item {
    text-align: left;
    padding: 10px 0;
    border-bottom: 2px solid #f8f8f8;
    position: relative
}

.box-curaddress .list-address .item label {
    position: relative;
    padding-right: 40px;
    width: 100%;
    box-sizing: border-box
}

.box-curaddress .list-address .item label span b,
.box-curaddress .list-address .item label b {
    font-weight: bold
}

.box-curaddress .list-address .item.editing label span {
    text-decoration: line-through
}

.box-curaddress .list-address .item label.blur span {
    -ms-opacity: .7;
    opacity: .7
}

.box-curaddress .list-address .item span {
    display: block
}

.box-curaddress .list-address .item span.action {
    position: absolute;
    right: 0;
    top: 10px
}

.box-curaddress .list-address .item span.action i {
    display: block;
    color: #247bbd;
    font-style: normal;
    margin-bottom: 7px;
    cursor: pointer;
    font-size: 12px
}

.box-curaddress .list-address .box-newaddress {
    padding-right: 0
}

.box-newaddress {
    text-align: left;
    padding-left: 10px;
    padding-right: 30px
}

.box-newaddress .box-check {
    right: -30px
}

.nopadding {
    padding: 0 10px
}

.box-howship {
    padding: 0
}

.box-howship .box-check {
    right: -10px
}

.box-howship div.time {
    float: left;
    position: relative;
    width: calc(50% - 10px);
    max-width: 180px;
    cursor: pointer;
    text-align: left;
    box-sizing: border-box;
    z-index: 1
}

.box-howship div.time:first-of-type {
    margin: 0 10px
}

.box-howship div.time label {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px 4px 0 0;
    padding: 5px 5px 5px 40px
}

.box-howship div.time [type="radio"]:checked+label:before,
.box-howship div.time [type="radio"]:not(:checked)+label:before {
    left: 10px;
    top: 11px
}

.box-howship div.time [type="radio"]:checked+label:after,
.box-howship div.time [type="radio"]:not(:checked)+label:after {
    top: 14px;
    left: 13px
}

.box-howship div.time [type="radio"]:checked+label {
    border: 1px solid #cfcfcf;
    border-bottom: 1px solid #fff;
    border-radius: 3px 3px 0 0
}

.box-howship div.time span {
    display: block;
    font-size: 11px;
    color: #ccc
}

.box-howship div.time [type="radio"]:checked+label span {
    color: #333;
    font-size: 11px
}

.box-howship div.time span.bold {
    display: block;
    font-weight: bold;
    font-size: 14px
}

.box-howship div.time [type="radio"]:checked+label span.bold {
    color: #ffa500;
    font-size: 14px
}

.box-howship .box-data {
    border-bottom: 1px solid #cfcfcf
}

.box-howship .box-data.default {
    border-bottom: 0
}

.box-howship .box-data.default div.time [type="radio"]+label.unknow {
    border-radius: 3px;
    border: 1px solid #ffa500
}

.box-howship .box-data.default div.time [type="radio"]+label.unknow span {
    color: #333
}

.box-howship .box-data.default div.time [type="radio"]+label.unknow span.bold {
    color: #ffa500
}

.box-howship .checkmark {
    top: 50px
}

.box-shiptime {
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    width: calc(100% - 10px)
}

.box-shiptime.bdr {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    margin-top: -1px
}

.box-shiptime .box-check {
    right: -20px
}

.box-shiptime.bdr .box-check .checkmark {
    top: 70px
}

.box-shiptime .box-check .checkmark {
    top: 60px
}

.box-shiptime .box-data {
    background: #f1f1f1;
    padding: 0 10px;
    padding-top: 0;
    box-sizing: border-box;
    border-radius: 3px;
    width: calc(100% - 10px)
}

.box-shiptime .box-data.white {
    background: #fff;
    padding: 0 0 15px
}

.box-shiptime .box-data .datetime {
    display: inline-block;
    position: relative;
    width: 172px;
    margin-right: 10px;
    text-align: left
}

.box-shiptime .box-data .datetime {
    width: calc(50% - 5px);
    float: left
}

.box-shiptime .box-data .datetime:nth-child(2) {
    float: right;
    margin-right: 0
}

.box-shiptime .selector {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 160px;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    padding: 8px;
    width: 100%;
    color: #ff7501
}

.box-shiptime .uncheck {
    border: 1px solid #ff7501;
    color: #ff7501
}

.box-shiptime .selector option {
    padding: 5px
}

.box-shiptime .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #000
}

.box-shiptime .datetime.notdone .select2-container--default .select2-selection--single {
    border: 1px solid #ffa500
}

.box-shiptime .datetime.notdone .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000
}

.box-productlst {
    height: 90px;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 10px;
    overflow: hidden;
    display: block
}

.box-productlst .item {
    color: #333;
    margin: 0;
    float: left;
    width: calc(100%/3);
    box-sizing: border-box
}

.box-productlst .owl-item .item {
    clear: both;
    padding: 0;
    font-size: 14px;
    color: #4a4a4a;
    position: relative;
    margin: 0;
    float: left;
    width: 100%;
    display: inline-block
}

.box-productlst .item .pic {
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto
}

.box-productlst .item .pic img {
    width: auto;
    height: auto;
    max-width: 60px;
    max-height: 60px;
    margin: 0 auto;
    -webkit-filter: opacity(.9) drop-shadow(0 0 0 #696969);
    filter: opacity(.9) drop-shadow(0 0 0 #696969);
    vertical-align: middle;
    display: inline-block
}

.box-productlst .item .name {
    color: #999;
    text-align: center;
    font-size: 11px;
    padding: 5px 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box
}

.owl-theme .owl-nav {
    margin: 0
}

.owl-theme .owl-nav .owl-prev {
    left: 0
}

.owl-theme .owl-nav .owl-next {
    right: 0
}

.owl-theme .owl-nav [class*='owl-'] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    margin: 0;
    background: #d8d8d8
}

.owl-theme .owl-nav [class*='owl-']::after {
    display: block;
    content: "";
    font-size: 6px;
    margin: auto;
    width: 1em;
    height: 1em;
    position: absolute;
    top: 6px;
    border-top: 1.5px solid #6a6a6a
}

.owl-theme .owl-nav .owl-prev:after {
    border-left: 1.5px solid #6a6a6a;
    transform: rotate(-51deg) skew(-15deg);
    right: 6px
}

.owl-theme .owl-nav .owl-next:after {
    border-right: 1.5px solid #6a6a6a;
    transform: rotate(51deg) skew(15deg);
    left: 6px
}

.owl-theme .owl-dots {
    display: none
}

.box-paymentifo {
    padding: 10px
}

.box-payment .box-data {
    padding: 0 10px
}

.box-payment .checkmark.square {
    top: 108px
}

.box-orderresult {
    margin: 20px auto;
    border-radius: 4px;
    overflow: hidden;
    background: #fff;
    max-width: 600px
}

.box-orderresult .title {
    color: #78bc4c;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    padding: 20px 0
}

.box-orderresult .title.fail {
    color: #4a4a4a;
    font-weight: normal;
    line-height: 72px
}

.box-orderresult .msg {
    display: block;
    text-align: center;
    font-size: 15px;
    color: #777;
    line-height: 30px
}

.box-orderresult .info {
    background: #fbfbfb
}

.listinfo {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #4a4a4a;
    padding: 0 8px
}

.listinfo h4 {
    font-size: 15px;
    padding-top: 15px;
    color: #777
}

.listinfo p {
    padding: 5px 0;
    font-size: 15px;
    color: #777
}

.listinfo div {
    display: block;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    color: #4a4a4a;
    padding: 5px 0
}

.listinfo .productlist {
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 8px;
    margin-bottom: 8px
}

.listinfo .productlist a {
    display: inline-block;
    max-width: 205px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.listinfo .productlist strong {
    float: right;
    color: #f2364f
}

.listinfo .shipping {
    margin: 5px 0 0
}

.listinfo .shipping li {
    padding: 4px 0 4px 16px;
    font-size: 15px;
    color: #000;
    position: relative;
    line-height: 22px;
    margin-left: 5px
}

.listinfo .shipping li:before {
    color: #ffa500;
    content: "•";
    display: inline;
    font-size: 16px;
    margin-right: 5px;
    position: absolute;
    top: 3px;
    left: 2px
}

.listinfo div strong {
    color: #c0392b
}

.listinfo div h4 {
    display: inline-block;
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 600
}

.listinfo .register-frm {
    max-width: 414px;
    margin: 0 auto
}

.box-orderresult .wrapbtn {
    display: block;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
    padding-bottom: 10px
}

.box-orderresult .wrapbtn .btnGoghome,
.box-orderresult .wrapbtn .btncancel,
.box-orderresult .wrapbtn .submitbtn {
    display: block;
    width: 200px;
    overflow: hidden;
    padding: 10px 0;
    font-size: 15px;
    text-align: center;
    border-radius: 4px;
    font-weight: bold;
    margin: 0 auto
}

.box-orderresult .wrapbtn .btnGoghome,
.box-orderresult .wrapbtn .submitbtn {
    color: #fff;
    border: 1px solid #f36600;
    background: #f36600;
    background: -webkit-linear-gradient(#ff9142, #f36600);
    background: -o-linear-gradient(#ff9142, #f36600);
    background: -moz-linear-gradient(#ff9142, #f36600);
    background: linear-gradient(#ff9142, #f36600);
    text-transform: none;
    font-size: 16px;
    margin-bottom: 10px
}

.box-orderresult .wrapbtn .cancellink,
.box-orderresult .wrapbtn .normalLink {
    display: block;
    text-align: center;
    color: #2b8fc9;
    padding: 5px 10px
}

.cancellink {
    width: 180px;
    margin: 0 auto
}

.cartinfo {
    padding: 10px;
    overflow: hidden
}

.cartinfo-title {
    clear: both;
    color: #4a4a4a;
    font-size: 18px;
    text-align: center;
    padding: 15px 0 10px;
    text-transform: uppercase
}

.cartinfo .cartitem {
    overflow: hidden;
    margin-bottom: 10px
}

.cartinfo .shiptime {
    display: block;
    width: 350px;
    margin: 0 auto;
    padding: 0 5px;
    text-align: center;
    position: relative
}

.cartinfo .shiptime b {
    text-align: center;
    line-height: 40px
}

.cartinfo .shiptime span {
    font-weight: bold;
    color: #ffa500
}

.cartinfo .lst-product {
    border-top: 1px solid #f8f8f8;
    margin-top: 0;
    margin-bottom: 0
}

.paymentfail .wrapbtn {
    display: block;
    padding: 10px
}

.paymentfail .failinfo {
    background: #fcfbe9;
    border-radius: 4px;
    padding: 10px
}

.paymentfail .failinfo strong {
    text-align: center;
    text-transform: none
}

.paymentfail .failinfo p.note {
    text-align: center;
    text-transform: none;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold
}

.paymentfail .listinfo {
    border: 1px solid #fe7602;
    border-radius: 5px;
    background: #fff;
    padding: 8px
}

.paymentfail .listinfo p b {
    font-weight: bold
}

.paymentfail .wrapbtn .ope {
    font-weight: bold;
    padding: 10px;
    cursor: pointer
}

.paymentfail .wrapbtn .ope:after {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    pointer-events: none;
    border-top-color: #4a90e2;
    border-width: 5px;
    line-height: 0;
    display: inline-block;
    margin-left: 5px;
    margin-bottom: -4px
}

.paymentfail .wrapbtn .ope.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-bottom: 0
}

.alertify .ajs-dialog {
    padding: 12px 12px 12px 12px;
    max-width: 400px
}

.loginpopupbody {
    text-align: center;
    padding: 15px 0 0;
    position: relative
}

.loginpopupbody input {
    overflow: hidden;
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    background: #fff;
    width: 100%;
    -webkit-appearance: none;
    color: #ff7501;
    box-sizing: border-box;
    outline: none
}

.loginpopupbody .btn-og {
    margin-top: 15px;
    margin-bottom: 40px;
    display: inline-block
}

.loginpopupbody .close {
    font-size: 20px;
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 20px;
    height: 20px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #f00;
    color: #fff;
    text-align: center;
    line-height: 20px
}

.loginpopupbody .warningtxt {
    display: block;
    margin-top: 5px;
    font-size: 12px
}

.loginpopupbody .warningtxt.erro {
    color: #ff7501
}

.popup-addtocart,
.popup-addtosave {
    position: fixed;
    top: 30%;
    display: none;
    width: 400px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
    z-index: 30;
    border-radius: 5px;
    left: 0;
    right: 0;
    z-index: 99999
}

.popup-addtocart p,
.popup-addtosave p {
    display: block;
    text-align: center;
    padding: 10px
}

.popup-addtocart .icon-success,
.popup-addtosave .icon-success {
    background-position: -299px 0;
    width: 72px;
    height: 71px;
    display: inline-block;
    margin-right: 10px;
    -ms-transform: scale(.75, .75);
    -webkit-transform: scale(.75, .75);
    transform: scale(.75, .75)
}

.popup-addtocart img,
.popup-addtosave img {
    display: inline-block;
    width: 60px;
    height: auto;
    max-height: 60px;
    vertical-align: middle
}

.popup-addtocart h3,
.popup-addtosave h3 {
    display: block;
    font-size: 18px;
    color: #4a4a4a;
    text-transform: uppercase;
    padding: 5px 0 10px;
    text-align: center;
    font-weight: 600
}

.popup-addtocart .buycont {
    float: left;
    color: #288ad6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 16px 0
}

.popup-addtocart .order {
    float: right;
    color: #288ad6;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    padding: 16px 0
}

.popup-addtocart .lefarr {
    color: #288ad6;
    font-size: 18px;
    float: left;
    width: 10px;
    overflow: hidden;
    margin-right: 3px;
    line-height: 15px;
    font-style: normal;
    font-family: -webkit-body
}

.popup-addtocart .rigarr {
    color: #288ad6;
    font-size: 18px;
    float: right;
    width: 10px;
    overflow: hidden;
    text-align: right;
    text-indent: -10px;
    margin-left: 3px;
    line-height: 15px;
    font-style: normal;
    font-family: -webkit-body
}

@media screen and (max-width:640px) {
    .cart-wrap {
        width: 100%
    }

    .box-shiptime .datetime {
        width: calc(50% - 10px)
    }
}

.quantitynum {
    overflow: hidden
}

.quantitynum .qty {
    float: left;
    padding: 0 5px;
    width: 43px;
    border: 1px solid #ededed;
    text-align: center;
    height: 35px;
    line-height: 35px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.quantitynum i {
    float: left;
    padding: 0 15px;
    width: 35px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #ededed;
    height: 35px;
    line-height: 35px;
    cursor: pointer
}

.quantitynum i:hover {
    background: #fe7a12;
    color: #fff
}

.quantitynum i:first-of-type {
    border-radius: 4px 0 0 4px;
    border-right: 0
}

.quantitynum i:last-of-type {
    border-radius: 0 4px 4px 0;
    border-left: 0
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.zalopay {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

.zalopay .z-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 700px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s
}

.zalopay .z-content .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold
}

.zalopay .z-content .close:hover,
.zalopay .z-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.zalopay .z-content .z-header {
    padding: 15px 16px 0
}

.zalopay .z-content .z-header h2 {
    font-size: 19px;
    text-align: center
}

.zalopay .z-content .z-header p {
    width: 100%;
    text-align: center;
    display: block;
    padding: 7px 0 0;
    font-size: 13px
}

.zalopay .z-content .z-body {
    padding: 2px 16px;
    display: flex
}

.zalopay .z-content .z-body .z-left {
    width: 300px
}

.zalopay .z-content .z-body .z-info {
    width: 60%;
    padding: 50px 0 0 0
}

.zalopay .z-content .z-body .z-info p {
    padding: 12px 0 0 0
}

.zalopay .z-content .z-body .z-leftime {
    padding: 0 0 20px;
    font-style: italic;
    text-align: center;
    margin: 0 auto;
    width: 200px
}

.zalopay .z-content .z-body .z-leftime span {
    color: #0390e5;
    font-weight: 700
}

.zalopay .z-content .z-body .z-info h3 {
    font-size: 15px;
    font-weight: 700;
    padding: 12px 0
}

.zalopay .z-content .z-footer {
    padding: 110px 16px 10px;
    text-align: right
}

.zalopay .z-content .z-footer button {
    background: #f0f0f0;
    border-radius: 2.4px;
    width: 240px;
    height: 40px
}

.zalopay .z-content .z-footer button:hover {
    background: #ececec
}

#bankcode {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .4)
}

#bankcode .z-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 640px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
    border-radius: 8px
}

#bankcode .z-content .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold
}

#bankcode .z-content .close:hover,
#bankcode .z-content .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer
}

#bankcode .z-content .z-header {
    padding: 15px 16px 0
}

#bankcode .z-content .z-header h2 {
    font-size: 17px;
    text-align: center
}

#bankcode .z-content .z-header p {
    width: 100%;
    text-align: center;
    display: block;
    padding: 7px 0 0;
    font-size: 13px
}

.z-body .pro {
    font-size: 13px;
    line-height: 24px;
    padding-top: 10px
}

.z-body .pro .ls {
    text-decoration: line-through;
    color: #999;
    padding: 0 10px
}

.z-body .pro .pr {
    color: #ff9142;
    font-weight: bold
}

#bankcode .z-content .z-body {
    padding: 2px 30px 20px
}

#bankcode .z-content .z-body .vs {
    font-size: 14px;
    color: #fff !important;
    border: 0;
    text-align: center;
    font-weight: 600;
    background: #ff9142;
    border-radius: 5px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f36600), to(#ff9142));
    background: -webkit-linear-gradient(top, #ff9142, #f36600);
    background: -moz-linear-gradient(top, #ff9142, #f36600);
    background: -ms-linear-gradient(top, #ff9142, #f36600);
    background: -o-linear-gradient(top, #ff9142, #f36600);
    cursor: pointer;
    padding: 10px 20px;
    outline: none;
    display: inline-block;
    box-sizing: border-box;
    height: 54px;
    padding: 5px;
    width: 185px
}

#bankcode .z-content .z-body .vs span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
    width: calc(100% - 54px)
}

#bankcode .z-content .z-body .vs .ic {
    display: inline-block;
    vertical-align: middle
}

#bankcode .z-content .z-body .vs i {
    display: block;
    background-size: 488px auto
}

#bankcode .z-content .z-body h5 {
    padding: 20px 0 10px;
    color: #999
}

#bankcode .z-content .z-body h5 b {
    font-weight: bold;
    color: #333
}

[class^="iconbank-"],
[class*="iconbank-"] {
    background-image: url(https://cdn.tgdd.vn/vuivui/www/Content/images/desktop/sprite-payment.v201809281024.png);
    background-size: 638px auto;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle
}

.iconbank-VCB {
    background-position: 10px 0;
    height: 40px;
    display: block
}

.iconbank-DAB {
    background-position: -430px -200px;
    height: 40px;
    display: block
}

.iconbank-TCB {
    background-position: -430px -100px;
    height: 40px;
    display: block
}

.iconbank-MB {
    background-position: -320px -50px;
    height: 40px;
    display: block
}

.iconbank-VIB {
    background-position: -100px -150px;
    height: 40px;
    display: block
}

.iconbank-ICB {
    background-position: -210px -50px;
    height: 40px;
    display: block
}

.iconbank-EXB {
    background-position: -430px 0;
    width: 40px;
    height: 40px;
    display: block
}

.iconbank-ACB {
    background-position: -100px 0;
    height: 40px;
    display: block
}

.iconbank-HDB {
    background-position: -100px -50px;
    height: 40px;
    display: block
}

.iconbank-MSB {
    background-position: -430px -50px;
    height: 40px;
    display: block
}

.iconbank-NVB {
    background-position: 10px -100px;
    height: 40px;
    display: block
}

.iconbank-VAB {
    background-position: 10px -150px;
    height: 40px;
    display: block
}

.iconbank-VPB {
    background-position: -210px -150px;
    height: 40px;
    display: block
}

.iconbank-SCB {
    background-position: -320px -100px;
    height: 40px;
    display: block
}

.iconbank-BAB {
    background-position: -430px -150px;
    height: 40px;
    display: block
}

.iconbank-GPB {
    background-position: 10px -50px;
    height: 40px;
    display: block
}

.iconbank-AGB {
    background-position: -210px 0;
    height: 40px;
    display: block
}

.iconbank-BIDV {
    background-position: -320px 0;
    height: 40px;
    display: block
}

.iconbank-OJB {
    background-position: -100px -100px;
    height: 40px;
    display: block
}

.iconbank-PGB {
    background-position: -210px -100px;
    height: 40px;
    display: block
}

.iconbank-SHB {
    background-position: 10px -200px;
    height: 40px;
    display: block
}

.iconbank-TPB {
    background-position: -100px -200px;
    height: 40px;
    display: block
}

.iconbank-NAB {
    background-position: -320px -150px;
    height: 40px;
    display: block
}

.iconbank-SGB {
    background-position: -320px -200px;
    height: 40px;
    display: block
}

.iconbank-nl {
    background-position: -535px -9px;
    height: 31px;
    width: 39px;
    display: inline-block
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }

    to {
        top: 0;
        opacity: 1
    }
}

#membership {
    margin-top: 50px
}

#membership h4 {
    color: #ababab;
    margin-bottom: 10px
}

.couponctnr {
    background: #fff;
    padding: 10px;
    border: 1px solid #ffa500;
    border-radius: 5px;
    max-width: 300px
}

.couponctnr span {
    font-size: 12px
}

.couponctnr strong {
    display: block;
    color: #ffa500;
    font-weight: normal;
    margin: 10px auto;
    text-align: center
}

.couponctnr button {
    display: block;
    color: #fff;
    background: #ffa500;
    border-radius: 4px;
    margin: auto;
    padding: 5px 10px
}

#paymentonline {
    display: inline-block
}

#bankcode {
    display: none
}

#bankcode a {
    width: 100px;
    margin: 0 10px 10px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center
}

#bankcode a:hover {
    border-color: #ff9142
}

.text-red {
    color: #f00;
    padding-bottom: 15px
}

.tabs {
    display: flex;
    text-align: center;
    justify-content: center;
    border-bottom: 1px solid #f00;
    margin: 0 -10px
}

.tabs>div {
    padding: 10px 25px 7px;
    border: 1px solid transparent;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    z-index: 1;
    background-color: transparent;
    color: #999;
    margin-right: 10px;
    font-weight: bold;
    opacity: .6;
    border-top-width: 4px;
    transition: .2s all ease
}

.tabs>div.act,
.tabs>div:hover {
    background: #fff;
    opacity: 1;
    border: 1px solid #f00;
    border-bottom: none;
    color: #333;
    margin-bottom: -1px;
    border-top-width: 5px
}

.tabs a {
    position: relative;
    padding-left: 25px
}

.tabs a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #ff9142;
    border-radius: 100%;
    background: #fff
}

.tabs .act a:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ff9142;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.btnnl {
    display: none !important;
}
.btn-back img {
    width: 40px;
    height: 15px;
}